ZineForge - デジタル同人誌・ミニマガジンメーカー

## 1. アプリの目的・ターゲットユーザー
ブラウザだけで「Zine（ジン）」と呼ばれる手作り小冊子・ミニマガジン・同人誌風冊子を作成し、折りたたみ印刷用PDFレイアウトまたはデジタル公開用HTMLとしてエクスポートできる無料ツール。
- **ターゲット**: 同人誌・Zine制作初心者、手帳・スクラップブッキング愛好家、学生（文化祭パンフ）、クリエイター志望の10〜30代、ハンドメイド作家

## 2. 主要機能
- **テンプレート選択**: 「8ページ折り本（A4一枚→8面）」「16ページ冊子」「ポストカード型（4面）」の3形式。各形式に和紙風・漫画風・フォトブック風・ノート風など10種のビジュアルテーマ
- **ページエディタ**: ドラッグ配置でテキストブロック・画像エリア・デコシール（SVGスタンプ絵柄50種）・罫線・吹き出しを配置。背景色・パターン（格子/ドット/無地）を面ごとに設定
- **テキスト装飾**: フォント5種（手書き風・明朝・ゴシック・丸ゴシック・英字セリフ）、文字色・サイズ・太字・斜体・テキストボックスの回転対応
- **プレビューモード**: 完成イメージをページめくりアニメーション（CSS 3D flip）で確認できるブックプレビュー。スマホでは縦スワイプで閲覧
- **エクスポート**: 印刷用「折り本レイアウトPNG（A4見開き配置済み）」とSNS共有用「表紙カードPNG（600×800px）」をダウンロード。データはLocalStorageに最大5冊保存
- **公開ギャラリー**: 完成Zineをギャラリーに投稿（タイトル・一言紹介・表紙画像をMySQLに保存）。閲覧者はいいね（セッション制）で応援。モデレーション不要な公開フラグ方式

## 3. 画面構成
### 3-1. トップページ
- キャッチコピー「A4一枚から始まる、あなただけの小冊子」
- 「新しく作る」CTAボタン → テンプレート選択モーダル
- ギャラリーセクション（最新・人気順タブ、カード6件表示）

### 3-2. テンプレート選択モーダル
- 形式選択（折り本8P / 冊子16P / ポストカード4P）×テーマ選択のグリッドUI
- サムネイルホバーでテーマプレビュー表示

### 3-3. エディタ画面（メイン）
- 左サイドバー: ページサムネイル一覧（現在ページを青枠ハイライト）
- 中央: 編集キャンバス（CSS Grid で各面を表示、クリックで要素追加・選択）
- 右サイドバー: 選択要素のプロパティパネル（テキスト内容・フォント・色・サイズ・回転スライダー）
- 上部ツールバー: テキスト追加・画像エリア追加・スタンプ追加・元に戻す・やり直し・プレビュー・保存・エクスポートボタン
- スタンプパネル: カテゴリ別（花・動物・食べ物・文具・星・矢印など）50種のSVGスタンプをドラッグ or クリックで配置

### 3-4. プレビューモーダル
- CSS 3D transformによるページめくりアニメーション
- 「この面を編集」ボタンでエディタへ戻れる

### 3-5. ギャラリーページ
- 表紙カードのmasonry風グリッド表示
- いいねボタン・タイトル・投稿日表示
- 「自分のZineを公開する」フォーム（タイトル・一言・表紙PNGアップロード）

## 4. データ構造
### テーブル: `zines`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT AUTO_INCREMENT PK | |
| title | VARCHAR(80) | Zineタイトル |
| description | VARCHAR(200) | 一言紹介 |
| cover_image | VARCHAR(200) | 表紙画像ファイルパス |
| likes | INT DEFAULT 0 | いいね数 |
| created_at | DATETIME | 投稿日時 |
| is_public | TINYINT(1) | 公開フラグ |

※ページデータはすべてLocalStorage管理（JSON形式でキャンバス状態を保存）。DBには公開ギャラリー投稿分のみ保存し、DBへの依存を最小限に抑える。

### 画像アップロード
- 表紙画像は `/uploads/zines/` に保存（PHPのmove_uploaded_file）
- 最大500KB、JPG/PNG/WebPのみ許可、ファイル名はuniqid()

## 5. デザインの方向性
- **全体トーン**: クラフト感のある温かみのあるUI。背景はオフホワイト（#FAF7F0）、アクセントカラーは深みのある朱色（#C0392B）と深緑（#2E7D32）の2色
- **フォント**: 日本語UI部分にNoto Sans JP（Googleフォント）、見出しに少しノスタルジックな手書き風フォント（Zen Kurenaido）
- **エディタキャンバス**: 用紙は実際の白紙（#FFFFFF）に薄いドロップシャドウ。グリッドガイド線をうっすら表示（トグルで非表示可能）
- **アイコン**: 鉛筆・ハサミ・のりなど文具モチーフのSVGアイコンをツールバーに使用し、クリエイティブな雰囲気を演出
- **レスポンシブ**: スマホでは左サイドバーを下部のページサムネイル横スクロール、右サイドバーを下方向ドロワーに変更。エディタキャンバスはpinch-zoomで操作可能