「【コピペで動く】体重管理アプリ完全テンプレ|日本語/英語切替・グラフ・BMR/TDEE計算・CSV出力」→ どの要素にも
- Digital340 JPY




ココから動作の確認をできます! ↓↓ https://black-leaf-2fa7.junsihexi79.workers.dev このアプリは、毎日の体重を入力していくだけで、自動的に体重の推移を記録し、グラフとして可視化できる“本格的なダイエット管理アプリ”です。体重管理に必要な計算やログ保存をすべてブラウザで完結できるように設計しています。 特徴のひとつは 日本語/英語の切り替えに対応している点で、画面上部のボタンで即座に表示言語を変更できます。国際向けのアプリを学びたい人にも使えるように、UI 文言はすべて辞書形式で管理し、切替処理もスムーズに動作するようになっています。 また、「身長」「年齢」「性別」などの基本情報を入力すれば、アプリが自動で BMR(基礎代謝) を計算し、そこから TDEE(1日の消費カロリー) も割り出します。さらに、目標体重と期限を設定すると、達成のために必要な「赤字カロリー」や「1日の推奨摂取カロリー」を自動で算出するため、数字の管理が苦手な人でも扱いやすい構造になっています。 体重ログは日付付きで保存され、過去のデータをさかのぼって確認できます。ログはブラウザ内のローカルストレージに保存されるため、アカウント登録など面倒な手間は必要なく、アプリを閉じてもデータが消えることはありません。さらに、記録したデータを CSV ファイルとしてエクスポートできる機能もあり、Excelで分析したい人にも対応しています。 入力した体重の推移は 折れ線グラフとして描画され、さらに目標体重のラインも同時に表示されます。画面サイズに応じてグラフを描き直す仕組みを入れているため、スマホでもパソコンでも見やすいように最適化されています。軽量なデザインにしてあるため、読み込みが速く、毎日の記録をストレスなく続けられる構造になっています。 ブラウザにそのまま追加してホーム画面から使える PWA対応 も組み込んでいるため、アプリのように単独で起動することもできます。日々の記録を続けながら、長期的な体重管理や健康管理をしたい人に向けた、実用性の高いテンプレートです。 購入したい方への導入! この先の有料エリアでは、 • 日本語/英語切替を含む UI一式のフルコード • BMR・TDEE計算、目標カロリー算出などの 計算ロジック全部 • 体重ログ保存・削除・CSV出力機能の 完全コード • 折れ線グラフ描画と目標ライン表示の グラフ処理一式 • PWA 対応(manifest / service-worker)の 導入部分のコード • 完成版アプリをまとめた ZIPファイル を掲載しています。 そのまま動かしたり、自分用にカスタムして使える完全版です。 ↓↓



