公式サンプルコードで Blazor WebAssembly アプリを作成（パターン１）

前提条件

Visual Studio のエディションは Community を使用します。
Blazor WebAssembly アプリの作成には 2 種類の作成方法があります。（2024.6.8 時点）
一つは、[新しいプロジェクトの作成] の時に、[Blazor Web App] を選択し、その中で [Blazor WebAssembly] を選択して作成する方法。
もう一つは、[新しいプロジェクトの作成] の時に、[Blazor WebAssembly] を選択して作成する方法です。
本記事では、[Blazor Web App] からBlazor WebAssembly アプリを作成する手順を記載します。

[Blazor Web App] からBlazor WebAssembly アプリを作成する

1. Visual Studio を起動し、[新しいプロジェクトの作成] をクリックしてください。
   

2. [すべてのプロジェクトの種類] で [Blazor] を選択してください。
   

3. [Blazor Web App] を選択して、[次へ] をクリックしてください。
   

4. プロジェクト名、ソースの配置場所を入力後、[次へ] をクリックしてください。
   ここでは WebAssembly を想定しているため、プロジェクト名を [BlazorWASM] にしています。
   

5. フレームワークに [.NET 8.0] を選択してください。
   公式サンプルコードでアプリを作成するので、[include sample pages] にチェックをいれてください。
   render mode で [WebAssembly] を選択してください。
   

6. [作成] をクリックしてください。
   

7. 公式サンプルコードの Blazor WebAssembly が、Visual Studio で自動起動したら作成完了です。