12,967
回編集
「C Sharpの基礎 - Blazorデスクトップ」の版間の差分
ナビゲーションに移動
検索に移動
→Windows、Linux、MacOS
| 77行目: | 77行目: | ||
* Blazor WASM | * Blazor WASM | ||
* Maui | * Maui | ||
<br><br> | |||
== ユーザインターフェース == | |||
Bootstrapを使用することにより、簡単にCSSを記述することができる。<br> | |||
テーマを実装する場合、BootswatchがBootstrap向けの26のテーマを提供している。<br> | |||
<br> | |||
<center> | |||
{| class="wikitable" | |||
! ライブラリ | |||
! 仕様 | |||
! 公開日 | |||
|- | |||
| [https://blazorise.com/ Blazorise] | |||
| Bootstrap、Bulma、AntDesign、Materialに対応 | |||
| 2019/6 | |||
|- | |||
| [https://mudblazor.com/ MudBlazor] | |||
| Material Designのコンポーネントを提供 | |||
| 2020/4 | |||
|- | |||
| [https://antblazor.com/ AntDesign Blazor] | |||
| Ant Designからインスピレーションを得たデザイン | |||
| 2020/3 | |||
|- | |||
| [https://www.matblazor.com/ MatBlazor] | |||
| Material Designのコンポーネントを提供 | |||
| 2019/2 | |||
|- | |||
| [https://blazorstrap.io/ BlazorStrap] | |||
| Bootstrap 4 / 5をベースにした実装 | |||
| 2019/4 | |||
|- | |||
| [https://docs.blazorbootstrap.com/ Blazor Bootstrap] | |||
| Bootstrap 5のコンポーネントを提供 | |||
| 2021/6 | |||
|} | |||
</center> | |||
<br> | |||
Blazoriseは、最も多くのコントロールがあり、C#の列挙型とクラスにCSSを抽象化している。<br> | |||
コミッタは、アイデアやリクエストにも応えてくれる。<br> | |||
<br> | |||
Blazorプロジェクトでは、Font Awesomeアイコン、Google Fonts、埋め込みフォントファイル、Bootstrapアイコン等が使用できる。<br> | |||
<br> | |||
全てのCSS、JS、フォントをプロジェクトに含めることにより、スループットは良くなる。<br> | |||
全てのリソースが含まれているため、アプリケーションのサイズが約2[MB]大きくなる。<br> | |||
<br><br> | <br><br> | ||