Angular

📖 もうちょい詳しく

何が新しいの？

Angular（あんぎゅらー）は、ブラウザの中で動くWebアプリの画面を作るための「フレームワーク」です。フレームワークというのは、よく使う部品やルールがあらかじめ用意された「開発の土台」のことです。Googleが中心になって開発していて、とくに大きくて複雑なアプリ向けに設計されています。

どうやって動いてるの？

Angularでは、画面を「コンポーネント」という小さな部品に分けて作ります。それぞれの部品が見た目と動きをひとまとめに持っていて、それを組み合わせて1つの画面を仕上げます。データが変わると、Angularがその変化を見つけて、画面の必要な部分だけを書き換えてくれます。

何ができるの？

社内の管理画面や、操作の多い業務アプリのように、機能がたくさんあるWebアプリを作るのに向いています。画面の切り替えや入力フォームの確認など、よく必要になる仕組みが最初から付いてくるので、追加で道具を集めて回らなくても作り始められます。

🌱 身近なたとえ

工具がひとそろい入った「ツールボックス」で例えると分かりやすいです。ドライバーもレンチもメジャーも、最初から箱に入っている状態です。一つずつ買い足さなくても、箱を開ければ必要なものがだいたいそろっている。Angularはそういう「最初から一式そろった箱」に近い考え方です。

✅ まず覚えるポイント

• Angularはフロントエンド（ブラウザ側の画面）を作る土台です。
• Googleが中心になって開発しています。
• 画面を「コンポーネント」という部品に分けて組み立てます。
• 大きく複雑なアプリ向けで、必要な機能が一通りそろっています。
• 主に「TypeScript」という言語で書くことが多いです。

🧭 よくある勘違い

Angularは特別な新しい言語なの？

言語ではなく、JavaScriptやTypeScriptを使って画面を作るための「枠組み（フレームワーク）」です。Angular用の新しい言語を覚える、というより、用意されたルールや部品の使い方を覚えていくイメージに近いです。

「AngularJS」と同じもの？

名前は似ていますが、別物として扱われることが多いです。AngularJSは古い世代の呼び名で、いまの「Angular」は作り直された新しい世代を指します。これから学ぶなら、ふつうは新しいほうのAngularを指していると考えてよい場合が多いです。

🧩 関連して覚えると楽な言葉

• SPA（シングルページアプリ）: ページを切り替えず1画面で動かす作りで、Angularが得意とする形です。
• フレームワーク: よく使う部品やルールがそろった、開発の土台です。
• TypeScript: JavaScriptに型のしくみを足した言語で、Angularでよく使われます。
• React: 同じくフロントエンドを作る道具の一つで、よく比べられます。

🏁 ひとことでまとめ

Angularは、機能の多いWebアプリを腰を据えて作るときに頼れる、部品とルールがひとそろいになった画面づくりの土台です。