バージョンアップ内容で気になった箇所をピックアップしていきたいと思います。基本的にはIvyがメインのリリースになります。使用した入力バリデーションが存在します。今回はそれをAngular版にしてみました。TypeScriptで実現します。メソッド使用時にURLクエリパラメータを配列で渡す場合のサンプルです。ルーティン後に自動で別サイトにリダイレクトするサンプルを作成する。Angularのユニットテストで特定ファイルをカバレッジから除外したいケースがあります。以下の設定をすることで対応可能です。Globs形式でカバレッジ除外対象のファイルを指定する。2019に参加してきました。バージョン8.0や次のリリースに含まれる内容などの話しだったり、開発事例の話しがメインでした。8がリリースされましたね。Preview機能での提供になります。いつも通り、気になった箇所をピックアップして紹介していきます。Chromeの拡張機能を紹介します。Angularデバッグ用に使用できるAnguryです。Chromeウェブストアからインストールすることで使用可能です。値を設定した場合は、変更後の値が文字列で設定されます。値を設定することで、文字列以外の値を扱えるようになります。設定方法が変わってきます。設定方法や使い分けについて記載します。使用してユニットテストを実行するサンプルを作成しました。判定を使用するケースがあります。面倒なので拡張メソッド化してみたいと思います。基本的には以下の記事と同様に拡張できます。ついての記事を記述しました。個人的な使い分けを記載します。ngForにはtrackByという設定項目があります。ngForはtrackByを使用しない場合、コレクションに変更があったら全てのDOMを再生成します。trackByを使用することで変更箇所のDOMのみ再生成するように設定できます。使用した場合、IE11ではundefinedでエラーになります。対応していない為です。そのため、IE11でも使いたい場合はpolyfillsの設定が必要になります。2018に参加してきました。今回はWEBのフロント技術の話を中心に聴いてきました。Angular系のセッションが意外とあった。開発実績からのノウハウ的な話が聴けて良かった。サポート期間終了)スケジュールを箇条書きにしておきます。1バージョンはアクティブサポート6ヵ月、LTSが12ヵ月の合計18ヵ月サポートされます。Scrollingが追加されました。これは表示されている部分のみDOM要素を生成するものになります。表示以外の箇所のDOM生成は行わないため、パフォーマンスが向上します。普段利用している拡張機能ご紹介です。Supportと同様にHTMLからTypeScriptの定義に飛ぶことが可能です。普段利用している拡張機能ご紹介です。Serviceと重複している箇所がありますが、HTML・TypeScriptの双方から定義に飛ぶことができる拡張機能です。7.0.0がリリースされましたね。大きな機能追加はありませんが、気になった箇所をピックアップしていきます。type="number">を指定しても数値以外の入力が可能です。今回はDirectiveを使用して数値のみを入力する共通処理を実装したいと思います。今回はControlValueAccessorを使用した双方向バインディングの実装の仕方を記載します。通常の双方向バインディングの実装については以下の記事を参照して下さい。自作コンポーネントで双方向バインディングの実装の仕方を記載します。※今回はControlValueAccessorは未使用で実装します。下記のような設定をします。@Inputでプロパティを定義する。@OutputでEventEmitterを定義する。6.1.0になりKeyValuePipeが追加されました。KeyValuePipeのサンプルを作ってみたいと思います。6.1をピックアップした記事です。6.1.0がリリースされましたね。マイナーバージョンチェンジなのであまり大きな変更はありませんが、気になった箇所をピックアップしていきます。SeedというGulpを利用して独自にビルド環境を構築しているプロジェクトがあります。CLIに移行する際のメモ等を記載していきます。今回はビルドとテストの移行を記載します。詳細は以下のプロジェクトをご確認ください。2018に参加してきました。PWA・ハイブリッドアプリ等のHTML5関連技術の話しがメインでした。Ionicの導入事例が聞けて個人的にはよかった。Angularの@Componentの設定関連をメモ。ヶ月)都内在住のシステム屋兼Jenkinsおじさん。フルスタック的に色々とやります。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。