スキマドキ - すきま時間を有効活用するタスク提案プランナー

【目的・ターゲット】通勤の待ち時間、レンジ加熱中、お風呂待ちなど、1〜60分の『すきま時間』を持て余しがちな社会人・学生・主婦層向けに、その場でできる小タスクを自動提案し、達成感とともに時間を『貯金』として可視化する実用ツール。

【主要機能】
1. 使える時間(1〜60分スライダー)とシーン(自宅/職場/外出先/移動中)を選ぶと、内製タスクDB約150件から3件のおすすめカードを提示(学習・家事・健康・リラックス・仕事の5カテゴリ)。
2. タスク実行画面：円形プログレスリングのカウントダウンタイマーとBGMを自動再生。中断/完了を選択可能。
3. 完了ごとに『タイムクレジット』として時間を積算。週間棒グラフ、月間カレンダーヒートマップで振り返り可能。
4. 連続実施日数(ストリーク)と累計時間・カテゴリ制覇による実績バッジを獲得。
5. ニックネームのみで参加できる全国タイムクレジット週間ランキング(任意投稿)。
6. お気に入りタスク登録、苦手カテゴリの除外設定。

【画面構成】①ホーム(時間スライダー+シーン選択+今日のおすすめ3件+マスコット表示)②タスク一覧(カード、スワイプで再提案)③実行画面(タイマー・進捗リング・BGM音量・完了ボタン)④履歴・統計(ヒートマップ・円グラフ・バッジ一覧)⑤ランキング⑥設定。

【データ構造(MySQL)】tasks(id, category, title, description, min_minutes, max_minutes, scene, energy_level, icon_key)／users(id, nickname, device_token, total_minutes, streak_days, created_at)／completion_logs(id, user_id, task_id, minutes, category, completed_at)／badges(id, user_id, badge_key, earned_at)。端末識別はCookie/LocalStorageのdevice_tokenで簡易管理し、ログイン不要。

【デザイン方向性】砂時計と光る粒子をモチーフにした、丸みのあるフラットベクターイラスト。配色はミントグリーン×コーラルピンク×レモンイエローのやさしいパステル。線は太めで統一し、案内役の小さな時計の妖精マスコットが各画面に登場。カード型UIで情報を整理し、スマホでは縦一列、PCでは3カラム表示。

【BGM仕様】Web Audio APIでローファイ風アンビエントを生成。BPM80、4/4拍子。ドラムはソフトなキック+ブラシ音のハイハットで1拍・3拍にアクセント、ベースはCメジャー7系コード進行(C→Am7→Fmaj7→G7)に沿うシンプルなウォーキングベース、メロディはエレピ/木琴の短いモチーフをA(4小節)/B(4小節)展開で構成し、8小節ごとに軽いフィルを挿入。完了時は2小節の短いファンファーレジングルを別トラックとして重ねる。AudioContext.currentTimeを基準に先読みスケジューリングし、BGM/SEの音量を別スライダーで制御、ミュートボタンと画面遷移時のノード解放(disconnect)を実装する。

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