[Blazor wasm]AntDesignのテンプレートを使って簡単にベースを作る

皆さんはBlazor使ってますか?結構使い勝手は良いのですが知名度がいまいち。そんなBlazorでのフロント開発にておすすめなテンプレートを紹介します。

AntDesignとは?

中国のアリババが開発したUIフレームワークです。ネットで調べるとReactの情報がたくさん出てきますが、実はBlazorWebAssemblyでも使えるんですね。

見た目もかなりシンプルなのにリッチかつBtoBに向いているような雰囲気のため、C#erには刺さるんではないでしょうか。

導入

まずはdotnetコマンドにてテンプレートをNugetからインストール。

dotnet new install AntDesign.Templates

するとテンプレートにAntDesignが追加されています。

プロジェクト作成時にはfullにチェックを入れてください。hostはSPAで使う目的なのでwasmです。

実行

実行すると以下のようなダッシュボードや各画面が。

こんな感じで表示の他に入力画面のベースもできてます。ポップアップのテスト等もできるのでいろいろ試してみましょう。