Question 1

smart componentとpresentational componentの主な違いは何ですか？

Accepted Answer

smart components（またはcontainer components）は、サービスや状態管理を介してビジネスロジック、API呼び出し、アプリケーションの状態を管理します。presentational componentsは表示のみに焦点を当て、@Inputを介してデータを受け取り、@Outputを介してイベントを発行します。この分離により、コンポーネントのテスト容易性と再利用性が向上します。

Question 2

presentational componentsを使用する主な利点は何ですか？

Accepted Answer

presentational componentsは、サービスや特定のビジネスロジックに依存しないため、非常に再利用可能です。すべてのデータを@Inputで受け取り、@Outputで通信するため、モックデータで簡単にテストでき、異なるコンテキストで再利用できます。このアプローチは、パフォーマンス最適化のためのOnPush戦略の使用も促進します。

Question 3

Angularのfeature moduleとは何ですか？

Accepted Answer

feature moduleは、アプリケーションの特定のビジネス機能をカプセル化するAngularモジュールです（例：ユーザー管理、ショッピングカート）。その機能に必要なすべてのコンポーネント、サービス、ディレクティブ、パイプを含みます。feature moduleはパフォーマンス向上のためにlazy loadでき、スケーラブルなモジュラーアーキテクチャを促進します。

Angularアーキテクチャ

smart componentとpresentational componentの主な違いは何ですか？

回答

presentational componentsを使用する主な利点は何ですか？

回答

Angularのfeature moduleとは何ですか？

回答

Angularアーキテクチャにおけるcore moduleの役割は何ですか？

なぜCore ModuleをAppModuleに一度だけインポートするのですか？

その他のAngular面接トピック

TypeScriptの基礎

TypeScript上級

Angularの基礎

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

Services & Dependency Injection

Angularモジュールの構成

Angular CLI

ディレクティブとPipe

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

リアクティブフォーム

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

RxJS の基礎

RxJS オペレーター

HttpClientとAPI呼び出し

基本的な状態管理

Change Detection

Angular Signals

Standalone Components

Angularのユニットテスト

エンドツーエンドテスト

ビルドと最適化

NgRxの基礎

NgRx応用

パフォーマンス最適化

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

高度な RxJS パターン

Angular Universal と SSR

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

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