皆さんはBlazor使ってますか?結構使い勝手は良いのですが知名度がいまいち。そんなBlazorでのフロント開発にておすすめなテンプレートを紹介します。
AntDesignとは?
中国のアリババが開発したUIフレームワークです。ネットで調べるとReactの情報がたくさん出てきますが、実はBlazorWebAssemblyでも使えるんですね。
見た目もかなりシンプルなのにリッチかつBtoBに向いているような雰囲気のため、C#erには刺さるんではないでしょうか。
導入
まずはdotnetコマンドにてテンプレートをNugetからインストール。
dotnet new install AntDesign.Templates
するとテンプレートにAntDesignが追加されています。
![](https://muchilog.com/wp-content/uploads/2023/12/image.png)
プロジェクト作成時にはfullにチェックを入れてください。hostはSPAで使う目的なのでwasmです。
実行
実行すると以下のようなダッシュボードや各画面が。
![](https://muchilog.com/wp-content/uploads/2023/12/image-1-1024x672.png)
![](https://muchilog.com/wp-content/uploads/2023/12/image-2-1024x741.png)
![](https://muchilog.com/wp-content/uploads/2023/12/image-3-1024x948.png)
こんな感じで表示の他に入力画面のベースもできてます。ポップアップのテスト等もできるのでいろいろ試してみましょう。