Blazor

C# を使用した対話型 Web UI

Blazor では、JavaScript の代わりに C# を使用して、対話型 Web UI を構築することができます。Blazor アプリは、C#、HTML、CSS を使用して実装された再利用可能な Web UI コンポーネントで構成されています。クライアントとサーバーのコードはどちらも C# で書かれており、コードやライブラリを共有することができます。

Blazor は、人気の Web 開発フレームワークである ASP.NET の機能であり、Web アプリケーションを構築するためのツールやライブラリを備えた .NET 開発者プラットフォーム を拡張します。

WebAssembly またはサーバーで実行する

Blazor は、WebAssembly を使用して、クライアント側の C# コードをブラウザーで直接実行することができます。WebAssembly で動作する実際の .NET であるため、アプリケーションのサーバー側の一部であるコードやライブラリを再利用することができます。

また、Blazor はクライアント ロジックをサーバー上で実行することもできます。クライアント UI イベントは、リアルタイム メッセージング フレームワークである SignalR を使用してサーバーに送り返されます。実行が完了すると、必要な UI の変更がクライアントに送信され、DOM に結合されます。Tooltip: ドキュメント オブジェクト モデル (DOM) は、HTML ページ上のすべての要素をツリー構造内のノードとして表すプログラミング インターフェイスです。DOM を使用すると、要素を更新、追加、およびページから削除できます。

Blazor Hybrid を使用してネイティブ アプリをビルドする

Blazor Hybrid を使用して、既存の Blazor Web UI コンポーネントによりネイティブ クライアント アプリをビルドします。ネイティブ クライアント機能へのフル アクセスを利用しながら、モバイル、デスクトップ、Web で同じ Blazor コンポーネントを共有します。Blazor ハイブリッドを使用して、.NET MAUIを使用してクロス プラットフォーム アプリを構築したり、既存の WPF アプリと Windows フォーム アプリを最新化したりできます。

詳細情報

オープンな Web 標準に基づいて構築

Blazor は、プラグインやコード変換を必要としないオープンな Web 標準を使用します。Tooltip: Transpilation とは、あるプログラミング言語で記述されたコードを別の言語に変換するプロセスです。Transpilation to JavaScript は、言語がブラウザーで実行できるようにするための一般的なアプローチですが、機能が制限されることがあります。 Blazor は、モバイル ブラウザーを含むすべての最新の Web ブラウザーで動作します。

ブラウザーで実行中のコードは、JavaScript フレームワークと同じセキュリティ サンドボックスで実行されます。サーバーで実行されている Blazor コードは、データベースへの直接接続など、サーバー上で通常実行するすべての操作を柔軟に行うことができます。

コードとライブラリの共有

Blazor アプリは、すべての .NET 実装に共通の .NET API の正式な仕様である .NET Standard のおかげで、既存の .NET ライブラリを使用できます。

.NET Standard を使用すると、サーバー、ブラウザー、または .NET コードを記述する任意の場所で同じコードとライブラリを使用できます。

Blazor を使用したコード共有方法についての詳細情報

JavaScript の相互運用

C# コードでは、JavaScript API やライブラリを簡単に呼び出すことができます。C# でロジックを書きながら、クライアント側 UI に存在する JavaScript ライブラリの大規模なエコシステムを継続して使用することができます。

サーバー側のコード実行を使用する場合、Blazor はクライアントのあらゆる JavaScript コードをシームレスに実行するように配慮します。

JavaScript の相互運用に関する詳細情報

Blazor の詳細を確認しましょう

動画をご覧になりたいですか? そうですね。Blazor を使用して Web アプリを作成するための基礎を案内するために完全な Blazor for Beginners ビデオ シリーズを記録しました。

Blazor for Beginners を見る

すべてのオペレーティング システム向け無料ツール

Visual Studio と Visual Studio Code は、Windows, Linux, and macOSで優れた Blazor 開発エクスペリエンスを提供します。

別のエディターを使用する場合は、選択したエディターで作業できる .NET コマンドライン ツールがあります。

.NET 用ツールの探索

UI コンポーネント エコシステム

Telerik、DevExpress、のように、Syncfusion、Radzen、Infragistics、GrapeCity、jQWidgets などの上位コンポーネント ベンダーからの利用可能な UI コンポーネントを使用して生産性を迅速に向上させることができます。または、Blazor コミュニティから、数多くのopen-source component libraries のうちのいずれかを使用ます。

オープン ソースで無料

Blazor は、3,700　社を超える企業からの強力な貢献者のコミュニティを持つオープンソース .NET プラットフォームの一部です。

.NET は無料で、Blazor が含まれています。商用使用も含めて料金やライセンス費用はありません。

GitHub で Blazor にアクセス

アクティブなコミュニティ

Blazor には、質問への回答、サンプルの作成、チュートリアルの作成、本の作成などを行う活発なコミュニティがあります。Awesome Blazor は、コミュニティによって管理される優れた Blazor リソースの一覧を提供します。