Angular

リソースの破棄にDestroyRefを使用しよう

DestroyRef は Angular 16 で追加された機能の1つで、 Component 等のスコープが破棄される際に呼び出されるコールバックを登録することができます。本記事では DestroyRef について簡単に紹介します。

Angular Materialの見た目をカスタマイズしたい

Angular v15 がリリースされて既に数ヶ月が経過しました。 Angular チームが開発を行っている Angular Material も同時に v15 がリリースされています。 Angular Material v14 までは Material 2 の仕様に準拠したコンポーネント群を独自の実装で提供されて…

Angular Standalone Componentsを試してみよう

2022年6月にリリースされた Angular 14 には Standalone Components という新機能が含まれています。今回は Standalone Components のみを使用して小さなアプリケーションを開発してみます。 試した環境 Standalone Components とは Standalone Components …

Angular 14からReactive Formsの型が固くなるようです

Angular でフォームに対するユーザー入力を処理するには、テンプレート駆動型とリアクティブ型の2種類の実装方法があります。 Angular 14 では後者のリアクティブ型に機能強化が行われ、フォームの型がフレームワークに認識される様になります。今回はこの強…

Angular CLIのビルドキャッシュでCIの速度アップを目指す

JavaScript(TypeScript)のビルド時間が長い問題に頭を痛めている方々はとても多いと思います。大規模なプロジェクトではフルビルドに数分~10分超かかってしまうこともしばしば。今回は Angular 13 で標準機能となったビルド時のディスクキャッシュを利用…