Angular（アンギュラー）

Angular（アンギュラー）とは、Googleが開発・提供している、TypeScriptをベースにしたWebアプリケーション向けのフロントエンドフレームワークです。大規模なWebアプリケーションを効率よく開発できるよう、必要な機能があらかじめ幅広く用意されているのが特徴です。

現実世界に例えると、Angularは「設計図から部品一式まで最初から揃っている、大規模建築向けの建築キット」のようなものです。必要な道具をその都度自分で探して組み合わせるのではなく、あらかじめ決められた手順と部品に沿って組み立てていくことで、大きな建物でも統一感を保ちながら効率よく作り上げられます。

Angularの特徴

Angularは、ルーティングやフォーム処理、サーバーとの通信など、Webアプリ開発に必要な機能の多くを標準機能として最初から搭載しているフルケタックフレームワークです。そのため、別途多くのライブラリを個別に選定・追加しなくても、Angularだけである程度まとまったアプリケーションを構築できます。

コンポーネント指向の設計

Angularでは、画面を構成する部品を「コンポーネント」という単位に分割して開発します。それぞれのコンポーネントが見た目（テンプレート）とロジック（TypeScriptのクラス）をセットで持つことで、機能ごとに整理された、再利用しやすいコードを書きやすくなります。

他のフレームワークとの違い

主な用途

Angularは、機能が豊富で構成があらかじめ統一されているという特徴から、複数人で長期間にわたって開発・保守する大規模なエンタープライズ向けWebアプリケーションで採用されることが多いフレームワークです。管理画面や業務システムなど、規模の大きいシステム開発の現場でよく利用されています。

学習コストについて

Angularは機能が豊富である一方、覚えるべき独自の書き方や概念（モジューセ、依存性の注入など）が多く、React・Vue.jsと比べて学習コストが高めだといわれています。その分、決まったルールに沿って開発を進めやすく、チーム開発において書き方のばらつきが出にくいという利点もあります。

あわせて知っておきたい用語

• React：
  Angularと同じくWebアプリ開発に使われる、代表的なJavaScriptライブラリです。
• Vue.js：
  比較的学習コストが低いとされる、人気のフロントエンドフレームワークです。
• TypeScript：
  Angularの標準言語として使われる、JavaScriptに型を追加した言語です。
• SPA（シングルページアプリケーション）：
  ページ全体を再読み込みせずに画面を切り替えるアプリケーションの形式です。