シンプル版
最低限の項目だけを残した、メモや小さな案件向けの版です。
# 画面設計書（シンプル）
## 1. 画面概要
- 画面名:
- 利用者:
- 目的:
## 2. 画面構成
- 主な表示内容:
- 主な操作:
## 3. 入力・表示項目
| 項目 | 内容 | 備考 |
| --- | --- | --- |
| | | |
## 4. 補足
-設計書（システム）
画面設計書テンプレート
画面一覧、項目、入力制御、状態、エラー、遷移を画面単位でまとめます。
テンプレート本文
用途に合わせて版を選び、Markdown をそのままコピーできます。必要に応じて LAZY TOOLS の Markdown エディタでプレビューしながら整えてください。
普通版
抜け漏れを抑えつつ、日常業務で扱いやすい粒度の標準版です。
# 画面設計書
## 1. 画面概要
- 画面名:
- URL / ルート:
- 利用者:
- 目的:
## 2. 画面構成
| エリア | 内容 | 備考 |
| --- | --- | --- |
| ヘッダー | | |
| メイン | | |
| フッター | | |
## 3. 入力項目
| 項目名 | 型 | 必須 | バリデーション | 備考 |
| --- | --- | --- | --- | --- |
| | | | | |
## 4. 表示項目
| 項目名 | 表示条件 | 備考 |
| --- | --- | --- |
| | | |
## 5. 操作と状態
| 操作 | 正常時 | エラー時 |
| --- | --- | --- |
| | | |
## 6. 画面遷移
| 起点 | 条件 | 遷移先 |
| --- | --- | --- |
| | | |
## 7. 補足
-詳細版
レビュー観点、リスク、変更履歴まで残せる、重要案件向けの版です。
# 画面設計書
## 1. 画面概要
- 画面名:
- URL / ルート:
- 利用者:
- 目的:
## 2. 画面構成
| エリア | 内容 | 備考 |
| --- | --- | --- |
| ヘッダー | | |
| メイン | | |
| フッター | | |
## 3. 入力項目
| 項目名 | 型 | 必須 | バリデーション | 備考 |
| --- | --- | --- | --- | --- |
| | | | | |
## 4. 表示項目
| 項目名 | 表示条件 | 備考 |
| --- | --- | --- |
| | | |
## 5. 操作と状態
| 操作 | 正常時 | エラー時 |
| --- | --- | --- |
| | | |
## 6. 画面遷移
| 起点 | 条件 | 遷移先 |
| --- | --- | --- |
| | | |
## 7. 補足
-
---
# 画面設計書（詳細版の追加項目）
画面一覧、項目、入力制御、状態、エラー、遷移を画面単位でまとめます。
## 詳細: 前提・制約
- 利用できる既存資産:
- 技術的な制約:
- 運用上の制約:
- 法務・セキュリティ上の制約:
## 詳細: 受け入れ条件
| 観点 | 条件 | 確認方法 |
| --- | --- | --- |
| 業務 | | |
| 品質 | | |
| 運用 | | |
## 詳細: レビュー観点
- [ ] 目的とスコープが関係者間で一致している
- [ ] 例外ケースとエラー時の扱いが明確
- [ ] セキュリティ、権限、監査ログの観点が確認されている
- [ ] 実装・テスト・運用の担当が明確
## 詳細: 未決事項
| 内容 | 担当 | 期限 | 状態 |
| --- | --- | --- | --- |
| | | | Open |スポンサーリンク
用途
画面単位の仕様を整理し、実装者、デザイナー、レビュアーの認識差を減らすためのテンプレートです。
このテンプレートに含まれる内容
- 画面概要
- 画面構成
- 入力項目
- 表示項目
- 操作と状態
- 画面遷移
使い方
- 画面ごとにファイルを分ける
- 入力制御とエラー表示を先に埋める
- 状態違いの表示条件を漏れなく書く
関連しやすい業務領域
UI設計、ワイヤーフレーム、デザインレビュー関連の広告枠に向いています。