Question 1

AngularにおけるAOTコンパイルとは何ですか？

Accepted Answer

AOT（Ahead-of-Time）コンパイルは、Angularのコードとテンプレートをデプロイ前のビルドフェーズで最適化されたJavaScriptに変換します。Angularコンパイラがバンドルに含まれないためバンドルサイズが削減され、読み込みパフォーマンスが向上し、テンプレートのエラーを早期に検出できます。Angular 9以降、AOTはすべてのビルドでデフォルトで有効になっています。

Question 2

JITコンパイルに対するAOTの主な利点は何ですか？

Accepted Answer

AOTは、JITがブラウザにコンパイラを必要とするのとは異なり、Angularコンパイラ（約1MB）が最終バンドルから除外されるため、より小さなバンドルを生成します。また、AOTはクライアント側のコンパイル手順を排除することで読み込み時間を改善し、テンプレートエラーを早期に検出し、テンプレートを事前コンパイルすることでセキュリティを向上させます。

Question 3

ng buildコマンドでAOTコンパイルを有効にするには？

Accepted Answer

Angular 9以降、AOTはすべての環境のデフォルトコンパイルです。プロダクションビルドでは、ng build --configuration productionを使用することでAOTが自動的に有効になります。--aotフラグは存在しますが、angular.jsonで明示的に別の設定がされていない限り、AOTは常にアクティブであるため冗長です。

ビルドと最適化

AngularにおけるAOTコンパイルとは何ですか？

回答

JITコンパイルに対するAOTの主な利点は何ですか？

回答

ng buildコマンドでAOTコンパイルを有効にするには？

回答

angular.jsonのどの設定がプロダクションビルドの最適化を有効にしますか？

Angularにおけるtree shakingとは何ですか？

その他のAngular面接トピック

TypeScriptの基礎

TypeScript上級

Angularの基礎

コンポーネントとライフサイクル

Services & Dependency Injection

Angularモジュールの構成

Angular CLI

ディレクティブとPipe

ルーティングとナビゲーション

リアクティブフォーム

テンプレート駆動フォーム

RxJS の基礎

RxJS オペレーター

HttpClientとAPI呼び出し

基本的な状態管理

Change Detection

Angular Signals

Standalone Components

Angularのユニットテスト

エンドツーエンドテスト

NgRxの基礎

NgRx応用

Angularアーキテクチャ

パフォーマンス最適化

セキュリティとベストプラクティス

高度な RxJS パターン

Angular Universal と SSR

Angular マイクロフロントエンド

次の面接に向けてAngularをマスター