これまでのシリーズ「Webアプリ開発入門編」(第1〜9回)では、Blazorの基本やTodoアプリを通じてWebアプリ開発の基礎を学んできました。

いよいよ第10回から、実務レベルのアプリ「メンターアプリ」の開発がスタートします。

このシリーズでは、要件定義・設計・実装・テスト・デプロイというソフトウェア開発の全工程を、一つの完成したアプリを題材に体験していきます。

以下のような方に役立つ内容となっています。

  • ソフトウェア開発の全体像(要件定義〜デプロイ)を俯瞰したい
  • クリーンアーキテクチャやDDDを実際のアプリで学びたい
  • 自分で作りたいアプリがあり、開発の進め方の参考にしたい
プロ太

じつはこの「メンターアプリ」、プロ太自身が「こんなツールがほしいな」と思って作りはじめたものです。その背景も紹介しながら進めていきます!

完成したメンターアプリのコード・ドキュメント一式はGitHubに置いてありますので、参考にしてください。

ソフトウェア開発の流れ

「コードの書き方はわかってきた。でも、実際のアプリってどうやって作るの?」——プログラミング学習でよくある壁です。

文法やフレームワークの使い方を理解しても、ゼロからアプリを作ろうとすると何から始めればいいかわからなくなる。まずその全体の地図を持っておきましょう。

ソフトウェア開発には一般的に次のような活動があります。これを ソフトウェア開発ライフサイクルSDLC:Software Development Life Cycle) と呼びます。

要件定義」→「設計」→「実装」→「テスト」→「デプロイ・運用」

これらは単に順番に並んでいるわけではなく、互いに影響し合う活動です。要件があいまいであれば設計はぶれ、設計がぶれれば実装やテストにも影響が及びます。

それぞれの活動が何をするのか、簡単に見ていきましょう。

要件定義:「何を作るか」を決める

「誰が使うのか」「どんな機能が必要か」「逆に対象外にするものは何か」を明確にする活動です。要件があいまいなまま実装を始めると後から大幅な作り直しが発生します。

プロ太

間違ったものを正確に作ってしまう」ことを防ぐために、最初に時間をかける価値がある部分ですね。

シリーズを通じて spec.md というドキュメントに要件・設計をまとめていきます

設計:「どう作るか」を決める

システム構成・使用技術の選択・データの構造化・画面レイアウトなど、実装前に「どう作るか」を具体化する活動です。

特にデータ構造やロジックが複雑な部分は、先に設計をしっかり行っておくと、実装がスムーズに行えます。

このシリーズでは、クリーンアーキテクチャドメイン駆動設計(DDD)を採用します。

詳しくは後続記事で学びますが、変更に強く、テストしやすいコードを実現するための設計方針です。

今回は学習しやすい小さな題材を扱いますが、その中でも「ドメインを中心に設計する」考え方を体験できるよう、この構成を採用しています。

実装:「作る」

設計をもとにコードを書く活動です。

このシリーズでは最も多くの記事を割く部分です。アプリを4層(Domain/Infrastructure/Application/UI)に分けて実装を行います。

テスト:「正しく動くか検証する」

コードが意図どおりに動くかを検証する活動です。単体テスト・統合テスト・E2Eテストなど、確認する範囲に応じてさまざまな手法があります。

テストを自動化すると、変更を重ねても品質を保ち続けるための安全網としても機能します。

このシリーズでは、xUnitによる統合テストとPlaywrightによるE2Eテストを扱います。

デプロイ・運用:「公開して使えるようにする」

アプリをユーザが利用できる状態にして届ける活動です。

スマホアプリやPCアプリではストア・配布サイトへのバイナリ配布が中心になり、Webアプリではサーバーへの配置(デプロイ)が主な手段です。

公開後もアップデートの提供やエラー・クラッシュの監視など、継続的なメンテナンスが続きます。

このシリーズでは、まずローカルでアプリを起動して動作を確認するところから始め、その後Azureへのデプロイも扱います。

プロ太

これらの活動をすべてやりきることで、「コードが書ける」から「アプリが作れる」へとレベルアップできます。

ソフトウェアエンジニアの実務で求められるのは、まさにこのサイクルです。

開発スタイルによる違い

ソフトウェア開発ライフサイクルにおける各活動をどのくらい重視するかは、開発スタイルによって変わります。いくつか例をみてみましょう。

ウォーターフォール開発

要件定義→設計→実装→テスト→デプロイを順番に進めるスタイルです。

各工程を完了させてから次に進むため、大規模プロジェクトや要件が明確な案件で採用されることが多いです。各工程でドキュメントをしっかり作成するのが特徴です。

一方、開発の途中で要件の変更が起きると手戻りが大きくなりやすいという課題があります。

アジャイル開発

小さな単位で「要件定義→設計→実装→テスト→リリース(デプロイ)」のサイクルを短期間(1〜4週間程度)で繰り返すスタイルです。

動くソフトウェアを早い段階でユーザに届け、フィードバックを得ながら改善を重ねていきます。

変化に強い反面、全体の方向性がぶれないようにチーム内での密なコミュニケーションが求められます。

個人開発

個人や少人数で開発する場合は、上記のような厳密なプロセスを踏まず、必要な部分だけ軽量に行うスタイルが現実的です。

「まず動くものを作り、使いながら改善する」という進め方が中心になります。

ドキュメントも最小限で済ませられますが、ある程度の要件整理や設計メモを残しておくと、後から「なぜこう作ったか」を思い出せて助かります。

このシリーズで扱う「メンターアプリ」は、個人開発のスタイルに近いですが、要件定義・設計も最低限行っていきます。

プロ太

このシリーズを通してソフトウェア開発ライフサイクルの各作業がどのようなものであるかをざっくり学べます!

基本的な考え方がわかれば、実務でウォーターフォール・アジャイル開発を行うときにもきっと役立つかと思います。

最近のAIを活用した開発において、ドキュメントの重要性が増しているように感じています。

AIに、ドキュメントに基づいてコードを書いてもらったり、設計とコードが整合しているかをチェックしてもらったり、といったことが可能なためです。

題材となるメンターアプリ

このシリーズの題材は「メンターアプリ」です。

プロ太(私)がプログラミングメンターとして複数のメンティーをサポートする中で、以下を課題に感じていました。

  • 話題(トピック)の管理
  • 過去のやり取りの振り返り・まとめ

メンターアプリは、これらを効率的に行える基盤として開発をはじめました。

蓄積した対話データを将来AIと組み合わせることも視野に入れつつ、まずはトピック管理・チャット機能をシンプルに実装します。
注意:AI機能は将来の拡張として考えていますが、このシリーズでは扱いません

プロ美

今回の学習シリーズとしては、メンターとメンティーがトピック単位でチャットをできるアプリの作り方を学ぶってことだね!

プロ太

そうですね。一見単純そうにみえますが、きちんと作ろうと思うと、意外と考えることがたくさんあることに気づきます。

プログラミング学習は「自分の作りたいもの・ほしいものを実際に作る」のが良いと考えています。以下の記事も参考にしてください。

プログラミング学習を独学で効率よく進める方法とは? プログラミング初心者にとって、プログラミング学習をどのように進めていけばよいか悩むこともあるでしょう。 今回は、私が学んだ経験を...

アプリ概要

「メンターアプリ」は、メンターとメンティーの対話をトピックごとに管理するチャットアプリです。

ユーザロールは以下のようになっています。

ロール役割
Admin(管理者)ユーザー管理・メンタリング関係の登録と管理
Mentor(メンター)担当メンティーとのトピック作成・メッセージ交換
Mentee(メンティー)担当メンターとのトピック作成・メッセージ交換

主な機能は以下です。

  • ユーザー管理:ロール変更、表示名の編集
  • メンタリング管理:Mentor-Menteeのペア登録、ステータス管理(Active / Completed / Cancelled)
  • トピック管理:相談テーマの作成とクローズ(Open / Closed)
  • メッセージ管理:トピック内のチャット(追記のみ、編集・削除なし)

技術スタックは以下です。

  • フレームワーク:ASP.NET Core (.NET 10) / Blazor Server
  • データベース:SQL Server(EF Core 経由。Azure SQL Server・SQLite・インメモリ プロバイダーへの切り替えも可能)
  • 認証:OIDC(OpenID Connect)— Entra ID・Google・モック認証に対応
  • アーキテクチャ:クリーンアーキテクチャ + DDDのエッセンス

このシリーズの全体構成

シリーズ全体の学習の流れを示します。「第10回の今」がどこにいて、これから何を学ぶのかを把握しておきましょう。

注意:以下の構成は現時点の想定です。記事を作りながらブラッシュアップしていくため、内容・順序が変わる可能性があります。

Partテーマ内容
Iソフトウェア開発の全体像← 今ここ
II要件定義と設計「何を作るか」「どう作るか」を決める
IIIアーキテクチャ概論クリーンアーキテクチャ・DDDの考え方を実装前に整理する
IVドメイン層の実装DDDの核心。フレームワーク非依存で書ける
V永続化とCQRS(コマンド・クエリ責務分離)データの保存・取得の仕組みを作る
VI認証の実装OIDCで外部IdPと連携する
VIIBlazor UI層の実装設計・実装の成果をUIに繋ぐ
VIIIセキュリティ完成したアプリの安全性を点検する
IXテスト統合テスト・E2Eテスト
X運用・デプロイAzureへ公開して完成
プロ太

このシリーズの特徴は「完成形のコードを参照実装として使う」点です。

各記事では「この概念はメンターアプリのここで使われている」という形で実際のコードを参照します。

段階的に作るハンズオン形式とは少し違いますが、実務に近い形で学べます。

まとめ

ソフトウェア開発は「コードを書く」だけではありません。「要件定義 → 設計 → 実装 → テスト → デプロイ」という流れ全体が、一つのアプリを完成させる営みです。

ウォーターフォール開発、アジャイル開発、個人開発でも、「何を作るか」「どう作るか」を考えることは変わりません。スタイルによってフェーズの重み付けが変わるだけです。

このシリーズの題材「メンターアプリ」は、要件定義から始まり、設計・実装・テスト・デプロイまでを一気通貫で体験できます。

完成形のコードを参照実装として使いながら、実務に近い開発の流れをそのまま学んでいきましょう。

次回は、要件定義を実際に書いていきます。spec.mdの要件定義セクションを教材に、「何を作るか」を具体的に定義していきましょう。

プロ太

一つのアプリを通して設計から実装・テスト・デプロイまでを俯瞰できるようになると、断片的な知識がつながり始めます。

このシリーズでは、完成したメンターアプリを題材に、その背景にある考え方や設計判断を整理していきます。

一緒に学んでいきましょう!

ABOUT ME
プロ太
ソフトウェア開発を楽しく、効率的に行う方法を追求しています。 開発者の視点から技術的課題に向き合い、「純粋な技術的興味に基づく探求」と「実践的な課題解決」という二つの柱を両輪として活動しています。