Angular 19へようこそ！

Angularは、モダンなWebアプリケーションを簡単に構築するために使われる人気のフレームワークです。このレッスンでは、環境のセットアップ方法と、最初のAngularアプリの作成方法を学びます。

Angularとは

Angularは、動的なWebアプリケーションを簡単に構築するためにGoogleが開発したフレームワークです。コンポーネントを使って、アプリケーションをわかりやすく構成できます。

Angularを選ぶ理由

• 学習しやすい
• コードを体系的かつ整理された形で管理できる
• Googleと大規模なコミュニティによるサポートがある

Node.jsのインストール

AngularにはNode.jsが必要です。Node.jsの公式Webサイトにアクセスし、LTS版をダウンロードしてインストールしてください。

Angular CLIのインストール

Angular CLIを使うと、プロジェクトを管理しやすくなります。ターミナルを開き、次のコマンドを実行してください。

npm install -g @angular/cli

npm install -g @angular/cli

最初のAngularプロジェクトを作成する

CLIを使って、「my-app」という名前の新しいAngularプロジェクトを作成します。次を実行してください。

ng new my-app

ng new my-app

Angularアプリを実行する

プロジェクトフォルダーに移動し、次のコマンドでアプリケーションを起動してください。

ng serve --open

ng serve --open

プロジェクト構成

Angularプロジェクトには、わかりやすい構成があります。主なファイルとフォルダーは次のとおりです。

• src: アプリケーションのソースファイル
• app: コンポーネントが含まれます
• assets: 画像などの静的ファイル

おめでとうございます！

最初のAngular 19アプリケーションを作成して実行できました。これでAngularをさらに深く学ぶ準備が整いました。