Blazor

「マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

• 戻る
  • ASP.NET
  • Single-page application
  • WebAssembly

目次 †

概要 †

• 新しいSingle-page applicationフレームワーク
  • WebAssemblyで動作する
  • C#、Razor、およびHTMLに基づく

• C#で開発するので、
  • Visual StudioによってASP.NETと強く結合している。
  • ここ切り離した方が流行りそうだが、
    • 現時点のC#採用時点で、その必要性は薄いか。
    • そして、一応、Visual Studioの販売の目的もありそう。

詳細 †

特徴 †

• Apache License, Version 2.0
• .NET Coreの一部

開発環境 †

• 前提環境
  • .NET Core 2.1 以降
  • Visual Studio 2017 以降
  • Blazor Language Services Extensions

• 開発スタイル
  • HTMLベースであり、コンポーネントベース
    • ASP.NET Web Forms的な方式
    • *.cshtmlは原則、BlazorComponent?を継承
    • カスタム・コントロールはBlazorComponent?を継承して開発

• 豊富な IntelliSense? とツール
• 開発中のブラウザでのライブリロード
• ブラウザと IDE の両方で完全な .NET デバッグ
• パブリッシュとアプリサイズのトリミング

フレームワーク †

Single-page applicationフレームワーク

• レイアウト
• ルーティング
• フォーム
• バリデーション
• DI: Dependency Injection（依存性の注入）
• JavaScript interop
• サーバーサイドレンダリング

ハイブリッド化が可能 †

Single-page applicationフレームワークなので、
PWAなどで側（皮）ネイティブ的にラップして、ハイブリッド化が可能。

Silverlightっポイが、 †

同じ点 †

• クロスプラットフォーム
• ブラウザ実行 ≒ 通常実行
• ブラウザ外実行 ≒ ハイブリッド化

異なる点 †

• XAMLではない。
• プラグイン・アプローチではない。
• 従って、SilverlightやFlashのように、
  主要ブラウザにプラグインをクローズされて使えなくなることはない。

その他 †

Blazor desktop †

.NET 6から、デスクトップアプリの開発にも対応する「Blazor desktop」が加わる。

参考 †

• Blazor - Wikipedia
  https://en.wikipedia.org/wiki/Blazor

• aspnet/Blazor:
  Blazor is a .NET web framework using C#/Razor and HTML
  that runs in the browser with WebAssembly
  https://github.com/aspnet/Blazor

• WebAssemblyとBlazor: 何十年の問題を解決する
  https://www.infoq.com/jp/articles/webassembly-blazor/

• マイクロソフトが提供する「クラウドネイティブ」に欠かせない技術で、
  より効率的な開発を実現しよう【デブサミ2019】 (1/2)：CodeZine?（コードジン）
  https://codezine.jp/article/detail/11400

Qiita †

• C# で Single Page Web Application が書ける Blazor が凄かった件
  https://qiita.com/jsakamoto/items/20d4893f6c8cdb0356f6

• WebAssembly でシングルページアプリケーションが開発できる
  Blazor フレームワークの公式チュートリアルをやったら近未来感が凄かった
  https://qiita.com/Nossa/items/f0e2fc1c91d8cb95ead4

• いいからBlazorをさわるんだ
  https://qiita.com/proprogrammer0/items/d61587b95ea987318a35

やってみた系 †

• Blazor カテゴリーの記事一覧 - かずきのBlog@hatena
  https://blog.okazuki.jp/archive/category/Blazor

• BlazorでSPAするぞ！ - 目次 - ryuichi111stdの技術日記
  http://ryuichi111std.hatenablog.com/entry/2019/05/01/000000

microsoft.com †

• Blazor | Build client web apps with C# | .NET
  https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor

• ASP.NET Blog | Blazor 0.7.0 experimental release now available
  https://devblogs.microsoft.com/aspnet/blazor-0-7-0-experimental-release-now-available/

• ASP.NET Core での Blazor の概要 | Microsoft Docs
  https://docs.microsoft.com/ja-jp/aspnet/core/blazor/

Tags: :.NET開発, :.NET Core, :ASP.NET, :ASP.NET Web API, :ASP.NET SPA, :JavaScript