コーヒー豆

コーヒー豆の在庫管理と飲み頃スケジュール調整の悩みを解決するウェブアプリを作ってみた

2026-11-13 — Update: 2026-11-13

コーヒー好きあるあるだと思うんだけど、
家にある豆の種類（在庫）が多くなりすぎて、
次は何を飲もうか迷ってしまう問題。

逆に、スケジューリングがうまく行かなくて、
あれ？明日飲む分がもうないぞ、って慌てる問題。
ついでに慌てて買ったら焙煎したてでエイジングが足りてない問題。

浅煎り好きだとエイジングが２週間とか長いので、
あれ？まだ飲み頃に入ってない在庫ばかりになった！とか、
飲み頃のが重なりすぎて飲みきれないぞ！とか。

ここにさらに趣味の自宅焙煎が入ってくると、
今これだけの在庫があるから再来週の分を今日焼かないといけないわ、
これ焼いたら生豆なくなるから先に買っておかないといけないわ、
みたいな先の先までスケジューリングしないといけない問題。

さらにさらに、定期的に飲んだ感想もメモしておきたい、
それを次回の焙煎と仕入れに活かしたい、みたいなことまで入ってきたり。

どうなってるんだ？っていうコーヒー在庫調整問題。
ここまで激しくないにしても、家でコーヒーを美味しく淹れるとなると、
少なからずこの辺のスケジュールは考える必要が出てきますよね〜。

AIで解決！

で、今までずっと慌てながら失敗しまくりでやってたんだけど、やっとAIで解決しました。
焙煎記録はずっとAIでつけてたんだけど、
これ同じように在庫調整と飲み頃の調整とエイジングの進み具合と、
今日飲んだらいい銘柄とか、もろもろまとめて出してくれたらいいじゃん？
っと思いまして。

今日ちょうどGeminiが新しくなってHydrogenってやつになったので、
その実力はどんなもんだ？っとWEBアプリを作ってみたのでした。
そしたら！これ！これ！というのが簡単に出来上がった〜！全部解決！

アプリで分かることは、

今日飲んだら良いおすすめの豆提案（エイジングを計算）
次の焙煎予定
今日現在の在庫量
在庫銘柄ごとのエイジングの進み具合
飲んだ味の記録（焙煎の別アプリにも自動連携する）
別の焙煎アプリからも自動で在庫が追加される

みたいなのを自動で計算して自動調整して提案してくれる感じ。

最初Geminiが作ったのが良かったけど、
焙煎とか味の記録とか普段は全部Claudeでやってるので、
コードを移植してClaude版に改良しました。

コピペで使えるプロンプト例

ちなみに同じようなの作りたい人いるかどうか分からないけど、
一応こんな感じのプロンプトで似たようなの作れると思います。
GeminiでもChatGPTでもClaudeでもMuseでも作れます。

自分は100gを２種類焙煎して、１回17gで飲んで、各５回で飲み切る、
エイジングも考えたちょうどいいスケジュールを出して、って要望。
焙煎しない人は購入サイクルに置き換えればいいし、
１日の飲む量とか回数とかは適当に変えればOK。

プロンプト

自家焙煎コーヒー豆の「在庫管理」と「エイジング（熟成日数）定点観測」ができる、スマホ対応のシングルファイルHTML Webアプリを作成してください。

【自分の環境設定（＊ここの数字を自分用に書き換えればOK！）】
・1回の基本抽出量：17g（サブとして半分の 8.5g もワンタップで消費できるようにする）
・1日に飲む回数：2回（朝・午後）
・焙煎サイクルの目安：5日おき
・定点観測したいエイジング日数：3日目・7日目・10日目・14日目

【必須機能】
1. 焙煎豆の在庫管理（追加・編集・削除）
   - 登録項目：豆の名前、焙煎日、現在の残量（g）
   - 焙煎日から今日までの「経過日数（◯日目）」と「残り杯数（基本抽出量換算）」を自動計算して表示する。
   - 残量が 0g になった豆は「飲み切りアーカイブ」へ自動移動し、過去の記録として閲覧できるようにする。

2. ワンタップ消費＆端数調整
   - 各豆のカードから「基本量（17g）飲む」「半分（8.5g）飲む」をワンタップで実行でき、残量が自動減算される。
   - 残りが少なくなったら「端数使い切り」ボタンで 0g にできる。
   - 飲用時に「日付・朝/午後・消費量・その時のエイジング日数」を履歴として自動保存する。

3. 今日のおすすめローテーション自動提案（朝・午後）
   - 「直前に飲んだ豆と連続しない（朝と午後で別の豆を選ぶ）」ルールを適用する。
   - 定点観測日（3・7・10・14日目）を迎えている豆を最優先でハイライト提案し、該当がない場合は焙煎日が古い順（消化優先）に提案する。

4. 次回焙煎予定日＆在庫バランスガイド
   - 最新の焙煎日から設定サイクル（5日後）を自動計算してカウントダウン表示する（手動で日程変更も可能）。
   - 手元の総在庫（残り杯数）が多すぎる場合は「焙煎日を◯日ほど後ろ倒し推奨」といった調整ガイドを表示する。

5. エイジング定点観測ノート（テイスティングメモ）
   - 各豆ごとに「3日目・7日目・10日目・14日目」の感想メモ欄を用意し、過去の日のメモと縦に並べて比較しながら入力・自動保存できる。
   - 飲んだ直後に画面下へ通知を出し、ワンタップで該当日のメモ画面を開けるようにする。

【技術・デザイン要件】
・外部サーバー不要で動作するよう、HTML / CSS / JavaScript を1つのHTMLファイルに完結させる（Tailwind CSS等のCDN利用は可）。
・データはすべてブラウザの localStorage に自動保存する。
・スマホでの片手操作を前提とした、モダンで視認性の高いUIにする。
・初回起動時に動作確認用のサンプルデータを数件入れておく。