Geminiと一緒に作ったシンプルなベーカーズパーセント計算機

こんにちは。シンプルなベーカーズパーセント計算機のWebアプリを作ったので紹介します。

Geminiを使ってコードの大半を書いてみたのは今回が初めてだったのですが、思っていた以上にとても満足できました。コードキャンバスを使ってWebページのプレビューをすぐに表示してくれるのもとても良かったですし、何より2〜3回プロンプトを入力するだけで、ほとんどバグのないプログラムを書ける点に驚きました。普段なら1日以上かかりそうな完成度とデザインのWebアプリを、1〜2時間で作ることができました。
私は普段、自分でコードを書いてAIはテストケース生成にだけ使うことが多いのですが、このくらいの生産性ならもっと多くの場面でAIを使ってみる価値があると感じました。

ベーカーズパーセントは製パンや製菓をするときに材料の量を計算する方法で、小麦粉の重さを基準にして他の材料の比率を計算します。

他の計算機と差別化できる機能は、Markdownへのエクスポート機能と比率固定機能です。

Markdownへのエクスポートは、その名の通り入力したレシピをMarkdownの表とリンクにしてくれる機能です。Obsidianを使ってレシピを整理しているのですが、手作業で表を一つひとつ作るのがとても大変でした。

比率固定機能は、他の材料の比率を固定したまま、ある材料の重量を調整する機能です。
たとえばレシピにバターが100g入るところを80gだけ入れたい場合、比率固定機能をオンにしてバターの重量を修正すると、他の材料の重量が比率に合わせて再計算されます。
趣味で製菓・製パンをしていると材料が足りないことがよくあるので、そんなときに便利な機能です。

例のレシピを1つ載せておきます。
https://blog.naver.com/ssieie/222113371863 このブログを参考にしました。

（表はレンダリングされないようなので削除しました。）

🍞 このレシピを計算機で開く

最後に主な機能です。

• ベーカーズパーセント自動計算
  • 材料の重量を入力すると自動でベーカーズパーセントが計算されます。
  • 粉類の材料を複数追加できます。
• 総重量の自動計算
• 比率固定機能
  • 材料比率を固定した状態で各材料の重量を変更できます。
• Markdownへのエクスポート
• リンク共有機能
• スプレッドシートに似たショートカットキー（Tab、Enter、方向キー）

ありがとうございます。楽しい開発と、楽しいベーキングを！