13,005
回編集
「C Sharpの基礎 - Blazorデスクトップ」の版間の差分
ナビゲーションに移動
検索に移動
→ユーザインターフェース
| 84行目: | 84行目: | ||
<br> | <br> | ||
<center> | <center> | ||
{| class="wikitable" | style="background-color:#fefefe; table-layout: fixed; width: 100%; table-layout: fixed; width: | {| class="wikitable" | style="background-color:#fefefe; table-layout: fixed; width: 100%; table-layout: fixed; width: 70%; margin: 0 auto;" | ||
! style="background-color:#66CCFF; width: | ! style="background-color:#66CCFF; width: 20%;" | ライブラリ | ||
! style="background-color:#66CCFF; width: | ! style="background-color:#66CCFF; width: 30%;" | 仕様 | ||
! style="background-color:#66CCFF; width: | ! style="background-color:#66CCFF; width: 20%;" | 公開日 | ||
! style="background-color:#66CCFF; width: 30%;" | 説明 | |||
|- | |- | ||
| [https://blazorise.com/ Blazorise] | | [https://blazorise.com/ Blazorise] | ||
| Bootstrap、Bulma、AntDesign、Materialに対応 | | Bootstrap、Bulma、AntDesign、Materialに対応 | ||
| 2019/6 | | 2019/6 | ||
| Blazoriseは最も多くのコントロールがあり、C#の列挙型とクラスにCSSを抽象化している。<br>コミッタは、リクエストにも応えてくれやすい。 | |||
|- | |- | ||
| [https://mudblazor.com/ MudBlazor] | | [https://mudblazor.com/ MudBlazor] | ||
| Material Designのコンポーネントを提供 | | Material Designのコンポーネントを提供 | ||
| 2020/4 | | 2020/4 | ||
| | |||
|- | |- | ||
| [https://antblazor.com/ AntDesign Blazor] | | [https://antblazor.com/ AntDesign Blazor] | ||
| Ant Designからインスピレーションを得たデザイン | | Ant Designからインスピレーションを得たデザイン | ||
| 2020/3 | | 2020/3 | ||
| | |||
|- | |- | ||
| [https://www.matblazor.com/ MatBlazor] | | [https://www.matblazor.com/ MatBlazor] | ||
| Material Designのコンポーネントを提供 | | Material Designのコンポーネントを提供 | ||
| 2019/2 | | 2019/2 | ||
| | |||
|- | |- | ||
| [https://blazorstrap.io/ BlazorStrap] | | [https://blazorstrap.io/ BlazorStrap] | ||
| Bootstrap 4 / 5をベースにした実装 | | Bootstrap 4 / 5をベースにした実装 | ||
| 2019/4 | | 2019/4 | ||
| | |||
|- | |- | ||
| [https://docs.blazorbootstrap.com/ Blazor Bootstrap] | | [https://docs.blazorbootstrap.com/ Blazor Bootstrap] | ||
| Bootstrap 5のコンポーネントを提供 | | Bootstrap 5のコンポーネントを提供 | ||
| 2021/6 | | 2021/6 | ||
| | |||
|} | |} | ||
</center> | </center> | ||
<br> | <br> | ||
Blazorプロジェクトでは、使用頻度の高いアイコン群を以下に挙げる。<br> | |||
* Font Awesomeアイコン | |||
< | * Google Fonts | ||
* 埋め込みフォントファイル | |||
* Bootstrapアイコン | |||
*: アイコンライブラリには、SVG、SVGスプライト、Webフォント等の2000種類以上のアイコンがある。 | |||
*: https://icons.getbootstrap.com/ | |||
*: インストールコマンド : <code>npm install bootstrap-icons</code> | |||
<br> | <br> | ||
全てのCSS、JS、フォントをプロジェクトに含めることにより、スループットは良くなる。<br> | 全てのCSS、JS、フォントをプロジェクトに含めることにより、スループットは良くなる。<br> | ||