💰

家計簿・お金管理アプリ

収支を記録してグラフで見える化。毎日使える実用アプリ

Webアプリ・サイト 初級 ⏱ 目安 2〜3日

どんなもの?

収入と支出を記録して、月ごとの収支やカテゴリ別の割合をグラフで見られる家計簿アプリ。市販アプリでは物足りない「自分専用の集計」を作れるのが自作の魅力。データ入力・保存・集計・グラフ表示という、実用アプリの基礎が一通り学べます。

こんな人におすすめ

自分の生活で毎日使うアプリを作りたい初心者

おすすめの技術スタック

家計簿は「手早い入力」と「分かりやすい集計」が核。データはSupabaseに保存し、グラフ表示のあるフロントをCursorで実装、Vercelで公開。毎日スマホから使うのでレスポンシブ対応も重要です。

作り方のステップ

  1. 入力画面を作る 「金額・カテゴリ・日付・メモを入力して保存する画面」をCursorに依頼。素早く打ち込める工夫も相談できます。
  2. 集計とグラフ 「月ごとの収支サマリーと、支出のカテゴリ別円グラフ」を実装。お金の流れが一目で分かるようにします。
  3. ログインで自分専用に Supabaseの認証で、自分のデータだけ見えるように。家族で共有する設計も可能です。
  4. 公開して習慣化 Vercelで公開し、スマホのホーム画面に追加。毎日の記録が続けられます。

収益化のヒント

Supabase・Vercelなど開発に使うツールの紹介が導線。家計・節約系の読者にも届きます。

← 他の「作りたいもの」を見る