Blazor を使用して、ASP.NET Core を使用した最初の Web アプリをビルドします

1. Visual Studio を開始し、[新しいプロジェクトの作成] を選択します。

2. [新しいプロジェクトの作成] ウィンドウで、検索ボックスに「Blazor」と入力し、Enter キーを押します。

3. Blazor Web アプリ テンプレートを選択し、[次へ] を選択します。

4. [新しいプロジェクトの構成] ウィンドウで、プロジェクト名として「BlazorApp」と入力し、[次へ] を選択します。

5. まだ選択していない場合は、追加情報ウィンドウで Framework ドロップダウンから .NET 8.0 (Long Term Support) を選択し、[作成]ボタンをクリックします。

   Blazor Web アプリを作成するときは、認証を有効にするかどうか、どの対話型レンダリング モードを有効にするか、アプリのうちどれくらいを対話型にするかなど、さまざまなオプションから選択できます。このアプリでは、既定値が次のように選択されていることを確認してください。

   • 認証の種類: なし
   • 対話型レンダリング モード: サーバー
   • インタラクティビティの場所: ページ/コンポーネントごと

プロジェクトが作成され、Visual Studioに読み込まれます。ソリューション エクスプローラー を使用して、プロジェクトの内容を確認します。

いくつかのファイルが作成され、すぐに実行できるシンプルな Blazor アプリが作成されました。

• Program.cs は、サーバーを起動するアプリのエントリ ポイントであり、アプリ サービスとミドルウェアを構成する場所です。
• App.razor は、アプリ向けルート コンポーネントです。
• Routes.razor は、Blazor ルーターを構成します。
• Components/Pages ディレクトリには、アプリ向けのサンプル Web ページが含まれています。
• BlazorApp.csproj は、アプリ プロジェクトとその依存関係を定義するもので、ソリューション エクスプローラーで BlazorApp プロジェクト ノードをダブルクリックすると表示されます。
• Properties 内の launchSettings.json は、ローカル開発環境のさまざまなプロファイル設定を定義します。ポート番号は、プロジェクトの作成時に自動的に割り当てられ、このファイルに保存されます。

問題がなければ、下の [続行] を選択して次の手順に進みます。