Question 1

Angularのchange detection機構とは何ですか？

Accepted Answer

Change detectionは、Angularがアプリケーションの状態の変化を検出し、それに応じてDOMを更新するプロセスです。デフォルトでは、AngularはZone.jsを使用して非同期イベント（clicks、HTTP requests、timers）を自動的に検出し、ルートからコンポーネントのチェックをトリガーします。このチェックはコンポーネントツリーを走査し、DOMに適用する変更を特定します。

Question 2

AngularのchangeにおけるZone.jsの役割は何ですか？

Accepted Answer

Zone.jsは、ブラウザのネイティブな非同期API（setTimeout、Promise、addEventListenerなど）をパッチして実行をインターセプトするライブラリです。非同期操作が完了すると、Zone.jsはAngularに通知し、Angularはルートコンポーネントから自動的にchange detectionをトリガーします。これにより、開発者の手動介入なしにAngularが変更を検出できます。

Question 3

Default戦略とOnPush戦略の違いは何ですか？

Accepted Answer

Default戦略は、change detectionサイクルごとにツリー内のすべてのコンポーネントをチェックするため、コストがかかる場合があります。OnPushは、inputが変更された場合（不変参照）、テンプレートからイベントが発行された場合、async pipeが新しい値を受け取った場合、またはmarkForCheck()が手動で呼び出された場合にのみコンポーネントをチェックすることで最適化します。OnPushはチェックを大幅に削減し、パフォーマンスを向上させます。

Change Detection

Angularのchange detection機構とは何ですか？

回答

AngularのchangeにおけるZone.jsの役割は何ですか？

回答

Default戦略とOnPush戦略の違いは何ですか？

回答

コンポーネントでOnPush戦略を有効にする方法は？

AngularコンポーネントにおけるChangeDetectorRefの目的は何ですか？

その他のAngular面接トピック

TypeScriptの基礎

TypeScript上級

Angularの基礎

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

Services & Dependency Injection

Angularモジュールの構成

Angular CLI

ディレクティブとPipe

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

リアクティブフォーム

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

RxJS の基礎

RxJS オペレーター

HttpClientとAPI呼び出し

基本的な状態管理

Angular Signals

Standalone Components

Angularのユニットテスト

エンドツーエンドテスト

ビルドと最適化

NgRxの基礎

NgRx応用

Angularアーキテクチャ

パフォーマンス最適化

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

高度な RxJS パターン

Angular Universal と SSR

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

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