「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。

-戻る
--[[ASP.NET]]
--[[Single-page application]]
--[[WebAssembly]]

* 目次 [#h95bdc31]
#contents

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

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

*詳細 [#pfc8f5c1]

**特徴 [#vddc66e1]
-Apache License, Version 2.0
-[[.NET Core]]の一部

***開発環境 [#webbcb86]
-前提環境
--[[.NET Core]] 2.1 以降
--[[Visual Studio]] 2017 以降
--Blazor Language Services Extensions

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

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

***フレームワーク [#xa66f75a]
[[Single-page application]]フレームワーク
-レイアウト
-ルーティング
-フォーム
-バリデーション
-[[DI]]: Dependency Injection(依存性の注入)
-JavaScript interop
-サーバーサイドレンダリング

***ハイブリッド化が可能 [#e18ce032]
[[Single-page application]]フレームワークなので、~
[[PWA>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?PWA%EF%BC%88Progressive%20Web%20Apps%EF%BC%89]]などで側(皮)ネイティブ的にラップして、ハイブリッド化が可能。

**[[Silverlight]]っポイが、 [#nfb79697]

***同じ点 [#k3d4956e]
-クロスプラットフォーム
-ブラウザ実行 ≒ 通常実行
-[[ブラウザ外実行>Silverlight#c3bdbd4d]] ≒ [[ハイブリッド化>#e18ce032]]

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

*その他 [#u245ed4f]

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


*参考 [#c6e275d5]
-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 [#e4ddfa85]
-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

**やってみた系 [#f50b542c]
-Blazor カテゴリーの記事一覧 - かずきのBlog@hatena~
https://blog.okazuki.jp/archive/category/Blazor

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

**microsoft.com [#pcb04849]
-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]]

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS