情報モデルの抽出と状態遷移定義

• 日程: Day 2 / セッション 04
• 時間: 10:40-11:25
• 形式: 実習
• ゴール: Day 1の情報定義書から自チームの情報モデルを3つ以上抽出し、それぞれの状態遷移図をdraw.io等で作成して、CRUDを網羅した上でお客様視点でレビューできる
• 学習形式: AI協働型（情報モデル候補の提案、状態遷移のたたき台生成、お客様視点のレビュー、すべてAIに依頼する）

ここまでで「情報モデルとは何か」「状態遷移を書くと機能と画面が決まる」ことを学びました。いよいよ自チームの開発テーマで実践します。

Day 1で作った3つの成果物を必ず開いておきましょう。

• 開発テーマ
• 整理分類済み情報定義書
• ペルソナのプロフィール

ここから情報モデルを3つ以上抽出し、それぞれの状態遷移図を描きます。45分という時間は短いようで長いです。AIと協働で進めれば十分に終わります。

Step 1：候補抽出（5分）

Day 1の整理分類済み情報定義書を見て、「ライフサイクルを持ちそうな名詞」をマークします。マスタデータ的なものより、変化していくもののほうが面白い題材になります。

Step 2：3つに絞る（3分）

ペルソナにとっての価値が大きい順に3つ選びます。「これがないとサービスが成立しない」という核を選ぶのがコツです。

Step 3：属性・関係・制約の定義（10分／1モデルあたり3-4分）

Session02で練習した3観点を再利用します。AIに「他に必要な属性は？」と尋ねるのが効率的です。

Step 4：状態遷移図作成（12分／1モデルあたり4分）

draw.io（https://app.diagrams.net/）を開き、状態遷移図のテンプレートから始めます。

Step 5：CRUDレビュー（3分）

各状態に対して「作る・読む・更新する・削除する」が網羅されているかチェック。

Step 6：お客様視点レビュー（2分）

Day 1で定義したペルソナの立場で「この状態遷移で困らないか」を問い直します。

完璧主義を捨てること。後から何度でも直せます。45分以内に「3つそろえて、一回レビュー」をやりきるのが目標です。

このツール、元々は「draw.io」というドメインで提供されていました。Gliffyの代替として無料で使える図ツールが欲しいユーザーに大ヒットしました。2020年に「diagrams.net」というドメインに移行しています。理由は「.io」ドメインの政治的問題（イギリス領インド洋地域の管理権問題）を避けるためだとか。ツールの背後にも国際情勢が絡んでいる、おもしろい話です。

自チームの開発テーマから情報モデルを3つ以上抽出し、それぞれの状態遷移図をdraw.ioで作成する。完成した3つの状態遷移図をチーム共有する。

AIプロンプト例（情報モデル候補抽出）

私たちのチームは「家計簿アプリ」を開発しています。
ペルソナは「家計を見える化したい30代会社員」です。
Day 1で作った情報定義書の主要項目は以下の通りです：
- 収入、支出、カテゴリ、口座、月次レポート…

このテーマでライフサイクルを持つ「情報モデル」を3〜5個候補として提案してください。
それぞれに状態が何個くらい想定されるかも教えてください。

AIプロンプト例（状態遷移のたたき台生成）

情報モデル「支出記録」について状態遷移図を考えています。
想定される業務シナリオ：入力 → 確定 → カテゴリ振り分け → 月次集計対象に
編集や削除のシナリオもあります。

考えられる状態と遷移を、Mermaid記法でたたき台として出してください。

AIプロンプト例（お客様視点レビュー）

以下の状態遷移について、ペルソナ「家計を見える化したい30代会社員」の立場でレビューしてください。
「入力 → 確定 → 月次集計対象 → アーカイブ」
- 不便な点
- 使いにくい遷移
- 見逃している状態（例：誤入力の修正フローがない、など）
を指摘してください。

• 「この状態遷移で『戻る』フローが必要な箇所はどこ？」
• 「マスタデータ（カテゴリ等）にも状態遷移は必要？」
• 「状態数が多すぎて複雑。どう整理すれば良い？」

3つの状態遷移図がそろうことで、明日以降の設計・実装の「設計図の核」が完成しました。今日の午後はこれを元に「機能一覧」「画面一覧」「非機能要件」「モックアップ」を一気に作っていきます。

次のセッション（Session05）はその第一弾。状態遷移図から「機能とプレゼンテーション」を抽出する実習です。

• 3つの情報モデルを抽出できましたか？
• それぞれの状態遷移図はCRUDを網羅していますか？
• お客様視点でレビューして、修正した点はありましたか？

• 参考リンク：draw.io（https://app.diagrams.net/）、Mermaid state diagram公式ドキュメント
• 発展課題：チームメンバー間で状態遷移図を交換レビューする