QRアートスタジオ - おしゃれデザインQRコードジェネレーター

【目的・ターゲット】店舗オーナー・フリーランス・イベント主催者・学生など、誰でも「映える」QRコードを無料で作れるツール。単なる白黒QRではなく、色・背景・ロゴを組み合わせた高品質デザインQRを数分で生成し、印刷物やSNSに使える点が差別化ポイント。

【主要機能】
1. データ種別選択(URL/フリーテキスト/Wi-Fi接続情報/連絡先vCard/イベントvCalendar)からQRコードを生成し、誤り訂正レベルを自動最適化してデザイン崩れでも読み取り可能に保つ。
2. カラー・グラデーション・角丸・ドット形状(丸型/しずく型/クラシック角型)のカスタマイズと、生成済み装飾フレーム/背景パターン素材(和柄・ネオン・ナチュラル・ビジネス・ポップの5テーマ×複数種)を重ねてデザイン。
3. 中央にロゴ画像・アイコンを埋め込み配置(自動で誤り訂正レベルを引き上げ読み取り保証)。
4. ブラウザ内カメラでその場スキャンして読み取り検証できる「テストスキャン」機能。
5. 生成完了時に短い達成ジングル(Web Audio APIでその場生成、テーマ別に4種)を再生し、体験をリッチに演出。
6. PNG/SVG/印刷用PDF(名刺サイズ・POP用A5・シールシート割付)で書き出し。作成履歴はLocalStorage保存、任意で公開ギャラリーに投稿しいいね数で人気デザインを閲覧できる。

【画面構成】
(1)トップ/データ入力ページ: 種別タブとフォーム→次へ。
(2)デザイン編集ページ: 左にプレビューQR、右にテーマ・色・ロゴ・フレーム設定パネル、リアルタイム反映。
(3)テストスキャン&書き出しページ: カメラ検証、フォーマット別ダウンロードボタン。
(4)公開ギャラリーページ: カード一覧、いいね、テーマ別フィルタ。
(5)マイ履歴ページ: 過去作成分の再編集・再ダウンロード。

【データ構造】
MySQLは公開ギャラリー用のみ使用。
gallery_items(id, title, data_type, design_json, thumbnail_path, theme, likes, created_at)
likes_log(id, gallery_id, ip_hash, created_at) で重複いいね防止。
個人の作成履歴・入力データはLocalStorageのみで保持し、サーバーに個人情報を送らない設計とする。

【デザイン方向性】
全体は洗練されたモダンUIに、テーマごとに世界観の異なる背景パターン(和柄・サイバーネオン・ナチュラル・ミニマルビジネス・ポップパステル)を用意し、選択時にプレビュー背景も連動して変化させる。生成ジングルとアニメーション(QR出現時のふわっとしたフェード+パーティクル)で「作る楽しさ」を演出し、スマホでもPCでも快適に操作できるレスポンシブレイアウトとする。