Question 1

テキスト値を表すTypeScriptのプリミティブ型はどれですか？

Accepted Answer

string型は、TypeScriptにおいてシングルクォート、ダブルクォート、またはテンプレートリテラル用のバッククォートで囲まれたすべてのテキスト値を表します。アプリケーションでテキスト、名前、メッセージ、URL、またはあらゆるテキストコンテンツを格納するのに適した型です。

Question 2

TypeScriptにおけるgenericとは何ですか？

Accepted Answer

genericは、単一の型ではなく複数の型で動作する再利用可能なコンポーネントを作成できます。genericsは任意の型を表すために型パラメータ（Tなど）を使用します。これにより柔軟性を犠牲にせずに型安全なコードを書くことができ、例えば型情報を保持しながら任意の型の配列を操作する関数を作成できます。

Question 3

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

Accepted Answer

componentは、ユーザーインターフェースの一部を制御するAngularアプリケーションの基本構成要素です。HTMLテンプレート、CSSスタイル、@Componentデコレーターを持つTypeScriptクラスを組み合わせています。このアーキテクチャにより、再利用可能でモジュール化されたインターフェースを作成でき、ビューとビジネスロジックの関心の分離を促進します。

Question 4

Angularのライフサイクルフックとは何ですか？

Accepted Answer

ライフサイクルフックは、コンポーネントやディレクティブのライフサイクルの重要な瞬間にAngularによって自動的に呼び出される特別なメソッドです。これらのフックは、作成、更新、破棄などの特定の段階でコードを実行することを可能にします。最も一般的なフックはngOnInit、ngOnChanges、ngOnDestroyです。

Question 5

AngularのFormControlとは何ですか？

Accepted Answer

FormControlはAngularのリアクティブフォームの基本クラスで、個別のフォームフィールドを表します。フィールドの値、バリデーション状態をカプセル化し、ユーザー操作を処理するメソッドを提供します。各FormControlはvalidatorsを持ち、observableを介して変更に反応し、touched、dirty、pristineなどの状態を維持できます。FormGroupやFormArrayを使用して複雑なリアクティブフォームを構築するための基本要素です。

Question 6

テンプレート駆動フォームを使用するためにインポートするAngularモジュールはどれですか？

Accepted Answer

FormsModuleはAngularでテンプレート駆動フォームを有効にするために必要です。NgModelやNgFormなどのディレクティブを提供し、[(ngModel)]による双方向データバインディングを可能にします。このモジュールがないと、フォームディレクティブは動作せず、Angularはエラーをスローします。

Question 7

RxJS における Observable とは何ですか？

Accepted Answer

Observable は、時間とともに複数の値を持つ遅延コレクションです。同期的または非同期的にゼロ、1 つ、または複数の値を発行できるデータストリームを表します。単一の値を発行する Promise とは異なり、Observable は複数の値を発行でき、unsubscribe によるキャンセルをサポートします。

Question 8

AngularアプリケーションにおけるNgRx Storeとは何ですか?

Accepted Answer

NgRx StoreはRxJSをベースにしたAngular向けのReduxパターン実装です。アプリケーションのグローバルな状態を予測可能かつ不変な方法で管理する集中型コンテナを提供します。Storeはコンポーネントがselectorsを介して状態の変更を購読できるObservableを公開します。

Question 9

NgRxにおけるcreateEntityAdapterの主な役割は何ですか？

Accepted Answer

Entity Adapterは、正規化されたエンティティのコレクションを管理するためのreducerとselectorを自動的に生成します。addOne、addMany、updateOne、removeOneなどのメソッドを提供し、IDでインデックス化されたオブジェクトの操作を容易にします。これにより、コレクション管理ロジックを手動で記述する必要がなくなり、パフォーマンス向上のために正規化された状態が保証されます。

Question 10

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

Accepted Answer

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

Angular面接の質問

Angularの面接準備はできていますか？

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をマスター