Angularアプリの構成

Angular アプリは、コンポーネントと呼ばれる小さなブロックで構成されています。それぞれが画面の一部分を担います。

ヘッダー、ボタン、プロフィールカード。それぞれが独立したコンポーネントです。組み合わせれば、アプリが完成します。

LEGO を思い浮かべてください。小さなブロックを組み合わせて、大きな作品を作ります。ブロックは作り直すことなく、いつでもどこでも再利用できます。

各コンポーネントには、HTML で記述されたテンプレートがあります。画面に何を表示するかを定義するもので、目に見える部分です。

{{ name }} が見えますか？Angular はここを実際のデータに置き換えます。データを変更すると、画面も自動的に更新されます。

各コンポーネントの背後には TypeScript コードがあります。データを保持し、何をするかを決める頭脳の役割を果たします。

つまり、コンポーネントは2つの要素からできています。目に見える HTML と、処理を担う TypeScript です。この2つが組み合わさって、一つのパーツになります。

ボタンをタップすると、頭脳が反応します。何かを保存したり、メッセージを表示したりします。アプリが生きているように感じられます。

アプリ全体は、木の枝のように、コンポーネントの中に別のコンポーネントが入れ子になって構成されています。シンプルな仕組みを繰り返し組み合わせているのです。

これで Angular とは何か、なぜ存在するのか、そして Angular アプリがどのようなものかがわかりました。しっかりとした基礎が身に付きましたね。素晴らしいです！

最後の問題です！Angular アプリを構成する小さな基本ブロックは、何と呼ばれているでしょうか？