「[[マイクロソフト系技術情報 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のように、~ 主要ブラウザにプラグインをクローズされて使えなくなることはない。 *参考 [#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]]