Question 1

Angularにおけるsignalとは何ですか?

Accepted Answer

signalはAngular 16+で導入されたリアクティビティのプリミティブで、値をラップし、その値が変更されたときにコンシューマーに自動的に通知します。RxJS Observablesとは異なり、signalsはリアクティブな状態管理に対してよりシンプルで高性能なアプローチを提供します。デフォルトで同期的であり、Angularのchange detectionシステムとネイティブに統合されています。

Question 2

初期値を持つsignalをどのように作成しますか?

Accepted Answer

signal()関数は初期値をパラメータとして受け取ります:signal(0)は0を含むsignalを作成します。返されたsignalは値を読み取るために呼び出せるゲッター関数です。値を変更するには、set()、update()、またはmutate()メソッドを使用します。構文は簡潔で、RxJS BehaviorSubjectの冗長性を回避します。

Question 3

signalの値をどのように読み取りますか?

Accepted Answer

signalを関数として呼び出します:count()は現在の値を返します。この構文により、Angularはリアクティブなコンテキスト(templates、computed、effect)で依存関係を自動的にトラッキングできます。subscribe()やasyncパイプが必要なObservablesとは異なり、signalsは同期的で直接的な読み取りを提供します。

Angular Signals

Angularにおけるsignalとは何ですか?

回答

初期値を持つsignalをどのように作成しますか?

回答

signalの値をどのように読み取りますか?

回答

signalの値を完全に置き換えるためにどのメソッドを使用しますか?

以前の値に基づいてsignalをどのように更新しますか?

その他のAngular面接トピック

TypeScriptの基礎

TypeScript上級

Angularの基礎

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

Services & Dependency Injection

Angularモジュールの構成

Angular CLI

ディレクティブとPipe

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

リアクティブフォーム

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

RxJS の基礎

RxJS オペレーター

HttpClientとAPI呼び出し

基本的な状態管理

Change Detection

Standalone Components

Angularのユニットテスト

エンドツーエンドテスト

ビルドと最適化

NgRxの基礎

NgRx応用

Angularアーキテクチャ

パフォーマンス最適化

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

高度な RxJS パターン

Angular Universal と SSR

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

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