/* Page 1: Dashboard */ function Dashboard({ nav, progress }) { const chapters = window.APP_DATA.chapters; const completed = progress.completed; const totalSectors = chapters.reduce((s, c) => s + c.sectorCount, 0); const doneSectors = completed.length; const pct = totalSectors > 0 ? Math.round(doneSectors / totalSectors * 100) : 0; // 続きから学習するレッスンを探す let continueChapter = chapters[0]; let continueLesson = chapters[0].lessons[0]; outer: for (const ch of chapters) { const st = chapterStatus(ch, completed); if (st.status === "done") continue; if (st.status === "locked" && ch.id > 1) break; continueChapter = ch; for (const l of ch.lessons) { if (!completed.includes(l.slug)) { continueLesson = l; break outer; } } } return (
{/* Hero */}
毎日5分から、無理なく投資を学ぼう

「お金の話」、
株次郎とはじめませんか？

難しい言葉も、株次郎が会話形式でやさしく解説。
読むだけで、投資の地図が頭に入ります。

{doneSectors}/{totalSectors} セクター完了
全{chapters.length}チャプター
こんにちは！
今日も一緒に学ぼう 📈
¥
$
€
{/* 進捗カード */}
基礎コース 全{chapters.length}チャプター
あなたの学習進捗
{pct}%
✓ 完了 {chapters.filter(c => chapterStatus(c, completed).status === "done").length} 学習中 {chapters.filter(c => chapterStatus(c, completed).status === "active").length} 🔒 ロック {chapters.filter(c => chapterStatus(c, completed).status === "locked" && c.id > 1).length}
達成バッジ
{Math.min(3, Math.floor(doneSectors / 3))} 個 獲得中
= 1} /> = 3} /> { const c = chapters.find(ch => ch.prefix === 'hajimeni'); return c && chapterStatus(c, completed).status === "done"; })()} /> { const c = chapters.find(ch => ch.prefix === 'mokuhyo'); return c && chapterStatus(c, completed).status === "done"; })()} /> { const c = chapters.find(ch => ch.prefix === 'senryaku'); return c && chapterStatus(c, completed).status === "done"; })()} />
{/* 続きから */}
nav.goLesson(continueLesson.slug, continueChapter.id)} style={{ cursor: "pointer" }}>
つづきから
{continueChapter.isIntro ? continueChapter.title : `Chapter ${continueChapter.id} ・ ${continueChapter.title}`}
{continueLesson.title}
{/* チャプター一覧 */}

基礎コース

順番にクリアしていこう
{chapters.filter(ch => !ch.isBonus && !ch.isApplied).map(ch => { const st = chapterStatus(ch, completed); return nav.goChapter(ch.id)} />; })}
{chapters.some(ch => ch.isBonus && !ch.isApplied) && ( <>
番外編
{chapters.filter(ch => ch.isBonus && !ch.isApplied).map(ch => { const st = chapterStatus(ch, completed); return nav.goChapter(ch.id)} />; })}
)}
); } function Badge({ label, emoji, earned }) { return (
{emoji}
{label}
); } function ChapterCard({ ch, st, onClick }) { const isBonus = !!ch.isBonus; const isIntro = !!ch.isIntro; return ( ); } function DashStyles() { return ; } window.Dashboard = Dashboard;