cell-cycle-sim は真核細胞分裂周期 (G1 → S → G2 → M → G0) を 5 ノードグラフ + Cyclin/CDK 4 ペア (D-E-A-B) のガウス活性曲線 + 3 つのチェックポイント (G1/S p53-p21-Rb / G2/M Wee1-Cdc25-MPF / SAC BubR1-Mad2-Cdc20-APC/C) 分岐としてインタラクティブに可視化する無料教育シミュレーターです。ヒト体細胞 18-24h ベースライン、自前 React state machine、自前 SVG (Framer Motion / D3 / GSAP 0)。

(1) HHMI BioInteractive 英語のみ + Khan Academy 静的動画 + 教科書図解の静的限界を解消 — ko/en/ja 統合インタラクティブエントリ (2) 学部分子/細胞生物学 + 医学・薬学予科 + 教養ベースライン (Alberts Ch.17 / Cooper Ch.16) (3) チェックポイント分岐 (DNA 損傷 → p53-p21 → G1/S 阻害、SAC 活性 → M 期停滞) シナリオ学習 (4) Cyclin/CDK 活性曲線の動的進化 (4 ペアのガウスピーク時期整合) (5) 外部 npm lib 0 — Framer Motion 50 KB / D3 / GSAP すべて自前 stack で代替

① 5 段階ノード (G1 / S / G2 / M / G0) のいずれかをクリック → 段階説明 + 主要分子 (cyclin/CDK/p53/Rb) を強調 ② 自動再生 ▶ / ⏸ + 速度スライダー (0.5× / 1× / 2×) → 24h ベースラインの時間進化 ③ Cyclin/CDK 4 ペアのガウスピーク時期確認 — D (G1) / E (G1/S 境界) / A (S/G2) / B (M) ④ チェックポイントシミュレーション: • G1/S: DNA 損傷トグル → p53 活性 → p21 → Rb リン酸化阻害 → S 期に入らない • G2/M: Wee1 活性 → CDK1 Tyr15 リン酸化 → MPF 不活化 / Cdc25 → 活性化 • SAC: 動原体未付着 → Mad2-BubR1 → Cdc20 阻害 → APC/C 不活化 → M 期停滞 ⑤ 学術用語 hover (cyclin / CDK / チェックポイント / restriction point / SAC / cytokinesis / kinetochore / spindle 等 16 用語) ⑥ 初回訪問時 IntroAnimation (sessionStorage `bp_intro_shown_cell-cycle-sim`)

例 1) 正常 24h 周期 (自動再生) — Cyclin D ピーク t≈4h / E ピーク G1/S 境界 t≈12h / A ピーク S/G2 / B ピーク M 例 2) DNA 損傷シナリオ — G1 で損傷トグル → p53 → p21 → CDK2 阻害 → S 期に入らない (G1 停止) 例 3) SAC 活性シナリオ — M 期に動原体未付着 → Mad2/BubR1 → Cdc20 阻害 → 細胞質分裂に入らない (M 期停滞) 例 4) 定量比較学習 — Wee1 / Cdc25 活性トグル → MPF 活性分岐 (G2 → M 移行可否)