友人間のお金の貸し借りを管理するWebアプリ「ツケカン」を作りました

個人開発

はじめに

友人とご飯を食べに行ったとき、「今日は自分が払っておくよ」とか「ちょっと立て替えておいて」という場面、よくありますよね。

私も友人間でのお金の貸し借りが頻繁にあるのですが、これまではスプレッドシートで管理していました。ただ、スマホから入力するのが面倒だったり、誰にいくら貸しているのかパッと見でわかりにくかったり…という課題がありました。

そこで、スマホからサクッと入力できて、貸借状況がひと目でわかるWebアプリを作りました。

「ツケカン」でできること

1. 貸借残高がひと目でわかる

ホーム画面を開くと、あなたの総貸借残高と、相手ごとの残高が一覧で表示されます。

「この人にはいくら貸してる」「この人からはいくら借りてる」が一瞬で把握できます。

ホーム画面 - 残高タブ

マイナス残高(借りている状態)は赤字で表示されるので、返済が必要な相手もすぐわかります。

2. スマホからかんたん入力

画面右下の「+」ボタンをタップすると、取引登録画面が開きます。

取引登録モーダル

  • 相手を選択: 登録済みの相手から選ぶか、新しい相手を追加
  • 金額を入力: 数字を入れて「貸した」or「借りた」を選ぶだけ
  • 説明を入力: 「麻雀」「ランチ」など、過去の履歴からサジェストされるのでタップするだけ
  • 日付を選択: デフォルトは今日。過去日も選べます

必要最低限の入力項目なので、数秒で登録完了です。

3. 取引履歴をいつでも確認

「履歴」タブでは、すべての取引が時系列で表示されます。

ホーム画面 - 履歴タブ

また、相手をタップすると、その相手との取引履歴だけを確認できます。各取引の時点での残高も表示されるので、お金の流れが追いやすくなっています。

取引履歴画面

4. 取引履歴を相手に共有

「この取引で合ってるよね?」と相手に確認したいとき、履歴をコピーボタンをタップするだけで、取引履歴をクリップボードにコピーできます。

LINEやメールで送ったり、Excelに貼り付けて表形式で確認したりできます。