1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

WSL を使って Blazor WebAssembly で開発した話

Last updated at Posted at 2023-09-28

この記事は、昔に別のサイト1で書いた内容のミラーです。

この記事について

C# の Blazor WebAssembly の開発を Visual Studio なしで行う方法についての備忘録です。
パソコンスペックが低くて Visual Studio の動きが遅すぎるので代替として。

自分の環境

  • OS: Windows10 22H2
  • 仮想: WSL2

WSL2 内の OS

cat /etc/os-release
> PRETTY NAME="Debian GNU/Linux 11 (bullseye)"

今回は WSL がすでにインストールされている前提で話を進めます。

.NET SDK のダウンロード

コンソールで行います。
方法は Microsoft 公式に書いてあります。
Debian 版

Microsoft の認証キーをダウンロードして照合

wget https://packages.microsoft.com/config/debian/11/packages-microsoft-prod.deb -O packages- microsoft-prod.deb
sudo dpkg -i packages-microsoft-prod.deb
rm packages-microsoft-prod.deb

.NET8.0 SDK のインストール

sudo apt-get update && \ sudo apt-get install -y dotnet-sdk-8.0

Blazor wasm プロジェクトを作成

参考記事:

好きなディレクトリまで cd コマンドで移動します。
デフォルトのプロジェクトを作ります。

dotnet new blazorwasm -o 好きなプロジェクト名

プロジェクトファイル内に移動します。

cd 好きなプロジェクト名
dotnet watch run

起動後にいろいろ出てきますが、https://localhost:xxxx という文字があるので、それをブラウザのアドレス欄で検索すると起動できます。

最後に

Blazor は最高。

追記

.NET8 で Blazor Wasm と Blazor Server を統合する Static-Server Side Rendering (SSR) の Blazor United というものが出たらしいです。
よくわからないけどすごそうですね。

  1. Qlog に投稿 (現在は閉鎖) (当時の URL: https://lemon73.qlog.dev/items/bc1888475e5d43f19043a847fbfb9732/)

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?