← Worksへ戻る

KakeiVoice

「音声で話すだけ」で家計簿を記録できるPWA。家族・パートナーとグループを組んでリアルタイムにデータを共有し、 履歴やカテゴリ別の月次サマリーをいつでも確認できます。

  • PWA
  • 音声入力
  • 家計簿共有

概要

従来の家計簿アプリは入力の手間が大きく続けにくいという課題や、家族間で共有する際に個々で入力・集計する 二度手間が発生しやすいという課題に対して、「話すだけ」で支出・収入を記録できるPWAとして設計しました。 ネイティブアプリのストア審査・配布コストをかけずに、ブラウザからそのまま使え、ホーム画面にも追加できます。

主な機能

音声入力での記録

Web Speech APIで音声を取得し、テキスト解析(金額・カテゴリ・メモの抽出)を経て確認画面から登録する。

家族グループ管理

グループの作成・招待コードでの参加・メンバー一覧・脱退/削除に対応し、家族やパートナーで1つの家計簿を共有できる。

履歴一覧・編集

記録した支出・収入を一覧化し、絞り込みやページングで確認、詳細画面から編集・削除ができる。

月次サマリー

カテゴリ別・メンバー別の内訳をドーナツグラフで可視化し、サブカテゴリの階層表示にも対応。

認証・認可

メール/パスワードとGoogleログインに対応し、Firestoreセキュリティルールでグループ単位のアクセス制御を行う。

PWA対応

Web App Manifest・Service Workerを手書きで実装し、ホーム画面への追加やオフラインキャッシュに対応。

工夫したポイント

状態管理ライブラリやスキーマ検証ライブラリを導入せず、認証状態はReact Context、グループ選択状態は URLクエリパラメータで受け渡すなど、アプリの規模に対して過剰にならない構成を意識して設計しています。