糖質トラッカーアプリを大幅アップデートしました！タンパク質管理・新しい計算モデル・デザイン刷新まとめ

こんにちは。糖質制限をサポートするWebアプリ「糖質たべたくん」を個人開発しています。今回は直近のアップデート内容をまとめてご紹介します。

今回のアップデート一覧

糖質を管理するだけでなく、タンパク質の摂取量も同時に記録・管理できるようになりました。

身長を入力すると、体重の目安（標準体重）から1日の目標タンパク質量を自動提案します。食事を記録するたびにタンパク質量も一緒に入力でき、達成状況をリアルタイムで確認できます。

また、目標タンパク質の設定はクラウド（AWS DynamoDB）に保存されるため、スマートフォンとPCなど複数端末でも同じ設定が共有されます。

従来の糖質計算は、積算値を一定レートで減らしていく方式でした。
この方式は端末をまたいだ計算に弱く、直感的に理解しにくい面もありました。

糖質・タンパク質ともに、独自の減衰モデルに統一しました。
過去の食事記録それぞれに「時間の経過とともに薄れていく重み」をつけて合算する仕組みです。

1日ごとのリセットではなく、生活リズム全体を映す鏡として機能します。

円グラフ中央の表示を全面的に見直しました。

フォントを M PLUS Rounded 1c（丸みがあってかわいい日本語対応フォント）に変更
数字を大きく・太く（64px / 72px、fontWeight: 900）
kcal表示を廃止し、糖質グラム数を中央に大きく表示
状況に応じたメッセージを表示：
- 糖質：🥬 ○○g以内 / ⚠ ○○g超過 / 🎉 ちょうど！
- タンパク質：💪 達成！ / 🥛 あと○○g / 💪 補給して

円グラフを白背景のままにせず、グリーン〜水色のグラデーション背景カードに収めました。占いカード・食事入力カードと統一されたカードレイアウトになり、全体的なデザインの一貫性が向上しています。

これまで、アプリを開いたまま0時を過ぎても占いが更新されず、手動でブラウザを更新するか食事を記録しないと翌日の占いが表示されませんでした。

20秒ごとの定期レンダリングに合わせて日付の変化を自動検知し、 0時を過ぎてから最大20秒以内に占いが自動更新されるようにしました。

Lambda側はその日の結果をキャッシュしているため、追加のAPIコストはほぼゼロです。

カテゴリ	変更内容
機能	タンパク質管理追加・目標値のクラウド同期
計算	糖質・タンパク質を48時間減衰モデルに統一
デザイン	M PLUS Rounded 1cフォント・グラデーションカード・先端アイコン
UX	占い0時自動更新