Angular (ウェブフレームワーク)

角度
開発者	グーグル
初回リリース	2.0 / 2016年9月14日; 8年前
安定版リリース	19.0.0 / 2024年11月19日; 20日前
プレビューリリース	19.0.0-next.0 / 2024年8月14日; 3か月前
リポジトリ	Angular リポジトリ
書かれた	TypeScript、JavaScript
プラットフォーム	ウェブプラットフォーム
タイプ	ウェブフレームワーク
ライセンス	MITライセンス
Webサイト	角度.dev

Angular （「 Angular 2+」とも呼ばれる） ^[4]は、TypeScriptベースの無料かつオープンソースのシングルページ Webアプリケーションフレームワークです。Googleと個人および企業のコミュニティによって開発されています。Angularは、 AngularJSを構築した同じチームによる完全な書き直しです。Angularエコシステムは、170万人を超える開発者、ライブラリ作成者、コンテンツ作成者からなる多様なグループで構成されています。^[5] Stack Overflow開発者調査によると、Angularは最も一般的に使用されているWebフレームワークの1つです。^[6]

AngularとAngularJSの違い

GoogleはAngularをAngularJSの根本からの書き直しとして設計しました。AngularJSとは異なり、Angularには「スコープ」やコントローラーの概念がありません。代わりに、コンポーネントの階層を主要なアーキテクチャ特性として使用します。^{[7] Angularには、}プロパティ"[ ]"バインディングとイベントバインディングに重点を置いた異なる式構文があります。[ 8 ^{] Angularでは、}静的型付け、ジェネリック、型注釈などの機能を導入したMicrosoftのTypeScript言語の使用が推奨されています。 "( )"

特徴

コンポーネントベースのアーキテクチャ

Angularはコンポーネントベースのアーキテクチャを採用しており、開発者はカプセル化された再利用可能なユーザーインターフェース要素を構築することができます。各コンポーネントは独自のHTML、CSS、TypeScriptをカプセル化しているため、アプリケーションの個々の部分の管理とテストが容易になります。^[9]

データバインディング

Angularは双方向データバインディングをサポートしており、モデルとビューの間でデータを同期します。これにより、ビューの変更はモデルに自動的に反映され、その逆も同様です。^[10]

依存性注入

Angularには依存性注入システムが組み込まれており、コンポーネントやサービスへの依存性の管理と注入が容易になります。これによりモジュール性が促進され、テストが容易になります。^[11]

指令

Angularは、ディレクティブと呼ばれる追加属性でHTMLを拡張します。ディレクティブは、 DOM要素の動作や外観を変更する機能を提供します。^[12]

ルーティング

Angularには、開発者がアプリケーションの状態とナビゲーションパスを定義および管理できるルーターが含まれており、複雑なルーティングを備えたシングルページアプリケーションの構築が容易になります。^[13]

角度CLI

Angular CLI（コマンドラインインターフェース）は、Angularアプリケーションの作成、構築、テスト、展開のためのツールセットを提供します。これにより、アプリケーションの迅速なセットアップが可能になり、進行中の開発タスクが簡素化されます。^[14]

サーバーサイドレンダリング

Angularはサーバーサイドレンダリングを公式にサポートしており、アプリケーションの読み込み時間とパフォーマンスが向上します。サーバーサイドレンダリングは、Webクローラーがコンテンツにアクセスしやすくすることで、検索エンジンの最適化も強化します。^[15]

歴史

Angular 2.0は、2014年10月22日〜23日に開催されたng-Europeカンファレンスで発表されました。^[16] 2015年4月30日、Angular開発者は、Angular 2がアルファ版から開発者プレビュー版に移行したことを発表しました。^[17] Angular 2は2015年12月にベータ版に移行し、^[18]最初のリリース候補版は2016年5月に公開されました。^[19]最終バージョンは2016年9月14日にリリースされました。

Angularバージョン8では新しいコンパイルおよびレンダリングパイプラインであるIvyが導入され、Angularバージョン9ではIvyがデフォルトで有効になりました。Angular 13では、非推奨となった以前のコンパイラであるView Engineが削除されました。^[20]

ネーミング

AngularJSの書き直しは「Angular 2」と呼ばれていましたが、開発者の間で混乱を招きました。明確にするために、チームはフレームワークごとに別の名前を使用する必要があると発表しました。「AngularJS」はバージョン1.Xを指し、「JS」のない「Angular」はバージョン2以上を指します。^[21]

バージョン履歴

今後のリリース

バージョン9以降、Angularチームはすべての新規アプリケーションをIvyコンパイラとランタイムを使用するように移行しました。彼らはIvyに取り組んで、出力バンドルのサイズと開発速度を改善する予定です。^[36]

各バージョンは、以前のリリースとの下位互換性が確保される予定です。Angular 開発チームは、年に 2 回のアップグレードを行うことを約束しています。

サポートポリシーとスケジュール

すべてのメジャーリリースは18か月間サポートされます。このうち6か月はアクティブサポート期間で、定期的にアップデートとパッチがリリースされます。その後12か月間の長期サポート（LTS）期間が続き、重要な修正とセキュリティパッチのみがリリースされます。^[37]

Angularバージョンv2からv15はサポートされなくなりました。^[38]

図書館

角度付きマテリアル

Angular Materialは、 AngularでMaterial Designを実装するUIコンポーネントライブラリです。^[39] GoogleのMaterial Design仕様に準拠した再利用可能なコンポーネントのコレクションを提供し、さまざまなデバイスやプラットフォーム間で一貫したユーザーインターフェースを提供することを目指しています。

Angular Material には、ボタン、カード、ダイアログ、グリッド、フォームコントロールなどのさまざまな UI コンポーネントが含まれています。これらのコンポーネントはカスタマイズ可能で、Angular アプリケーションに簡単に統合できるように設計されています。Angular Material の追加機能には、レスポンシブデザイン、テーマ設定、アクセシビリティのサポートが含まれます。

角度要素

2018年にAngular 6ではAngular Elementsが導入され、開発者はAngularコンポーネントをWebプラットフォームAPIのWebコンポーネントセットの一部であるカスタムWeb要素としてパッケージ化できるようになりました。 ^[40]

参照

参考文献

^ 「Angular、バージョン 2: 固有受容感覚強化」。blogspot.com。2016年 9 月 14 日。2017 年 3 月 12 日時点のオリジナルよりアーカイブ。2017年 3 月 18 日閲覧。
^ . 2024年11月19日 https://github.com/angular/angular/releases/tag/19.0.0 . 2024年11月20日に閲覧。 {{cite web}}:欠落または空|title=(ヘルプ)
^ "angular/CHANGELOG.md". GitHub . 2024年8月14日閲覧。
^ 「AngularJS と Angular 2+: 詳細な比較」。2018 年 4 月 6 日。
^ 「Angular」。angular.io 。 2024年3月26日閲覧。
^ 「Stack Overflow 開発者アンケート 2023」。Stack Overflow 。 2024年6月2日閲覧。
^ 「Angular ドキュメント」. angular.io .
^ 「AngularJS と Angular の違いは何ですか?」gorrion.io 2017 年 9 月 19 日2018 年 1 月 28 日閲覧。
^ 「コンポーネントを使用した構成 · Angular」。angular.dev 。 2024 年 6 月 2 日閲覧。
^ 「バインディングを理解する · Angular」。angular.dev 。 2024年6月2日閲覧。
^ 「Angular での依存性注入」。angular.dev。2024年 6 月 2 日閲覧。
^ 「ディレクティブ · 概要 · Angular」。angular.dev 。 2024年6月2日閲覧。
^ 「ルーティング · 概要 · Angular」. angular.dev . 2024年6月2日閲覧。
^ 「Angular CLI · 概要 · Angular」。angular.dev 。 2024 年 6 月 2 日閲覧。
^ Żurawski, Paweł (2024-05-09). 「Angular SSR: サーバー側レンダリング実装ガイド」. Pretius . 2024-07-17閲覧。
^ “Ng-Europeスケジュール”。2018年4月30日時点のオリジナルよりアーカイブ。2018年4月29日閲覧。
^ @angularjs (2015 年 4 月 30 日)。「Angular 2 がアルファ版から開発者プレビュー版に移行しました。開発者ガイドと API ドキュメントが、現在 angular.io/docs/js/latest で入手可能です」(ツイート) 。2015年 10 月 21 日にTwitter経由で取得。
^ 「Angular: Angular 2 Beta」。angularjs.blogspot.it。2015年12月18日時点のオリジナルよりアーカイブ。2016年7月13日閲覧。
^ "angular/angular". GitHub . 2016年5月4日閲覧。
^ Thompson, Mark (2021-11-04). 「Angular v13 が利用可能になりました」. Angular ブログ. 2024-06-02閲覧。
^ 「Angular: AngularJS のブランディングガイドライン」。2017 年 2 月 4 日時点のオリジナルよりアーカイブ。2017 年 3 月 4 日閲覧。
^ Gechev, Minko (2024-05-23). 「Meet Angular v19」. Medium . 2024-06-02閲覧。
^ Gechev, Minko (2024-05-23). 「Angular v18 が利用可能になりました!」. Medium . 2024-06-02閲覧。
^ ab Gechev、Minko (2023 年 11 月 8 日)。「Angular v17 の紹介」。Medium。Angularブログ。2023 年11 月 12 日閲覧。
^ Gechev, Minko (2022-11-21). 「Angular v15 が利用可能になりました!」. Angular ブログ. 2024-06-02閲覧。
^ Thompson, Mark (2021年11月4日). 「Angular v13が利用可能になりました」. Angular Blog . 2022年1月10日閲覧。
^ Thompson, Mark (2021-05-12). 「Angular v12が利用可能になりました」。Medium 。2021年5月17日閲覧。
^ 「Angular バージョン 11 が利用可能になりました」。2020 年 12 月 4 日。
^ 「Angular バージョン 10 が利用可能になりました」。2020 年 6 月 25 日。
^ Fluin, Stephen (2019-02-08). 「バージョン 8.0 および Ivy の計画」. Angular ブログ. 2019 年 6 月 7 日閲覧。
^ Fluin, Stephen (2018-10-18). 「Angular バージョン 7 — CLI プロンプト、仮想スクロール、ドラッグアンドドロップなど」. Angular ブログ. 2019-06-07に取得。
^ 「Angular バージョン 6.0.0 が利用可能になりました」。2018年5 月 4 日閲覧。
^ Fluin, Stephen. 「Angular バージョン 5.0.0 が利用可能になりました」。2017年11 月 2 日閲覧。
^ 「Angular 5 JavaScriptフレームワークが遅延」2017年9月18日。
^ 「Angular 4.0.0 Now Available」。angularjs.blogspot.ca。2018年1月8日時点のオリジナルよりアーカイブ。2017年3月23日閲覧。
^ Fluin, Stephen (2020 年 2 月 6 日). 「Angular バージョン 9 が利用可能になりました — Project Ivy が登場しました!」. blog.angular.io . 2022 年3 月 22 日閲覧。
^ 「Angular」。angular.io 。 2019年6月7日閲覧。
^ 「Angular」。angular.io 。 2022年6月10日閲覧。
^ 「Angular マテリアル」。material.angular.io。
^ 「Angular 6 カスタム要素と Web コンポーネントを作成する方法」。2018 年 9 月 29 日。

外部リンク

公式サイト
アーカイブされたウェブサイト (Angular 2)

[1] 「Angular、バージョン 2: 固有受容感覚強化」。blogspot.com。2016年 9 月 14 日。2017 年 3 月 12 日時点のオリジナルよりアーカイブ。2017年 3 月 18 日閲覧。

[wikidata-a87e6540c281abefb1ced2b7ce7ae50ddb2a1105-v18-2] . 2024年11月19日 https://github.com/angular/angular/releases/tag/19.0.0 . 2024年11月20日に閲覧。 {{cite web}}:欠落または空|title=(ヘルプ)

[changelog-3] "angular/CHANGELOG.md". GitHub . 2024年8月14日閲覧。

[4] 「AngularJS と Angular 2+: 詳細な比較」。2018 年 4 月 6 日。

[5] 「Angular」。angular.io 。 2024年3月26日閲覧。

[6] 「Stack Overflow 開発者アンケート 2023」。Stack Overflow 。 2024年6月2日閲覧。

[7] 「Angular ドキュメント」. angular.io .

[8] 「AngularJS と Angular の違いは何ですか?」gorrion.io 2017 年 9 月 19 日2018 年 1 月 28 日閲覧。

[9] 「コンポーネントを使用した構成 · Angular」。angular.dev 。 2024 年 6 月 2 日閲覧。

[10] 「バインディングを理解する · Angular」。angular.dev 。 2024年6月2日閲覧。

[11] 「Angular での依存性注入」。angular.dev。2024年 6 月 2 日閲覧。

[12] 「ディレクティブ · 概要 · Angular」。angular.dev 。 2024年6月2日閲覧。

[13] 「ルーティング · 概要 · Angular」. angular.dev . 2024年6月2日閲覧。

[14] 「Angular CLI · 概要 · Angular」。angular.dev 。 2024 年 6 月 2 日閲覧。

[15] Żurawski, Paweł (2024-05-09). 「Angular SSR: サーバー側レンダリング実装ガイド」. Pretius . 2024-07-17閲覧。

[16] “Ng-Europeスケジュール”。2018年4月30日時点のオリジナルよりアーカイブ。2018年4月29日閲覧。

[17] @angularjs (2015 年 4 月 30 日)。「Angular 2 がアルファ版から開発者プレビュー版に移行しました。開発者ガイドと API ドキュメントが、現在 angular.io/docs/js/latest で入手可能です」(ツイート) 。2015年 10 月 21 日にTwitter経由で取得。

[18] 「Angular: Angular 2 Beta」。angularjs.blogspot.it。2015年12月18日時点のオリジナルよりアーカイブ。2016年7月13日閲覧。

[19] "angular/angular". GitHub . 2016年5月4日閲覧。

[20] Thompson, Mark (2021-11-04). 「Angular v13 が利用可能になりました」. Angular ブログ. 2024-06-02閲覧。

[21] 「Angular: AngularJS のブランディングガイドライン」。2017 年 2 月 4 日時点のオリジナルよりアーカイブ。2017 年 3 月 4 日閲覧。

[22] Gechev, Minko (2024-05-23). 「Meet Angular v19」. Medium . 2024-06-02閲覧。

[23] Gechev, Minko (2024-05-23). 「Angular v18 が利用可能になりました!」. Medium . 2024-06-02閲覧。

[:1-24] Gechev、Minko (2023 年 11 月 8 日)。「Angular v17 の紹介」。Medium。Angularブログ。2023 年11 月 12 日閲覧。

[25] Gechev, Minko (2022-11-21). 「Angular v15 が利用可能になりました!」. Angular ブログ. 2024-06-02閲覧。

[:2-26] Thompson, Mark (2021年11月4日). 「Angular v13が利用可能になりました」. Angular Blog . 2022年1月10日閲覧。

[:3-27] Thompson, Mark (2021-05-12). 「Angular v12が利用可能になりました」。Medium 。2021年5月17日閲覧。

[:4-28] 「Angular バージョン 11 が利用可能になりました」。2020 年 12 月 4 日。

[:5-29] 「Angular バージョン 10 が利用可能になりました」。2020 年 6 月 25 日。

[:0-30] Fluin, Stephen (2019-02-08). 「バージョン 8.0 および Ivy の計画」. Angular ブログ. 2019 年 6 月 7 日閲覧。

[:10-31] Fluin, Stephen (2018-10-18). 「Angular バージョン 7 — CLI プロンプト、仮想スクロール、ドラッグアンドドロップなど」. Angular ブログ. 2019-06-07に取得。

[:6-32] 「Angular バージョン 6.0.0 が利用可能になりました」。2018年5 月 4 日閲覧。

[:7-33] Fluin, Stephen. 「Angular バージョン 5.0.0 が利用可能になりました」。2017年11 月 2 日閲覧。

[:8-34] 「Angular 5 JavaScriptフレームワークが遅延」2017年9月18日。

[:9-35] 「Angular 4.0.0 Now Available」。angularjs.blogspot.ca。2018年1月8日時点のオリジナルよりアーカイブ。2017年3月23日閲覧。

[36] Fluin, Stephen (2020 年 2 月 6 日). 「Angular バージョン 9 が利用可能になりました — Project Ivy が登場しました!」. blog.angular.io . 2022 年3 月 22 日閲覧。

[37] 「Angular」。angular.io 。 2019年6月7日閲覧。

[38] 「Angular」。angular.io 。 2022年6月10日閲覧。

[39] 「Angular マテリアル」。material.angular.io。

[40] 「Angular 6 カスタム要素と Web コンポーネントを作成する方法」。2018 年 9 月 29 日。