15についておもな変更点をまとめてみた。15は2023年11月16日に公式リリースされた。今回もAngularの開発者であればぜひ知っておきたい重要な変更が目白押しなので、ぜひ最後までチェックしてほしい。13についてこちらの記事を。13」の変更点をざっくりと分かりやすく説明する。14についてはこちらの記事を読んでほしい。14のアップデートを解説!スタンドアロンコンポーネントとフォームのタイプ指定。15におけるアップデートの内容をザックリと説明したい。15では安定版として使用できる。Angularでは通常コンポーネントはいずれかのモジュールに属するかたちで存在するが、スタンドアローンコンポーネントとして設定したコンポーンネントはモジュールから独立したかたちで扱うことができる。component}ルータースタンドアローンAPIスタンドアローンAPIの公式リリースに伴ってルーターモジュールにもアップデートが施された。provideRouter関数を使用すれば、アプリのビルドタイムに不要なルートを廃棄することによりアプリのファイルサイズを10%ほど抑えることができる。15からはコンポーネントを生成する際にstandaloneフラッグを付ければ、作成したコンポーネントをスタンドアローンコンポーネントとして自動で設定してくれる。--standaloneディレクティブコンポジションAPIディレクティブコンポジションは以前から開発者からの要望が高かった機能。任意のコンポーネントに対して一括して複数のディレクティブを適用することができる。ディレクティブコンポジションを使用する場合は、コンポーネントを宣言する際にhostDirectivesにディレクティブ名と値を指定する。Web」(https://m3.material.io/develop/web)と連携することにより機能が強化された。Materialと同様にAngularアプリにてマテリアルデザインをコンセプトとしたコンポーネントライブラリである。Materialを使用しているプロジェクトをアップデートするには以下のコマンドを実行する。Materialがバージョン15にアップデートされる。Webに差し替えるために以下のコマンドを実行する。@angular/material:mdc-migration自動アップデートに問題が生じた場合はTODOとしてコード内に表示される。スタックトレースの強化Angular15ではエラーログの出力内容も改善されている。以前はコンソールに表示されるエラー内容は実装とあまり関係のない情報が多く理解しづらいという評判だったが、今回のアップデートにより出力される内容が一新された。newで新しいプロジェクトを作成した際に同時に作られる設定ファイルが少なくなった。設定ファイルの数が多く設定内容を把握するのが大変だったAngularだが、これにより新しい開発者への負担が若干軽減されることになるだろう。以下のファイルは作成すれば今まで通り使用できるので、既存のプロジェクトを変更する必要は無い。polyfills.tspolyfillsの設定はangular.jsonにて直接入力することができるようになった。プロジェクトを新規で作成した時に以前はenvironment.tsが自動で作成されたが、バージョン15からは作成されないようになった。ファイルを作成すれば以前と同様に使用することができる。執筆者:久野嘉樹ドイツ・ベルリン在住のフロントエンド・エンジニア。ドイツにてプログラマのための職業訓練プログラム(インターン2社を含む)を終了したのち、医療関係のソフトウェア会社にてフルスタック・エンジニアとして、様々な開発現場に参加する。現在はドイツの大手SIerにてシニアデベロッパーとして有名企業を顧客とする大規模開発に従事する。Java・TypeScriptをメインに業務管理ソフト・ウェブアプリケーションやAndroidアプリなどの開発経験を持つ。現在はSPA(シングルページアプリケーション)のスペシャリストとしてAngularをメインにフロントエンドの開発に携わる。2009年よりドイツに在住。ドイツ語能力はC1レベル。関連する記事Angularのi18nでアプリを国際化対応する!ngx-translateとの比較。2021.11.24この記事では、Angularの国際化ライブラリであるi18nを使用してアプリを多言語化する方法について説明したい。14のアップデートを解説!スタンドアロンコンポーネントとフォームのタイプ指定。Hostingの使い方。2021.10.02この記事では、Angularプロジェクトをデプロイする方法について説明する。【2023年】TypeScriptのおすすめ書籍5冊!レベル別に入門書からプロ向けまで紹介。2023.05.14【2023年】JavaScriptのおすすめ本7選!入門者・初心者向けにセレクト。2023.03.04HTMLテーブルで表をデザインする!セルの結合・枠線を付ける・レスポンシブ対応など。2023.01.21CSSグリッドレイアウトを極める!基本的な使い方とプロパティの一覧。2023.01.07【2023年】人気のヘッドレスCMSを徹底比較!Contentful・Strapi・Hygraphなど。JSフレームワーク徹底比較!JavaScript実践VSCodeでReactの開発を行う!React開発者のためのオススメ拡張機能。同一オリジンポリシーを理解する。APIコラム海外エンジニアエンジニア論PC。