このプロジェクトについて
Radzen Blazorは、NuGetパッケージ「Radzen.Blazor」として配布されるBlazor向けのオープンソース(MIT)UIコンポーネントライブラリです。READMEによると、145以上のネイティブコンポーネントを搭載し、.NET 10、Blazor Server、Blazor WebAssembly、および.NET MAUI Blazor Hybridをサポートしています。
コンポーネントはドキュメント内でいくつかの領域にグループ化されています:
- AI: AIChat, Chat, Markdown, SpeechToTextButton
- データ: DataGrid, DataList, PivotDataGrid, DataFilter, PickList, Pager, Tree, Scheduler, Gantt, Timeline, Spreadsheet、広範なチャートコレクション(line, bar, column, area, pie, donut, scatter, bubble, radar, box plot, bullet, candlestick, OHLC, pyramid, funnel, waterfall, rangeおよびstackedバリアント, contour)、Heatmap, Treemap, RangeNavigator, SankeyDiagramおよびゲージチャート
- フォーム: テキストボックス, パスワード, 数値, マスク, 日付/時刻ピッカー, カラーピッカー, ドロップダウン, オートコンプリート, リストボックス, チェックボックス, ラジオボタンリスト, スイッチ, スライダー, 評価, ファイル入力, アップロード, セキュリティコード, サインパッド, HTMLエディタ, ボタン, 分割ボタン, ログイン
- レイアウト: Card, Panel, Tabs, Accordion, Splitter, Tile Layout, Steps, Dialog, Fieldset, Stack, Row/Column, Sidebar, Carousel
- ナビゲーション: Menu, ContextMenu, PanelMenu, Breadcrumb, Link, TreeView, FabMenu, ProfileMenu
- フィードバック: Notification, Alert, ProgressBar, Badge, Tooltip, Skeleton, Chip, ChipList, AppearanceToggle
- ユーティリティ: QRCode, Barcode, Gravatar, GoogleMap, DropZone
- テーマ: ライトおよびダークバリアントを持つ10の組み込みテーマ。Material, Standard, Default, Humanistic, Softwareは無料として説明されており、Material 3とFluentはRadzen Blazor Proで利用可能なプレミアムテーマとしてリストされています。CSS変数のカスタマイズと、実行時に切り替え可能なテーマサービスが提供されています。
導入手順は簡潔です。NuGetパッケージをインストールし、_Imports.razorにRadzenおよびRadzen.Blazorの名前空間を追加し、App.razorにRadzenThemeコンポーネントとライブラリスクリプトを配置し、builder.Services.AddRadzenComponents()でサービスを登録した後、RadzenButtonなどのコンポーネントを使用します。
このプロジェクトは、JavaScriptフレームワークへの依存やラッパーなしにすべてC#で記述されており、開発者ごとの料金やランタイムロイヤリティなしで商用利用が無料で、頻繁なリリースによってメンテナンスされていることを強調しています。また、READMEでは、多くの大企業の開発者に利用されていると述べられています。
コミュニティサポートはRadzenフォーラムを通じて提供されています。別途有料のRadzen Blazor Proサブスクリプションが提供されており、これにはRadzen Blazor Studio(デザインキャンバス、データベーススキャフォールディング、CRUDウィザード、テンプレート、デプロイ機能を備えたスタンドアロンのBlazor IDE)、Visual Studioツール、AIコーディングアシスタント用のクラウドホストMCPサーバー、プレミアムテーマ、および専用サポートが含まれます。デモソリューションは、.NET 10 SDKを使用してRadzen.Server.slnまたはRadzen.WebAssembly.sln経由でローカルで実行できます。
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.