AI Dev Lab
GradFund

GradFund ができるまで — 計算ツール 6本目を 教育費 シミュレーターで開く

計算ツール thesis 6本目 (coin-stack / roof-fund / gift-cap / side-tax / stork-cast / grad-fund、 マネー計算機 6 本柱)。 進学コース 4 × 大学 5 + NISA 月複利 逆算 + ヴィンテージ アカデミア motif (cream parchment + navy + maroon ribbon + gold seal) で組んだ設計記録。

·decision改善·stage公開中

GradFund ができるまで — 計算ツール 6本目を 教育費 シミュレーターで開く

GradFund は 教育費 シミュレーター。 子供の年齢 + 進学コース + 大学種別 + 自宅 / 下宿 + 月積立 + 想定年利 から、 残り教育費総額 + 不足額 + NISA 積立必要額 を試算。 ラボ 38本目、 計算ツール thesis 6本目 (CoinStack NISA / RoofFund 住宅 / GiftCap ふるさと納税 / SideTax 副業税 / StorkCast 育休 / GradFund 教育費、 マネー計算機 6 本柱 で子育てイベントの 「育休 → 教育費」 が連続)。

なぜこの形にしたか

外部 AI が提示した 90+α 案 (アプローチ B 案 51) のうち、 「無料で運営できて (¥0/月)、 PV ボリュームが大きい」 候補のトップとして 教育費 シミュレーター を選定。 「教育費 シミュレーション」 「教育費 計算」 「中学受験 費用」 系の検索ボリュームは子育て世帯ほぼ全員に刺さる規模で、 純計算 + 静的データで完結。

技術スタック

学習費 データテーブル (令和 5 年 文科省 調査)

const ANNUAL_COST = {
  kinder: { public: 8.4, private: 16.6 },   // 万円/年
  elem: { public: 35.3, private: 167.0 },
  junior: { public: 53.9, private: 143.6 },
  high: { public: 51.3, private: 105.4 },
} as const

const UNIV_4Y_COST: Record<UnivType, number> = {
  "national-arts": 250, "national-sciences": 250,
  "private-arts": 408, "private-sciences": 551,
  "private-medical": 2400,
}

const LIVING_4Y_COST = 576 // 下宿 月 12 万 × 12 × 4

ソース: 令和 5 年 文部科学省 「子供の学習費調査」 + 日本政策金融公庫 「教育費負担の実態調査」 + JASSO 「学生生活調査」。

NISA 月複利 逆算

// 月複利 FV: FV = PMT * (((1+r)^n - 1) / r)
const monthlyRate = annualRate / 12
const months = remainingYears * 12
const savingFV = monthlySaving * ((Math.pow(1 + monthlyRate, months) - 1) / monthlyRate)

// 不足額を 残り月数 で複利逆算 → 月積立必要額
// PMT = FV * r / ((1+r)^n - 1)
const monthlyRequired = (shortfall * monthlyRate) / (Math.pow(1 + monthlyRate, months) - 1)

CoinStack の月複利 FV 知見を再利用。 年利 0 / 1 / 3 / 5 / 7% の 5 段階。

年齢別 棒グラフ (SVG)

{result.yearly.map((y, i) => {
  const x = (i / result.yearly.length) * 720
  const h = (y.annualCost / maxAnnual) * 170
  const fill = y.age < input.childAge ? "#c8b894" // 既経過 (灰)
    : y.school === "大学" ? "#7a2a2a"  // maroon
    : y.school.includes("私立") ? "#b8923a"  // gold
    : "#1f3a8a"  // navy (公立)
  return <rect x={x} y={185 - h} width={w} height={h} fill={fill} />
})}

22 歳までの 23 本の棒を 720×200 SVG に描画、 公立=navy / 私立=gold / 大学=maroon / 既経過=灰の 4 色で塗り分け。

visual direction

ヴィンテージ アカデミア / 卒業証書 motif:

  • palette: cream parchment #f1e7c8 + ink navy #1a2a4a + maroon ribbon #7a2a2a + gold seal #c89a3a + ivy green #3a5a3a
  • motif: 巻物 + 卒業証書 + 上部 maroon ribbon banner + 大型 gold 円形 seal stamp 「教 / 育」 (rotate -8deg) + 3px double maroon border + inset gold border
  • typography: Instrument Serif italic (diploma feel) + Space Grotesk 800 (display) + JetBrains Mono (numerics)

既存 マネー計算機 5 本柱 (coin-stack midnight navy / roof-fund cyan blueprint / gift-cap 墨朱和風 / side-tax ledger green / stork-cast baby pink mint 母子手帳) と完全別軸。 唯一の 「卒業証書 / 大学アカデミア」 motif。

6 プリセット

  • 0歳 / オール公立 / 国立大 (最小コース)
  • 5歳 / 公立 → 私立文系 (定番)
  • 8歳 / 中学受験 + 私立理系
  • 0歳 / オール私立 / 私大文系
  • 10歳 / 私立医歯薬 + 下宿 (最大コース)
  • 15歳 / 国立大 下宿 (残り 7 年で逆算)

やっていない / これからの IMPROVE

  • 塾代 (中学受験塾 / 大学受験 予備校) の上乗せ計算
  • 私立 vs 国立 の同時比較表示
  • 複数子供 の合算シミュ
  • 学資保険 vs NISA の比較
  • 児童手当 + 出産育児一時金 の収入側計上
  • 奨学金 + 教育ローン の選択肢

次の SHIP は何 thesis に振るか

無料運営 (¥0/月) 候補の次は:

  • 22 給与交渉代行 (ジェネレーター 5本目)
  • 47 無駄遣い反省会 (計算 7本目)
  • 89 一人暮らし 逆算購入 (計算 8本目)

[ ./next_action ]

読んだら、 GradFund を実際に動かす。

この開発ログは GradFund をどう作ったかの記録です。 読み終わったらそのままサービス本体へ戻って、 実物で価値を確かめてください。

[ ./related_logs ]

関連する開発ログ

all logs →
BioWave

BioWave ができるまで — バイオリズムを正弦波で描く

生年月日からの経過日数を使い、 身体23/感情28/知性33日の sin 波で調子を計算。 ゼロ交差を要注意日として抽出し、 2人の誕生日差から cos で位相一致度=相性を算出。 占い手帳 motif で 組んだ サービス設計記録。

read log →
GanttPad

GanttPad ができるまで — 日付軸タイムラインのレイアウト計算

タスクの開始/終了日から全体期間を求め、 各バーの offset(日数) と duration を算出して SVG に配置。 期間に応じて日/週/月の目盛りを自動切替し、 今日ライン・週末シェード・進捗塗りを描く。 プランニングボード motif で 組んだ サービス設計記録。

read log →
HeirShare

HeirShare ができるまで — 相続税の早見表ロジックを実装する

家族構成から法定相続人と法定相続分を判定し、 基礎控除 → 課税遺産総額 → 法定相続分按分 → 速算表 → 相続税の総額 → 配偶者の税額軽減 (法定相続分 or 1.6億) という早見表と同じ流れを純 JS で実装。 相続関係図 motif で 組んだ サービス設計記録。

read log →
ChromaLens

ChromaLens ができるまで — 色覚シミュレーションとダルトナイズ補正

色覚特性 (1型/2型/3型) を 3×3 色変換行列でシミュレートし、 ダルトナイズ法 (失われる色差を別チャンネルへ再配分) で 区別しやすく補正。 画像処理は全て Canvas で端末内。 検眼/カラーチャート motif で 組んだ サービス設計記録。

read log →
GridNine

GridNine ができるまで — 唯一解の数独をブラウザで生成する

MRV バックトラッキングで完成盤を作り、 セルを抜くたびに解の個数を 2 で打ち切り数えて『唯一解』を保ったまま穴掘り。 候補メモ・重複ハイライト・ヒント・タイマーを 文庫パズル誌 motif で 組んだ サービス設計記録。

read log →
PlotPad

PlotPad ができるまで — ブラウザで動く関数グラフ電卓

式の解析・評価・記号微分は mathjs に委譲し、 canvas に 1 ピクセル刻みでサンプリング描画 (発散点で線を切る) + ドラッグ平行移動 + カーソル基準ズーム + 導関数の重ね描き を 自前実装。 グラフ用紙 motif で 組んだ サービス設計記録。

read log →