ASP.NET Core Blazor 入門① - 「Blazorとは」

Blazor とは

Blazor とは

MSDNより引用

Blazor は、.NET を使って対話型のクライアント側 Web UI を構築するためのフレームワークです。 ・ JavaScript の代わりに C# を使って、優れた対話型 UI を作成します。

ASP.NET Core Blazor の概要 | Microsoft Docs

対話型のクライアント側 Web UI。フロントエンドを構築するフレームワークです。

フロントエンドフレームワーク (Vue.js Angular React) のように C# フロントエンドアプリケーションが作れる。

Vue.js / Angular / React の構成

  • HTML / CSS
  • JavaScript (or Typescript)

f:id:furugen098:20200912151556p:plain

構成となりますが、

Blazor の構成

  • HTML / CSS
  • C#

f:id:furugen098:20200912151623p:plain

のように、JavaScript (TypeScriot) の代わりに、C# でプログラミングを構築することができます。

注意点① ビュー(見た目) は HTML/CSS で構築する。

画面の作成方法は、Windows Forms のようにdドラッグ&ドロップで画面を構成するのではなく、 HTML/CSS で記述することになります。

注意点② JavaScript から .NET 、 .NET から JavaScript が呼び出せる。

ビジネスロジック相当の部分は、.NET (C#) で記述できますが、JavaScript で記述することも出来ます。

便利な反面、スパゲッティコードのように保守性の悪いアプリケーション構成にならないよう注意が必要です。