HandoffNote - 引継ぎ書自動作成＆完了チェックツール

業務の引継ぎ(異動・退職・産休育休・担当替え)で発生する「何を伝えればいいか分からない」「口頭引継ぎで抜け漏れが起きる」という悩みを解消する引継ぎ書自動作成&進捗管理ツール。対象は一般企業の社会人(引継ぎ元・後任者・上長)。

主要機能:
1. 5種テンプレート(一般事務/営業/経理/店舗運営/ITエンジニア)から選び新規プロジェクト作成、引継ぎ完了予定日を設定
2. 6カテゴリ(定例業務・進行中案件・取引先連絡先・ファイル共有先・注意点トラブル事例・パスワード権限メモ)でカード形式の項目を追加・並び替え・優先度/状態(未着手/引継ぎ中/完了)管理
3. 進捗ダッシュボードで完了率をドーナツグラフ、カテゴリ別達成率をバーグラフ、残り日数をカウントダウン表示
4. 共有URL(パスワード保護可)を発行し、後任者が各項目をチェック、質問コメントを残せる
5. 全項目完了で祝福アニメーションと短いファンファーレBGMを再生し、A4印刷用の完成引継ぎ書レイアウトをPDF/PNGで出力
6. 進捗はLocalStorageと共有時はMySQLに保存、編集履歴を残す

画面構成: ①テンプレート選択トップ ②編集画面(カテゴリタブ+ドラッグ並び替え可能なカードリスト+右側進捗パネル) ③後任者用共有ビュー(パスワード入力→チェック&コメント) ④完了画面(祝福演出+印刷プレビュー)

データ構造: handoff_projects(id, title, owner_name, successor_name, department, template_type, target_date, share_code, password_hash, created_at) / handoff_items(id, project_id, category, title, detail, priority, status, order_index, updated_at) / handoff_comments(id, item_id, author_type, comment, created_at)

デザイン: ビジネスライクだが温かみのあるフラットデザイン。テンプレ別カラー(オフィスブルー/営業オレンジ/経理グリーン/店舗ピンク/ITパープル)、カテゴリごとに専用イラストアイコンを配置し視覚的に整理。

BGM: 完了時のみ再生する3〜4秒の祝賀ファンファーレ。明るいコーポレート調、BPM100・4/4拍子、コード進行C→G→Am→F、ベル系シンセの主旋律+柔らかいパッドの和声、軽いスネアアクセントを4小節目と8小節目に配置、8小節構成(4小節の盛り上げ→4小節の余韻)。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する