【個人開発】毎月のサブスク代を見える化する無料アプリを作りました💸

最近、クレジットカードの明細を見て「あれ、今月こんなに何に払ってたっけ…？」とゾッとする出来事がありました。
原因は、解約し忘れていた細々とした金額のサブスクたちでした。
Excelやスプレッドシートで管理するのも面倒で続かなさそうだったので、自分用にスマホからでも見やすいシンプルな固定費管理アプリを作ってみました。

作ったもの

『SubManager』という名前でGitHub Pagesにデプロイしています。
👉 アプリのURLはこちらです

機能とこだわったところ

個人で使うツールなので、とにかく「パッと見で合計額がわかること」と「面倒な登録がいらないこと」を最優先にしました。

• ログイン不要ですぐ使える
  会員登録とかサーバーへのデータ保存は実装していません。LocalStorageを使ってブラウザ内にデータを保存するようにしたので、セキュリティ的な心配なくサクッと入力できます。
• 月額と年額の切り替え
  Amazonプライムのような「年額払い」のものも、月額換算した合計が見れるようにボタンで切り替えられるようにしました。これが地味に便利です。

技術スタック

今回はSPA等のフレームワークは使わず、基礎の復習も兼ねて Vanilla JS（HTML / CSS / JavaScript のみ）でゴリゴリ書いています。
ホスティングはGitHub Pagesを使いました。無料でここまでできるのは本当にありがたいです。

おわりに

未経験からプログラミングを勉強中なので、まだまだコードも機能も荒削りな部分が多いと思います。
もし「ここのUIはこう直した方が使いやすいよ」とか「こういう技術使ってみたら？」といったアドバイスがあれば、コメントで優しく教えていただけると泣いて喜びます。
X（旧Twitter）でも開発の進捗をつぶやき始めたので、似たように勉強中の方や個人開発をしている方がいたら、ぜひ仲良くしてください🙇‍♂️
アカウント：@saltyyy199