はじめに

Webアプリケーションの世界は、ここ数年で大きく様変わりしました。サーバーサイドとクライアントサイドが複雑に絡み合い、JavaScript、SPA、REST API、認証、クラウドといった要素が常に開発者を取り巻いています。

その中で注目されているのが、C#だけでクライアントとサーバーの両方を開発できる新しいWebアプリの形、すなわち Blazor（ブレイザー） です。

Microsoftが提供するBlazorは、ASP.NET Coreの中に含まれるフレームワークで、.NET開発者が JavaScriptを使わずにSPA（Single Page Application）を構築できる という点で、今、強く支持されています。

本書（本連載）では、Blazorを使ってUIとロジックをC#で一貫して開発する手法を、ASP.NETの理解をベースに丁寧に解説していきます。

本書で目指すこと

• ASP.NET CoreとBlazorの技術的背景と役割を理解すること
• 実際のアプリケーションをBlazorで構築できるようになること
• 開発環境構築からデプロイまで、現実的な開発手順を身につけること

読者はこの本を通じて、サンプルアプリを作りながらBlazorの基本機能や構造、考え方を体得し、最終的には実務にも適用できるレベルのWebアプリケーションを構築できるようになります。

想定読者

本書は、以下のような方を主な対象としています。

• ASP.NETやC#をある程度使ったことがあり、Webアプリ開発に本格的に取り組みたい方
• JavaScriptやフロントエンド開発の複雑さに悩んでいる.NET開発者
• サーバー・クライアント一体型でのSPA構築に関心があるエンジニア
• 小〜中規模の社内業務アプリを効率よく開発したい方

※C#の基礎文法がわかる前提で進みますが、Blazor固有の知識は不要です。

本書の進め方

本書は、全12章構成でBlazorアプリ開発の流れを段階的に学べるように設計されています。プロジェクトの作成、UI設計、データ取得、認証、状態管理、そして実践的なCRUDアプリの構築に至るまで、実際の開発フローに沿って知識を積み重ねていきます。

各章では必ず「動くコード」を掲載し、理論だけで終わらない“手を動かして学ぶ構成”を大切にしています。

.NET開発者がフロントエンドまで一貫して担える時代がきました。本書を通じて、あなたのWeb開発に新たな可能性を広げるお手伝いができれば幸いです。

次章「第1章：ASP.NETとBlazorの全体像」では、まずBlazorという技術の位置づけと、他のWebフレームワークとの違いについて整理していきましょう。

第1章：ASP.NETとBlazorの全体像

• 1.1 ASP.NET Coreとは何か
• 1.2 Blazorとは？サーバー vs WASM 比較
• 1.3 Razor Pages, MVC, Blazorの使い分け
• 1.4 なぜBlazorが注目されているのか（SPAとの違い）

第2章：開発環境の構築と基本プロジェクトの作成

• 2.1 必要なツールのインストール（.NET SDK, Visual Studio）
• 2.2 新規Blazorプロジェクトの作成（Server/WASM両方）
• 2.3 フォルダ構成とプロジェクト構造の理解

第3章：Razor構文とコンポーネント設計入門

• 3.1 Razor構文の基本（@, if/for/foreach, @functions）
• 3.2 コンポーネントの作り方と分割
• 3.3 パラメータとデータの受け渡し
• 3.4 ライフサイクル（OnInitializedAsync など）

第4章：データバインディングとイベント処理

• 4.1 One-way / Two-way バインディング
• 4.2 ユーザー入力とフォーム
• 4.3 イベントの種類とカスタムイベント

第5章：ルーティングとナビゲーション

• 5.1 @page ディレクティブの意味
• 5.2 パラメータ付きルーティング
• 5.3 ナビゲーションリンクと遷移

第6章：サーバー通信とAPI連携

• 6.1 HttpClientの基本
• 6.2 JSONデータの取得と表示
• 6.3 エラーハンドリングとローディングUI

第7章：認証と認可

• 7.1 ASP.NET Identityとの統合
• 7.2 JWT認証（WASM）
• 7.3 認可ポリシーとカスタム認証ロジック

第8章：状態管理とDI

• 8.1 DIの基本と登録方法（builder.Services.Add...）
• 8.2 Scoped vs Singleton の違い
• 8.3 状態管理サービスの設計例

第9章：Blazor WebAssemblyとServerの違い

• 9.1 ランタイムとアーキテクチャの違い
• 9.2 PrerenderingとSEOへの影響
• 9.3 WASMの制限とパフォーマンス考察

第10章：コンポーネントライブラリとUI強化

• 10.1 Bootstrapの導入
• 10.2 MudBlazorの導入と使用例
• 10.3 コンポーネントのカスタマイズ

第11章：実践プロジェクト構築

• 11.1 Todoアプリの概要設計
• 11.2 モデル定義、サービス層作成
• 11.3 コンポーネント分割、リスト表示、編集機能
• 11.4 検索・フィルター、状態保持

第12章：テストとデプロイ

• 12.1 単体テスト（xUnit + bUnit）
• 12.2 Azure App Service へのデプロイ
• 12.3 CI/CDによるビルド＆自動展開

巻末付録

• A. 各種ライブラリリンク集
• B. よくあるエラーと対処法
• C. セキュリティベストプラクティス