Angular は『大規模Webアプリ』の堅実な選択肢
Angular は近年 Signal API/Standalone Components 等で大幅進化し、再び注目される選択肢となっています。本記事では編集部の視点で、実務での使い方を公開情報をもとに整理します。React 学習ロードマップ もご参考に。
Angular の特徴
(1) フルスタックフレームワーク：ルーティング/フォーム/HTTP/I18n 内蔵。(2) TypeScript First：他フレームワークより厳格。(3) RxJS：リアクティブプログラミング深く統合。(4) 大規模アプリ向き：エンタープライズで採用多数。(5) Material UI：公式デザインシステム。
Signal API
(1) シンプルなリアクティブ：RxJS 不要のケース増。(2) signal()/computed()/effect()。(3) パフォーマンス向上：細粒度の再描画。(4) Angular 17+で安定化。(5) 従来 RxJS と共存可能。他フレームワークの React Hooks や Vue 3 Composition API に近い思想。
Standalone Components
(1) NgModule 不要：シンプル化。(2) 個別 import：bundle size 改善。(3) 段階的移行可能。(4) 新規は Standaloneが推奨。(5) 従来 NgModuleとも併用可。
SSR / Hydration
(1) Angular Universal：SSR の伝統的選択。(2) Non-destructive Hydration：Angular 16+ で改善。(3) i18n SSR対応。(4) edge SSR：Cloudflare Workers 等。(5) SEO 改善：Web Vitals 良化。Web Vitals 最適化 もご参考に。
状態管理
(1) Signalでローカル状態。(2) NgRx：Redux 風の伝統的選択。(3) NGXS：シンプルなストア。(4) RxJS Subject：BehaviorSubject 等。(5) サーバー状態：Apollo/HttpClient + caching。
採用市場とエコシステム
(1) エンタープライズ需要：金融/通信/医療等。(2) 採用市場：React の半分以下(公開情報をもとに)。(3) 学習コスト：React/Vue より高め。(4) 長期保守：Google バックアップで安定。(5) 転職市場：Angular 経験は希少価値あり。
失敗しがちなパターン
(1) RxJS の depth に溺れる。(2) NgModule の依存爆発。(3) 循環依存：DI 設計ミス。(4) Bundle 肥大：lazy load 未活用。(5) Signal 旧記法の混在。対策は、(1)Signal優先、(2)Standalone移行、(3)サービス階層整理、(4)lazy routing、(5)新規はSignal純粋、です。