はじめに
「老後2000万円問題」「NISAはどの証券会社?」「いつFIREできる?」──
こういった人生のお金の大問題、みなさんどうやって計算していますか?
銀行や証券会社のシミュレーターを使ってみると、自社サービスへの誘導が前提で、自分の状況を細かく入力できなかったり、計算根拠が不透明だったりします。
そこで、自分の数字をそのまま入れて、NISA・iDeCo・住宅ローン・年金・退職金まで全部まとめてシミュレーションできるWebアプリを作りました。
みらいコンパス: https://app.lifeplan-app.net/
- 登録不要・完全無料
- インストール不要（ブラウザで動作）
- データはすべて端末内に保存（サーバー送信なし）
- Vanilla JS + 単一HTMLファイル構成
どんなことができるか
主な機能
| 機能 | 概要 |
|---|---|
| 資産推移シミュレーション | 60〜100年スパンで資産残高を可視化 |
| NISA管理 | つみたて・成長投資枠の残高・利回りを設定 |
| iDeCo管理 | 受取方法（一時金/年金/併用）で税額が変わる計算に対応 |
| 住宅ローン | 変動・固定の比較、繰り上げ返済シミュレーション |
| 年金シミュレーション | 厚生年金・国民年金・繰り上げ/繰り下げ受給 |
| 出口戦略（4%ルール等） | 取り崩しシミュレーション |
| シナリオ比較 | 楽観・中立・悲観の3シナリオを同時表示 |
| モンテカルロ分析 | 確率的な資産推移のシミュレーション |
財務情報の入力画面
収入・支出・資産・ライフイベントを一括入力します。
月収・ボーナス・生活費・昇給率・インフレ率などを設定できます。
出口戦略シミュレーション結果
「4%ルール」「定額取り崩し」「定率取り崩し」の3方式で比較できます。
いつ資産が枯渇するか、どの戦略が最適かを視覚的に確認できます。
技術スタック
- 単一HTMLファイル（Vanilla JS / CSS）
- ES Modules（計算ロジックを独立モジュール化）
- Chart.js 4.4.1（グラフ描画）
- localStorage（データ永続化）
- Vitest + Playwright（テスト）
- Cloudflare（デプロイ）
ビルドシステムなし・外部依存最小
CDNからChart.jsを読み込む以外は、外部依存ゼロです。サーバーサイドも不要なので、静的ホスティングでそのまま動きます。
計算ロジックの精度
金融庁・国税庁・厚生労働省の公開情報を一次資料として、以下の計算を実装しています:
- iDeCo受取: 退職所得控除（勤続年数・他退職金との重複・9年/20年ルール）
- 配偶者控除: 配偶者特別控除の逓減計算
- 年金: 報酬比例部分・経過的加算の計算式
- 住宅ローン: 元利均等・元金均等、繰り上げ返済の複利計算
Vitestで310本のスナップショットテストを運用しています。
姉妹アプリ：家計コンパス
月次の家計管理アプリも同時開発しました。
家計コンパス: https://app.lifeplan-app.net/spending/
- Money Forward / Zaim のCSVをインポート
- 4領域（毎月固定費・毎月変動費・不定期固定費・不定期変動費）で分類
- 家計の月平均支出をみらいコンパスに自動連携
家計の実績データをライフプランシミュレーションに反映できるようになっています。
おわりに
「老後2000万、いつFIRE、35年ローン」──人生のお金の大問題に、自分の数字で答えを出すことを目指して作りました。
まだ発展途上ですが、同じような悩みを持つ方に使ってもらえると嬉しいです。
👉 みらいコンパス: https://app.lifeplan-app.net/
フィードバックや計算ロジックへのツッコミ歓迎です！