Awesome Blazor
Blazorを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
目次
- Introduction
- General
- Templates
- Sample Projects
- Tutorials
- Libraries & Extensions
- Source generators
- Real-World applications
- Videos
- Articles
- Podcasts
- Presentations slides
- Tooling
- Books
- E-Books
- Courses
- Community
- Other Languages
はじめに
What is Blazor?
Blazorは、C#を使ってクライアント側のウェブアプリケーションを開発するための.NETのウェブフレームワークです。
Blazorでは、JavaScriptではなくC#を使ってインタラクティブなWeb UIを構築できます。Blazorアプリは、C#、HTML、CSSを使って実装された再利用可能なWeb UIコンポーネントから構成されます。クライアントとサーバーのコードをどちらもC#で記述でき、コードやライブラリを共有できます。 official Blazor websiteに関する詳細情報。
Get started
Blazorの使い方を学ぶには、Blazor Get Startedドキュメントの手順に従ってください。
Microsoft LearnのBuild a web app with Blazor学習セッションを実施することもおすすめです。スタートするための他の素晴らしいリソースとして、Jeff FritzによるChannel9またはYouTubeの初心者シリーズがあります。
一般情報
- ASP.NET Blog’s archives - ASP.NETブログにおけるBlazorに関するアーカイブ
- Blazor - Microsoftから提供されるBlazorの公式サイト
- Blazor courses on Microsoft Learn - Microsoft LearnにおけるBlazorコース
- Blazor-Dev gallery on .NET Foundation - Blazorの’dev’ブランチの毎日のビルド
- Blazor Extensions - Microsoft ASP.Net Core Blazor向けにキュレーションされた拡張機能
- Blazor University - 非公式ドキュメンテーションサイト
- Demo - 公式な基本デモサイト
- Documentation - Microsoftによる公式ドキュメンテーション
- eShopOnBlazor -
Microsoftアーキテクチャによる伝統的なASP.NET Web FormsアプリのBlazorへの移行サンプル
- FAQ - FAQ
- GitHub repository -
公式Blazorリポジトリ（これはASP.NET Coreリポジトリである）
- Introduction to ASP.NET Core - ASP.NET Coreの導入
- Blazor WebAssembly performance best practices - Pranav KrishnamoorthyおよびSteve SandersonによるASP.NET Core Blazor WebAssemblyのパフォーマンスベストプラクティス
- themesof.net - .NET 6の計画プロセス
テンプレート
- BitPlatform Templates -
- .Net MAUIとBlazorを組み合わせたソリューションテンプレート。標準的なベストプラクティスを備え、Web、Android、iOS、Windowsのすべてにおいてネイティブな美しいBlazorコンポーネントを活用し、高速かつ高品質なクロスプラットフォーム開発を可能にする。このようなテンプレートで作成されたプロジェクトには、実際のアプリケーション開発に必要なすべての要素（例：CI/CDパイプライン、Azure向けInfra as Code、ローカリゼーション、マルチモード開発（Blazor Server/WASM/Hybrid）、組み込みの例外処理など）が含まれている。 Read more
- BlazorSwa Template - これは、.NET CLI向けのシンプルテンプレートで、Azure Static Web Appsにデプロイ可能なBlazorプロジェクトを作成できる。また、バックエンドとしてAzure Functionプロジェクトを作成できる。
- Clean Architecture with Blazor Server
- MudBlazorとCleanArchitectureアプローチを組み合わせた別のテンプレート
- CleanAspire -
CleanAspireは、Aspireによって駆動されたクラウドネイティブテンプレートであり、スケーラビリティとオフライン対応を提供する。.NET 9 Minimal APIsとBlazor WebAssemblyを活用し、クラウド最適化されたプログレッシブウェブアプリケーション（PWA）の軽量かつ高速な基礎を提供する。
サンプルプロジェクト
AI
- Cledev.OpenAI -
OpenAI向けの.NET 7 SDKとBlazor Serverのプレイグランド
- ExplainFaceRecognition -
手動コードサンプルを用いた顔検出・認識チュートリアル。最先端のローカル顔AIのデモンストレーション。Blazor Serverおよびハイブリッド
Authentication
- BlazorBoilerplate -
実世界の管理画面/IdentityServer4を用いたマテリアルデザインのスタートキット。Demo
- TheIdServer -
OpenID/Connectサーバー（IdentityServer4ベース）。
- BlazorWithIdentity -
EF Coreを使用したBlazorアプリケーションを示すサンプルプロジェクト（Identity認証あり）。
- Blorc.OpenIdConnect -
Blazor上でOpenID Connectを使用する正しい方法。
- BlazorWasmOidcKeycloak -
Microsoft IdentityおよびKeycloakを使用したOpenID Connect（OIDC）認証のBlazor WebAssemblyアプリケーション。
- CodeBeam.UltimateAuth -
.NET向けの現代的な認証フレームワークで、セッション、クッキー、トークンを1つのモデルに統合し、Blazor ServerおよびWebAssemblyアプリケーションに内蔵サポートを提供。Docs
CMS
- Blogifier -
ASP.NET Coreのブログアプリケーション（Blazor管理画面付き）。Demo - eShopOnBlazor -
伝統的な ASP.NET Web Forms アプリを Blazor に移行する例
- FluentCMS -
FluentCMSは、AI駆動のオープンソースASP.NET Core Blazorコンテンツ管理システム（CMS）FluentCMS。
- JHipster.NET はJava世界でよく知られた現代アプリケーション生成プラットフォーム。 は生成器のデフォルト動作を上書きできるブループリントシステムを提供。JHipster.NETは、元々Spring Bootで生成されたバックエンドをASP.NET Coreのバックエンドに置き換えるブループリントであり、フロントエンドではAngular、Reactなどすべての一般的な言語（含むBlazor）を使用可能。
JHipster JHipster
- Oqtane -
Oqtaneは、Blazorおよび.NET MAUI用のCMSおよびアプリケーションフレームワークです。Oqtane。
- RapidCMS -
データベースに合わせたコード中心型で拡張可能なBlazorアプリケーションで、自社データベース用のCMSを生成。
- ZauberCMS -
高度にカスタマイズ可能でプラグインベースのBlazor CMS。Umbracoに強くインスパイアされている。
Games
- Trains.NET -
.NETおよびC#で構築された2Dゲーム（Twitch stream）。Trainsはオンラインでプレイ可能（wengier.com/Trains.NET）。
- AsteroidsWasm -
.NET 8 C#アプリケーションのコレクションで、1つの.NET Standardプロジェクトを以下で消費：Blazorクライアント（WebAssembly）、Blazorサーバー、Electron（Blazorサーバー経由）、WPF、WinForms、MAUI、WinUI 3。Demo
- DiabloBlazor -
DiabloWebのBlazor版で、2つのWebAssemblyアプリケーションを作成：WebAssembly（C#）PWAがWebAssembly（C++）ゲームをホスト。Demo
- Wolfenstein 3D ported to Blazor -
Wolfenstein 3Dを現代的なC#およびBlazorに移植。Article
- ZXSpectrum -
Blazor WebAssembly上で実行されるZX Spectrumエミュレーター。Demo
- WordleBlazor -
人気のWordleゲームのシンプルなBlazor版クローン。Demo
- Blazor Puzzle #3 - File not found
Hybrid
- Photino -
ナイフな、プラットフォームを越えたデスクトップアプリを構築。Photinoは、Web UI技術を用いて、ネイティブかつプラットフォームを越えたデスクトップアプリケーションを構築するための軽量オープンソースフレームワークである。
- Blazor + Umbraco Heartcore -
Umbraco Heartcore とBlazorの組み合わせによる例。
- Blazor Wasm with ASP.NET Framework 4.x - 若干の調整と制限を加えることで、Blazor Wasmは.NET Framework 4.xや他の環境で実行可能です。Explanation on Medium。
- RemoteBlazorWebView -
RemoteBlazorWebViewは、BlazorWebView WPFコントロールまたはWinFormsコントロールで開発されたプログラムのユーザーインターフェースに、ウェブブラウザを使ってインタラクションを可能にします。
- BlazorInAngularDemo -
Angularアプリを段階的にBlazorに移行する方法を示す例。Blazorコンポーネントを統合し、Angularサービスメソッドを呼び出すことで実現します。Demo。
IDE
- Picat Language IDE -
Monaco Editorをベースにした、Picat logic programming language用のIDE。Demo。
IoT
- PresenceLight -
PresenceLightは、Microsoft Teamsでの利用状態、Windows 10の現在のテーマ、または選択したテーマ・色をフィリップスHueまたはLIFXの照明に送信するソリューションです。Blog post。Demo video。
- Meadow Weather -
このサンプルでは、MeadowマイクロコントローラがLM35温度センサーからデータを取得し、そのデータはHTTPリクエストを介してAPIコントローラーのエンドポイントに送られ、データベースに保存され、Blazorウェブアプリでチャートとして可視化されます。
Machine Learning
- Scalable sentiment analysis -
サンプルは、ユーザーが入力する内容に対して、UIが非常にインタラクティブなアプリ（Blazorベース）上で感情分析の予測・検出を行い、サーバー側ではML.NETモデル（二値分類ベースの感情分析）を実行します。
- optimizer.ml -
アルゴリズムパラメータの最適化に用いる「サーバレス」の汎用ツール。また、Quantconnect Leanのトレーディングアルゴリズムのオフライン最適化も提供します。Demo (https://optimizer.ml)。
- Baseball Machine Learning Workbench -
メモリ内マシンラーニングモデルを用いて仮想シナリオ分析を行うウェブアプリケーションを示す。Live demo。
- BlazorML5 -
Blazor用のML5マシンラーニングとJSInteropメカニズム。
Mobile
- Mobile Blazor Bindings - 実験的なモバイルBlazorバインディング - Blazorでネイティブなモバイルアプリを構築。
Rapid Development Framework
- Oqtane -
- WalkingTec.Mvvm (WTM) -
.NET CoreおよびEFをベースにした開発フレームワーク。Blazor、Vue、React、LayUIをサポートし、CRUD、インポート/エクスポートなど、ワンクリックでコード生成が可能です。Website。
ToDos
- TodoApi by David Fowler -
David Fowlerが.NET 7で開発したタスクアプリ。ASP.NET CoreをホストしたBlazor WASMのフロントエンドアプリと、minimal APIsを使用したASP.NET Core REST APIのバックエンドを備えています。
- ididit! -
プロcrastinationに優しい習慣記録アプリ。ノートを取る、タスクを管理、習慣を追跡。Demo。
- OpenHabitTracker -
Web、Windows、Linux、Android、iOSおよびmacOS向けの無料かつオープンソースの習慣記録アプリ。ノートを取る、タスクを計画し、習慣を追跡。Demo。
Others
- CleanArchitecture -
MudBlazorコンポーネントで構築されたBlazor WebAssembly用のクリーンアーキテクチャテンプレート。
- BlazorSSR -
ステーブ・サンダーソンによるBlazorコンポーネントを使ったサーバーサイドレンダリング（SSR）。
- Flight Finder -
フライト検索アプリ
- LinqToTwitter Blazor sample -
Twitter API 用の LINQ プロバイダー（Twitter ライブラリ）
- BlazorFileReader -
Blazor での読み取り専用ファイルストリーム Demo
- eShopOnBlazor -
- BlazorChatSample -
SignalR JS クライアントと相互作用を用いた Blazor チャットデモ
- Blazor.SVGEditor -
Blazor WASM で書かれた基本的な HTML SVG エディタ
- Netflix microfrontend like -
ピレットを用いた Netflix 風のポータルアプリ。このサンプルは、Piral を使って複数のマイクロフロントエンドから構成された動的なアプリを構築する方法を示しています。Demo
- Command and Control, by David Fowler -
Blazor サーバーと SignalR を使ってコマンドと制御を行うサンプル。エージェントは Blazor サーバーアプリケーションに接続し、SignalR ハブをホストしており、接続されたエージェントに対してさまざまなコマンドを実行できる（この機能はクライアント結果を使用）
- BlazorCRUD -
Blazor の主要機能を示すビジネスアプリケーションのサンプル。Demo
- Money -
CQRS+ES を使って実装されたマネージャーアプリ Demo
- Blazor.SVGEditor -
- FFmpegBlazor -
FFmpegBlazor は、Blazor WASM C# で ffmpeg.wasm を利用できるようにする機能を提供します。ffmpeg.wasm
は、FFmpeg の純粋な WebAssembly / JavaScript ポートです。これにより、ブラウザ内での動画・音声の録画、変換、ストリーミングが可能になります。
- Blazor.MediaCaptureStreams -
メディアキャプチャおよびストリームブラウザAPIのBlazorラッパー。このAPIは、マイクロフォンやビデオカメラなどのローカルマルチメディアデバイスへのアクセスを標準化します。これには、メディアストリームAPIも含まれており、マルチメディアストリームデータの消費場所を制御する手段を提供し、メディアを生成するデバイスに関する情報や設定オプションを提供します。このプロジェクトは、APIをBlazorにラッパーすることで、ブラウザのメディアストリームと安全に簡単に相互作用できるようにしています。Demo
- Planning Poker –
分散チーム向けのプランニングポーカーをプレイできるアプリ。このアプリはBlazorで実装されており、設定変更によりクライアント側とサーバー側のモードを切り替える方法を示しています。Demo
- C# Regex Tester online -
.Net レギュラーエクスプレッションの構文を確認できるオンラインツール。（Demo）
- C# Regex Online tool -
.Net レギュラーエクスプレッションの構文を確認できるオンラインツール、スプリットリスト、テーブルなどを確認可能。（Demo）
- Blazor Tour of Heroes - Blazor Tour of Heroes、使用
- Blazor Wake-on-LAN -
ローカルネットワーク向けのウェイクオンLANアプリ。Blazor サーバー + EF Core + DI + CI
- BlazingWaffles -
Waffle Generator をラップしたBlazorアプリ。生成器は読みやすいゴミ言語を出力し、Lorum Ipsumの代わりに使用できます。Demo
- Unofficial eShopOnContainers -
eShopOnContainers の非公式なBlazor WebAssemblyクライアント
- BlazorAndTailwind -
サンプルプロジェクト、ガイドおよび設定に関するヒント TailwindCSS におけるBlazor.
- BlazorViz interop wrapper for Viz.js -
グラフビズ DOT言語ファイルの生成サンプルと、ツリー構造データの可視化。Demo.
- BlazorServerImageRecognitionApp -
ユーザーがアップロードした画像ファイルからテキストを認識・抽出するシンプルなBlazor Serverアプリ。Demo.
- FootballBlazorApp -
フットボールのBlazor Serverウェブアプリ。試合スケジュールと結果、グループ順位、チームと選手を表示し、選手検索機能を備えている。Demo.
- ComponentBuilder -
-
RenderTreeBuilderでBlazorコンポーネントを自動生成するフレームワーク。 - Pointing Party -
Blazor WebAssemblyとSignalRを使用した、分散型アジャイルストーリーポイント推定セッションツール。Demo.
- SaveHere -
YouTube／Spotify／などからの直接リンクおよびメディアファイルをダウンロードするクラウドダウンロードマネージャー。メディア変換機能と、制限を回避するための組み込みプロキシを備えている。
チュートリアル
- Blazor workshop -
.NET Foundation Blazzing PizzaによるBlazorアプリ開発ワークショップ。
- NextTechEvent by Coding After Work - NextTechEventを構築する。スピーカー、運営者、参加者に次なるテックイベントを発見できるサイトを提供する。Source code
.
- Archives - 2021, 2020, 2019, 2018.
ライブラリと拡張機能
Reusable components like buttons, inputs, grids and more. See also the Blazor component bundles feature comparison chart.
Component bundles
- FAST -
FASTは、Web Componentsおよび現代のWeb標準に基づいた技術のコレクションであり、ウェブサイトおよびアプリケーション設計開発における最も一般的な課題を効率的に解決するための設計を提供する。FAST & Blazor documentation.
- Blazor Blueprint -
shadcn/uiをインスピレーションとして設計されたBlazor用コンポーネントライブラリ。75以上のスタイル化されたコンポーネント、15のヘッドレスプリミティブ、1,640以上のアイコンを備えている。2段階アーキテクチャを採用しており、スタイルのないプリミティブで完全な制御を、事前スタイル化されたコンポーネントで迅速開発を可能にする。既存のshadcn/uiおよびtweakcnテーマと互換性を持つ。Documentation and Demo.
- BootstrapBlazor -
BootstrapおよびBlazor（Docs as Demo）に基づくエンタープライズクラスのUIコンポーネントセット。
- Ant Design Blazor -
Ant DesignおよびBlazorに基づくエンタープライズクラスのUIコンポーネントセット。（Docs as Demo）。
- MudBlazor -
MudBlazorは、使いやすさと明確な構造を重視したBlazor用Material Designコンポーネントフレームワーク。.NET開発者がCSSやJavaScriptに悩まされず、迅速にウェブアプリケーションを構築できるように設計されている。MudBlazorはC#で完全に構築されており、開発者がフレームワークをアダプト・修正・拡張できるだけでなく、ドキュメント内の多くの例がMudBlazorの学習を容易にしている。Documentation。Demo.
- MatBlazor -
Material Design仕様に基づく一般的なインタラクションパターンを実装するコンポーネントの集合。Documents and Demo , BoilerPlates with MatBlazor
- Blazorise -
Bootstrap、Bulma、AntDesignおよびMaterial CSSに対応するBlazor用コンポーネント。（Bootstrap Demo）、（Bulma Demo）、（AntDesign Demo）、（Material Demo）。
- MASA Blazor -
Material DesignおよびBlazorに基づくエンタープライズクラスのUIコンポーネントセット。Vuetifyにほぼ完全に類似しており、長期的な開発計画が明確に示されている。MASAチームが開発しており、無料かつオープンソースである。Documentation。Pro Demo.
- Radzen.Blazor -
Blazor用のネイティブUIコンポーネント。データグリッド、データリスト、タブ、ダイアログなど。（Demo）。
- BlazorStrap -
Blazor用のMaterial Designコンポーネント。Bootstrap 4コンポーネント（Demo）。
- BlazorBootstrap - 高パフォーマンス、軽量、反応性のBlazor Bootstrapコンポーネントを、開発者向け開発者向けに1つのパッケージで提供。（）
Docs as Demo
- FluentUI Blazor - Microsoftの公式FluentUI Web Components for Blazor。（）
Samples & demo
- Element-Blazor - Element UIを使用したBlazorコンポーネントライブラリ。APIはElementに類似し、CSSはElementのスタイルを直接使用し、HTML構造はElementのHTML構造を直接使用。（）。（）
Blazor WebAssembly Version demo Blazor WebAssembly Version PWA Mode demo
- ComponentOne Blazor UI Components - 外部リンク。サーバーやクライアント側アプリ向けの高速データグリッド、リストビュー、入力など、ネイティブなBlazorコンポーネント。
- DevExpress Blazor UI Components -
ブラザーバージョンとブラザーフロントエンドプラットフォームに共通するネイティブUI Blazorコンポーネント（データグリッド、ピボットグリッド、スケジューラ、チャートなど）のセット。
- Syncfusion Blazor UI Components -
最も包括的なネイティブBlazorコンポーネントライブラリ。Data Grid、Charts、Scheduler、DiagramおよびDocument Editorコンポーネントを含む。（Demo）
- Blazority -
Clarity UIデザインに基づいたBlazorコンポーネントライブラリ。データグリッドやツリービューを含む30以上のコンポーネント（Docs & Demos）
- Material.Blazor -
マテリアルテーマのRazorコンポーネントライブラリ。Material.Blazorは、あなたにGoogleのCSSおよびSASSをそのまま提供することに重点を置いている。我々は、それらが我々が何よりも優れていることから、あなたとその使用を阻むことはしない。また、いくつかの面白い「プラス」コンポーネントも提供しています。（Google’s material-components-web）。（See our demo and comprehensive documentation）
- Majorsoft Blazor Components -
Majorsoft Majorsoft Blazor Componentsは、Blazorアプリケーション向けのUIコンポーネントおよびその他の便利な拡張機能のセットです。すべてのコンポーネントは無料でNuGetから利用可能です。このプロジェクトの主な目的は、使いやすく、機能豊富でカスタマイズ可能なコンポーネントセットおよびその他の便利な拡張機能を提供することです。（NuGet）（Demo app）（Docs）
- MComponents - オープンソースMITライセンスのBlazorコンポーネント：グリッド、セレクト、ウィザードなど
- PanoramicData Blazor UI Components - オープンソースのBlazorコンポーネントライブラリ。テーブル、ツリー、ツールバー、ファイルエクスプローラを含む。（）
Demo
- HAVIT Blazor - Bootstrap 5コンポーネント＋Bootstrap 5に基づいた追加コンポーネント（グリッド、オートサジェスト、メッセージボックス、ATCなど）。エンタープライズプロジェクトテンプレートにgRPCによるコードファーストのクライアント／サーバー通信、ローカライゼーションなどを含む。（）
Interactive documentation & Demos
- Telerik UI for Blazor - 外部リンク（telerik.com）。Blazor向けのネイティブUIコンポーネントセット。グリッド、チャート、カレンダーなども含まれる。
- Start Blazoring - Blazorのスタートテンプレート。あなたの選択肢であるBlazoriseまたはMudBlazorを使用して構築され、今後さらにUIライブラリの統合が進む。ユーザー登録、ログイン、パスワードリセット、2段階認証、ユーザー管理、ロール、権限、バックグラウンドワーカー、ログ、キャッシュ、メールテンプレート、ローカライゼーションなど、多数の機能を提供。
- TabBlazor -
Tabler UIに基づいたBlazorアドミンテーマ。JavaScriptが最小限。（Demo）
- Blazor.Ionic -
Blazor向けのIonicフレームワーク統合。
- Blazor Controls Toolkit - 商業的なビジネスアプリケーションの実装に必要な完全なツールセット。Bootstrap JavaScriptコンポーネントのすべて、HTML5入力タイプにウィジェットのフォールバック、データグリッド、ツリービュー、デタールビュー、モーダルデタール、デタールリストなどの高度な編集可能なコンポーネントを含む。すべてのコンポーネントにはデフォルトでカスタマイズ可能なテンプレートがあり、バーチャル化およびドラッグ＆ドロップをサポート。コンポーネントのレンダリングはメタデータ駆動であり、コンポーネントの設定は一部自動化され、一部はデータアノテーションで駆動される。ツールセットには複雑なローカルまたはリモートクエリを発行するクエリツール、変更追跡ツール（サーバーに送信する変更されたレコードのみ）、高度なバリデーション属性、グローバル化ツール、「行動（Behaviors）」による既存コンポーネントの変更、状態管理および保存、その他も含む。
- Blazor.WebForm.Components -
ASP.NET Web Forms System.Web.UI.WebControls RazorコンポーネントをBlazor WebAssembly向けに提供。（Demo）
- BlazorOcticons -
Github Octicons は、
.razorコンポーネントを提供し、NuGetパッケージから利用可能。プロジェクト website は、生成されたコンポーネントを使用した例である。 - ABP Framework -
ABPフレームワークは、ソフトウェア開発のベストプラクティスおよびコンベンションに従って、現代的なウェブアプリケーションを構築するための完全なインフラストラクチャである。
- NeoUI -
Blazor向けにShadcn/UIをインスピレーションとしたコンポーネントライブラリ。100以上のスタイル済みコンポーネント、15のヘッドレスプリミティブ、12のチャートタイプ、宣言型アニメーション、3,200以上のアイコン、ゼロ設定で使える事前作成CSS、WCAG 2.1 AA対応、ダークモード、85のテーマ組み合わせ、そして完全な.NET 10自動レンダリングモード。MITライセンス。
- Nevron Open Vision Components for Blazor -
Blazor向けのダイアグラム、チャート、テキストエディタ、ゲージ、バーコード、ユーザーインターフェースコンポーネント。 Demo。
- CodeBeam.MudExtensions -
MudBlazor向けの貢献者による有用な第三者拡張コンポーネント。+20のコンポーネントが含まれており、ステッパー、スピードダイアル、ホイール、スプリッター、アニメート、ポップアップ、マテリアル3スイッチ、ギャラリー、コード入力など。 Documentation。
Individual components
2D/3D Rendering engines
- BabylonBlazor -
有名な3Dライブラリ Babylon.js をRazorコンポーネントにパッケージ化し、C#のBlazorプロジェクトで使用できるようにしたライブラリ。このライブラリは分子の可視化に使用され、Babylonライブラリの限定APIを使用している。 Demo application が示すライブラリの異なる部分 Pubchem Viewer。pubchem.ncbi.nlm.nih.govから化学情報を表示。
API
- Blazor.Canvas -
C#で記述されたHTMLキャンバスAPIのラッパー（JS依存なし）（Demo）。
- BlazorIntersectionObserver -
これは Intersection Observer API のラッパーである。
Charts
- ChartJs.Blazor -
- GG.Net Data Visualization - Blazor向けのインタラクティブで柔軟なチャート。ggplot2 Rパッケージの高い人気を受けて設計されたGG.Netは、データ分析ワークフローにネイティブに豊かな機能を提供。わずかなコードで出版品質のチャートを作成できる。 。
Website
- Blazor-ApexCharts -
ApexCharts向けのBlazorラッパー。 Demo。
- Plotly.Blazor -
40以上のチャートタイプを備えたチャートライブラリ plotly.js をBlazorに導入（Demo）。
- GG.Net Data Visualization -
- ChartJs for Blazor -
Blazor向けのChart.js用NuGetパッケージ。新機能が常に追加されている。
- UnlockedData.Chartist.Blazor -
Chartist.js Chartist.js plugins をBlazorにラッパーしたパッケージ。
CSS
- BlazorSize -
BlazorSizeは、ブラウザの現在のサイズ、サイズの変更、メディアクエリのテストを検出するためのBlazor用JavaScriptインターフェースライブラリ。
- RazorStyle - 小さなユーティリティライブラリで、コンポーネント内でのスタイル設定を可能にし、重複した
<style>タグを回避。また、プログラム的にトリガーされるアニメーションもサポート。
Database
- DexieNET -
DexieNETは、David Fahlanderによる有名なJavaScript IndexedDBラッパーDexie.jsの完全機能の.NETラッパーを目指している。Blazor向けに設計されており、使いやすいRazorコンポーネントを提供。現在DexieCloudのプレビューサポートが追加された。
- EfCoreNexus -
EfCoreNexusは、Entity Framework CoreをあなたのBlazorアプリに統合するためのツール。反射により、自動的にエンティティクラスを追加し、基本的なCRUD機能を提供。
Datagrids / tables
- BlazorDatasheet -
キーボードナビゲーション、フォーマル、フィルタ、ソートなど、Excelのようなデータシートコンポーネント。
- Grid.Blazor -
フィルタ、ソート、検索、ページング、サブグリッドなど、BlazorおよびASP.NET MVC向けのグリッドコンポーネント（Demo）。
- BlazorGrid -
リモートデータの表示に特化したバーチャル化されたデータグリッドコンポーネント。マークアップが軽量で、（Demo & documentation）。
Date & time
- BlazorDateRangePicker -
Blazor用の日付範囲選択コンポーネントライブラリ。Demo。
Diagrams
- Blazor.Diagrams -
Z.Blazor.Diagramsは、Blazor（サーバーサイドおよびWASMを含む）向けに完全にカスタマイズ可能かつ拡張可能な汎用図面ライブラリです。最初は人気のReactライブラリreact-diagramsにインスピレーションを受けましたが、その後非常に大きな規模に進化しました。ZBDは、カスタムデザインで高度な図面を作成するのに使用でき、さらにライブラリの動作自体が「ハック可能」であり、あなたのニーズに合わせて変更可能です。
- Excubo.Blazor.Diagrams -
交互式図面コンポーネント（フローチャート、UML、BPMNなど）、ユーザーのニーズに応じてカスタマイズ可能かつ拡張可能な（ノードタイプ、スタイルなど）。Demo。
JavaScript
- BlazorScriptReload -
JavaScriptを使用するBlazorウェブアプリケーション向けのサポートを提供するコンポーネント。
Maps
- BlazorGoogleMaps -
GoogleMapライブラリ向けのBlazor互換性機能。
- UnlockedData.Mapael -
Jquery Mapael ベクタードラッグ／マッピングライブラリへのBlazorラッパー。
Modal, Toast & Notifications
- Blazored.Modal -
BlazorおよびRazorコンポーネントアプリケーション向けのJavaScriptなしモーダルライブラリ。
- Blazored.Toast -
BlazorおよびRazorコンポーネントアプリケーション向けのJavaScriptなしトーストライブラリ。
- Blazor.Sidepanel -
Blazorアプリケーション向けに強力でカスタマイズ可能なサイドパネル実装。
Routing & Navigation
- Blazouter -
Blazouterは、Blazorに現代的なReact Router風のルーティングを提供します。真のネストルート、組み込みルートガード、遅延ロード、ルートごとのレイアウト、豊かなトランジションを提供し、すべてが型安全であり、サーバー、WebAssembly、およびハイブリッド（MAUI）ホスティングモデルと互換性があります。
Tabs
- BlazorXTabs -
フレームワーク拡張されたタブコンポーネントライブラリで、Blazor向けにさまざまなタブ機能を提供。
Testing
- bUnit - a testing library for Blazor components - Blazorコンポーネント用のテストライブラリ。C#またはRazor構文でテスト対象となるコンポーネントを簡単に定義し、意味論的なHTMLの差分・比較論理を用いて結果を検証できます。コンポーネントへのインタラクションや検証、イベントハンドラのトリガー、階層的な値の提供、サービスの注入、IJsRuntimeのモック、スナップショットテストを簡単に実行できます。
- Verify.Blazor - a snapshot testing library for Blazor components -
Blazorコンポーネント向けのスナップショットテストライブラリ。bunitまたは原始的なBlazorレンダリングを介してBlazorコンポーネントをスナップショットファイルにレンダリングできます。
Others
- ActualLab.Fusion -
SignalRおよびgRPCをスキップ。リアルタイムBlazorおよびMAUIアプリケーションを構築する際に、通常のリアルタイム更新コードの0.1％しか書かず、10倍のAPIリクエストを処理できるActualLab.Rpcプロトコル、あるいはFusionの透過的かつ完全に整合的なキャッシュにより1000倍のAPIリクエストを処理できます。Samples。Documentation。
- BlazorContextMenu -
Blazor向けのコンテキストメニューコンポーネント（Demo）。
- Blazored.Typeahead -
クライアントサイドおよびサーバーサイドBlazor向けのローカルおよびリモートデータソースを備えた自動補完テキストボックス。
- Blazor-DragDrop -
Blazor向けに使いやすいドラッグ＆ドロップライブラリ。
- BlazorDownloadFile -
C#からBlazorでブラウザにファイルをダウンロードするためのライブラリ。JavaScriptライブラリや依存関係なし。BlazorDownloadFileは、クライアントサイドでファイルを保存するための解決策であり、クライアント上でファイルを生成するウェブアプリケーションに最適です。ただし、ファイルがサーバーから来る場合、まずContent-Dispositionアタッチメントレスポンスヘッダーを使用することを推奨します。これは、より多くのブラウザで互換性があります。
- Blazor.FileSystemAccess -
ブラウザAPIファイルシステムアクセスへのBlazorラッパー。このAPIにより、ブラウザからローカルファイルシステム（ファイルおよびディレクトリ）を読み書きできます。[デモ](The API makes it possible to read and write to your local file system from the browser both files and directories.)。
- Blorc.PatternFly -
PatternFly向けのBlazorラッパー。最新の開発ブランチの動作を確認するには、demoアプリを訪問してください。
- Blazor PWA Updater -
次のバージョンが入手可能な場合に、Blazor PWAに「今すぐ更新」UIおよび機能を提供します。
- BlazorTransitionableRoute -
現在のルートと以前のルートが存在できるようにし、UI/UX設計システムのトランジションアニメーションを可能にします。
- Razor.SweetAlert2 -
SweetAlert2 JavaScript Libraryを採用したBlazorコンポーネントです。
- BlazorMonaco -
MicrosoftのMonaco EditorをサポートするBlazorコンポーネントです。 (Demo)。
- Blazor.Grids -
CSSグリッドをサポートするコンポーネントライブラリで、移動やサイズ変更をインタラクティブに実現。簡単にダッシュボードを作成できます。 (Demo)。
- Blazor.TreeViews -
ツリービュー用のコンポーネントライブラリです。 (Demo)。
- GEmojiSharp.Blazor -
Blazor用のGitHubエモジです (Demo)。
- Texnomic.Blazor.hCaptcha -
サーバーサイドBlazor向けのhCaptchaコンポーネントです。
- BlazorLocalizationSample
XLocalizerを使用してローカライズされたデフォルトプロジェクトテンプレートです。オンライン翻訳と自動リソース生成が可能。
- TimeCalc -
Blazor WebAssemblyを使用した、スピードキューリングの平均値をリアルタイムで追跡するアプリです。Demo。
- BlazorSliders -
スライドスプリッターで分離された複数のパネルを作成できます。
- Blazor SplitContainer -
スライド可能なスプリッターバーでパネルを分離するBlazorコンポーネントです。
- BlazorTimeline -
レスポンシブな垂直タイムラインコンポーネントです。
- BlazorTypewriter -
Blazor向けのタイピング効果です。
- BlazorMergely -
Mergelyに基づいたBlazorの差分およびマージコンポーネントの実装で、サーバーサイドサポートを提供します。
- MetaMask.Blazor -
Blazor WebAssemblyと併用するための簡単なヘルパーを提供するライブラリです。MetaMask。
- Blazor File Drop Zone -
このBlazorコンポーネントで「input type=file」要素を囲み、ドラッグ＆ドロップでファイルを受け入れるゾーンを作成できます（Demo）。
- Knob -
Blazor向けのカーブコントロールです。
- BlazorCurrentDevice -
current-device.jsを使用したBlazor向けのデバイス検出です。
- BlazorStyledTextArea -
スタイル付きのテキストエリアです。このコンポーネントは基本的にテキストエリアとして機能し、アプリケーションのニーズに応じてテキストのスタイルを設定できます。そのシンプルさは、富テキストエディタがもたらす複雑さや問題を回避するために意図的に設計されています。
- SignaturePad -
カスタム署名を描画できるシンプルなBlazorコンポーネント。Demo。
- BlazorInputTags -
BlazorサーバーおよびWebAssembly向けに使いやすいBlazorコンポーネントで、アプリに基本的なタグエディタを追加します。Demo。
- BlazorTooltips -
BlazorサーバーおよびWebAssembly向けのBootstrapツールチップの実装。Demo。
- BlazorBarcodeScanner -
Blazor用バーコードスキャナーコンポーネント（zxing-jsのInteropを使用）。Demo.
- Blazor Transition Group -
DOMにBlazorコンポーネントが入るか離れるときにアニメーションを実行するライブラリ。react-transition-groupをインスピレーションとしている。
- BlazorGravatar -
グラビアを統合するBlazorコンポーネント。Blazor WASM、サーバー、SSRで動作します。
- BlazorDragDrop -
ブラザーリアクティブコンポーネント向けのシンプルなドラッグ＆ドロップライブラリ。
- BlazorTreeViews -
Tools & Utilities
Libraries and extensions for state management, cookies, local storage and other specific tools.
- Fluxor -
.NET向けのフラックス／リドックスライブラリ。ボイラープレートなし。
- Blazored.LocalStorage -
ブラザーリアプリケーションにおけるローカルストレージへのアクセスを提供するライブラリ。
- Blazor-State - BlazorでMediatRパイプラインを使用してクライアントサイドの状態を管理します。
- bUnit - a testing library for Blazor components - Blazorコンポーネント用のテストライブラリ。C#またはRazor構文でテスト対象となるコンポーネントを簡単に定義し、意味論的なHTMLの差分・比較論理を用いて結果を検証できます。コンポーネントへのインタラクションや検証、イベントハンドラのトリガー、階層的な値の提供、サービスの注入、IJsRuntimeのモック、スナップショットテストを簡単に実行できます。
- Cropper.Blazor -
Cropper.Blazor は、Blazor で画像を切り取りるためのCropper.js をラップしたコンポーネントです。Blazor Server、Blazor WebAssembly、Blazor Server Hybrid（MVCとMAUI Blazor Hybrid）に対応しています。Demo.
- TextCopy -
クリップボードへのテキストのコピー・貼り付けを実現するマルチプラットフォームパッケージ。Supports Blazor Clipboard Browser API による。
- CssBuilder -
CssBuilderは、Razor Componentsと使用できるCSSクラス向けのビルダーパターンです。
- Blazor.FileSystemAccess -
- Blazor.Polyfill -
ブラザーリー向けのポリフィル（インターネット・エクスプローラー11への対応および他の一部のブラウザ向け）
- Blazor I18n/Localization Text -
ブラザーリのコンテンツテキストをローカライズ（Demo）
- BlazorGoogleMaps -
- BlazorWorker -
BlazorにおけるDotNet Web Workerスレッド/マルチスレッドを作成するためのライブラリ。Live demo。
- MvvmBlazor - BlazorMVVMは、BlazorおよびBlazorサーバーサイドアプリケーションを構築するための小さなフレームワークです。シンプルなMVVMパターンを活用することで、開発スピードを向上させつつ、機能を実現するための手間を最小限に抑えられます.
- Blazor.BrowserExtension - Blazor WebAssemblyを使用してブラウザ拡張機能やアドオンを開発できます。Google Chrome、Mozilla FirefoxおよびMS Edgeでテスト済みです.
- Blazor Analytics - アナリティクス向けのBlazor拡張機能です.
- Blazor PDF - BlazorサーバーアプリからiTextSharpを使用してPDFドキュメントを生成します.
- BlazorRouter - BlazorRouterはReact Routerにインスパイアされた素晴らしいルーターで、Blazor向けに宣言型ルーティングを提供します.
- DataJuggler.Blazor.FileUpload - Steve SandersonのBlazorFileInputコンポーネントのラッパーです.
- BlazorPrettyCode - ドキュメンテーションサイト向けのBlazorコードコンポーネントです。 Demo.
- Blazor.EventAggregator - Blazor（Razorコンポーネント）向けの軽量イベントアグレゲーターです.
- Blazor Gamepad - Blazor向けにゲームパッドAPIのアクセスを提供します.
- Blazor Hotkeys2 - Blazor向けに構成中心のキーボードショートカットを提供するライブラリです.
- BlazorRealm - Blazor向けのRedux状態管理です.
- Blazor.LocalFiles - ブラウザでファイルを開き、Blazorに読み込ませます.
- Blazor.SpeechSynthesis -
Blazor向けにスピーチ合成APIのアクセスを提供するライブラリです.
- Blazor BarCode – Blazor用のバーコードライブラリ（バーコードフォントを使用）です.
- BlazorState.Redux -
Reduxを使用してBlazorアプリを開発できます.
- Howler.Blazor -
Howler.js（音声ライブラリ）向けのBlazor JSInteropラッパーです.
- jsMind.Blazor -
jsMind（マインドマップツール）向けのBlazor JSInteropラッパーです.
- Blazor Highcharts -
人気のHighchartsライブラリのポートです。 Demo.
- Blazor.LazyStyleSheet -
CSSスタイルシートのラズリロード機能です.
- Blazor.ScriptInjection -
Blazorコンポーネント内のスマートスクリプトタグ。JavaScriptファイルのラズリロードに最適です。
- DnetIndexedDb -
IndexedDB DOM API 用の Blazor ライブラリ。
- BlazorIndexedDbJs -
BlazorIndexedDbJs は IndexedDB DOM API をラップしたライブラリで、Blazor WASM およびサーバーに対応。
- Blazor-Color-Picker -
Blazor アプリケーション用の Material カラーを表示するパレットを開く。
- Blazm.Bluetooth -
ブライトル（Bluetooth）を使ってデバイスに接続するための Blazor ライブラリ。
- WebBluetooth -
実験的な WebBluetooth 関数をサポートする Blazor サービス。Blazm.Bluetooth に基づく。
- BlazorApplicationInsights -
Blazor ワンウェブアプリケーション向けの Application Insights。
- Blazor Printing -
Blazor サーバーやクライアントアプリケーションで、ネイティブの印刷ダイアログを使ってPDFを印刷および保存。
- BlazorTemplater -
.razorコンポーネントを使用して、メールコンテンツのHTML文字列をレンダリング。 - MediaSession.Blazor -
メディアセッションAPI用のBlazor JSInteropラッパー。メディア通知をカスタマイズできるようにするAPI。（Demo）。
- BlazorAntivirusProtection -
Blazor WASMプロジェクト用のアンチウイルス保護。このパッケージは、Blazor WASMをマルウェアと誤検知するアンチウイルスから守るために、Microsoftが公式な解決策を提供するまで、誤検知を回避するよう試みている。
- Phork.Blazor.Reactivity -
INotifyPropertyChanged および INotifyCollectionChanged .NET インターフェースを活用する、意見のないBlazorの状態管理ライブラリ。コンポーネント内の状態変更を自動的に検知する。
- CodeBeam.GoogleApis.Blazor -
BlazorにおけるGoogleApis用のオープンソースユーティリティパッケージ。完全にゼロから書かれており、使いやすさを最優先に設計。
- Memento -
Blazor/.NET 用のシンプルなクライアントサイドの状態管理コンテナ。リドゥ/アンダオとReduxDevToolsのサポートを提供。
- RxBlazorLight -
RxBlazorLight は、Blazor コンポーネントにラップされたシンプルな反応型ラッパー。現在は、のみ MudBlazor コンポーネントがサポートされている。 RxMudBlazorLightSample をビルドし、反応型の Components を楽しむ。
Others
- Blazor Extensions Home -
Blazor Extensions のホームページ。
- Bolero -
F# 用のBlazor。ホットリロードテンプレート、型安全なエンドポイントとルーティング、リモート、その他多数。
- BlazorFabric -
Microsoft UI Fabric のBlazor版。フラットデザインを採用。（Demo）。
- BlazorWebView -
WPF、Android、macOS、iOS 用のBlazor WebView コントロール。.NET Core および Mono で、Webview 内でBlazorをネイティブに実行。Documentation。
- BlazorLazyLoading -
プロダクションレベルの遅延読み込み実装。WASMおよびサーバー（ページ、コンポーネント、DLL）に対して完全な遅延読み込みサポートを提供。モジュール化を実現したい場合は、カスタムエンドポイント、カスタムマニフェストなどへの抽象化を提供。
- Fun.Blazor -
F#開発者がBlazorを書くのを簡単にするプロジェクト。F#をBlazorで使用し、内部および第三者のBlazorライブラリ向けに計算表現（CE）スタイルのDSL、依存注入、適応型およびElmishモデル、Giraffeスタイルのルーティング、型安全スタイルを採用。
- Blazor.DownloadFileFast -
Blazorでブラウザにファイルをダウンロードする際にJavaScriptライブラリの参照や依存関係を一切必要としない高速ダウンロード。 (Demo)
- SpotifyService -
Blazor WebAssemblyプロジェクト向けの高レベルなSpotify APIライブラリで、ブラウザ内でSpotifyの再生を可能にし、OAuth 2.0の認可を管理し、Spotify Web APIへの簡単なアクセスを提供し、IndexedDBによるキャッシュを活用する。
- Blazor.DynamicJavascriptRuntime.Evaluator -
Blazorクライアント側アプリで動的オブジェクト表現をJavaScriptとして実行する。
- Bionic - Blazorプロジェクト向けのIonic CLIのクローン。
- EventHorizon Blazor TypeScript Interop Generator -
このプロジェクトはTypeScriptの型定義ファイルを受け取り、提供されたInterop抽象プロジェクトと互換性を持つ.NET Coreプロジェクトを作成する。
- Generators.Blazor -
Generators.BlazorはBlazorにおけるパフォーマンス向上を目的としたソースジェネレーターであり、プロジェクトにはBlazorアプリでよく見られる問題を検出するためのアナライザも含まれている。
- Blazork8s -
balzorを使ってk8sをAIで管理する、 Kubernetesダッシュボードのようなもの。
ソースジェネレーター
- BlazorOcticons
- BlazorInteropGenerator -
Github Octicons JavaScript自身を解析して、Blazor → JavaScriptの強型インターフェースメソッドを生成し、IJSRuntimeへの拡張メソッドを生成する。
- RazorPageRouteGenerator -
RazorおよびBlazorページにパラメータ付きのメソッドを生成することで、URLやパラメータを推測せずにナビゲートできるようにする。
実用アプリケーション
- Try .NET -
Try .NETは開発者およびコンテンツ作成者にインタラクティブな体験を構築するためのツールを提供する。
- FairPlayCombined -
FairPlayプラットフォームは、Blazorで作成された事前構築されたカスタマイズ可能なソリューションのセットである。
動画
- ASP.NET Community Standup: What’s new in .NET 11 Preview 6? - 2026年7月21日 -
ASP.NET Coreチームによる.NET 11プレビュー6の新機能ツアー：Async minimal APIのバリデーション、自動CSRF保護、ユニオン、OpenAPI 3.2、BlazorおよびSignalRの改善など。
- Blazor Community Standup: WebMCP in Action with Blazor - 2026年7月7日 -
TelerikのYanislav Ivanovが、BlazorコンポーネントがWebMCPを使ってAIエージェントにアクションを直接露出する方法を紹介し、自然言語プロンプトが実際のUIインタラクションを駆動できるようになることを示す。
- Building for the agentic web with .NET 11 - 2026年6月2日 -
現代のウェブアプリの要件は増加しており、ユーザーはより高いパフォーマンス、厳密なセキュリティ、さらにはエージェント機能を期待しています。.NETにおける次世代ウェブアプリはどのようなものでしょうか？.NET 11では、ASP.NET CoreおよびBlazorはより高速かつ安全になり、Aspireと密接に統合され、エージェント、ツール、スキル、コンポーネントといった新しい構成要素を備え、エージェント型ウェブアプリの構築を可能にします。現代のエージェント型ウェブアプリに備えて、準備しておきましょう。
- Blazor Community Standup: ASP.NET Core & Blazor Roadmap for .NET 11 - 2026年2月10日 -
ASP.NET Core & Blazorの.NET 11のロードマップについてのウォークスルーに参加してください。今回のリリースにおける期待される改善点について議論し、現在の開発進捗を共有します。
- Building Agentic UI with Blazor - 2025年12月4日 -
AIは自然言語、音声、視覚を基本的なインタラクションモードとして導入することで、ソフトウェアの使い方を変化させています。この変化は、ユーザーを強力に支援するための新しいUI設計アプローチを必要とします。このセッションでは、Blazorを使ってエージェント型UIを構築する方法、最新のAI駆動インタラクションパターンについて説明し、マイクロソフトのHuman-AI設計原則に基づく実用的な例と設計手法を共有し、AG-UIといった現代的なエージェントとユーザーのインタラクションプロトコルについて説明し、NLWebを用いて現在のウェブサイトに会話インターフェースを統合する方法を示します。
- Be Authentic with Blazor and Microsoft Entra External ID - 2025年11月14日 -
Blazor開発者は、高速なウェブアプリ開発や、管理しやすいモジュールで複雑なアプリを構築することに好意を示していますが、認証に関しては少し評価が低いです。このセッションではその点を変えることを目的としています。デモ中心の内容で、まずMicrosoft Entra External IDを設定し、その後、そのExternal IDを用いてBlazor Webアプリケーションに認証を実装します。外部ユーザー（顧客や協力者）がRBACセキュリティでアプリにアクセスできるようにします。このセッションの終盤までに、自社コードに使えるテンプレートを獲得し、私が陥ったいくつかの罠について学習できます。
- Build better web apps with Blazor in .NET 10 - 2025年11月12日 -
.NET 10におけるBlazorによるウェブ開発の未来を探索！Blazorが、WebAuthNおよびPasskeysを内蔵し、Entra ID認証のスケルトンを提供することで、セキュアなウェブアプリの構築を容易にし、Blazorアプリの監視と問題診断をより容易にし、パフォーマンスの改善によりアプリの読み込み速度と反応性を向上させる方法を学びます。さらに、Blazor開発における主要な課題を解決するための新しい機能と改善点、例えば高速なHot Reload、コンポーネントの状態の保持、QuickGridの改善、統合テストの簡易化などについて学びます。
- The Future of Web Development with ASP.NET Core & Blazor in .NET 10 - 2025年8月14日 -
ASP.NET CoreおよびBlazorにおける.NET 10の新機能に注目したウェブ開発の未来を探索。ASP.NET Coreが最新のAIライブラリおよびセキュリティ基準（WebAuthnおよびPasskeyサポートを含む）を活用することで、AIを内蔵したセキュアなウェブアプリの構築を容易にし、改善された診断およびテレメトリによりアプリの監視と問題診断を容易にし、開発者の生産性を.NET Aspireで高める方法を学びます。また、Blazorによるウェブアプリ開発の未来、Minimal APIのバリデーション、OpenAPI生成などについても見ていきます。
- Modernizing your desktop: From WinForms to Blazor, Azure, and AI - 2025年4月28日 -
過去の技術スタックを使っているのが、週の残り物ほど新しくない？心配いりません——デスクトップアプリの現代化は、あなたが思っているほど簡単です！このセッションでは、.NETを用いてWinFormsからBlazorに移行する方法、アプリケーションをAzureにデプロイしてクラウドベースのメンテナンスを簡単にする方法、さらにはAIの魔法を少し取り入れて、将来に備えたソリューションを構築する方法をご紹介します。実用的なヒント、現実の事例、そしていくつかの注意喚起を共有します——古びたコードは一切残しません！あなたの遺産アプリケーションを未来へと勢いよく進める方法について、一緒に熱い探求を楽しんでください。
- Unboxing Blazor in .NET 10 Preview 2 - 2025年4月2日 -
Danが.NET 10プレビュー2でウェブ開発者向けに提供された最新の改善点を共有します。
- Why I’m Worried About Blazor and its Future - 2024年11月20日 -
ニック・チャプサスがBlazorおよびその将来について懸念している理由について述べます。
- Building Rich Web Applications with Blazor Server and MudBlazor - 2024年11月19日 -
- Using Blazor to manage data in SQL server and Microsoft Fabric -
- Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations - 2024年11月15日 -
Fluent UI Blazorライブラリの新しい主要バージョンについての詳細なセッション。新しいWeb Componentsと大きなアーキテクチャ変更が導入されています。このセッションでは、以下の内容をカバーします：新機能の概要：新しいFluent UI Blazorライブラリの強化点を発見します。アーキテクチャ変更：パフォーマンス、スケーラビリティ、メンテナンス性の向上を実現する主要なアーキテクチャの変更について学びます。移行ガイド：多くの破壊的変更があります！しかし、既存プロジェクトを新しいバージョンに移行するための実用的なヒントとベストプラクティスを提供します。
- What’s New for ASP.NET Core & Blazor in .NET 9 - 2024年11月14日 -
ASP.NET CoreおよびBlazorに来る.NET 9でウェブ開発者向けに提供されるすべての新しい機能について学びましょう。
- ASP.NET Community Standup - Making DevToys 2.0 cross-platform with Blazor Hybrid - 2024年10月29日 -
- What’s Next for ASP.NET Core & Blazor - 2024年8月22日 -
ASP.NET CoreおよびBlazorに来る.NET 9でウェブ開発者向けに提供されるすべての新しい機能について学びましょう。
- Build interactive AI-powered web apps with Blazor and .NET - 2024年8月21日
.NETエコシステムにあるさまざまな準備済みAIコンポーネントを使って、Blazorと.NETを用いて迅速かつ簡単にAIを備えたインタラクティブなウェブアプリを構築する方法を学びましょう。
- ASP.NET Community Standup - Using GraphQL to enhance Blazor apps - 2024年7月9日 -
なぜGraphQLがAPIクエリにおいて魅力的な選択肢なのか、そしてそれをBlazorと統合する方法について深く掘り下げます。このセッションでは、GraphQLをBlazorアプリに統合し、QuickGridを使ってデータを表示する方法でアプリを強化します。
- Real World Apps with Blazor and .NET Aspire -
2024年7月2日 - このエピソードでは、EduardoがFrankと協力して、AIを活用したコンテンツクリエイターおよび起業家向けのビデオ共有プラットフォーム「FairPlayTube：次世代のビデオ共有ポータル」を紹介します。これは、スクリーンのサムネイル、デジタルマーケティング戦略、パッシブインカムアイデア、ソーシャルネットワーク向けの投稿など、コンテンツの作成を支援するツールです。
- New Blazor Hybrid + .NET MAUI Templates are Incredible -
2024年6月28日 - モバイル、デスクトップ、ウェブアプリをほぼ100％共有されたウェブUIで構築したいですか？新しい.NET 9のBlazor Hybridテンプレートにより、.NET MAUI、Blazor、Razorクラスライブラリがすべて自動設定されたワンクリックプロジェクトが提供されます。
- ASP.NET Community Standup: Building Aspireify.net - 2024年6月18日 - Jeff Fritzが、.NET 8、Blazor、Microsoft Azureおよび.NET Aspireを使ってAspireify.netを構築した方法を紹介します。Community links。
- Blazor and Orchard Core with Peter Matthews - Orchard Core Pair Programming by Lombiq - 2024年6月17日 - LombiqによるOrchard Coreペアプログラミングセッションに参加しましょう！このセッションでは、Orchard Coreコミュニティメンバーのプロジェクトについて1時間のペアプログラミングを行います。一緒に学び、ベストプラクティスを共有し、良いコードを書きます。すべてがライブで行われており、質問をしながら参加できます！
- Building Real-Time Web Applications with Blazor and Akka.NET -
2024年6月13日 - Akka.NETとBlazorを使って、JavaScriptやその他の複雑さなしでスケーラブルでストリーミングなウェブアプリケーションを構築する方法を紹介します。完全にC#で端末から端末まで。
- ASP.NET Community Standup: Static web asset improvements in .NET 9 -
2024年6月11日 - .NET 9で来る静的ウェブ資産の改善点について学びましょう。
- What’s New in Blazor in .NET 8 & Beyond | Blazing into Summer 2024 -
2024年6月10日 - このトークでは、Dan RothがBlazorにおける.NET 8の新機能（高度なレンダリングモード、組み込み認証サポート、スケルトン生成）について深く掘り下げ、そして.NET 9におけるBlazorの将来性についても見ていきます。その未来がウェブ開発をさらに良くする方法を学びましょう。
- On .NET Live: Generating sound in Blazor with Blazor.WebAudio - 2024年6月3日 - あなたのBlazorアプリケーションに音声を活用していますか？今週はKristoffer StubeがBlazor.WebAudio、つまり音声を再生・生成・分析するBlazorライブラリについて話します！このライブラリと周辺ライブラリは、開発者が安全に豊かなインタラクティブアプリケーションを作成できるようにします。
- Modern Full-Stack Web Development with ASP.NET Core & Blazor -
2024年5月22日 - ASP.NET CoreおよびBlazorの最新の進展について深く掘り下げます。動的でレスポンスの高いフルスタックウェブアプリケーションの構築方法を学びましょう。これらの強力なフレームワークがサーバーからクライアントまで開発プロセスを簡素化し、JavaScriptではなくC#を使って豊かなインタラクティブなウェブUIを構築できるようになります。
- Clean Architecture with .NET MAUI, Blazor, and ASP.NET Core - 5月22日 - .NETをUIアプリケーションの開発に活用することで、全体のスタックにおいてコードの共有が可能になると多くの話がありますが、その最適な方法を見つけるのは簡単ではありません。UIコードとAPIコードは、場合によっては対立するように見え、.NETコードを全体のスタックに統一して使うことのメリットが、UIとAPIに異なる技術を使うことと比べて明らかではありません。適切なコード共有技術を十分に活用しないという誤った考えに陥りやすいです。あるいは、コードの共有のためにアーキテクチャを破壊してしまうという極端なケースもあります。この講演では、Matt Goldman（『.NET MAUI in Action』著者）が、Clean Architectureを拡張し、.NET MAUIとBlazorで構築されたUIを組み込む方法を紹介します。各層や企業内の異なるソリューション間で共有できる、論理的でテスト可能かつ再利用可能なコードをどのように書くかを、実用的な方法で見ていきます。また、過剰設計やコード共有不足といった一般的な誤りを避ける方法も解説します。この講演を終えると、全スタックのコードを.NETで共有する実現方法を理解できます。
- Build an AI-powered content composer in Blazor using OpenAI GPT -
2024年5月22日 - GPT-3.5 TurboとSyncfusion Blazorコンポーネントを使ってAIを活用したコンテンツ作成ツールを構築する方法を学びましょう。どんなテーマについても簡単にコンテンツを作成し、そのトーン・フォーマット・長さを自動で調整できます。すべて1か所で完了します。
- Learn C# with CSharpFritz - PWA and Publishing with Blazor - 2024年5月1日 - Fritzは、.NET 8でBlazorシリーズを終了し、ピザサイトをプログレッシブウェブアプリ（PWA）として実装し、Microsoft Azureに公開しました。
- Supercharging Blazor SSR with htmx -
2024年4月29日 - ブラザーフレームワークを使用している場合はありますか？ 今週のエピソードでは、コミュニティMVPのエジン・ハンセンが、htmxというフロントエンドライブラリを用いてブレザーの静的サーバーサイドレンダリング（SSR）を強化する方法を紹介します。htmxを導入することで、ブレザーSSRの状態レスな利点を維持しつつ、さらにインタラクティブな体験を実現できます。
- ASP.NET Community Standup: Fluent UI Blazor -
2024年4月23日 - Fluent UI Blazor ライブラリは、フラuentデザイン（つまり現代のマイクロソフトアプリケーションの見た目と体験）を持つアプリケーションを構築するために使用されるBlazorコンポーネントのセットを提供しています。VincentとDenisに参加して、このライブラリの基本と構成要素を学び、Blazorプロジェクトに迅速に取り入れる方法を実演します。環境の設定の基本を学び、インタラクティブなコンポーネントを使用し、アプリケーションのスタイルをFluent UIデザイントークンで変更する方法を学びましょう。
- Understand the Next Phase of Web Development -
2024年4月23日 - NDC London 2024でのスティーブ・サンダーソンの講演。2024年。ウェブはソフトウェアの分野を依然として支配している。革新はあらゆる方向に進展しており、新しいフレームワーク、ビルドシステム、アーキテクチャパターンが急速に登場している。しかし、私たち全員がどこに向かっているのか？ あるパターンがあるのか？ 次の大きなフェーズは何か？ 本講演では、ウェブフレームワークの共通トレンドに焦点を当て、さまざまな技術で登場する革新的な新機能と、ウェブアプリの開発方法の変化について見ていこう。Next.js（React）、SvelteKit、Blazor、Astroなどに焦点を当てたライブコードの例を詳しく掘り下げていく。これらの技術が、次世代のウェブ技術の進化に共通の道を示していること、そしてそれらの機能をフレームワークを使わずに自ら実装できる方法についても解説する。さらに、WebAssemblyの現状を確認し、WASI preview 2（WASIの次世代リインベンション）を試してみる。すべての言語、オペレーティングシステム、CPUアーキテクチャ間のシームレスな相互運用を達成できるのか？ そして、サーバー側のクラウド開発の標準になるのか？ それらをもとに、実際に何かを作り出してみよう。
- ASP.NET Community Standup: Blazor Hybrid + Web in .NET 9 -
- Introducing Smart Components Experiment for Blazor, MVC, and Razor Pages -
- ASP.NET Community Standup - Modern Blazor Auth with OIDC - 2024年2月13日 - BlazorアプリをMicrosoft EntraにOIDCとBFFパターンを使って接続する方法を確認
- Let’s Learn .NET - Blazor - 2024年1月25日 - リードのBlazor製品マネージャー、ダニエル・ロースとオンラインで対面し、.NET Blazorでの基本的なウェブ開発について学びましょう！その後、Blazorを使ってインタラクティブなウェブベースのゲームアプリケーションを構築します。新しいことを学び、専門家と一緒に作成したものを共有して帰ります。
- .NET Data Community Standup - Database concurrency and EF Core: ASP.NET and Blazor - Episode 2 - 2024年1月24日 - 前回のエピソードでは、EF Coreにおける最適な同時アクセス処理の基礎について深く掘り下げました。今回はその旅を続けて、接続が切断された状況をカバーします。つまり、エンティティがクライアントに送られ、その後サーバーに戻り、データベースに更新されるまでのプロセスです。ASP.NET CoreおよびBlazorアプリでこのような更新を行うためのさまざまなパターンを確認し、それぞれのケースで同時アクセストークンがどのように機能するかを見ていきます。また、
ExecuteUpdateが同時アクセストークンとどのように組み合わせられるかを確認し、Azure Cosmos DBにおけるETAGによる同時アクセスについても見ていきます。 - Archives - 2023, 2022, 2021, 2020, 2019, 2018, 2017.
記事
- Visual Studio 2022 Preview release notes - 2024年7月9日 - 今回のリリースでは、すべての開発者およびワークロード向けに生活の質を高める改善点を強化しています。Visual Studioを使用する際には、自信を持ち、生産的に働くことが大切です。そのため、生活の質を高める機能は非常に重要です。これらのおかげで、コーディングはスムーズで楽しい体験となり、無駄な悩みや苦痛がなくなります。今回のアップデートをお楽しみください。
- Blazor Basics: Blazor Render Modes in .NET 8 - 2024年6月12日 - 本記事は、.NET 8における新しいBlazorのレンダリングモードについて説明しています。そのモードには、ServerInteractivity、WebAssemblyInteractivity、AutoInteractivityおよび静的サーバーサイドレンダリング（SSR）が含まれます。
- The usage of Blazor.Diagrams - 2024年6月11日 - Blazor.Diagramsの使い方
- Blazor in .NET 9 Takes Shape (Preview 4 Highlights) - 2024年6月4日 - .NET 9は2024年11月のリリースまでに進展しています。これまでのBlazorのハイライトを紹介します。
- Avoiding interactivity with Blazor? - 2024年5月29日 - Blazorでの相互作用を回避する。
- .NET Announcements & Updates from Microsoft Build 2024 - 2024年5月21日 - Microsoft Build 2024での.NETの発表と更新
- Archives - 2023, 2022, 2021, 2020, 2019, 2018, 2017.
ポッドキャスト
- MAUI and Blazor with Beth Massi - 2024年6月20日 - MAUIとBlazorについて、カールとリチャードがベス・マッシーと語る。最新のMAUIについて、GitHubに公開された新しいwebviewについても紹介。ベスは、あなたが望むようにアプリを作ることについて話す。モバイル、ウェブ、またはデスクトップに焦点を当てたアプリ開発、あるいはすべてを組み合わせた開発も可能。BlazorとMAUIを組み合わせることで、XAMLを使わずに開発できるようになる。あなたのクライアントアプリの構築方法には正解はなく、MAUIは多くの選択肢を提供する。期間：45分
- Chris Sainty: Blazor in Action - Azure DevOps Episode 238 - 2023年3月27日 - ChrisはMicrosoft MVPであり、著者でもあるソフトウェアエンジニアで、ASP.NETについて17年以上の経験を積んでいる。コミュニティに知識を共有することに情熱を持ち、自身のブログやVisual Studio magazine、Progress Telerik、StackOverflowなど他のサイトにも定期的に記事を書いている。このブログへの情熱がきっかけで、彼は最初の書籍『Blazor in Action』を執筆し、Blazorアプリケーションの実用的な開発ガイドとして出版した。また、GitHub組織「Blazored」の下で、いくつかの人気のあるオープンソースプロジェクトを維持している。キーボードを叩いているとき以外は、彼は積極的なスピーカーであり、世界中で開催されたユーザーグループやカンファレンスで講演を行っている。時長：41分。
- .NET Rocks - Blazor United with Javier Nelson and Steve Sanderson - 2023年3月23日 - クライアントサイドとサーバーサイドのBlazorをどちらも選ばなくてもいい世界はありますか？カルとリチャードは、Blazor Unitedの初期開発段階について、ジャビエル・ネルソンとスティーブ・サンデルソンと話している。ウェブコンポーネントレベルで、クライアントサイドとサーバーサイドのレンダリングに柔軟性を提供する。最も簡単なレベルでは、サイトが初めてアクセスされたときにサーバーサイドレンダリングが行われ、その後、大きなクライアントサイドコンポーネントを徐々に読み込むことができる。しかし、より深い考えは、ウェブページ上の一部の要素がクライアントサイドで、一部がサーバーサイドで良いという点であり、なぜ一つだけを選ばなければならないのかという問いである。時長：53分。
- Steve Sanderson - Blazor, WASI and optimizing tomatoes - 2022年7月17日 - NDC Londonで、スティーブ・サンデルソンと話した。Blazorの誕生の物語、.NET 7で来る予定の新機能、そしてスティーブが現在取り組んでいることについて語った。時長：35分。
- WASM Everywhere with Steve Sanderson - 2022年7月7日 - WebAssemblyは素晴らしいものだが、それ以外にも何ができるのか？NDC Londonで、カルとリチャードはスティーブ・サンデルソンにWebAssemblyについて、特にBlazorについて話した。スティーブは、WebAssemblyがさらに進化し、WebAssembly System Integrationを追加していることについて語っている。これにより、WebAssembly内のコードがどこでも実行できるという考えが開かれる。つまり、どんなオペレーティングシステム、どんな言語、どんな計算リソースを使っても、コードを実行できるようになる。これにより、クライアント、サーバー、それらの間のどこかでコードを実行する選択肢が生まれる。時長：55分。
- Indexing Video using KlipTok with Jeff Fritz - 2022年6月2日 - 事後的に素晴らしい動画クリップを見つけるにはどうすればいいですか？カルとリチャードは、KlipTokというツールの開発について、ジェフ・フリッツに話した。KlipTokは、Twitchの動画クリップをより見つけやすく、共有しやすいようにするツールである。ジェフは、KlipTokの複雑な部分に深く掘り下げ、速いインデックスと検索により正しいクリップにたどり着くことについて語っている。この会話は、さまざまなデータストレージ技術や、コストをかけずにクラウドを利用する方法についても掘り下げている。ジェフはMicrosoftの従業員であるが、プロジェクトで必ずしもMicrosoftのツールを使っているわけではない。時長：57分。
- David Ortinau on .NET MAUI - 2022年5月27日 - ジョン・ガロウェイはデイビッド・オルチナウに .NET MAUIについて話す。時長：41分。 YouTube video。
- The Unhandled Exception Podcast: Microsoft Build 2022 - 2022年5月25日 - Microsoftは毎年、Buildカンファレンスを開催しており、その中には、Microsoft開発者領域における熱いプログラミングトピックに関する多くの発表と議論が含まれている。そして毎年、私はBuild直後にポッドキャストエピソードをリリースして、その内容をまとめることが望ましい。今年も、このポッドキャストはその目的を果たすことを目指している！このエピソードでは、スコット・ハンターとガウラブ・セツに参加して、さまざまなトピックについて語った。下記のリンクをチェックして、私たちが話した内容のガイドを確認してください。時長：71分。
- ASP.NET, Blogging, Kuberetes, and more - 2022年5月10日 - Andrew Lock（andrewlock.net）による『Unhandled Exception Podcast』。彼はManningの電子書籍『ASP.NET Core in Action, Second Edition』の著者である。このエピソードでは、ASP.NETのさまざまなバリエーション、Kubernetes、Blazor、gRPC、テスト、Minimal API、MediatRなど、多くのトピックについて話している。
- Umbraco Heartcore and Blazor with Poornima Nayar - 2022年5月4日 - このエピソードでは、ポーンミナ・ナヤルと話した。Umbraco Heartcoreについて、どこで使うことができるか、Blazorについて、少しGraphQLについて、そしてそれがモバイルアプリに非常に適していることについて語った。時長：59分。
- In The Core of Blazor - 2022年2月12日 - スティーブ・サンデルソンが、技術への道、人生、教育、キャリア、そしてそれらの間のすべてについて語った。時長：73分。
- Archives - 2021, 2020, 2019, 2018, 2017.
プレゼンテーション資料
- Using .NET 5 with the Raspberry Pi - 2021年1月28日 - Slideshareで、.NET 5とRaspberry Piの使い方について。
- Archives - 2020, 2019, 2018.
開発ツール
- LiveSharp -
Update
.razorファイルを更新し、ページを再読み込みせずに変更を即座に確認できます。アプリケーションの状態は保持されるため、何らかの再読み込みは不要です。 livesharp.net。 - BlazorFiddle - Blazor .Net Developer Playgroundおよびブラウザ内のコードエディタ。
- Ghostly Hosting -
Ubuntu VPSを自動的にプロダクション用のホスティング環境に変換するインタラクティブなCLIツール。自動SSL、DNS、GitHubデプロイ、nginxリバースプロキシを提供。
- Blazor Minimum Project Templates -
JavaScriptやCSSライブラリを使わずにBlazorアプリケーションを構成するためのプロジェクトテンプレートパッケージ。
- Blazor REPL -
ブラウザ内でBlazorコンポーネントを書く、コンパイル、実行、共有する。 https://blazorrepl.com.
- Blazor Snippets Visual Studio Code extension - Visual Studio Code拡張機能で、BlazorおよびRazorのスニペットを提供。
- Publish-time Pre-render for Blazor Wasm -
Blazor WebAssemblyアプリを公開する際、このパッケージはアプリを事前にレンダリングし、公開フォルダに静的HTMLファイルとして保存する。
- Publish SPA for GitHub Pages -
このNuGetパッケージをBlazor WebAssemblyプロジェクトに追加することで、GitHub Pagesに簡単に公開できます。
- WebCompiler -
SCSS、CSS、JSのコンパイル、ミニフィケーション、圧縮を行う.NETのグローバルツール。
- .NET Core - .NET Core。
- Razor+ Visual Studio Code extension - Visual Studio Codeに追加されたRazorサポートを改善する拡張機能。
- Tracetool -
Tracetool ビューアー、.NET、Java、JavaScript、C++、Python、Delphi向けのクライアントAPI。
- Visual Studio - Visual Studioの最新プレビュー。
- Visual Studio Code - Visual Studio Code、無料、オープンソース、マルチプラットフォームコードエディタ。
書籍
- Learning Blazor - WebAssemblyとC#を使ってシングルページアプリケーションを構築する（David PineによるO’Reilly Early Release、2022年2月3日）。
- Microsoft Blazor: Building Web Applications in .NET 6 and Beyond - .NET 6を使ってBlazorを学ぶ実践的かつ実際的なアプローチ（3rd ed.、2021年12月8日）。
- Blazor WebAssembly by Example - Blazor WebAssemblyによる例：.NET、Blazor WebAssembly、C#を使ってウェブアプリケーションを構築するプロジェクトベースガイド（2021年7月9日発行、1st edition）。
- Blazor in Action - Blazorを使って再利用可能なUIコンポーネントとウェブフロントエンドを構築する例駆動ガイド（Manning Early Access Program、2020年10月開始）。
- Microsoft Blazor: Building Web Applications in .NET - Microsoft Blazor：.NETでウェブアプリケーションを構築（2020年5月発行、2nd edition）。
- Blazor Revealed - Blazor Revealed：.NETでウェブアプリケーションを構築（2019年2月発行）。
- Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server - Blazor Quick Start Guide：Blazor、EF Core、SQL Serverを使ってウェブアプリケーションを構築（2018年10月31日発行）。
- Building Blazor Applications: A Developer’s Guide - Blazorアプリケーションの構築：開発者のためのガイド（2024年8月14日発行）。
- Mastering Blazor UI: Advanced Custom Components and Design Strategies - Blazor UIマスター：高度なカスタムコンポーネントとデザイン戦略（2024年9月3日発行）。
電子書籍
- Blazor WebAssembly Succinctly - 2020年8月31日 - BlazorはC#言語で書かれたRazor技術を使用して、クライアントサイドまたはサーバーサイドアーキテクチャでSPAウェブページを作成するためのフレームワークです。クライアントサイドBlazorがWebAssemblyでユーザーのブラウザ上で完全に実行されるため、多くのアプリケーションでは非常に高速です。『Blazor WebAssembly Succinctly』では、マイケル・ワシントンが読者にBlazorの基本要素を紹介し、サンプルアプリケーションを構築することで追加機能を探索します。無料電子書籍。
- Blazor Succinctly - 2020年4月16日 - Blazorフレームワークの初学者向け無料電子書籍。
- Blazor, A Beginners Guide - 2020年3月18日 - Blazorフレームワークの初学者向け無料電子書籍。Examples source code。
- Blazor for ASP.NET Web Forms developers - ASP.NET Web Forms開発者向けBlazor、マイクロソフトによる無料電子書籍。
- Using CSLA 5: Blazor and WebAssembly - この本は、新しいBlazor UIフレームワークについて解説しており、サーバーサイドおよびクライアントサイドのWebAssemblyプロジェクトの作成方法、認証および認可の実装方法、データバインディングの使用方法を紹介している。さらに、CSLA .NETがBlazorをサポートしている点についても解説しており、完全なサンプルアプリの実装手順を紹介している。
- An Introduction to Building Applications with Blazor - 2019年8月24日 - Blazorを使用したアプリケーション開発の導入：この興味深いかつ使いやすいMicrosoft C#フレームワークを使ってアプリケーションを作成する方法について学ぶ。
- Archives - 2018.
コース
- Build a web app with Blazor WebAssembly and Visual Studio Code - Microsoft Learnで、Blazor WebAssemblyとVisual Studio Codeを使ってウェブアプリケーションを構築する。
- DevOps and Docker Support for .NET Core Blazor Applications - 2020年6月 - Udemyでの.NET Core BlazorアプリケーションにおけるDevOpsおよびDockerサポート。ASP.NET Core Blazorを用いたDevOps概念に基づくDocker化コースで、BlazorアプリケーションのDocker化を学ぶ。
- Programming in Blazor - ASP.NET Core 3.1 - UdemyでC#を使ってインタラクティブなウェブアプリケーションを作成する。
- Creating Blazor Components - 2019年12月 - Blazorアプリケーションの構築はコンポーネントの構築である。このコースは、コンポーネントについての理解を深める上で極めて重要である。Pluralsightで提供。
- Authentication and Authorization in Blazor Applications - 2019年12月 - 認証および認可のためのさまざまなベストプラクティスを用いて、Blazorアプリケーションを安全に構築する方法を学ぶ。Pluralsightで提供。
- Blazor: Getting Started - 2019年12月 - ハンドオンで、Blazorを使って最初のアプリケーションを構築する方法を学ぶ。Blazorは、JavaScriptを使わずにC#でインタラクティブなウェブUIを書くためにMicrosoftが提供するソリューションである。Pluralsightで提供。
- Blazor In-Depth Workshop (Blaze Invaders) - 2019年12月 - Blazorの深掘りワークショップ（Blaze Invaders）、C# Academyで提供。実際にブラウザベースのゲームを構築しながら、本格的なBlazorの概念を学ぶ。
- Blazor and Razor Components in a nutshell - 2019年10月 - WebAssembly上でコンパイルされたコードをブラウザに直接実行できるフレームワークの使い方を学ぶ。Udemyのコース。
- Blazor on ASP.NET Core 3.0 - 2019年10月 - ASP.NET Core 3.0におけるBlazor、SkillShareのコース。
- Blazor First Look on LinkedIn Learning - LinkedIn LearningでのBlazor初見コース。Source code
.
- Free Blazor Training Course - DevExpressのBlazor無料トレーニングコース Source code
.
- Getting Started with Blazor - 2021年6月 - Blazorの基本概念を学び、ウェブアプリケーションを簡単に構築する方法を学ぶ。
コミュニティ
- Awesome Blazor on Twitter - このリポジトリのTwitterフィード。
- BuiltOnBlazor - Blazorで動作するサイトの紹介。
- Discord - DotNetEvolutionのDiscordサーバー上のBlazorチャンネル。
- Gitter - GitterでのBlazorのディスカッション。
- I Love DotNet -
- デベロッパーが.NET Blazorを愛でながら、開発者向けに作成されたライブデモを含む.NET知識共有プラットフォーム。ilovedotnet.org.
- Learn Blazor - Blazorに関するコミュニティドキュメンテーション
- Blazor Help Website - サーバーサイドBlazorを主に扱うブログとコードサンプル
- Practical samples of Blazor - Blazorの実用的なサンプル
- Practical samples of Blazor Server-Side - Blazorサーバーサイドの実用的なサンプル
- Reddit - BlazorのRedditページ
- Stack Overflow - Stack Overflow上のBlazorに関する質問フィード
- Twitter - Twitter上のハッシュタグ
- WebAssemblyMan - BlazorおよびWebAssemblyのマニュアルページ
その他の言語
- Blaze of Code - [ポルトガル語] Blazorに関するブログ
- Blazor.ru - [ロシア語] 過去の公式ドキュメンテーションサイトのロシア語翻訳
- DevApps.be’s podcast #44 - [フランス語] DevApps.beのポッドキャスト#44：“BlazorとWebAssemblyはJavaScriptを殺すのか？”
- DevApps.be’s podcast #47 - [フランス語] DevApps.beのポッドキャスト#47：“最新情報：TypeScript、Uno、Angular、DocFX、Database”
- Modern web apps with Blazor - [イタリア語] Blazorに関する動画
- Blazor Developer Italiani - [イタリア語] イタリアのBlazorコミュニティサイト（有用な記事とイベントを含む）
- Playlist - Programando en Blazor - [スペイン語] Blazorに関する動画シリーズ
- Insights from the oracle - [ドイツ語] Blazorに関するブログ
- ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne Single-Page-Web-Applications mit .NET, C# und Visual Studio - ドイツ語のBlazor書籍（2020年9月15日に発行、月次更新）
ライセンス
法的に可能である範囲内で、アドリアン・トリスはこの作品に関するすべての著作権および関連又は隣接する権利を放棄した。