配布資料の目次 › 再現環境 Keihi
配布資料 63Keihi 画面一覧・URL 設計
status: active / アクター別の画面と URL。
題材プロジェクトの外部設計テンプレ（サイトマップ → 画面遷移 → 表示要素）の縮小版になっています。
要件定義と突き合わせて読んでみてください。「要件には書いたのに、画面がない」箇所が見つかるはずです。
社員（申請者）— /staff/
| 画面ID | URL | 内容 |
|---|---|---|
| S-01 | /staff/login |
ログイン |
| S-02 | /staff/expenses |
自分の申請一覧（状態フィルタ・状態バッジ） |
| S-03 | /staff/expenses/new |
申請作成（明細行の動的追加・費目上限の即時警告） |
| S-04 | /staff/expenses/[id] |
申請詳細（状態履歴・差戻し理由の表示・再申請/取下げ操作） |
承認者 — /approval/
| 画面ID | URL | 内容 |
|---|---|---|
| A-01 | /approval/login |
ログイン |
| A-02 | /approval/pending |
承認待ち一覧（超過警告バッジ・古い順） |
| A-03 | /approval/expenses/[id] |
申請詳細（承認 / 差戻し。差戻しは理由必須） |
経理 — /finance/
| 画面ID | URL | 内容 |
|---|---|---|
| F-01 | /finance/login |
ログイン |
| F-02 | /finance/payables |
支払処理一覧（承認済みのみ・支払予定日入力→支払済み化） |
| F-03 | /finance/monthly |
月次締め集計（部門×費目のマトリクス・月選択） |
設計メモ
- 状態バッジ・操作ボタンは状態遷移表と1対1対応（下書きでは「申請」「取下げ」、差戻しでは「修正して再申請」「取下げ」のみ表示——全状態×全操作の可視/不可視表を実装前に作る）
- 操作フィードバックはトースト、恒久状態（差戻し理由等）はインラインバナー（題材プロジェクト規約の移植）
- コード値（
SUBMITTED等）を画面に出さない。日本語ラベルへマッピング（→catalog/02ui-quality）
この資料を出典にしている回