【あんぎゅらー】

Angular とは?

💡 Google製の「フル装備」フロントエンドフレームワーク
📌 このページのポイント
Angular — フルスタックフレームワークの構造 Angular Google製 コンポーネント サービス / DI ルーティング フォーム HTTPクライアント TypeScript ベース 全機能内蔵 大規模開発向き CLI で生産性向上
Angularの構造イメージ
ひよこ ひよこ

AngularってReactVueと何が違うの?

ペンギン先生 ペンギン先生

ReactVueは「UI部分」を担当するライブラリで、ルーティング状態管理は別のライブラリを自分で選んで組み合わせるんだ。Angularは最初から全部入りで、チーム全員が同じやり方で開発できるようになってるよ。会社で使う業務システムみたいな大規模開発に向いてるんだ。

ひよこ ひよこ

TypeScriptが必須なの?

ペンギン先生 ペンギン先生

ほぼ必須だね。Angular自体がTypeScriptで書かれているし、公式のドキュメントも全部TypeScript前提だよ。型があることでチーム開発でのミスを減らせるから、大規模プロジェクトではメリットが大きいんだ。

ひよこ ひよこ

学習コストが高いって聞くけど…

ペンギン先生 ペンギン先生

正直、入門の壁は高いよ。TypeScript・RxJS・依存性注入・デコレーターなど覚えることが多いんだ。でもその分、一度身につければどのAngularプロジェクトに行っても同じ構成で書かれているから、迷いにくいという良さがあるよ。

ひよこ ひよこ

AngularJSとAngularって違うもの?

ペンギン先生 ペンギン先生

まったく別物だよ。AngularJS(バージョン1系)は2010年に出た初代で、2016年にAngular(バージョン2以降)として完全に作り直されたんだ。互換性がないから移行が大変で、この歴史的経緯は混乱のもとだね。

ひよこ ひよこ

Angularは今も進化してるの?

ペンギン先生 ペンギン先生

かなり活発だよ。最近ではStandalone Componentsの導入でNgModule(モジュール定義)が不要になりつつあって、学習コストがだいぶ下がったんだ。ただ、Change Detection(変更検知)の仕組みがZone.jsベースからSignalsベースに移行しつつある過渡期で、どちらの方式でパフォーマンスチューニングすべきかの判断は、Angular歴が長い人でも正直迷うところなんだよ。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Angular」って出てきたら「Google製の大規模向けフロントエンドフレームワークだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「Angular」 = 角度のある・角張った
💬 HTMLのタグに使う「<>」(アングルブラケット)にちなんだ名前だよ
← 用語集にもどる