ASP.NET Core Blazor Server のサンプルアプリを作成するまでの導入手順

Visual Studio には、Community、Professional、Enterprise の３つのエディションがあります。
Community は無償、ProfessionalとEnterprise は有償です。
Community と Professional で使用できる機能に大きな違いはありません。
Community は５人以下での開発、及び売上が年間１００万ＵＳドル以下の場合に利用することができます。

1. 以下のリンクをクリックしてダウンロードページへアクセスしてください。
   Visual Studio Community
2. [ダウンロード]をクリックします。
   
3. 自分のパソコンのダウンロードフォルダに[VisualStudioSetup.exe]という名前のファイルがダウンロードされたことを確認してください。
   
   

1. [VisualStudioSetup.exe]をダブルクリックしてインストールを開始してください。
   
2. [続行]をクリックしてください。
   
3. インストールが完了したら、自分のパソコンのウィンドウズマークをクリックし、[すべてのアプリ]を開いてください。
   
4. [Visual Studio Installer] が表示されていれば、インストールは正常に完了しました。
   

Visual Studio のエディションは Community を使用します。

1. [すべてのアプリ] から [Visual Studio Installer] を表示しクリックしてください。
   
2. 更新プログラムが存在する場合は、[更新] をクリックしてください。
   
   
   
3. [変更] をクリックしてください。
   
4. [ワークロード] タブで [ASP.NET と Web 開発] にチェックを入れてください。
   [インストールの詳細] にて、追加で [.NET Framework 4.8.1 開発ツール] にもチェックを入れてください。
   
5. [個別のコンポーネント] タブで [.NET 8.0 ランタイム（長期サポート）] にチェックを入れてください。
   
6. [変更] をクリックしてください。
   
7. インストールが完了したら右上の [✕] をクリックをして Installer 画面を閉じてください。

Visual Studio のエディションは Community を使用します。
Blazor Server アプリの作成には 2 種類の作成方法があります。（2024.10.16 時点）
一つは、[新しいプロジェクトの作成] の時に、[Blazor Web App] を選択し、その中で [Blazor Server] を選択して作成する方法。
もう一つは、[新しいプロジェクトの作成] の時に、[Blazor Server] を選択して作成する方法です。
しかし、『 [新しいプロジェクトの作成] の時に、[Blazor Server] を選択して作成する方法 』では、フレームワークに [.NET 6.0] しか選択できません。
よって本記事では、フレームワークに [.NET 8.0] を選択できる、『 [Blazor Web App] からBlazor Server アプリを作成する方法 』を記載します。

1. Visual Studio を起動し、[新しいプロジェクトの作成] をクリックしてください。
   
2. [すべてのプロジェクトの種類] で [Blazor] を選択してください。
   
3. [Blazor Web App] を選択して、[次へ] をクリックしてください。
   
4. プロジェクト名、ソースの配置場所を入力後、[次へ] をクリックしてください。
   ここでは Blazor Server を想定しているため、プロジェクト名を [BlazorServ] にしています。
   
5. フレームワークに [.NET 8.0] を選択してください。
   公式サンプルコードでアプリを作成するので、[include sample pages] にチェックをいれてください。
   render mode で [Server] を選択してください。
   
6. [作成] をクリックしてください。
   
7. 公式サンプルコードの Blazor Server が、Visual Studio で自動起動したら作成完了です。
   

主に２種類の開き方があります。

1. Visual Studio を起動し、履歴一覧から選択して開く
2. 拡張子が[sln]であるファイルをクリックして開く

1. Visual Studio を起動します。
2. 履歴一覧から対象のファイル名をクリックして開きます。
   

1. 作成した Blazor アプリを格納している Path へ移動します。
2. 拡張子が[sln]であるファイルをクリックして開きます。