# 画面の原型ひな形（記入例）

架空企業「みらい業務サービス」の社内依頼・承認管理アプリの例。実在する会社・案件・人物は含まない。
記事「入力項目・一覧・詳細・操作ボタンの原型を作る」（04-02）の本文で使った内容をまとめたもの。空欄版は `04-02-screen-prototype_template.md`。

## 1. 画面の原型

| 画面名 | 項目 | 必須 | 型 | 表示条件 | 操作ボタンと役割 |
|---|---|---|---|---|---|
| 依頼作成画面 | 件名 | 必須 | 文字 | 常に表示 | 「提出」ボタン：依頼者のみ |
| 依頼作成画面 | 内容 | 必須 | 文字（複数行） | 常に表示 | 同上 |
| 依頼作成画面 | 承認者 | 必須 | 選択（承認者一覧から選ぶ） | 常に表示 | 同上 |
| 一覧画面 | 件名 | — | 文字 | 常に表示 | — |
| 一覧画面 | 状態（下書き・提出済み・差戻し・承認済み） | — | 選択 | 常に表示。状態で絞り込みできる | — |
| 一覧画面 | 提出日 | — | 日付 | 提出済み以降のみ表示 | — |
| 詳細画面 | 件名・内容・承認者 | — | （作成画面と同じ） | 常に表示 | — |
| 詳細画面 | 差戻し理由 | — | 文字（複数行） | 状態が「差戻し」のときだけ表示 | — |
| 詳細画面 | （操作） | — | — | 状態が「提出済み」のときだけ表示 | 「承認」「差戻し」ボタン：承認者のみ |
| 詳細画面 | （操作） | — | — | 状態が「差戻し」のときだけ表示 | 「再提出」ボタン：依頼者のみ |

## 2. 完了条件の確認

- [x] 作成・一覧・詳細の3画面がある
- [x] 項目定義に必須と表示条件がある
- [x] ボタンごとに操作可能な役割がある

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

- [x] 画面の原型（第1節）
- [ ] 承認者：総務課長（架空）— 記入例のため未承認の扱い