支出管理ツール「Pay History」を紹介

支出管理アプリ「Pay History」を個人開発しました。

家計簿管理はMoney Foward MEを使って自動化していたのですが、クレジットカードの明細は反映されるまで時間がかかってしまい、後いくら使っていいのかを把握できないという問題がありました。

支出する度に金額を入力して予算残高を簡単に確認できるwebアプリを作成しました。

家計簿の自動作成はこれまで通りMoney Foward MEを使用し、「Pay History」はできるだけシンプルに予算管理だけをできるインタフェースにしています。

こだわりポイント

Pay Historyの最も重要な機能である、月の予算残高を一目で確認できるように表示しています。

支出する度に金額を入力したいため、その時の操作ができるだけシンプルになるように設計しました。

支出日の入力欄はデフォルトでその日の日付が入力されており、金額だけを入力して追加できます。

日常的に使うツールであるため、PWAに対応してインストールして使用できるようにしました。

アイコンもドロップシャドウとインナーシャドウでiosアプリっぽい画像を作りました。