Umbrella Parade Life Revolution とは
「Umbrella Parade Life Revolution」は、毎月の支出・固定費・ローン返済・貯金目標・副収入を一元管理できるスマホ対応の家計管理ツールです。インターネットがない環境でも使えるPWA(Progressive Web App)として設計されており、データはすべてお使いの端末内に保存されます。
▶ ツールURL:https://umbrellaparade.github.io/life-revolution/
🌂 はじめての方へ:5ステップで使い始めよう
「どこから手をつければいいか分からない…」という方はここを読めば大丈夫です。最初は5つのステップを順番に設定するだけで、このツールがグッと使いやすくなります。
STEP 1 ── 手取りを入力する(月次タブ)
まず「月次」タブを開いて「手取り」欄に毎月の手取り収入を入力してください。これがすべての計算のベースになります。あわせて「残す現金」(生活費として手元に確保しておきたい額)も入れておくと、月の残り額がリアルに把握できます。
💡 コツ:手取りは固定でなくても大丈夫。毎月1日にその月の予想額を入力するだけでOKです。
STEP 2 ── カード・口座を登録する(カードタブ)
次に「カード」タブを開いて、使っているクレジットカード・デビットカード・奨学金・銀行口座などを登録してください。ここで登録したものが「固定費の支払い方法」や「ローンの名前」として選べるようになります。
💡 コツ:カード名は請求書や明細に書いてある名前に合わせると管理しやすいです。奨学金やカードローンもここで登録しましょう。
STEP 3 ── 固定費とローンを登録する(固定タブ)
「固定」タブを開いて、毎月かかる固定費(家賃・スマホ・サブスクなど)とローン(残高・月返済額)を登録してください。固定費の「支払い方法」はSTEP 2で登録したカードから選べます。ローンの「名前」もカード一覧から選ぶ形になっています。
💡 コツ:全部一度に登録しなくても大丈夫。気づいたものから少しずつ追加していきましょう。固定費とローンが揃うほど「月次」タブの残り額が正確になっていきます。
STEP 4 ── 支出をその場で記録する(入力タブ)
お金を使ったら「入力」タブでその場で記録する習慣をつけましょう。金額・カテゴリ・支払い方法を選んで「登録」を押すだけです。アプリを開いて3タップで完了します。
💡 コツ:「あとでまとめて入力しよう」は意外と続きません。スマホのホーム画面に追加しておいて、使ったその場で記録する習慣が定着すると一気に使いやすくなります。
STEP 5 ── 目標と戦略を考える(革命・戦略タブ)
ある程度記録が溜まってきたら「革命」タブで貯金目標を登録してみましょう。「直近・次・最終」の3段階で目標を立てることで、今何のためにやりくりしているかが明確になります。「月次」タブの返済集中ターゲットでローンを選んで目標返済額を入れると、何ヶ月で完済できるかも自動で出ます。
💡 コツ:目標はざっくりでOK。完璧な計画より「方向性」を持つことが大事です。思ったことは「戦略」タブにメモとして残しておくと、モチベーション維持にもつながります。
画面の見方
ヘッダー
画面上部にLife Revolutionのバナー画像が表示されます。
サマリーカード
ヘッダー下に表示月の状況が2枚のカードでまとめて表示されます。
- 今月の残り:収入から支出・固定費・ローン返済を引いた残額
- 今月の支出:その月に記録した変動支出の合計
表示月の切り替え
「◀ 表示月 ▶」のコントロールで管理したい月を切り替えられます。月ごとにデータが独立して管理されます。
ナビゲーション(タブ切り替え)
スマホでは画面下部のナビゲーションバーで各機能に移動できます。PCでは全パネルが同時に表示されます。
- 入力:支出をすぐ記録する(ツールを開いたときの初期画面)
- 月次:月次の収支見通し・年間グラフ・先月比較
- 革命:3段階貯金目標の管理・副収入の管理
- 固定:固定費(ジャンル別)・ローンの管理とデータ書き出し
- 戦略:経済革命・戦略メモボード
- カード:クレジットカード・デビットカード・奨学金などの登録・管理
入力タブ:支出の記録
ツールを開いたら最初に表示される画面です。支出が発生したらすぐここで記録する習慣をつけましょう。
入力項目
- 金額:支出した金額を入力します(タップするとすぐ打ち込めます)
- カテゴリ:食費・日用品・交通・サブスク・医療・学習・娯楽・その他から選択します
- 支払い方法:クレジット・デビット・銀行・現金・その他のデフォルト5種類に加え、「カード」タブで登録したカード・口座が自動的に選択肢として追加されます
- メモ:内容の備考を自由に記入できます(省略可)
- 日付:支出した日付を選択します(初期値は今日)
入力後、「登録」ボタンを押すと保存されます。
支出ブレーキ機能
カテゴリ別に「支出ブレーキ」ルールを設定しておくと、そのカテゴリを選んだときに警告が表示されます。衝動買いや使いすぎを防ぐための仕組みです。
- 警告ボックスにルール内容が表示されます
- 「ブレーキを確認した上で購入する」チェックボックスを入れないと登録できません(チェックボックスは支払い方法の上に表示されます)
- 任意で「投資・自己成長のための支出」「代替手段がない」チェックも入れられます
ブレーキルールの設定・削除
入力フォームの下にある「支出ブレーキ設定」ボタンから管理できます。
- カテゴリとルール文(例:月3回まで)を入力して「ルールを追加」で登録
- 登録済みルールはリスト表示され、ゴミ箱ボタンで削除できます
月次タブ:収支の見通し
表示月の家計全体の見通しを確認できます。
設定項目
- 手取り:その月の手取り収入を入力します
- 残す現金:毎月手元に確保しておきたい現金額を入力します
月次内訳
- 固定費予定:その月の有効な固定費の合計(充当済みを除く)
- ローン返済:その月のローン月額合計(充当済みを除く)
- 追加返済合計:その月の繰り上げ返済合計
- 支出込み合計:上記すべてと変動支出を足した合計
返済集中ターゲット
集中して返済したいローンを選択し、毎月いくら返済できるかを入力すると完済目安の月数が自動で計算されます。
- 返済集中ターゲット:固定タブで登録したローンの中から選択します
- 月の目標返済額:このローンに毎月いくら充てられるかを入力します(例:30000)
- 完済目安:残高・金利・月の目標返済額をもとに何ヶ月で完済できるかを自動計算して表示します。金額を変えながらシミュレーションに活用できます
先月比較
前月の支出合計と、今月との差分が表示されます。先月より増えている場合は赤字、減っている場合は緑字で表示されます。
年間グラフ
表示中の年(例:2026年)の1〜12月の支出合計がバーグラフで表示されます。現在表示中の月のバーは濃く強調されます。バーをタップすると、その月に切り替えることもできます。
カテゴリ内訳
年間の支出をカテゴリ別に集計した内訳がプログレスバーつきで表示されます。どのカテゴリに最もお金がかかっているか一目でわかります。
革命タブ:希望貯金の管理
旅行・車の頭金・家電の買い替えなど、目的別の貯金目標を登録・管理できます。目標は「直近・次の・最終」の3段階で分類でき、各段階の進捗をひと目で確認できます。また、副収入・収益化の管理も同じ画面でできます。
上段:合計サマリー
登録している全貯金目標の合計が3つの数字でまとめて表示されます。
- 目標総額:すべての貯金目標のトータル目標金額の合計
- 月の目標総額:すべての貯金目標の月の貯金希望額の合計
- 貯金済み合計:すべての目標に対して現在達成済みの貯金額の合計
3段階目標サマリー
合計サマリーの下に、目標を3段階で分けた状況が表示されます。
- 直近目標:短期的に達成したい貯金目標の合計
- 次の目標:数ヶ月〜1年程度の中期目標の合計
- 最終目標:長期的な大きな目標の合計
中段:貯金目標一覧
登録した貯金目標がリスト形式で表示されます。各項目には以下が表示されます。
- 用途名:目標名の隣に「直近」「次の」「最終」のバッジが表示されます
- メモ:設定したメモ内容
- 月の希望額:毎月いくら貯めたいか
- プログレスバー:達成率をグリーンのバーで視覚的に表示
- 金額:達成済み金額 / 目標金額・残り金額・達成率(%)
各項目左の「↑↓」ボタンで表示順を並び替えられます。右の「∨」ボタンで編集フォームが開き、段階の変更や各項目の編集ができます。「完了」で保存、ゴミ箱ボタンで削除できます。
下段:貯金目標の追加
「目標を追加」ボタンを押すと入力フォームが展開されます。
- 用途名:何のための貯金か(例:旅行、車の頭金)
- 段階:直近目標・次の目標・最終目標から選択
- 直近の月間貯金希望額:直近で毎月いくら積み立てたいか
- 次の目標月間貯金額:次の段階での月間積み立て目標額(省略可)
- トータル目標月額貯金額:最終的に貯めたい合計金額
- 現在達成済み貯金額:すでに貯まっている金額
- メモ:備考(省略可)
収益化・副収入の管理
貯金目標の下に「収益化・副収入」セクションがあります。ブログ・メルカリ・副業など、収入源を登録して成長を追跡できます。
登録できる内容
- 名前:収入源の名称(例:ブログ、フリマアプリ)
- 現在の収入額:今月の実績
- 来月の目標額:翌月の目標金額
- メモ・戦略:どう伸ばすかの作戦メモ
登録すると、現在額と目標額がグロースバーで視覚化されます。来月目標との差分もカラーで表示されます。「∨」ボタンで編集・更新でき、ゴミ箱ボタンで削除できます。
固定タブ:固定費とローンの管理
固定費の管理
毎月かかる費用(家賃・サブスクなど)を登録しておくと自動的に月次サマリーに反映されます。登録した固定費はジャンルごとにグループ表示されます。
固定費の追加
- 名前:固定費の名称(例:家賃、Netflix)
- 金額:毎月の支払い金額
- 引落日:毎月何日に引き落とされるか
- 支払い方法:デフォルト5種類(クレジット・デビット・銀行・現金・その他)に加え、登録済みローン名が自動で追加されます。ローン名を選ぶとそのローンに自動で紐づきます
- ジャンル:住居・通信・保険・サブスク・食費・医療・教育・その他から選択(リスト上でジャンルごとにまとめて表示されます)
固定費の編集・削除
登録済みの項目の「∨」をタップすると編集フォームが展開されます。
- 名前・ジャンル・金額・引落日・支払い方法を変更できます
- 投資・自己成長:チェックを入れると「投資」バッジが表示されます
- 代替手段なし:チェックを入れると「代替不可」バッジが表示されます
- ゴミ箱ボタンで削除できます
充当済み設定
その月の固定費をすでに支払い済み・用意済みの場合は「充当済み」ボタン(ブタ貯金箱マーク)をオンにします。オンにするとその月の支出合計から除外されます。翌月には自動でリセットされます。
ローンの管理
奨学金・カーローン・住宅ローンなど複数のローンを登録できます。
ローンの追加
- ローン名:ローンの名称(例:奨学金、マイカーローン)
- 残高:現在の残債額
- 手数料:毎月の手数料・利息
- 月々の返済額:毎月の定期返済額
- 追加返済:臨時の繰り上げ返済がある場合に入力
- 返済回数:総返済回数
- 年率(%)/ 利子総額(円):「→ 総額入力に切替」ボタンで入力方式を切り替えられます。年率が不明な場合は総額で入力してください
- 種別:ショッピング・キャッシング・カードローン・奨学金から選択
返済完了の記録
その月の返済が完了したら「返済済」ボタン(チェックマーク)を押します。残高が自動的に減算されます。誤って押した場合はもう一度押すと元の残高に戻ります。
充当済み設定
その月のローン返済をすでに銀行に入金済み・手配済みの場合は「充当済み」ボタンをオンにします。その月の返済額が月次サマリーの支出から除外されます。
予測ローン総額
データ管理の上に「予測ローン総額」が表示されます。目のアイコンボタンで表示/非表示を切り替えられます(デフォルトは非表示)。身内に見せたくないときなど、ひと目に触れないようにできます。
- 現在の残債合計:現時点でのローン残高の合計
- 予測ローン総額:将来の返済見通しを含めた予測合計
データの書き出し・バックアップ
JSONバックアップ
「JSONで書き出す」ボタンで全データをJSONファイルとして保存できます。端末の買い替えや万が一のデータ消失に備えて定期的にバックアップしておくことをおすすめします。
CSVエクスポート
「CSVで書き出す」ボタンで支出・固定費・ローン・戦略メモが1つのCSVファイルにまとめてダウンロードされます。ExcelやGoogleスプレッドシートで開いて分析に活用できます。
データのインポート(復元)
「復元・読み込み」からJSONを貼り付けて「読み込む」ボタンを押すとデータを復元できます。復元すると現在のデータは上書きされますのでご注意ください。
戦略タブ:経済革命・戦略メモ
貯金・返済・節約に関する戦略やアイデアを自由にメモできるボードです。思いついた節約術や目標をカード形式で整理できます。スマホでは全画面表示でメモに集中できます。
メモカードの追加
- 「+ メモを追加」ボタンを押すと入力フォームが開きます
- タイトル:メモの見出しを入力します
- 本文:詳細な内容を自由に記入します(テキストエリアは自動で広がります)
- 「追加する」ボタンで保存するとカードとして一覧に表示されます
メモカードの編集・削除
カードのタイトルや本文は直接クリック(タップ)して編集できます。変更は自動的に保存されます。削除はカード右下のゴミ箱ボタンから行います。
スマホでの使い方
このツールはスマートフォンに最適化されたPWA(Progressive Web App)です。ブラウザから「ホーム画面に追加」するとアプリのように使えます。
ホーム画面への追加方法
- iPhone(Safari):画面下の共有ボタン →「ホーム画面に追加」をタップ
- Android(Chrome):右上のメニュー →「ホーム画面に追加」をタップ
スマホの使い方のポイント
- ツールを開いたら最初に「入力」画面が表示されるので、支出が発生したらすぐ記録できます
- 金額欄はタップするとすぐ入力できる状態になります(自動全選択)
- 戦略タブはメモのみの全画面表示になり、月次サマリーは非表示になります
- 画面下部のナビゲーションバー(入力|月次|革命|固定|戦略)でタブを切り替えます
データについての注意事項
- データはお使いのブラウザ(ローカルストレージ)に保存されます
- ブラウザのキャッシュ削除やプライベートモードではデータが消える場合があります
- 定期的に「固定タブ」のJSONバックアップを取ることをおすすめします
- 複数端末間のデータ同期には対応していません。バックアップファイルを使って手動で移行してください

