Question 1

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

Accepted Answer

serviceは、@Injectableデコレーターが付与されたTypeScriptクラスで、ビジネスロジックや共有データをカプセル化します。serviceは、再利用可能なロジックをコンポーネントから抽出することで関心の分離の原則に従います。Angularのdependency injectionシステムを通じて他のクラスに注入でき、コードのモジュール性とテスト可能性を高めます。

Question 2

Angularでクラスをinjectableにするデコレーターはどれですか？

Accepted Answer

@Injectableデコレーターは、クラスをAngularのdependency injectionシステムでserviceとして使用するために必須です。このデコレーターにより、Angularはserviceの依存関係を解決するために必要なメタデータを生成できます。@Injectableがない場合、TypeScriptコンパイラはinjectionに必要な型情報を保持せず、実行時エラーを引き起こします。

Question 3

基本的なserviceを作成する正しい構文はどれですか？

Accepted Answer

Angular serviceを作成する完全な構文には、@angular/coreからInjectableデコレーターをインポートし、providedInオプションを指定してクラスに適用することが含まれます。このモダンな設定により、serviceはアプリケーションのルートinjectorに自動的に登録されます。providedIn: 'root'オプションはtree-shakingを可能にし、グローバルなシングルトンを保証するため、ベストプラクティスです。

Services & Dependency Injection

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

回答

Angularでクラスをinjectableにするデコレーターはどれですか？

回答

基本的なserviceを作成する正しい構文はどれですか？

回答

@Injectableのprovided In: 'root'は何を意味しますか？

コンポーネントにserviceを注入する方法は？

その他のAngular面接トピック

TypeScriptの基礎

TypeScript上級

Angularの基礎

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

Angularモジュールの構成

Angular CLI

ディレクティブとPipe

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

リアクティブフォーム

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

RxJS の基礎

RxJS オペレーター

HttpClientとAPI呼び出し

基本的な状態管理

Change Detection

Angular Signals

Standalone Components

Angularのユニットテスト

エンドツーエンドテスト

ビルドと最適化

NgRxの基礎

NgRx応用

Angularアーキテクチャ

パフォーマンス最適化

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

高度な RxJS パターン

Angular Universal と SSR

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

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