- 追加された行はこの色です。
- 削除された行はこの色です。
「[[マイクロソフト系技術情報 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#採用時点で、その必要性は薄いか)
*詳細 [#pfc8f5c1]
**特徴 [#vddc66e1]
-Apache License, Version 2.0
-[[.NET Core]]の一部
***開発環境 [#webbcb86]
-前提環境
--[[.NET Core]] 2.1 以降
--[[Visual Studio]] 2017 以降
--Blazor Language Services Extensions
-開発スタイル
--コンポーネント指向のUI
--豊富な IntelliSense とツール
--開発中のブラウザでのライブリロード
--ブラウザと IDE の両方で完全な .NET デバッグ
--パブリッシュとアプリサイズのトリミング
***フレームワーク [#xa66f75a]
[[Single-page application]]フレームワーク
-レイアウト
-ルーティング
-フォーム
-バリデーション
-[[DI]]: Dependency Injection(依存性の注入)
-JavaScript interop
-サーバーサイドレンダリング
**Native化が可能 [#e18ce032]
[[Single-page application]]フレームワークなので、~
[[PWA>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?PWA%EF%BC%88Progressive%20Web%20Apps%EF%BC%89]]などで側(皮)ネイティブ的にラップして、ハイブリッド化が可能。
*参考 [#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]]