30秒で判断
- 対応すべき人: Angular 22系を利用中で、テンプレートの記述性や出力バインディングの型安全性を高めたい開発者
- 対応不要な人: Angular を使用していない、または 22系以外を利用していて今すぐメジャー移行の予定がない開発者
- 確認コマンド:
ng version/npx ng version（現在のバージョン確認）
この変更が意味すること
Angular 22.2.0 は、コンパイラと compiler-cli を中心に新機能が追加された minor リリースです。破壊的変更は確認されておらず、22系を利用中であれば比較的安全に取り込める想定です。
目玉は2つあります。1つ目は、テンプレートから private プロパティへアクセスできるようになった点です。これまでテンプレートで参照するためだけに public 化していたプロパティを、コンポーネントの実装意図どおり private のまま扱えるようになります。2つ目は、出力バインディングのタイポを検出する strictUnclaimedEventNames オプションの追加です。イベント名の綴り間違いをコンパイル時に検出でき、実行時まで気づけなかったバグを早期に潰せます。
主な変更点
compiler
- テンプレートから private プロパティへアクセスできるように
::ng-deepを含む親では入れ子セレクタをカプセル化しないよう修正- 入れ子CSSルールのスコープを正しく適用するよう修正
compiler-cli
- 出力バインディングのタイポ（誤ったイベント名）を検出する
strictUnclaimedEventNamesオプションを追加
EOL / サポート状況
| サイクル | 最新 | 状況 | EOL |
|---|---|---|---|
| 22 | 22.2.x | active | 2028-06-30 |
| 21 | 21.2.x | active | 2027-06-30 |
| 20 | 20.3.x | active | 2026-11-28 ⚠️ |
| 19 | 19.2.x | eol | 2026-05-19 |
| 18 | 18.2.x | eol | 2025-11-21 |
20系はEOLが約2ヶ月後（2026-11-28）に迫っています。20系を利用中の場合は、21系・22系への移行計画もあわせて検討してください。
開発者への影響
- テンプレートで private プロパティを参照できるため、不要な public 化を減らしカプセル化を保てる
strictUnclaimedEventNamesにより出力バインディングのタイポをコンパイル時に検出できる- 入れ子CSSや
::ng-deepのスコープ挙動が修正されるため、スタイルの意図しない漏れ・欠落が改善する可能性がある
アップデート方法
ng update @angular/core@22 @angular/cli@22
strictUnclaimedEventNames を有効化する場合は、既存のテンプレートで未使用イベント名の警告が出ないか確認してから段階的に導入してください。
データソース: GitHub Releases API, endoflife.date, npm Registry AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。