「家計がみえ〜る」は家族の収支・口座残高を一元管理するアプリです。スマートフォン・PCどちらでも使えます。データはクラウド（Cloudflare KV）に自動保存され、デバイス間でリアルタイムに同期されます。
前回アクセス時間
アプリ起動時にタイトル「家計がみえ〜る」の下に前回のアクセス日時が表示されます。
画面構成（下部タブ）
- サマリー — 残高・グラフ・口座状況を一覧表示
- 取引一覧 — 収支の追加・編集・削除
- ボーナス — ボーナス金額の管理・利用明細の記録
- 設定 — 口座管理・カテゴリ管理・インポート/エクスポート
- 更新 — 最新データをサーバーから再読み込み
銀行残高
西日本シティ銀行・福岡銀行の残高を自動計算して表示します。「済み」ステータスの取引が口座に反映されます。
手持ち残高（手入力管理）
PayPay・現金は手動で金額を入力します。入力欄をタップして直接編集でき、更新日時（日付・時刻）が自動で記録されます。
クレジットカード 来月支払額（手入力管理）
楽天カード・AEONカードの翌月引落し予定額を手動で管理します。
生活費合計
指定した期間内の「生活費」カテゴリの支出合計を表示します。開始日・終了日を変更すると即時に再計算されます（デフォルトは今月1日〜今日）。
グラフ
- 銀行残高推移 — 月別の銀行残高変動グラフ（＜＞で月切り替え）
- 手持ち残高推移 — PayPay・現金の日次残高グラフ（月単位切り替え）。合計・PayPay・現金を3本線で表示
- 月別収支 — 月ごとの収入・支出棒グラフ
- カテゴリ別支出 — 支出をカテゴリごとに円グラフで表示
- 項目別支出 — 支出を項目ごとに円グラフで表示
- 口座別支出 — 口座（引落し先）別の支出割合
月の切り替え
「今月」ボタンで今月に絞り込み、「＜」「＞」で前後の月に移動できます。
絞り込みフィルター
- 種別 — 収入・支出で絞り込み
- ステータス — 済み・未確認で絞り込み
- 項目検索 — キーワードで検索
カテゴリバッジ
取引の左端にカテゴリを示すバッジが表示されます。
銀行残高列
各取引行の「銀行残高」列には、済みの取引を日付・登録順に積み上げた累計残高が表示されます。
新規追加
- 取引一覧画面右上の「＋ 追加」をタップ
- 日付・種別・項目・金額・口座を入力
- カテゴリ・ステータス・備考を必要に応じて入力
- 「保存」をタップ
編集・削除
各行の右端にある「編集」で編集、「削除」で削除できます。削除は確認ダイアログが表示されます。
入力項目の説明
- 種別 — 収入 / 支出
- 項目選択 — 既存の項目から選択するか、新規入力
- 口座 — 西日本シティ銀行（メイン）/ 福岡銀行（メイン）から選択
- ステータス — 空欄（予定）/ 済み（引落し確認済み）
- カテゴリ — 設定画面で管理したカテゴリ一覧から選択
ボーナスの受取額と利用明細を管理する専用画面です。データは取引一覧とは独立して管理され、デバイス間で同期されます。
月の切り替え
「＜」「＞」ボタンで6月・12月を切り替えます。表示中の月に合わせてボーナス金額・利用明細が切り替わります。
ボーナス金額（手入力）
- 貴史ボーナス — 貴史の手取りボーナス額を入力
- 静子ボーナス — 静子の手取りボーナス額を入力
- ボーナス合計 — 2人の合計を自動計算して表示
入力後にEnterキーを押すか入力欄から外れると保存されます。
ボーナス利用額計・残高
- ボーナス利用額計 — 利用明細の合計金額
- ボーナス残高 — ボーナス合計 − 利用額計（マイナスは赤字表示）
利用明細
ボーナスの使いみちを明細として記録します。
- 「＋ 追加」をタップ
- 日付（YYYY年M月）・項目・金額・ステータスを入力
- 「保存」をタップ
口座管理
引落し先として登録する口座名を管理します。
カテゴリ管理
取引のカテゴリを追加・編集・削除できます。追加したカテゴリは取引入力の「カテゴリ」セレクトに表示されます（五十音順）。
インポート / エクスポート
- エクスポート（💾） — 全データ（取引・口座・ボーナス・手持ち残高履歴など）をJSONファイルとして書き出します
- インポート（📂） — エクスポートしたJSONファイルを読み込み、データを復元します。インポート後は自動でサーバーにも保存されます
マニュアル
「📖 マニュアル」ボタンからこのページを開けます。
デモモード
架空データに切り替えて他の人にアプリを見せるモードです。詳しくは「8. デモモード」を参照してください。
ヘッダー右端の 🌙 ボタンで明るい画面・暗い画面を切り替えられます。設定はブラウザに保存されるため、次回以降も維持されます。
- 🌙 をタップ → ダークモードに切替（ボタンが ☀️ に変化）
- ☀️ をタップ → ライトモードに戻る
知人や家族にアプリを見せる際に、実際の家計データを見せずに架空データで動作確認できます。
切り替え方法
- 画面下部の「⚙️ 設定」をタップ
- 設定画面下部の「デモモード」の「OFF」ボタンをタップ → デモモードONに切替
- 画面上部に黄色いバナーが表示されます
デモモードの制約
- 取引の追加・編集・削除は操作できますが、実データには一切保存されません
- 口座残高の手動入力も保存されません
- エクスポート・インポートも無効です
実データモードへの戻り方
- 設定画面の「デモモード」の「ON」ボタンをタップ
- パスワード入力ダイアログが表示されます
- 正しいパスワードを入力して「解除」をタップ
デバイス間の同期
データはCloudflare KVに自動保存されます。別のデバイスで最新データを確認するには「🔄 更新」タブをタップしてください。
定期バックアップの推奨
自動保存に加え、定期的にエクスポートしてローカルにも保存することをお勧めします。エクスポートには取引・口座・ボーナス・手持ち残高履歴がすべて含まれます。
バックアップ手順
- 設定画面を開く（⚙️ 設定タブ）
- 「💾 エクスポート」をタップ
- JSONファイルとして保存
復元手順
- 設定画面を開く
- 「📂 インポート」をタップ
- バックアップしたJSONファイルを選択
- 自動でデータが読み込まれ、クラウドにも保存されます