Angular
[Wikipedia|▼Menu]
.mw-parser-output .hatnote{margin:0.5em 0;padding:3px 2em;background-color:transparent;border-bottom:1px solid #a2a9b1;font-size:90%}

この項目では、Angularフレームワークのバージョン2以降について説明しています。バージョン1については「AngularJS」をご覧ください。

Angular
作者Google
初版2.0 / 2016年9月14日 (7年前) (2016-09-14)[1]

最新版18.0.1 / 2024年5月29日 (4日前) (2024-05-29)[2]
最新評価版18.1.0-next.0 / 2024年5月29日 (4日前) (2024-05-29)[2]
リポジトリgithub.com/angular/angular
プログラミング
言語TypeScript
サポート状況アクティブ
種別Webアプリケーションフレームワーク
ライセンスMIT License
公式サイトangular.dev 
テンプレートを表示

Angular(アンギュラー)は、GoogleのAngularチームと個人や企業のコミュニティによって開発されているTypeScriptベースのオープンソースフロントエンドWebアプリケーションフレームワークである。
概要

AngularJSにはパフォーマンス面と機能の分かり易さについて多くの欠点があったため、AngularJSを構築した開発チームが1年かけて1からコードを書き直した[3]。一部の機能や名称は引き継がれているが、基本的に別のフレームワークである。

Angularはコンポーネントベースのアーキテクチャを採用している。すべてのAngularアプリケーションには、ルートコンポーネントと呼ばれる少なくとも1つのコンポーネントがある。各コンポーネントには、ビジネスロジックの処理を担当する関連クラスと、ビューレイヤを表すテンプレートがある。複数のコンポーネントを積み重ねてモジュールを作成することができ、各モジュールはそれ自体で機能単位を形成する。
特徴Angularアプリケーションのアーキテクチャ

Angularには、以下のような特徴がある。

シングルページアプリケーション(SPA)の開発に向いている。

フルスタックフレームワークであり、単独でフロントエンド開発に必要な機能が一通り揃っている。

コンポーネント指向アーキテクチャである。

AngularとAngularJSの違い

AngularとAngularJSは、以下の点が異なる。

AngularにはScopeやコントローラーという概念が無い。代わりに、コンポーネントベースのアーキテクチャを使用する。

推奨される開発言語が
JavaScriptからTypeScriptに変更された。

データバインド等の文法が変更できる。

フィルター(Filters)はパイプ(Pipes)に変更された[4]。機能はほぼ同じである。

名称について

2012年6月にリリースされたバージョン1は「Angular 1」や「AngularJS」と呼ばれており、その後、2016年9月にリリースされたバージョン2は「Angular v2」または「Angular 2+」と呼ばれていた[5][6]。ただし、後述の通りバージョンリリースサイクルが早いため、バージョン2以降は単に「Angular」と呼ばれるようになった。
バージョンおよびリリースサイクル

Angularは半年ごとにメジャーリリースを行う[7]
バージョン2

Angular 2.0は、ng-Europeカンファレンス22-23で発表された[8][9]。バージョン2.0の劇的な変更は開発者の間で論争を引き起こした。2015年4月30日、Angular開発者はAngular 2がAlphaからDeveloper Previewに移行したことを発表した[10]。Angular 2は2015年12月にベータ版に移行し[11]、最初のリリース候補は2016年5月に公開された[12]。最終版は2016年9月14日にリリースされた。
バージョン4

2016年12月13日にAngular 4が発表された。すでにv3.3.0として配布されていたルーターパッケージのバージョンのずれによる混乱を避けるために3をスキップしている[13]。最終版は2017年3月23日にリリースされた[14]。Angular 4はAngular 2と下位互換性がある[15]
バージョン5

Angular 5は2017年11月1日にリリースされた[16]。Angular 5の主な改善点には、プログレッシブWebアプリケーションのサポート、ビルドオプティマイザ、およびマテリアルデザインに関連する改善点がある[17]
バージョン6

Angular 6は2018年5月4日にリリースされた[18]。これは、基礎となるフレームワークにはあまり焦点を当てておらず、ツールチェーンと、将来的にAngularで素早く移動できるようにすることに重点を置いたメジャーリリースである。追加要素は、ng update、ng add、Angular要素、Angular Material + CDKコンポーネント、Angular Materialスターターコンポーネント、CLIワークスペース、ライブラリサポート、Tree Shakable Provider、アニメーションパフォーマンスの向上、およびRxJS v6である。
バージョン7

Angular 7は2018年10月18日にリリースされた。追加要素は、アプリケーションパフォーマンス、Angular Material & CDK、仮想スクロール、選択のアクセシビリティの向上に関するアップデート、カスタム要素にWeb標準を使用したコンテンツプロジェクション、およびTypeScript 3.1、RxJS 6.3、Node 10に関する依存関係のアップデートをサポート(まだNode 8をサポートしている)である[19]
バージョン8

Angular 8は2019年5月28日にリリースされた。遅延読み込み、Web Worker、TypeScript 3.4のサポート、およびオプトイン(Opt-in)プレビューとしてのAngular Ivyの差分読み込みを特徴としている[20]
バージョン9

Angular 9は2020年2月6日にリリースされた。バージョン8で実験的機能として搭載されていた「Ivy」コンパイラとランタイムがデフォルトとして採用された。「Ivy」は従来よりもバンドルサイズの軽減、ビルド速度の向上、型チェックの改善、国際化(i18n)の改善、テストの改善、CSSクラスとスタイルバインディングの改善、デバッグの改善が行われている。その他、TypeScript 3.7のサポート、YouTubeおよびGoogleマップのコンポーネント導入、Angular Materialのコンポーネントをテストする際にAPIを使ってAngular Materialのコンポーネントを操作することができる「コンポーネントテストハーネス」[21]、IDEと言語サービスの改善が行われている[22]
バージョン10

Angular 10は2020年6月24日にリリースされた。これは通常のリリースサイクルよりも2ヶ月前倒しでのリリースである。Angular 10は以前のアップデートよりも小規模であり、新機能にはAngular Material UIコンポーネントの新しい日付範囲ピッカーとCommonJSインポートの警告機能が含まれる。CommonJSインポートの警告機能は、CommonJSにパッケージ化された依存関係は動作の遅延とアプリケーションの肥大化を発生させる可能性があるため、ECMAScriptモジュールバンドルに置き換えるように開発者に警告を出す。ng newで新しいワークスペースを作成する際に-- strictオプションが利用可能になった。このフラグを有効にすると、テンプレートチェックがstrictモードになり、TypeScriptにstrictオプションが設定されるため、事前にバグをキャッチしやすくなる。その他、TypeScript 3.9、TSLib 2.0、TSLint 6をサポートしている。[23]
バージョン11

Angular 11は2020年11月11日にリリースされた。このバージョンでは、ビルド時にアプリケーション内でリンクされているフォントをダウンロードしてインライン化を行う「フォントの自動インライン化」、Angular Materialの全てのコンポーネントのコンポーネントテストハーネスの追加、ビルド結果のCLI出力フォーマットの改善、テンプレート内の型推論を行えるようにした言語サービスの改善、ホットモジュール交換(HMR)の設定簡易化、依存関係をインストールする際のAngularの互換性コンパイラ(ngcc)の更新プロセス速度及びTypeScript v4.0のコンパイル速度の高速化が行われた。また、TSLintからtypescript-eslint, angular-eslint, tslint-to-eslint-configへの移行を推奨している。ブラウザサポートについては、Internet Explorer 9Internet Explorer 10Internet Explorer Mobileのサポートが削除された。[24]
バージョン12

Angular 12は2021年5月13日にリリースされた。バージョン8以前におけるデフォルトのコンパイラとランタイムである「View Engine」が非推奨となり、将来のバージョンで「View Engine」は削除される予定である。また、コマンドラインオプションの厳密静的解析モード(-- strict)と本番ビルドモード(--prod)がデフォルトで有効となった。TypeScript 3.7で導入されたNULL合体演算子(??)がテンプレートで利用可能になった。その他、 Internet Explorer 11が非推奨となり、バージョン13でInternet Explorer 11のサポートが削除される予定である。TypeScript 4.2、Webpack 5のサポートを追加している。[25]
バージョン13

Angular 13は2021年11月3日にリリースされた。Ivyベースの機能の拡張と最適化が行われ、「View Engine」は削除された。


次ページ
記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:39 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef