OfficeMate デスクトップ相棒 - キャラ秘書と進めるタスク管理アプリ

【目的・ターゲット】フリーランス・在宅ワーカー・オフィスワーカー向けに、無機質になりがちなタスク管理を「バーチャル秘書との協働体験」に変える生産性アプリ。孤独感のある作業を、キャラクターの反応と成長要素で楽しく継続できるようにする。

【主要機能】
1. 秘書キャラクター選択(4タイプ:真面目メガネ系/癒し系/体育会系/クール系。性格ごとにセリフ・励まし方が変化)
2. タスク管理(優先度・締切・カテゴリ登録、完了でキャラが喜ぶリアクション表示)
3. 集中/休憩を切り替えるタイマー機能。モードに応じてBGMとキャラの立ち絵・表情が自動変化
4. 好感度・レベルシステム。タスク完了数と連続達成日数で経験値が貯まり、背景・衣装(私服/制服/パーカー等)を解放
5. 週次振り返りレポート(完了率・カテゴリ別グラフ・達成日カレンダー)
6. 生産性スコアの匿名ランキング投稿(ニックネーム任意)

【画面構成】タイトル/キャラ選択画面、メインデスク画面(キャラ常駐+タスクリスト+タイマー)、タスク追加/編集モーダル、好感度・コレクション画面、週次レポート画面、設定画面(BGM/SE音量・キャラ音声ON/OFF)。

【データ構造】ローカルストレージにtasks(id,title,priority,deadline,category,done)、character_state(level,affinity,unlocked_items)、settingsを保存。MySQLはweekly_rankingテーブル(nickname,character_type,completed_tasks,streak_days,score,created_at)のみを使い、匿名ランキング表示に利用。

【デザイン方向性】パステルカラーのセルシェード風2Dイラスト、丸みのある柔らかい線、暖色系の間接照明、正面〜やや斜め構図で親しみやすい大きな瞳のキャラクターデザインを全画像で統一。

【BGM仕様(Web Audio API)】集中BGM:Lo-fi風 BPM74・4/4拍子、ソフトなキック+ブラシスネア、シンプルなベースライン、7th系ジャズコード、ピアノの控えめメロディ。8小節をA(4小節)/B(4小節、フィルとメロディ変化)で構成しループ。休憩BGM:BPM92のアコースティックギターアルペジオ+軽いパーカッション、明るい長調和声。達成ジングル:3秒のベル+コード進行の短いファンファーレSE。AudioContext.currentTimeを基準に次ノードを0.1秒先読みスケジューリングし、BGM用GainNodeとSE用GainNodeを分離、ミュートボタンと停止時の全ノードdisconnect/切断処理を実装する。

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

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