iOS画面設計書テンプレート.md

# iOS画面設計書テンプレート

## 基本情報

| 項目   | 内容                |
| ---- | ----------------- |
| 画面ID | \\[画面を一意に識別するID]   |
| 画面名  | \\[画面の名称]          |
| 機能概要 | \\[この画面が提供する機能の概要] |
| 作成者  | \\[作成者名]           |
| 作成日  | \\[作成日]            |
| 更新履歴 | \\[更新日・更新者・更新内容]   |

## 画面仕様

### 1. 画面レイアウト

\\[画面のワイヤーフレームまたはモックアップ画像を挿入]

### 2. UI要素一覧

| 要素ID      | 要素種類                       | 表示名       | 説明       | 入力制限/表示条件    |
| --------- | -------------------------- | --------- | -------- | ------------ |
| \\[ID-001] | \\[Button/Label/TextField等] | \\[表示テキスト] | \\[要素の説明] | \\[入力制限や表示条件] |
| \\[ID-002] |                            |           |          |              |
| ...       |                            |           |          |              |

### 3. 画面遷移

| 操作         | 遷移先画面     | 遷移条件         | 引き継ぎパラメータ      |
| ---------- | --------- | ------------ | -------------- |
| \\[ボタンタップ等] | \\[遷移先画面名] | \\[遷移が発生する条件] | \\[遷移時に引き継ぐデータ] |
| ...        |           |              |                |

### 4. バリデーションルール

| 項目     | バリデーションルール      | エラーメッセージ        |
| ------ | --------------- | --------------- |
| \\[項目名] | \\[必須/文字数制限/形式等] | \\[表示するエラーメッセージ] |
| ...    |                 |                 |

### 5. APIリクエスト

#### リクエスト情報

| API名    | HTTPメソッド     | エンドポイント       | 呼び出しタイミング        |
| ------- | ------------ | ------------- | ---------------- |
| \\[API名] | \\[GET/POST等] | \\[エンドポイントURL] | \\[APIを呼び出すタイミング] |

#### リクエストパラメータ

| パラメータ名    | 型              | 必須        | 説明          |
| --------- | -------------- | --------- | ----------- |
| \\[パラメータ名] | \\[String/Int等] | \\[Yes/No] | \\[パラメータの説明] |
| ...       |                |           |             |

#### レスポンス処理

| ステータスコード | 処理内容       |
| -------- | ---------- |
| 200      | \\[成功時の処理]  |
| 400      | \\[エラー時の処理] |
| ...      |            |

### 6. 状態管理

| 状態名      | 型    | 初期値    | 説明           |
| -------- | ---- | ------ | ------------ |
| \\[状態変数名] | \\[型] | \\[初期値] | \\[この状態が表す内容] |
| ...      |      |        |              |

### 7. アニメーション・インタラクション

| 要素ID    | イベント         | アニメーション内容     | 持続時間  |
| ------- | ------------ | ------------- | ----- |
| \\[要素ID] | \\[タップ/スワイプ等] | \\[アニメーションの詳細] | \\[秒数] |
| ...     |              |               |       |

### 8. アクセシビリティ対応

| 要素ID    | VoiceOver読み上げテキスト | アクセシビリティヒント | その他対応             |
| ------- | ----------------- | ----------- | ----------------- |
| \\[要素ID] | \\[読み上げテキスト]       | \\[ヒント内容]    | \\[その他のアクセシビリティ対応] |
| ...     |                   |             |                   |

### 9. ローカライゼーション

| キー     | 日本語        | 英語        | その他言語        |
| ------ | ---------- | --------- | ------------ |
| \\[キー名] | \\[日本語テキスト] | \\[英語テキスト] | \\[その他言語テキスト] |
| ...    |            |           |              |

### 10. デバイス対応

| 対応デバイス        | 画面サイズ    | 特記事項    |
| ------------- | -------- | ------- |
| \\[iPhone 14等] | \\[画面サイズ] | \\[特記事項] |
| ...           |          |         |

### 11. ダークモード対応

| 要素ID    | ライトモード設定 | ダークモード設定 |
| ------- | -------- | -------- |
| \\[要素ID] | \\[色・画像等] | \\[色・画像等] |
| ...     |          |          |

## 補足情報

### 技術的な実装メモ

\\[実装時の注意点や特記事項]

### デザインガイドライン参照

\\[適用するデザインガイドラインへの参照]

### 関連画面

\\[関連する他の画面への参照]