C#Webアプリ開発
このページでは、C#Webアプリ開発に関するコンテンツを紹介しています。
本サイトのトップページでは、デスクトップアプリ開発・Webアプリ開発・AIコーディング支援など、幅広いC#/.NETの学習コンテンツを体系的に紹介しています。
Blazor実践入門編
Webアプリ(Blazor)開発入門編は以下を対象にしています。
- 対象者:Webアプリ開発初心者
- 前提知識:C#とHTMLの基本知識
ASP.NET Core Blazorを使い、Webアプリ開発の基本的な知識・考え方を学びながら、サンプルシステム(例:学習管理システム)作りあげることを目指します。
記事・動画コンテンツ一覧
■Webアプリ開発入門
- (0)Webアプリとは何か?~Webアプリ開発がプログラミング学習にもおすすめな理由~
(記事、動画) - (1)Blazorとは? ~Webアプリ開発フレームワークでBlazorを選ぶ理由~
(記事、動画) - (2)はじめてのBlazor ~Hello Worldを作る!~
(記事、動画) - (3)Gitでバージョン管理 ~Gitの基本的な使い方を学ぶ~
(記事、動画1、動画2) - (4)「Todoアプリ」でデータベース作成&データ表示 ~データベース操作のフレームワークを学ぶ~
(記事、動画) - (5)「Todoアプリ」でデータベースを更新 ~レコードを削除・更新・追加~
(記事、動画) - (6)「Todoアプリ」へユーザ認証・管理機能をつける ~ASP.NET Core Identityの使い方~
(記事、動画) - (7)「Todoアプリ」へ入力バリデーションをつける ~Data Annotationsの使い方~
(記事、動画) - (8)「Todoアプリ」をデプロイ・公開する! ~Azure App Serviceの使い方~
(記事、動画) - (9)Blazor WebAssembly(WASM)でHello Worldアプリ作成 ~スタンドアロンWASMの基本~
(記事、動画)
■実務Webアプリ開発
【Part I: ソフトウェア開発の全体像】
【Part II: 要件定義と設計】
- (11)要件定義の書き方 ~ロール・機能・非機能・対象外をどう整理するか
(記事、動画) - (12)システム構成を設計する ~アーキテクチャ選定と技術スタック~
(記事、動画) - (13)データモデルを設計する ~エンティティと関連を定義する~
(記事、動画) - (14)画面/UI設計 ~画面一覧・遷移図・アクセス制御を設計する~
(記事、動画)
【Part III: アーキテクチャ概論】
- (15)クリーンアーキテクチャ入門 ~4層構成の役割と依存方向のルール~
(記事、動画) - (16)ドメイン駆動設計(DDD)入門:値オブジェクト・エンティティ・集約・ドメインサービス
(記事、動画) - (17)C#のソリューション・プロジェクト構成 ~.slnx と .csproj で設計の意図を読む~
(記事、動画)
■その他
- (Ex1)C#で簡単Eメール送信! ~Blazorアプリへも組み込む~
(記事、動画) - (Ex2)BlazorアプリへChatGPTを組み込む! ~AIチャットの作り方~
(記事、動画) - (Ex3)Microsoft Entra ID(旧AzureAD)~アプリへ簡単に認証機能を追加!~
(記事、動画) - (Ex4)Azure AD B2C ~アプリへ簡単・多機能なユーザ認証を追加!~
(記事、動画)
演習のコードはGitHubで公開しています。実務Webアプリ開発の題材(MentorApp)はこちら。

