StampCraft - オリジナルスタンプ&スタンプカードメーカー

## 1. アプリの目的・ターゲットユーザー
ハンコ・スタンプのような「押した感」のあるオリジナルスタンプ素材をブラウザだけで作成し、PNG/SVG形式でダウンロードできる無料デザインツール。さらに作ったスタンプを並べて「スタンプカード」「スタンプシート」としてまとめてエクスポートできる。ハンドメイド作家、教師(生徒への褒章スタンプ)、個人ショップ(スタンプカード作成)、SNSスタンプ自作を楽しみたい一般ユーザーが主なターゲット。

## 2. 主要機能
- **スタンプエディタ**: 丸・角丸四角・六角形・星形・楕円など10種のベースシェイプを選択し、枠線の太さ・二重枠・破線などのスタイルを調整。中央にアイコン(内蔵SVGアイコン80種から選択または絵文字入力)と上下のテキスト(アーチ状に湾曲配置)を追加できる。
- **スタンプ質感プリセット**: 「インク滲み」「カスレ」「古びた木製」「透明感」「ゴールド箔」の5種のフィルタをCanvas描画で再現し、リアルなスタンプ風に仕上げる。
- **カラーテーマ**: 朱色・藍・黒・エメラルド・ゴールドなど12種のプリセットカラーと、カスタムカラーピッカーに対応。背景を透過またはホワイトに切り替え可能。
- **スタンプカードビルダー**: 作成・保存したスタンプを最大20個並べ、A4縦/横・ポストカードサイズのカードレイアウトに配置。枠線デザイン(クーポン風/シンプル/和風)とヘッダーテキストを追加してPNG出力。
- **ギャラリー&共有**: 完成したスタンプをサーバ側(PHP+MySQL)の公開ギャラリーに投稿でき、いいね数順・新着順で閲覧・ワンクリックリミックス(複製編集)ができる。
- **ローカル保存**: 作成中のスタンプデータはLocalStorageにJSON形式で自動保存され、最大30件を「マイスタンプ一覧」として管理・再編集できる。

## 3. 画面構成
- **トップページ**: キャッチコピー+公開ギャラリー新着6件のサムネイル+「スタンプを作る」「カードを作る」の大きな2ボタン。
- **スタンプエディタ画面**: 左ペイン(シェイプ選択・テキスト入力・アイコン選択・カラー・質感フィルタ・枠線設定)、中央にリアルタイムCanvasプレビュー(背景チェッカー柄または白)、右ペイン(マイスタンプ一覧・保存・PNG/SVGダウンロード・ギャラリー投稿ボタン)。
- **スタンプカードビルダー画面**: 上部にマイスタンプのサムネイル一覧(ドラッグまたはクリックで配置)、中央にカードキャンバス(グリッド表示・スタンプを好きな位置に配置)、右サイドにカードサイズ・枠線デザイン・ヘッダーテキスト入力、下部に「PNG出力」ボタン。
- **公開ギャラリーページ**: カード型グリッドにスタンプ画像・投稿者ニックネーム・いいね数を表示。いいねボタン(セッション単位で1回)。リミックスボタン押下でエディタにデータをロード。
- **モーダル**: ダウンロード成功・投稿完了・リミックス確認の各通知。

## 4. データ構造
```sql
-- スタンプの公開投稿
CREATE TABLE stamps (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(30) NOT NULL DEFAULT '匿名',
title VARCHAR(60),
design_json TEXT NOT NULL, -- エディタの設定値をJSON化
image_data_url MEDIUMTEXT, -- Base64 PNG (縮小サムネイル用)
likes INT NOT NULL DEFAULT 0,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- いいね重複防止(セッションID×スタンプID)
CREATE TABLE stamp_likes (
id INT AUTO_INCREMENT PRIMARY KEY,
stamp_id INT NOT NULL,
session_hash VARCHAR(64) NOT NULL,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
UNIQUE KEY uq_like (stamp_id, session_hash)
);
```
ローカルのスタンプデータはLocalStorageに保存しDBへは保存しない(公開投稿時のみDB書き込み)。

## 5. デザインの方向性
- **和モダン×クラフト感**: 薄いクリーム色(#FAF7F0)の背景に朱色(#C0392B)・墨色(#2C2C2C)のアクセント。スタンプのリアル質感を引き立てる落ち着いたUI。
- フォントは見出しに「Noto Serif JP」、UIに「Noto Sans JP」を使用。
- ボタン・カードは角丸、ホバー時に軽いシャドウのふんわりアニメーション。
- スマホ時はエディタを上下2分割(上:プレビュー/下:コントロールパネル)でスクロール操作に対応。
- CanvasはHTML5 Canvas APIのみ使用、外部グラフィクスライブラリ不要。