StickerSheet Studio - オリジナルシール台紙メーカー

## 1. アプリの目的・ターゲットユーザー
ブラウザだけで「シール台紙」を丸ごとデザインし、印刷用PDFまたはPNG画像として書き出せる無料ツール。手帳デコ・バレットジャーナル・ラッピング・子ども向け手作りシール・推し活グッズなど、既製品にないオリジナルシールセットを作りたい10〜40代の女性・クリエイター・教育者をメインターゲットとする。デザインソフト不要、登録不要で即使用できることを重視する。

## 2. 主要機能
- **シール素材ライブラリ**: 花・動物・食べ物・星・テキスト枠・スタンプ風・矢印など150種以上のSVGパーツを内蔵。カテゴリフィルターで絞り込みドラッグ&ドロップでキャンバスへ配置。
- **シール単体エディタ**: 配置したシールを選択して色・サイズ・回転・不透明度を個別調整。テキストシールは文字・フォント・文字色・背景色を編集可能。
- **台紙テンプレート**: A4・A5・ハガキサイズのシール台紙テンプレート12種（マス割り付け型・フリー配置型・円形抜き型など）を用意。背景色・背景パターンも選択可。
- **カット線表示トグル**: 実際に切り取るための円形・角丸矩形・カスタム多角形のカット線をシールごとに付与し、印刷時の見え方をプレビュー可能。
- **PNG / 印刷用レイアウト出力**: 完成した台紙をPNG画像でダウンロード、またはブラウザ印刷ダイアログ向けの高解像度レイアウト（300dpi相当）で出力。
- **公開ギャラリー投稿 & いいね**: 作品をギャラリーへ投稿（ニックネームのみ）し、他ユーザーの台紙に「いいね」を付けられるコミュニティ機能。

## 3. 画面構成
### 3-1. トップページ (index.php)
- ヒーローバナー（キャッチコピー＋「今すぐ作る」ボタン）
- ギャラリープレビュー（人気台紙6件をカードで表示）
- 使い方3ステップ図解

### 3-2. エディター画面 (editor.php)
**3カラム構成（スマホは下タブ切替）**
- 左パネル: タブ切替「素材ライブラリ」「テキスト追加」「背景設定」「台紙テンプレート」
- 素材ライブラリ: カテゴリボタン＋SVGサムネイルグリッド（クリックまたはドラッグで追加）
- テキスト追加: 入力欄、フォント選択（10種）、文字色、背景形状（なし/丸/吹き出し/旗）
- 背景設定: 台紙背景色ピッカー＋ドットグリッド/ストライプ/チェック柄トグル
- 台紙テンプレート: サイズ選択（A4/A5/ハガキ）＋レイアウト選択12種
- 中央: キャンバス（fabric.jsで実装）
- 選択オブジェクトの移動・リサイズ・回転ハンドル
- カット線表示/非表示トグルボタン
- ズームイン/アウト、アンドゥ/リドゥ
- 右パネル: 選択オブジェクトのプロパティ（色・不透明度・回転・サイズ数値入力・レイヤー順序・削除・複製）

### 3-3. 書き出しモーダル
- PNG解像度選択（1x/2x/3x）
- 印刷設定（用紙サイズ確認・余白設定）
- ダウンロードボタン
- ギャラリー投稿フォーム（ニックネーム・タイトル・タグ最大3つ）

### 3-4. ギャラリーページ (gallery.php)
- 新着順/人気順ソート
- タグ検索・キーワード検索
- 台紙カード（サムネイル・作者名・いいね数・使うボタン→エディターにロード）
- ページネーション（1ページ24件）

## 4. データ構造
### テーブル: gallery_items
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO_INCREMENT | |
| nickname | VARCHAR(30) | 投稿者ニックネーム |
| title | VARCHAR(80) | 台紙タイトル |
| thumbnail | TEXT | Base64 PNG（縮小版） |
| canvas_json | MEDIUMTEXT | fabric.js の toJSON() データ |
| tags | VARCHAR(120) | カンマ区切りタグ最大3つ |
| likes | INT DEFAULT 0 | いいね数 |
| created_at | DATETIME | |

### テーブル: gallery_likes
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO_INCREMENT | |
| item_id | INT FK | |
| session_hash | VARCHAR(64) | IPハッシュ＋UA で重複防止 |
| created_at | DATETIME | |

※ SVGパーツはサーバーの `/assets/stickers/` ディレクトリに静的ファイルとして格納し、PHPでJSONカタログとして返す（DBなし）

## 5. デザインの方向性
- **テーマカラー**: ローズピンク (#F76F8E) × ミルクホワイト (#FAFAFA) × ライトパープル (#C9AEF5)
- **フォント**: 見出しは丸ゴシック系（Noto Sans JP）、エディターUIはシステムフォント
- **UIトーン**: 手帳・文具店的なかわいさ × Figmaライクなシンプルな操作UI
- スマホでもキャンバス操作しやすいよう、タッチイベントに対応したタブ切替レイアウトを採用
- 全体的に余白多め・アイコン大きめで直感的操作を優先し、初心者がチュートリアルなしで使い始めやすい設計にする