このプロジェクトについて
Bootstrap Blazorは、Bootstrapの上に構築されたBlazorアプリケーション向けのエンタープライズレベルのUIコンポーネントライブラリです。NuGetパッケージ「BootstrapBlazor」として配布されており、.NET Foundationの一部として、同財団の行動規範に基づいて運営されています。
プロジェクトの提供内容
- Blazor用コンポーネントライブラリ:Razorコード内でBootstrapBlazor.Components名前空間を通じて参照します。
- ルートコンポーネント(BootstrapBlazorRoot):アプリケーションのボディをラップし、通常はMainLayout.razorに配置します。
- 同梱された静的アセット:CSSバンドル(bootstrap.blazor.bundle.min.css)とJavaScriptバンドル(bootstrap.blazor.bundle.min.js)が含まれており、_content/BootstrapBlazorパス経由で参照することで、WebAssemblyとServerの両方のホスティングモデルで動作します。
- 依存関係注入(DI)の登録:Program.csにてbuilder.Services.AddBootstrapBlazor()を通じて行います。
導入方法
READMEには簡潔なインストール手順が記載されています。「dotnet add package BootstrapBlazor」を実行し、_Imports.razorにコンポーネントの名前空間を追加し、ボディをBootstrapBlazorRootでラップし、ドキュメントのheadにCSSバンドルを、bodyの末尾にスクリプトバンドルを含め、Program.csでサービスを登録します。なお、HTMLホストファイルは、アプリがWebAssemblyかServerかによって異なります(index.html、または_Layout.cshtml、_Host.cshtml、App.razor)。
使用例
ドキュメントでは、フィールドにバインドされたDisplayコンポーネントと、そのフィールドを更新するOnClickハンドラを持つButtonを使用したRazorマークアップが示されており、データバインディングとイベント処理の最小限のデモンストレーションが行われています。
プロジェクトテンプレート
付随するCLIテンプレートがBootstrap.Blazor.Templatesとして公開されています。「dotnet new install Bootstrap.Blazor.Templates::*」でインストールでき、その後「dotnet new bbapp」を実行することでボイラープレートプロジェクトを構築できます。
例、品質指標、およびコミュニティ
オンラインの例サイトがblazor.zoneにリンクされています。リポジトリのバッジには、NuGetのバージョンとダウンロード数、リポジトリサイズ、最終コミット日、GitHub Actionsのビルドワークフロー、およびCodecovによるコードカバレッジレポートが表示されています。また、READMEには.NET Foundationのプロジェクトページへのリンクがあり、フォーク、フィーチャーブランチ、コミット、プルリクエストという標準的な貢献フローが説明されています。JetBrainsが無料のオープンソースライセンスを提供するスポンサーとしてクレジットされており、READMEには寄付セクションも含まれています。
以上の内容は、READMEに記載されている情報のみを反映したものです。すなわち、公開パッケージ、テンプレート、例サイト、ビルドおよびカバレッジバッジを備え、.NET Foundationに所属するBootstrapベースのBlazorコンポーネントライブラリであるということです。
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.