いよいよ待ちが終わりました。

Angular 12がリリースされ、開発者は興奮していますが、Webサイトを構築している企業もAngularを使用している必要があります。GoogleによるこのTypeScriptベースのWebフレームワークの更新は、2021年5月12日に公開されました。

開発者によると、このバージョンのAngularは「IvyEverywhere」の達成に近づいています。アイビーは、次世代のコンパイルとレンダリングのチャネルです。言い換えれば、それは非常に高度であり、以前は利用できなかった改善されたページ読み込み速度のような機能を提供することができます。

Angularチームは、ViewEngineが将来のリリースで削除されることも発表しました。現在のライブラリはViewEngineを使用しており、これは引き続きIvyアプリで動作しますが、ライブラリの作成者はIvyへの移行を開始することをお勧めします。

Angular12の機能

Ivyベースの言語サービスは、コードの完了、デフォルトでのオプトインからオンへの移行、テンプレート内のヒントなど、すでにいくつかの機能を提供しています。Angularのバージョン12の追加機能と改善点の一部を次に示します。

• インクリメンタルコンパイル—コンパイラのCLIパフォーマンスを向上させるために、Angular12ではリダイレクトされたソースファイルが存在する場合にインクリメンタルコンパイルが可能です。
• コーディングの改善—Nullish合体がAngularテンプレートで機能するようになりました。これは、TypeScriptクラスでより明確なコードを書くのに役立ちます。
• 新しいAPIへの自動切り替え—現在、AngularMaterialとAngularCDKは、新しい@use構文で使用するために設計された新しいSassAPIサーフェスを公開しています。Angular 12に更新すると、アプリはngupdateを介して更新することで新しいAPIに自動的に切り替わります。
• 移行機能— Angular 12で利用可能なツールがあり、レガシーローカリゼーションIDを最新のアルゴリズムを使用してIDに移行するのに役立ちます。
• インラインSASS—コンポーネントは、@ componentデコレータのスタイルフィールドでインラインSASSをサポートするようになりました。
• 効率的— ngビルドの実行はデフォルトで本番環境になりました。これにより、いくつかの手順を節約し、開発ビルドの偶発的な展開を防ぐことができます。
• 厳密モード—CLIで厳密モードがデフォルトで有効になりました。これは、開発サイクルの早い段階でエラーを見つけるのに役立ちます。
• Webpack 5 — Webpack5モジュールバンドラーは本番環境に対応しています。
• IE11はもうありません— Internet Explorer11ブラウザーのサポートはもうありません。
• コンパイラのサポート—コンパイラの場合、コンポーネントスタイルのリソースを変換するためのサポートが提供されます。
• Angularプロパティの補完— Angularプロパティの補完は、言語サービスのテンプレートでのみ提供されるようになりました。
• コンテキストオプション—コンパイラ-cliにコンテキストオプションが導入され、タイプセーフな方法で任意のデータを提供できるようにするリクエストを送信できるようになりました。この機能は、リクエストごとにHTTPクライアントでインターセプターを構成する必要性に対処します。
• DOM要素の飛躍的進歩—アニメーションの場合、ルートビューが削除されると、DOM要素が正しく削除されるようになりました。これは重大な変更です。
• 不要な機能の削除—パフォーマンスを向上させるために、未使用のメソッドがDomAdapterから削除されました。
• Legacy Migrate —レガシーメッセージIDを正規のメッセージIDにマッピングするために使用できるJSONファイルを生成するために、legacy-migrateと呼ばれる新しい形式がlocalize-extractに追加されました。
• 改善されたヌルチェック—厳密なヌルチェックは、潜在的にヌルであるフラグメントについて報告します。これは重大な変更です。
• APP INITIALIZERの改善— APP-INITIALIZERトークンのタイプが変更され、Angularによって処理される戻り値のタイプをより正確に反映するようになりました。これは重大な変更です。
• アニメーション機能の変更—BrowserAnimationsModulewithConfigを介してアニメーションを無効にするためのサポートが追加されました。
• 放出イベントオプションの導入—FormArrayおよびFormGroupに放出イベントオプションが追加されました。これは重大な変更です。
• より良い制御—より微調整された制御がrouterLinkActiveOptionsに追加されました。
• ルータールーレットの実装—カスタムルーターアウトレットの実装が許可されます。
• TypeScriptのサポート— TypeScript 4.2のサポートが追加され、TypeScript4.0およびTypeScript4.1のサポートが終了しました。

• HttpParamsでのappendAll（）メソッドの実装。
• フォームに最小および最大のバリデーターが導入されています。
• Angular Language Serviceに、テンプレートファイルを使用するコンポーネントの場所にアクセスできる機能が追加されました。
• 新しい診断では、strictTemplatesをオンにすることを提案し、コンパイラオプションの診断を取得する方法を言語サーバーに提供します。

Angular 12のサウンドには、たくさんの新機能が詰め込まれています。その多くは、Webアプリケーションを構築するための非常に多くの新しい可能性を開く可能性があります。今年Angularに価値のある競争を与えているフレームワークは他にもいくつかあると言っても過言ではありません。

私は特にReactとVueについて話している。これらのフレームワークは両方とも、今年の第2四半期の初めに最新バージョンをリリースしました。

AngularがVueやReactと比べてどれだけ優れているかは、他のフレームワークは言うまでもなく、いつでも詳細を学び、ニーズに最適なものを選択できるものです。これがAngular12の新しいすべてに対処することを願っています。