家計簿
&未来貯金
今回は、毎月のお金の使い方を記録しながら、将来どのくらい貯金できるかを確認できる
「家計簿+未来貯金シミュレーター」を制作した。
家計簿として使うだけでなく、記録した支出をそのまま貯金シミュレーションに反映できる点が特徴である。
アプリの概要
このアプリでは、月収、毎月の支出、現在の貯金、シミュレーションしたい年数を入力すると、
将来の貯金額を計算できる。
また、カレンダー家計簿の機能を使って、日ごとの支出を登録できるようにした。
登録した月の支出合計は、シミュレーションの「毎月の支出」として使うことができるため、
実際の生活に近い形で将来の貯金額を考えられる。
主な特徴
- カレンダー形式で支出を管理できる
- 食費、交通費、娯楽費など、カテゴリ別に支出を登録できる
- 登録した月ごとの支出合計を自動で計算できる
- Chart.jsを使って、貯金の推移をグラフで表示できる
- OpenAI APIを使って、入力内容に合わせたAIアドバイスを表示できる
使い方
- トップ画面で月収・支出・現在の貯金・年数を入力する
- カレンダー家計簿で、日ごとの支出とカテゴリを登録する
- 家計簿の内容を反映したい場合は、「家計簿の月合計を使う」にチェックを入れる
- 「結果を見る」を押すと、将来の貯金額と貯金推移のグラフが表示される
工夫した点
- 家計簿とシミュレーションを連動させ、入力した支出データを結果に反映できるようにした点
- 数字だけでなくグラフでも結果を表示し、貯金の変化を見やすくした点
- AIアドバイスを表示することで、支出を見直すための改善案を確認できるようにした点
今後改善したい点
- データベースを使って、支出データを保存できるようにする
- 登録した支出の削除・編集機能を追加する
- カテゴリ別の支出割合が分かる円グラフを追加する
この制作を通して、Webアプリでは計算機能だけでなく、入力したデータをどのように見やすく表示するかも重要だと感じた。
今後は保存機能や編集機能を追加し、より実用的な家計管理アプリに近づけたい。