C Sharpの基礎 - Blazorデスクトップのソースを表示

== 概要 ==
<br><br>

== クロスプラットフォーム .NET UIフレームワークの対応状況 ==
Blazorは多くのプラットフォームで動作し、全てのプラットフォーム間で多くのソースコードを共有することが可能である。<br>
<br>
<center>
{| class="wikitable" | style="background-color:#fefefe; table-layout: fixed; width: 100%; table-layout: fixed; width: 75%; margin: 0 auto;"
|-
! style="background-color:#66CCFF; width: 11%;" | フレームワーク 
! style="background-color:#66CCFF; width: 11%;" | 初公開 
! style="background-color:#66CCFF; width: 11%;" | UI技術 
! style="background-color:#66CCFF; width: 11%;" | Windows 
! style="background-color:#66CCFF; width: 11%;" | MacOS 
! style="background-color:#66CCFF; width: 11%;" | Linux 
! style="background-color:#66CCFF; width: 11%;" | Android 
! style="background-color:#66CCFF; width: 11%;" | iOS
! style="background-color:#66CCFF; width: 12%;" | Web Assembly<br>(WASM)
|-
| style="text-align: center;" | .NET MAUI || style="text-align: center;" | May 2022 || style="text-align: center;" | XAML || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | No || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | No
|-
| style="text-align: center;" | Blazor || style="text-align: center;" | Sep 2019 || style="text-align: center;" | HTML + CSS || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes
|-
| style="text-align: center;" | Avalonia || style="text-align: center;" | Feb 2015 || style="text-align: center;" | XAML || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Experimental
|-
| style="text-align: center;" | Uno Platform || style="text-align: center;" | Sep 2018 || style="text-align: center;" | XAML || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | Yes
|-
| style="text-align: center;" | Xamarin.Forms || style="text-align: center;" | May 2014 || style="text-align: center;" | XAML || style="text-align: center;" | Yes || style="text-align: center;" | No || style="text-align: center;" | No || style="text-align: center;" | Yes || style="text-align: center;" | Yes || style="text-align: center;" | No
|}
</center>
<br>
XamarinはMAUIに取って代わられており、MAUIはWebをサポートしていないため、Avalonia UI、Uno Platform、Blazorが選択肢に挙がる。<br>
<br>
以前のBlazorは、WinForms / WPFのWebView2を使用したWASMとWindowsのみであった。<br>
現在では、Maui Blazor Hybridがある。<br>
<br><br>

== Blazorプロジェクトの構造と分割パターン ==
* 共有ライブラリ
* コアクラス
*: コアクラスを保持する<code><Project Sdk="Microsoft.NET.Sdk"></code>型の<code>OpenHabitTracker</code>
* Razoorファイル
*: Razoorファイルを保持する<code><Project Sdk="Microsoft.NET.Sdk.Razor"></code>型の<code>OpenHabitTracker.Blazor</code>
<br>
以下に示すように分割することにより、ロジックはUIから分離されて、Razorファイルには数行のC#コードが含まれるようになる。<br>
C#のソースコードを.razor.csファイル (コードビハインドファイル) に記述するとエディタの動作が改善される。<br>
<br>
また、C#のソースコードを別のライブラリに記述することもできる。<br>
<br><br>


{{#seo:
|title={{PAGENAME}} : Exploring Electronics and SUSE Linux | MochiuWiki
|keywords=MochiuWiki,Mochiu,Wiki,Mochiu Wiki,Electric Circuit,Electric,pcb,Mathematics,AVR,TI,STMicro,AVR,ATmega,MSP430,STM,Arduino,Xilinx,FPGA,Verilog,HDL,PinePhone,Pine Phone,Raspberry,Raspberry Pi,C,C++,C#,Qt,Qml,MFC,Shell,Bash,Zsh,Fish,SUSE,SLE,Suse Enterprise,Suse Linux,openSUSE,open SUSE,Leap,Linux,uCLnux,Podman,電気回路,電子回路,基板,プリント基板
|description={{PAGENAME}} - 電子回路とSUSE Linuxに関する情報 | This page is {{PAGENAME}} in our wiki about electronic circuits and SUSE Linux
|image=/resources/assets/MochiuLogo_Single_Blue.png
}}

__FORCETOC__
[[カテゴリ:C_Sharp]]