キャッシュフローシミュレータ

個人の資産管理とキャッシュフローをシミュレーションするWebアプリケーションです。

概要

このアプリケーションは、個人の金融資産、収入、支出を管理し、将来のキャッシュフローをシミュレーションすることを目的としています。直感的なUIで簡単に資産状況を把握し、財務計画を立てることができます。

機能

現在実装済み

🎨 UI/UX

• モダンなレイアウト: サイドバー付きのレスポンシブデザイン
• ダークモード対応: システム設定に応じた自動切り替え
• ナビゲーション: 4つの主要カテゴリへのアクセス
  • 💰 金融資産: 預金、投資、不動産などの資産管理
  • 📈 収入: 給与、副業、投資収益などの収入管理
  • 📉 支出: 生活費、固定費、変動費などの支出管理
  • 📊 シミュレーター: キャッシュフロー予測とグラフ表示

💰 金融資産管理

• 多様な資産タイプ: 預金、投資信託、個別株式、不動産等
• リターン率設定: 各資産の年間リターン率を個別設定
• 積立オプション: 期間を指定した定期積立設定
• 引き出しオプション: 期間を指定した定期引き出し設定
• 視覚的カスタマイズ: グラフ表示用のカラーピッカー

📈 収入管理

• 柔軟なサイクル設定: 月次、年次、カスタム間隔に対応
• 複数収入源: 給与、副業、投資収益等を個別管理
• 期間指定: 収入の開始・終了時期を月単位で設定
• 資産連携: 収入が加算される対象資産を指定可能

📉 支出管理

• 柔軟なサイクル設定: 月次、年次、カスタム間隔に対応
• カテゴリ別管理: 生活費、固定費、変動費等を個別管理
• 期間指定: 支出の開始・終了時期を月単位で設定
• 資産連携: 支出が減算される対象資産を指定可能

📊 シミュレーション機能

• 月次キャッシュフロー計算: 収入・支出・純キャッシュフローの算出
• 長期予測: 最大100年間（1200ヶ月）のシミュレーション
• 複合利回り計算: 投資リターンの複利効果を考慮
• インタラクティブチャート: Rechartsを使用した視覚的なデータ表示
• リアルタイム更新: データ変更時の即座な結果反映

今後の実装予定

• データの永続化（LocalStorage/IndexedDB）
• データエクスポート機能（CSV/JSON）
• より詳細なグラフ表示オプション
• 複数シナリオ比較機能
• 税金計算機能

開発環境のセットアップ

インストール

pnpm install

開発サーバーの起動

pnpm dev

ブラウザで http://localhost:5173 を開いてアプリケーションを確認できます。

その他のコマンド

# プロダクションビルド
pnpm build

# プロダクションプレビュー
pnpm preview

# リンターの実行
pnpm lint

# 型チェック
pnpm type-check

# テストの実行
pnpm test

ドキュメント

• ARCHITECTURE.md: 技術構成とアーキテクチャ設計

デプロイ

このプロジェクトはGitHub Pagesにデプロイされています。mainブランチにプッシュすると、自動的にデプロイが実行されます。

手動デプロイ

GitHub Actionsの「Deploy to GitHub Pages」ワークフローから手動でデプロイを実行することもできます。

ライセンス

このプロジェクトはプライベートプロジェクトです。