PitchBoard - プレゼン・スライド構成メーカー

## 1. アプリの目的・ターゲットユーザー
プレゼンテーションのスライド構成（アウトライン）をブラウザ上で素早く組み立て、見やすいスライドイメージとして確認・印刷・PNG保存できる無料ツール。学生の発表資料、社内提案書、営業ピッチ、セミナー資料など「PowerPointを開く前の構成整理」に特化する。PowerPoint/Keynote不要・登録不要でスマホでも使える点が強み。

## 2. 主要機能
- **テンプレート選択（10種）**: ビジネス提案・課題解決・自己紹介・商品紹介・研究発表・教育授業・イベント告知・会社説明・プロジェクト報告・フリー の10テンプレート。各テンプレートはあらかじめスライド枚数と各スライドの役割（タイトル/課題提起/解決策/まとめ等）が設定済み
- **ドラッグ&ドロップ構成エディタ**: スライドカードを縦に並べ、ドラッグで順序変更。カードごとに「スライドタイトル」「本文箇条書き（最大5行）」「レイアウト種別（タイトルのみ/タイトル+テキスト/2カラム/画像プレースホルダー+テキスト）」を編集
- **スライドプレビュー**: 編集内容をリアルタイムで右ペインに16:9比率のスライドイメージとして表示。フォント・カラーテーマ（6種：ネイビー/グレー/グリーン/レッド/パープル/ブラック）を切り替え可能
- **スライド枚数アドバイス**: 入力した発表時間（分）を元に「1枚あたり約◯秒」「適正枚数は◯〜◯枚」をリアルタイム表示するヒント機能
- **PNG一括保存 / 印刷**: html2canvasを使用し全スライドを1枚ずつPNGでzipダウンロード、またはブラウザ印刷ダイアログ呼び出し
- **ローカル保存 & 読み込み**: 構成データをJSONファイルとしてエクスポート/インポートし、後日続きを編集可能（サーバー保存なし）

## 3. 画面構成
### (A) トップ・テンプレート選択画面
- ヘッダー：ロゴ「PitchBoard」＋キャッチコピー
- テンプレートカード10枚をグリッド表示（サムネイル＋テンプレート名＋スライド枚数目安）
- 「フリーで始める」ボタン（テンプレートなし0枚スタート）
- 発表時間入力フィールド（任意）

### (B) エディタ画面（メイン）
- 左ペイン（40%幅）：スライドカード一覧（縦スクロール）。各カードに「スライド番号」「レイアウト切り替えアイコン」「タイトル入力」「本文テキストエリア」「削除ボタン」。最下部に「＋スライド追加」ボタン
- 右ペイン（60%幅）：リアルタイムスライドプレビュー（選択中カードを大きく表示）。下部にサムネイルストリップで全スライド一覧
- 上部ツールバー：テーマカラー選択・フォント選択（2種）・発表時間アドバイス表示・保存JSON・読込JSON・ダウンロードPNG・印刷ボタン

### (C) スマホ表示
- タブ切り替えで「編集タブ」と「プレビュータブ」を切り替えるシングルカラムレイアウト

## 4. データ構造
### DBは使用しない（全データはブラウザのlocalStorageとJSONファイルで完結）

**JSONスキーマ（保存・読込用）**
```json
{
"version": 1,
"title": "プレゼンタイトル",
"theme": "navy",
"font": "sans",
"duration_min": 10,
"slides": [
{
"id": "s1",
"layout": "title-only",
"slide_title": "表紙",
"body_lines": ["サブタイトル", "発表者名"],
"note": "発表者メモ（任意）"
}
]
}
```

**テンプレート定義（PHP側 templates.php に配列として保持）**
各テンプレートはスライド数・各スライドの初期タイトル・レイアウト・本文プレースホルダーを持つ連想配列として定義

## 5. デザインの方向性
- **プロフェッショナル×シンプル**: 白背景・ダークグレー文字・アクセントカラーはインディゴブルー (#4361EE)
- スライドカードはドロップシャドウ付きカード型UI、選択中は左ボーダーをアクセントカラーで強調
- プレビューエリアはダークグレー (#2b2b2b) の背景上に白いスライドを浮かせて表示し「発表本番感」を演出
- フォントはNoto Sans JP（本文）とNoto Serif JP（見出し）の2択
- アニメーション：カード追加時のフェードイン、ドラッグ中のシャドウ強調のみ（軽量）
- スマホでも快適なタップターゲットサイズ（最小44px）を確保