---
lang: ja-jp
breaks: true
---
# MudBlazor の最新のプロジェクトテンプレートを試してみる 2024-09-01

## MudBlazor

* https://github.com/MudBlazor/MudBlazor
* 

## `MudBlazor`のプロジェクトテンプレート

* https://github.com/mudblazor/Templates
*
* 通常は以下を実行して利用する。
* `dotnet new install MudBlazor.Templates`

## 最新のプロジェクトテンプレートを使用する。

* `MudBlazor.Templates`がインストール済みの場合はアンインストールする。

dotnet new uninstall MudBlazor.Templates

* クローンする

git clone https://github.com/MudBlazor/Templates.git

* リポジトリのルートにある`InstallAndBuildAllTemplates.ps1`をpowershellで実行する。

powershell ./InstallAndBuildAllTemplates.ps1

* インストールされたかどうかの確認

dotnet new uninstall

   D:\Tools\xxxxxxxx\MudBlazor_Templates\src\mudblazor
      テンプレート:
         Blazor Web アプリ (mudblazor) C#
      アンインストール コマンド:
         dotnet new uninstall D:\Tools\xxxxxxxx\MudBlazor_Templates\src\mudblazor

以上で最新のプロジェクトテンプレートが利用できる。


## プロジェクトテンプレートの実行

### Interactive render mode：`Auto`、Interactivity location：`Par page/component`




:::warning
`DrawerToggle`ボタンが無い。
:::

### Interactive render mode：`Server`、Interactivity location：`Par page/component`




:::warning
`DrawerToggle`ボタンが無い。
:::

### Interactive render mode：`WebAssembly`、Interactivity location：`Par page/component`




:::warning
`DrawerToggle`ボタンが無い。
:::

### Interactive render mode：`Auto`、Interactivity location：*`Global`*





:::info
* `DrawerToggle`ボタンがある。
* `DarkModeToggle`ボタンがある。
* `MoreVert`※（・・・）ボタンがある。
:::

###### tags: `MudBlazor` `プロジェクトテンプレート` `Blazor` `Material Design`