/* チャプター詳細ページ */ function ChapterDetail({ nav, progress, chapterId, completeLesson }) { const chapters = window.APP_DATA.chapters; const lessonDetails = window.APP_DATA.lessons; const ch = chapters.find(c => c.id === chapterId); const completed = progress.completed; const membershipStatus = progress.membershipStatus || 'free'; // 応用コース前提条件チェック const isAppliedChapter = ch && ch.courseType === 'applied'; const basicChapters = isAppliedChapter ? chapters.filter(function(c) { return c.courseType === 'basic'; }) : []; const basicFlat = isAppliedChapter ? basicChapters.reduce(function(acc, c) { return acc.concat(c.lessons); }, []) : []; const allBasicCleared = isAppliedChapter ? basicFlat.every(function(l) { return isLessonCleared(l.slug, lessonDetails, progress); }) : true; if (!ch) return

チャプターが見つかりません

; const prevCh = chapters.find(c => c.id === chapterId - 1); const nextCh = chapters.find(c => c.id === chapterId + 1); const { status, progress: pct, done } = chapterStatus(ch, completed); const allDone = done === ch.sectorCount; return (
{/* ── ヘッダー ── */}
{ch.icon}
{ch.isBonus ? '番外編' : `Chapter ${ch.id}`}

{ch.title}

{ch.subtitle}

{/* 進捗バー */}
{done} / {ch.sectorCount} セクター完了
{/* ── 応用コース前提条件バナー ── */} {isAppliedChapter && !allBasicCleared && (
📚
基礎コース修了が必要です

「はじめに」〜「スタイル」の全セクターをクリアすると、このコースが解放されます。

)} {/* ── セクターリスト ── */}
{ch.lessons.map((lesson, idx) => { const detail = lessonDetails[lesson.slug]; const hasQuiz = !!(detail?.hasQuiz || detail?.quiz?.length > 0); const isCleared = isLessonCleared(lesson.slug, lessonDetails, progress); const isStepLock = !isLessonAccessible(idx, ch.lessons, lessonDetails, progress); const isMemberLock = lesson.access === 'paid' && membershipStatus !== 'active'; const isLocked = isStepLock; // ステップロックのみ click 無効（会員ロックは遷移してCTAを表示） const canAccess = !isLocked; return (
canAccess && nav.goLesson(lesson.slug, chapterId)} >
{isCleared ? ✓ : (isLocked || isMemberLock) ? 🔒 : {idx + 1}}
{lesson.title}
{lesson.subtitle}
{lesson.isFree && 無料} {!lesson.isFree && 有料} {hasQuiz && 📝 テスト}
{canAccess ? "›" : ""}
); })}
{/* ── チャプターナビ ── */}
{prevCh && ( )}
{allDone && nextCh && ( )}
); } function ChDetailStyles() { return ( ); } window.ChapterDetail = ChapterDetail;