CutList Studio - 木材・パネル裁断計画メーカー

【目的・ターゲット】DIY愛好家、日曜大工、小規模木工房、学校の技術科教師向けに、必要な部材リストから「原板を何枚買えばよいか」「どう切ればムダが出ないか」を自動計算する木工特化の実用ツール。木工版CADに近い専門ソフトは高価で難しいため、無料ブラウザ版として需要が高い。

【主要機能】
1. パーツ登録: 名前・長さ・幅・必要数量・木目方向(縦/横/指定なし)をテーブル形式で追加編集。mm/inch切替対応。
2. 原板(ストック材)登録: サイズ(例1820×910mm合板)、1枚あたり価格、在庫数を複数種類プリセット+自由入力。
3. 自動ネスティング計算: ギロチンカット方式の簡易2Dビンパッキングで、木目方向を尊重しながら最小板数で全パーツを配置。歩留まり率(使用率)・廃材率・概算材料費を自動算出。
4. カット図表示: Canvasで板ごとの切り出しレイアウトを寸法線付きで描画、ズーム操作、番号付きパーツ配置。
5. 出力: カットリスト表とレイアウト図をPNG保存・A4印刷用レイアウトで出力。
6. プロジェクト管理: LocalStorage保存、テンプレート(本棚・テーブル・収納棚等)から開始、6桁共有コードでプロジェクトをMySQL経由で他端末と共有閲覧。
7. 木工房アンビエントBGMのオン/オフ(作業集中用)。

【画面構成】①プロジェクト一覧/新規作成画面 ②パーツ入力画面(表形式・行追加削除) ③原板設定画面(プリセット選択+カスタム) ④計算結果・レイアウト表示画面(Canvas+印刷/保存ボタン+歩留まりサマリー) ⑤設定画面(単位・BGM音量・ミュート)。

【データ構造】MySQL: projectsテーブル(id, share_code UNIQUE, name, unit, created_at, updated_at, data JSON[パーツ配列・原板設定・計算結果を格納])。共有閲覧のみ、編集はLocalStorageのプロジェクトIDと一致する端末のみ許可。

【デザイン方向性】温かみのある木質感を基調にしたフラットデザイン。アンバー・ブラウン・ベージュの配色に、柔らかい水彩+線画イラストのアクセント。Canvas描画部分は白背景+黒線の設計図風で視認性を優先。

【BGM仕様】ローファイ木工房アンビエント、BPM70、4/4拍子。ウッドブロック風パーカッションが2拍・4拍目にアクセント、アコースティックギター風の分散和音(Cmaj7→Am7→Fmaj7→G7の進行)をベースに、8小節ごとに1小節の休符とハイハット風フィルを挿入したA/B展開ループ(A8小節+B8小節)。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを実装し、BGM/SE別音量スライダー、ミュートボタン、画面遷移時のノード解放処理を行う。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する