はじめに
本記事では、掲示板アプリケーションにおける画面遷移の全体像を紹介します。
このアプリは「ユーザー側」と「管理者側」の機能を持つため、双方の画面遷移を一枚の図で俯瞰できるよう設計しています。
✅ 遷移図はこちら：
🔗 画面遷移図（PDF）
🎯 遷移図の目的
-
アプリケーション全体の画面構成と遷移関係を把握しやすくする
-
各画面がどのアクター （ユーザー／管理者）によって利用される かを明示する
-
各種仕様書（機能仕様・詳細設計）やブログ記事との位置づけを明確化する
🧭 画面区分の概要
👤 ユーザー側（利用者ポータル）
掲示板一覧・詳細表示
-
スレッド一覧／詳細／投稿作成
-
自分が作成したスレッド／投稿の一覧・編集
-
ログイン／ログアウト機能
※ユーザーによるスレッド削除は不可。編集・投稿は可能です。
🛠️ 管理者側（管理メニュー）
-
掲示板の作成・編集・削除
-
スレッドの削除（ユーザーが作成したものも含む）
-
投稿の削除
-
ユーザー管理（ユーザー登録・編集・削除）
管理者は、掲示板の運営を行うための一連の機能を専用メニューから操作します。
🧱 設計方針との関係
本遷移図は、設計書における以下のセクションと対応しています：
📄 「4. 機能カテゴリ一覧」
機能のカテゴリ（共通基盤機能、ユーザーポータル機能、管理機能など）
📄 「5. 機能詳細仕様（カテゴリ別）」
上記カテゴリごとの具体的な画面と機能の記述
📄 「Vol.14」・「Vol.15」シリーズ
遷移図の詳細解説記事として、以下のように役割を分担しています：
| 記事 | 内容 |
|---|---|
| Vol.13（本記事） | 全体の構成・画面マップの提示 |
| Vol.14（管理者側詳細） | 管理者が操作する画面の構成と遷移解説（今後公開予定） |
| Vol.15（ユーザー側詳細） | ユーザーが操作する画面の構成と遷移解説 |
📌 注意点・補足
本記事では個別画面の仕様やボタンアクションの詳細説明は行いません。
それらは今後の Vol.14／Vol.15 で画面単位に深掘りします。
遷移図の色分けやラベルにより、ユーザー／管理者の操作範囲が明確に識別できる構成としています。
おわりに
今後、各機能カテゴリや画面の詳細を扱った記事を順次公開していく予定です。
本記事と遷移図をベースにすることで、全体像を見失わずに設計・実装・テストが進められます。
🔗 関連リンク
📘 Vol.14：画面遷移図詳細（管理者側）※作成中
📘 Vol.15：画面遷移図詳細（ユーザー側）