Coffee Brew Timer
抽出メソッドに合わせて湯を注ぐタイミングまで導くコーヒー抽出タイマー

// 開発背景・課題設定

自分自身がスペシャルティコーヒーの抽出に関心があり、日常的に4:6メソッドや浸漬式ドリッパーなど複数の淹れ方を使い分けている中で、「湯量を自分で電卓を叩いて計算する必要がある」という不便さを感じたことが開発のきっかけです。

「豆の量・人数を入力するだけで抽出方法に合わせた湯量が算出され、湯を注ぐタイミングを音で教えてくれる」体験を作ることを目標に、個人開発として企画から着手しました。

// 要件定義

• デフォルトで複数の抽出メソッド（4:6メソッド／浸漬式ドリッパー／エアロプレス／フレンチプレス）をプリセットとして用意
• 人数または豆量の入力から、メソッドごとの比率に応じて湯量を自動計算
• タイマーはカウントアップ式とし、各ステップの注湯タイミングでアラーム通知
• ユーザー独自の抽出レシピを保存できるカスタムプリセット機能（フェーズ2として設計）

工程を通じて意識したのは、単なるタイマーではなく「抽出ガイド」として機能させること。アラーム時に「今回注ぐ量」「累計注湯量」「次のステップまでの待機時間」をまとめて提示する設計にしました。

// デザイン

テラコッタを基調にライト/ダークテーマの配色を設計しました。理由はコーヒーの世界観との親和性（ドリッパーの陶器やレンガを思わせる血色の良い暖色）です。

HTML/CSSでインタラクティブなプロトタイプを先に作成し、タイマーの挙動・画面遷移をデザイン段階で検証してから実装に着手しました。

// 技術選定

Web版とモバイル版でロジック（湯量計算・タイマー制御）を共通化できる設計を意識し、UIレイヤーのみをプラットフォームごとに分離する構成にしています。

// 実装・実機検証

Expo Goを使ってAndroid実機上で動作確認を実施。画面遷移・湯量自動計算・タイマー進行を実機で検証し、抽出ステップに合わせたアラーム通知が正しいタイミングで発火することを確認しました。

// 実装済み ／ 今後の実装予定

// コード・デモ