ic_fluent_brand_facebook_48_mono Created with Sketch. ic_fluent_brand_linkedin_24_mono Created with Sketch.
メイン コンテンツへスキップ
.NET

Build beautiful web apps with Blazor

.NET と C# の機能を利用して、JavaScript を 1 行も記述せずにフル スタック Web アプリを構築します。

どこでも実行

WebAssembly の任意の Web ブラウザー、ASP.NET Core のサーバー側、またはネイティブ クライアント アプリで Blazor コンポーネントをホストします。

生産性

シンプルで構成可能、宣言的、かつ効率的な Blazor の柔軟で再利用可能なコンポーネント モデルを使用して、美しいユーザー エクスペリエンスをすばやく作成します。

Web とネイティブ

Blazor コンポーネントを Web 上で使用したり、モバイルおよびデスクトップ用のハイブリッド ネイティブ アプリで使用したりします。

Blazor とは

Blazor は .NET テクニカル コミュニティの間で話題になっていますが、それは何であり、なぜそれに関心を持つ必要があるのでしょうか? Blazor とは何か、それを使用して Web アプリケーションを作成する方法を学びましょう。

シリーズを視聴

データに接続する

厳密に型指定されたデータ モデルにバインドして、データを視覚化および編集します。

詳細情報

フォームと検証

豊富なデータ検証を使用してインタラクティブなデータ フォームを構築します。

詳細情報

セキュリティ

事前構成されたテンプレートと統合ツールを使用して、認証と承認のポリシーをすばやく設定します。

詳細情報

JavaScript の相互運用

C# から既存の JavaScript ライブラリと API を呼び出します。

詳細情報
Visual Studio で Blazor のエクスペリエンスを強化する方法をご覧ください

Visual Studio を使用すると、フルスタックの C# Blazor Web アプリを簡単にビルド、デバッグ、テスト、デプロイできます。

デバッグとテスト

Visual Studio からブラウザーで実行されている C# コードをデバッグし、自動化されたテストを記述します。

詳細情報

ホット リロード

Visual Studio のホット リロード機能を使用してすばやく反復処理を行い、実行時にコードの変更を適用して、結果がリアルタイムで更新されるのを確認します。

詳細情報
Blazor で学習するために必要なものすべて

.NET は、学習リソースのライブラリを提供します。 ビデオ、チュートリアル、コード サンプル、Microsoft Learn のコンテンツにアクセスして、より良い構築に役立ててください。

ラーニング ポータルを探す

Microsoft Learn

Blazor Web アプリを構築して公開する方法を学習できる無料のステップバイステップのセルフガイド ラーニング パス。

学習を開始する

Web 開発の概要

.NET シリーズを使用した、6 部からなる Web 開発入門をご覧ください。ここでは、優れたプロジェクトを構築し、Razor Pages、最小 API、Blazor などのすべてを学びます。

詳細情報
オープンソースの活気に満ちたグローバルな開発者コミュニティ
グローバルな開発者コミュニティとつながり、構築する
公式の .NET ブログおよび YouTube チャンネルの新しいコンテンツを最新の状態に保つことができます。Stack Overflow または Microsoft Q&A などの開発者コミュニティで、質問への簡単な回答を得ることができます。
UI コンポーネント エコシステム
TelerikDevExpressSyncfusionRadzenInfragisticsGrapeCity, jQWidgets などの上位コンポーネント ベンダーからの利用可能な UI コンポーネントを使用して生産性を迅速に向上させることができます。または、Blazor コミュニティから、数多くの オープンソース コンポーネント ライブラリ のうちのいずれかを使用ます。
準備はできましたか?

このステップ バイ ステップ チュートリアルは、あなたの コンピューターで Blazor を実行するのに役立ちます。

作業を開始
フォローする