🐾

Web アプリケーション "Blazor" とは

2024/05/28に公開

.NET

Blazor とは

Microsoft が開発したSPA (シングルページアプリケーション) Web アプリです。
.netframework がデスクトップアプリであるのに対し、Blazor はWebアプリです。
.netframework の開発に携わっていた方が、Web システムに挑戦する際は、Blazor が最も適していると断言します。

Blazor の魅力

それは、HTML、CSS、C# 、C# (Razor 構文) で作成できるということです。
javascript が不要なので、.netframework 開発者がすんなりと Web システムの開発へ移行することができるのです。
HTML と CSS は、趣味で絵を描くことが好きな人の場合、とても楽しいコーディング作業なので学習コストはさほどかからないでしょう。

Blazor の種類と比較

大きく２つの種類があります。

Blazor WebAssembly
Blazor Server

比較	Blazor WebAssembly	Blazor Server
向いているサイト	英単語学習サイトなど	業務システム系サイト
オフライン利用	初回起動のみサーバーと接続するが、その後はネット未接続でも利用できる	ネット通信が途切れた場合は利用できない
速度	初回起動のみ時間がかかるが、その後は爆速	DB アクセス時に時間がかかる（これは他のWebアプリも同様）
サーバー接続	初回起動のみサーバー接続	サーバーと常に応答し続けている
デプロイエラー	WAF の除外設定が必要、WAFに攻撃判定されデプロイできないことがある	なし
キャッシュ	強く残るためCDNも含めてキャッシュクリア作業必要	考慮不要

Blazor WebAssembly で作成したアプリ

ローカルPC の中に仮想環境を作成し、その仮想環境に対してBlazor WebAssembly で作成したプログラムをデプロイしたアプリの動作を動画で公開しています。
Blazor WebAssembly のためデータベースは使用していません。

Blazor WebAssembly を開発環境で確認

Blazor Server で作成したアプリ

ローカルPC の中に仮想環境を作成し、その仮想環境に対してBlazor Server で作成したプログラムをデプロイしたアプリの動作を動画で公開しています。
Windows Server 2022 にインストールした Sql Server からデータを取得しています。
Blazor Server を開発環境で確認

Blazor の短所（ = SPA サイトの短所）

Google などの検索システムの上位になりにくいという短所があります。
これはBlazorに限らず、SPA(Single Page Application)を採用しているWeb サイトの短所と言えます。