マルチタイマー・ストップウォッチ - 料理から勉強まで対応

## 概要

料理、運動、勉強、仕事、瞑想、スポーツなど、あらゆるシーンで活躍するマルチ機能タイマー・ストップウォッチアプリです。大きな時間表示を中心としたシンプルで直感的なUI、豊富な音声・効果音機能、複数タイマーの同時管理、プリセット・テンプレート、習慣化・ストリーク管理など、日常のあらゆるタイミング計測ニーズに対応します。ブラウザ完結で、アカウント登録不要、すぐに使い始められます。

## 想定ユーザー

- 料理中に複数の調理時間を計測したい主婦・料理人
- トレーニングやインターバル運動を記録したいアスリート・フィットネス愛好家
- ポモドーロテクニックで勉強時間を管理したい学生・受験生
- 仕事の作業時間を記録・分析したい社会人
- 瞑想やヨガの時間を計測したいウェルネス志向の人
- スポーツ・競技の計時が必要な選手・コーチ
- パーティーゲームやゲーム時間を管理したい家族
- 子どもの生活習慣(歯磨き、宿題など)をゲーム感覚で管理したい親
- 日常の様々なシーンで汎用的にタイマーを使いたい全般ユーザー

## 主な機能

- **基本的なタイマー機能**: 時間を設定してカウントダウン、終了時にアラーム
- **ストップウォッチ機能**: 開始・停止・リセット、経過時間の計測
- **インターバルタイマー**: 運動と休息を交互に繰り返すインターバル設定
- **複数タイマー同時実行**: 複数のタイマーを同時に動かし、1つに集中しながら管理
- **プリセット・テンプレート**: 「料理・パスタ」「トレーニング・HIIT」「勉強・ポモドーロ」など、よく使う設定を保存・即座に起動
- **音声通知・アラーム**: 複数のアラーム音から選択、カスタムアラーム音対応
- **進捗表示・ビジュアル**: 円形プログレスバー、残り時間の大きな数字表示
- **履歴・ログ記録**: 実行したタイマーの記録を保存、後から確認
- **習慣化・ストリーク管理**: 毎日の実行を記録し、連続実行日数(ストリーク)を表示
- **カスタマイズ・テーマ**: ダークテーマ・ライトテーマ、パステルカラー、ビビッドカラー、アースカラー、ネオン、レトロ配色など複数テーマを用意、ユーザーが自由に色をカスタマイズ可能
- **音声ガイダンス・読み上げ**: 「あと5分」「開始します」など、音声で案内
- **励ましの音声・メッセージ**: 完了時に励ましメッセージを表示・読み上げ
- **通知ビープ音**: 軽い通知音で時間経過を知らせる
- **環境音**: 雨音、波音、森の音など、リラックス効果のある背景音
- **ピアノ・楽器音**: 瞑想やヨガ向けの落ち着いた音
- **レトロ・ゲーム音**: 80年代ゲーム風の効果音
- **音量調整機能**: 各種音の音量を個別に調整
- **無音モード・サイレント設定**: 音声をすべてオフにする設定
- **バイブレーション・振動**: 音が出せない環境での通知
- **結果シェア・記録共有**: 完了した時間や習慣記録をSNSやメールで共有

## デザイン・UI の方向性

本アプリは、**ミニマル・シンプル** かつ **モダン・クリーン** な基調に、**カラフル・ポップ** な要素を組み合わせた設計です。

- **大きな時間表示が中心**: 画面の中央に大型の数字でカウントダウン/カウントアップを表示。一目で残り時間が分かる
- **複数テーマ対応**: ダークテーマ(黒・濃紺基調)とライトテーマ(白・明るい基調)の両方を用意
- **カラーバリエーション**: パステルカラー、ビビッドカラー、アースカラー(茶・緑・ベージュ)、ネオン・グラデーション、暖色系(赤・オレンジ・黄)、寒色系(青・紫・水色)、レトロ配色(80年代・ゲーム風)、モノクロ・グレースケール、高コントラスト(アクセシビリティ)から選択可能
- **グラスモーフィズム・グラデーション**: 洗練された立体感と透明感を演出
- **遊び心・かわいい要素**: 子ども向けシーンでは、かわいいキャラクターやアイコンを活用
- **落ち着き・禅的**: 瞑想・ヨガ向けには、シンプルで静寂感のあるデザイン
- **スポーティー・エネルギッシュ**: トレーニング・運動向けには、ダイナミックで活動的な配色

## 必要な共通機能

なし(ブラウザ完結) — アカウント登録・ログイン不要、すべてローカルストレージで動作

## モバイル・タブレット対応

- **全画面表示前提**: スマートフォン(縦)、タブレット(横/縦)、PC(ワイド)のいずれにも対応
- **タップ領域**: すべてのボタン・操作要素は最低 44×44px 以上を確保
- **主要操作の配置**: 開始/停止、リセットなどの主要ボタンは画面下部に配置し、片手操作で親指が届く範囲に配置
- **横スクロール禁止**: 表やリストは縦スクロールまたはカード型レイアウトで対応
- **フォーム入力対策**: タイマー設定時のキーボード隠れ対策として、入力中フィールドが画面中央〜上部に来るようスクロール自動調整
- **レスポンシブデザイン**: 画面サイズに応じて、レイアウトと文字サイズを自動調整

## データ・技術の方針

- **ブラウザ完結**: サーバー不要、すべてブラウザのローカルストレージで動作
- **オフライン対応**: インターネット接続がなくても使用可能
- **Web Audio API**: 音声再生・アラーム音の制御に使用
- **Notification API**: ブラウザ通知でアラーム・完了を知らせる(ユーザー許可時)
- **LocalStorage**: タイマー履歴、プリセット、ユーザー設定を保存
- **レスポンシブ CSS**: モバイル・タブレット・PC での自動レイアウト調整

## その他の希望

特に記載なし。上記の選択内容をすべて実装してください。