ふせんの庭 CanvasNote - 生成ビジュアル×アンビエントBGMで彩る自由配置ふせんボード

【目的】タスク整理・アイデア出し・家族の伝言板・チーム共有メモなど、あらゆる用途に使える「自由配置型ふせんボード」アプリ。既存のToDoやマインドマップと違い、無限キャンバス上にふせんを自由に置ける手軽さと、テーマ背景＋生成BGMによる没入感のあるビジュアル体験が特徴。学生・在宅ワーカー・チームリーダーがターゲット。

【主要機能】
1. 無限スクロールキャンバスに付箋(テキスト/チェックリスト/画像/スタンプ)を自由配置・ドラッグ・リサイズ・色分け
2. ボードごとにテーマ(森・宇宙・海・カフェ・和室など)を選択でき、背景ビジュアルと専用アンビエントBGM(Web Audioでリアルタイム生成)がセットで切り替わる
3. 付箋同士を矢印線で接続してフロー図的にも使える
4. 複数ボード管理、共有URL発行(閲覧専用/編集可を選択)でチームや家族と同時編集風に利用
5. PNGエクスポート、テンプレート(週間ToDo/ブレスト/買い物リスト等)からのボード新規作成
6. LocalStorageで自動保存、共有ボードのみMySQLに永続化

【画面構成】
- トップページ: ボード一覧(サムネイル表示)、新規作成ボタン、テーマ選択モーダル
- ボード編集画面: 中央に無限キャンバス、左に付箋追加・色・テーマ切替パレット、上部ツールバーに共有・保存・BGM再生ON/OFF・音量スライダー
- 共有ビュー画面: URLアクセス時に閲覧または編集モードで開く、権限に応じてツールバー表示を切替

【データ構造】
- boardsテーブル: id, title, theme, owner_token, share_token, permission(view/edit), bgm_type, created_at, updated_at
- notesテーブル: id, board_id, type(text/checklist/image/stamp), pos_x, pos_y, width, height, color, content, z_index, created_at, updated_at
- board_viewsテーブル(任意): board_id, viewed_at で閲覧数集計

【デザイン方向性】
パステル基調のやさしい配色をベースに、テーマごとに背景イラストと配色パレットを切替(森=緑×茶、宇宙=紺×紫、海=水色×白、カフェ=ベージュ×茶、和室=藍×朱)。BGMはテーマに合わせた環境音風のループをWeb Audio APIで生成し、作業中のBGM代わりとしても機能。付箋はドラッグ時に柔らかい影とバウンドアニメーションを付け、触って楽しいUIを目指す。スマホは縦画面でパレットを下部に固定、PCは左サイドバー常時表示。