月次ダッシュボード
支出合計、精算額、支払者ごとの内訳と最近の支出を表示します。
Project · 2026.05
Money Us
ふたりの支出を記録し、月ごとに精算する家計簿
共通の支出・立替金・精算状況をふたりで確認できるプライベートなWebアプリ。月次ダッシュボード、支出記録、レシート保存、精算をまとめました。
ReactTypeScriptCloudflare PagesWorkersD1R2
プロジェクト概要
Money Usは、ふたりで使う家計簿・割り勘アプリです。支出ごとに支払者、カテゴリ、分担方法、日付を記録し、月ごとの支払額と精算差額を確認できます。レシートの保存、精算済み・未精算の状態管理まで、日々の記録から月末の確認をひとつの画面にまとめました。
開発背景
ふたりの立替や共通支出をメッセージや表計算に分散させると、誰がいくら負担したかを月末に追い直す必要があります。支出を登録する時点で分担を明確にし、精算履歴まで残せるように作りました。
Features
主な機能
支出・レシート管理
支出を記録し、関連するレシートを保存できます。
月ごとの精算
ふたりの差額を計算し、精算完了・再オープンを管理します。
記録の整合性
精算済みの月には支出を追加・変更できないようにし、確定した精算結果が後から変わらないようにしています。
Tech
技術スタック
Frontend
- • React
- • TypeScript
- • Vite
- • Cloudflare Pages
Backend
- • Hono
- • Cloudflare Workers
Data
- • Cloudflare D1
- • Cloudflare R2
Auth
- • Cloudflare Access
- • Google SSO