# アプリの見取り図ひな形（記入例）

架空企業「みらい業務サービス」の社内依頼・承認管理アプリの例。実在する会社・案件・人物は含まない。
記事「「提出ボタンを押す」で何が起きるかを見取り図にする」（00-01）の本文で使った内容をまとめたもの。空欄版は `00-01-app-overview_template.md`。

## 1. 登場人物

| 登場人物 | この業務での例 |
|---|---|
| 利用者 | 依頼者の佐藤さん、承認者の鈴木さん |
| 画面 | 依頼作成画面、一覧画面、詳細画面 |
| 通信 | 画面とサーバーの間で情報をやり取りする経路 |
| 処理 | 必須項目の確認、状態の変更を判断する部分 |
| 保存先 | 依頼・利用者・履歴のデータを保存する場所 |

## 2. 操作例1件の流れ

```text
① 利用者（依頼者）が画面で「提出」ボタンを押す
② 画面が、件名・内容・承認者を決められた形（API）で送る
③ 処理が、必須項目がそろっているか確認する
④ 処理が、保存先に「状態を提出済みに変える」よう指示する
⑤ 保存先が、依頼の状態を書き換える
→ 結果（「提出しました」）が画面に返り、利用者に表示される
```

## 3. 完了条件の確認

- [x] 5つの登場人物が図と説明の両方にある
- [x] 操作1件の流れが、画面から応答まで途切れず書かれている
- [x] 用語（ブラウザ、サーバー、API）に日本語の意味と題材の例が添えてある

## 4. 次工程へ渡すもの

- [x] アプリの見取り図（第1〜2節）
- [ ] 承認者：総務課長（架空）— 記入例のため未承認の扱い