Umbrella Parade Life Revolution とは
「Umbrella Parade Life Revolution」は、毎月の支出・固定費・ローン返済・貯金目標を一元管理できるスマホ対応の家計管理ツールです。インターネットがない環境でも使えるPWA（Progressive Web App）として設計されており、データはすべてお使いの端末内に保存されます。
▶ ツールURL：https://umbrellaparade.github.io/saving/
画面の見方
ヘッダー
画面上部にLife Revolutionのバナー画像が表示されます。
サマリーカード
ヘッダー下に表示月の状況が2枚のカードでまとめて表示されます。
- 今月の残り：収入から支出・固定費・ローン返済を引いた残額
- 今月の支出：その月に記録した変動支出の合計
表示月の切り替え
「◀ 表示月 ▶」のコントロールで管理したい月を切り替えられます。月ごとにデータが独立して管理されます。
ナビゲーション（タブ切り替え）
スマホでは画面下部のナビゲーションバーで各機能に移動できます。PCでは全パネルが同時に表示されます。
- 入力：支出をすぐ記録する（ツールを開いたときの初期画面）
- 月次：月次の収支見通しと支出リスト
- 革命：目的別の貯金目標を管理する
- 固定：固定費・ローンの管理とデータ書き出し
- 戦略：経済革命・戦略メモボード
入力タブ：支出の記録
ツールを開いたら最初に表示される画面です。支出が発生したらすぐここで記録する習慣をつけましょう。
入力項目
- 金額：支出した金額を入力します
- カテゴリ：食費・日用品・交通・サブスク・医療・学習・娯楽・その他から選択します
- 支払い方法：メルカリショッピング・メルカリローン・イオン・銀行・現金・その他から選択します
- メモ：内容の備考を自由に記入できます（省略可）
- 日付：支出した日付を選択します（初期値は今日）
入力後、「支出を記録」ボタンを押すと保存されます。
月次タブ：収支の見通し
表示月の家計全体の見通しを確認できます。
設定項目
- 手取り：その月の手取り収入を入力します
- 残す現金：毎月手元に確保しておきたい現金額を入力します
月次内訳
- 固定費予定：その月の有効な固定費の合計（充当済みを除く）
- ローン返済：その月のローン月額合計（充当済みを除く）
- 追加返済合計：その月の繰り上げ返済合計
- 支出込み合計：上記すべてと変動支出を足した合計
返済ターゲット
登録されているローンの中から優先的に返済すべきターゲットと完済目安の月数が表示されます。
支出リスト
表示月に記録した支出の一覧が表示されます。各項目の右側のゴミ箱ボタンで削除できます。
革命タブ：希望貯金の管理
旅行・車の頭金・家電の買い替えなど、目的別の貯金目標を登録・管理できます。それぞれの目標に対してどこまで貯まっているかをプログレスバーで確認できます。
上段：合計サマリー
登録している全貯金目標の合計が3つの数字で一目でわかります。
- 目標総額：すべての貯金目標のトータル目標金額の合計
- 月の目標総額：すべての貯金目標の月の貯金希望額の合計
- 貯金済み合計：すべての目標に対して現在達成済みの貯金額の合計
中段：貯金目標一覧
登録した貯金目標がリスト形式で表示されます。各項目には以下が表示されます。
- 用途名・メモ
- 月の希望額：毎月いくら貯めたいか
- プログレスバー：達成率をグリーンのバーで視覚的に表示
- 金額：達成済み金額 / 目標金額・残り金額・達成率（%）
各項目左の「↑↓」ボタンで表示順を並び替えられます。右の「∨」ボタンで編集フォームが開き、内容を変更して「完了」で保存、ゴミ箱ボタンで削除できます。
下段：貯金目標の追加
「目標を追加」ボタンを押すと入力フォームが展開されます。
- 用途名：何のための貯金か（例：旅行、車の頭金）
- 月の貯金希望額：毎月いくら積み立てたいか
- トータル目標貯金額：最終的に貯めたい合計金額
- 現在達成済み貯金額：すでに貯まっている金額
- メモ：備考（省略可）
「追加する」ボタンで保存すると一覧に追加されます。フォームは自動で閉じます。
固定タブ：固定費とローンの管理
固定費の管理
毎月かかる費用（家賃・サブスクなど）を登録しておくと自動的に月次サマリーに反映されます。
固定費の追加
- 名前：固定費の名称（例：家賃、Netflix）
- 金額：毎月の支払い金額
- 引落日：毎月何日に引き落とされるか
- 支払い方法：現金・カード・口座引落・その他から選択
固定費の編集・削除
登録済みの項目をタップすると編集フォームが展開されます。内容を変更して「更新」で保存、ゴミ箱ボタンで削除できます。
充当済み設定
その月の固定費をすでに支払い済み・用意済みの場合は「充当済み」ボタン（★マーク）をオンにします。オンにするとその月の支出合計から除外されます。翌月には自動でリセットされます。
ローンの管理
奨学金・カーローン・住宅ローンなど複数のローンを登録できます。
ローンの追加
- ローン名：ローンの名称（例：奨学金、マイカーローン）
- 残高：現在の残債額
- 手数料：毎月の手数料・利息
- 月々の返済額：毎月の定期返済額
- 追加返済：臨時の繰り上げ返済がある場合に入力
- 返済回数：残りの返済回数
返済完了の記録
その月の返済が完了したら「返済済」ボタン（チェックマーク）を押します。残高が自動的に減算されます。誤って押した場合はもう一度押すと元の残高に戻ります。
充当済み設定
その月のローン返済をすでに銀行に入金済み・手配済みの場合は「充当済み」ボタンをオンにします。その月の返済額が月次サマリーの支出から除外されます。
返済シミュレーター
各ローン項目内のシミュレーターに追加返済額を入力すると、完済までの期間の目安が自動計算されます。繰り上げ返済の効果を手軽に確認できます。
予測ローン総額
データ管理の上に「予測ローン総額」が表示されます。目のアイコンボタンで表示／非表示を切り替えられます（デフォルトは非表示）。
- 現在の残債合計：現時点でのローン残高の合計
- 予測ローン総額：将来の返済見通しを含めた予測合計
データの書き出し・バックアップ
JSONバックアップ
「JSONで書き出す」ボタンで全データをJSONファイルとして保存できます。端末の買い替えや万が一のデータ消失に備えて定期的にバックアップしておくことをおすすめします。
CSVエクスポート
「CSVで書き出す」ボタンで支出・固定費・ローン・戦略メモが1つのCSVファイルにまとめてダウンロードされます。ExcelやGoogleスプレッドシートで開いて分析に活用できます。
データのインポート（復元）
「バックアップから復元」からJSONファイルを読み込むとデータを復元できます。復元すると現在のデータは上書きされますのでご注意ください。
戦略タブ：経済革命・戦略メモ
貯金・返済・節約に関する戦略やアイデアを自由にメモできるボードです。思いついた節約術や目標をカード形式で整理できます。スマホでは全画面表示でメモに集中できます。
メモカードの追加
- 「＋ メモを追加」ボタンを押すと入力フォームが開きます
- タイトル：メモの見出しを入力します
- 本文：詳細な内容を自由に記入します（テキストエリアは自動で広がります）
- 「追加」ボタンで保存するとカードとして一覧に表示されます
メモカードの編集・削除
カードのタイトルや本文は直接クリック（タップ）して編集できます。変更は自動的に保存されます。削除はカード右下のゴミ箱ボタンから行います。
スマホでの使い方
このツールはスマートフォンに最適化されたPWA（Progressive Web App）です。ブラウザから「ホーム画面に追加」するとアプリのように使えます。
ホーム画面への追加方法
- iPhone（Safari）：画面下の共有ボタン →「ホーム画面に追加」をタップ
- Android（Chrome）：右上のメニュー →「ホーム画面に追加」をタップ
スマホの使い方のポイント
- ツールを開いたら最初に「入力」画面が表示されるので、支出が発生したらすぐ記録できます
- 戦略タブはメモのみの全画面表示になり、月次サマリーは非表示になります
- 画面下部のナビゲーションバー（入力｜月次｜革命｜固定｜戦略）でタブを切り替えます
データについての注意事項
- データはお使いのブラウザ（ローカルストレージ）に保存されます
- ブラウザのキャッシュ削除やプライベートモードではデータが消える場合があります
- 定期的に「固定タブ」のJSONバックアップを取ることをおすすめします
- 複数端末間のデータ同期には対応していません。バックアップファイルを使って手動で移行してください
コメント