30日間毎日アプリを作るチャレンジ、16日目。 今日から後半戦のスタートです！
折り返し地点を過ぎて、少し気合が入りすぎたかもしれません。 「細かい挙動やロジックが気になって仕方がない」
そんなエンジニアの性（さが）が爆発した結果、単なる計算機を超えた**「人生設計シミュレーター」**が出来上がりました。 教育費、スマホ代、成人式の着物代……。見たくない現実を直視し、対策を練るためのツールです。
📱 Day 16：教育費・資産形成シミュレーター (Future Path)
「あなたの教育方針」や「投資スタンス」を診断し、将来必要になるお金と、それをどうやって貯めるか（預金 vs 投資）を可視化するWebアプリです。
👉 未来の家計簿を診断する（デモサイト） https://kotodamablog.sakura.ne.jp/30days_antigravity/16Day/index.html
💰 こだわり抜いた「3つのガチ機能」
今回はReact + TypeScriptで構築し、グラフ描画ライブラリ（Recharts）を使い倒しました。
1. 心理診断＆投資タイプ判定 いきなり計算は始まりません。まずは11問のウィザード形式で、あなたの性格を分析します。
- 親タイプ: 「ミニマリスト（放牧型）」か「マネージャー（過干渉型）」か？
- 投資タイプ: 「リス型（堅実）」か「トラ型（積極）」か？ この診断結果によって、アドバイス内容が変化します。
2. リアルすぎる「支出スパイク」の可視化 学費だけではありません。「隠れた出費」も逃さず計算します。
- スマホ・PC費: 10歳、13歳、16歳…と買い替えサイクルまで考慮。
- 魔の18歳: 大学入学と新生活準備が重なるタイミングを「🚨」アイコンで警告。
- インタラクティブUI: 不要な項目（例：見栄消費）は、ゴミ箱アイコンで削除すれば即座にグラフに反映されます。
3. 複利効果とライフサイクル連動 「どう貯めるか」のシミュレーションも本格的です。
- 投資比較: 現金（0.001%）、堅実（2%）、積極（4%）を選んで、複利の効果を比較可能。
- 貯めどき判定: 子どもの年齢を「プラチナ期（0-6歳）」「黄金期」「忍耐期」「防衛期」に分類し、それぞれの時期に最適な貯蓄配分を提案します。
🛠️ 開発裏話
「神は細部に宿る」と言いますが、今日は細部に時間を溶かしました。 特に苦労したのは、**「積立元本」と「運用益」を積み上げて表示するグラフ（Savings Chart）**の実装です。 支出が発生するたびに残高を減らしつつ、複利で増える分を計算し直す……このロジックの整合性を取るのに必死でした。
でも、その甲斐あって「いつ資金ショートするか」が一目でわかるツールになりました。
🏃♂️ 後半戦に向けて
16日目にして、かなり重量級のアプリを作ってしまいました。 明日からもこのクオリティを維持できるか不安ですが、「自分が使いたいものを作る」という初期衝動を忘れずに走り抜けたいと思います！
#Antigravity #アプリ開発 #FinTech #React #TypeScript #資産形成 #教育費 #30日間チャレンジ #Day16
ブログ、なんとか続けてる 