a² + b² = c²
S = k ln W
F = k q₁q₂ / r²
V = k q / r
e + 1 = 0

每日一式

一天一條經典公式,做成一座拉了就懂的互動宇宙
從歐拉恆等式到電位與電壓——實測 33 課主題、40 個單檔 HTML 互動教材的個人 AI 內容產線,
每個文案數字都由 JS 模擬與 Python 解析解各算一遍互相對質,手機點開即玩,零部署、零依賴。
✦ v2.0 · 產線重生更新
PROJECT REVIEW · 對象:主管/決策者 · 2026-07-18
SCROLL
HIGHLIGHT · 先看這一個數字
0
個 HTML 課程檔——不是估計值,是今天 ls 數出來的。

上一版簡報(2026-07-10)寫的是「30 課、38 個檔案」。五天後的今天實測: 25 正篇 + 8 加課 = 33 課主題,40 個 HTML 檔,第五季「電與磁」已交出兩課(庫侖定律、電位與電壓)。 產線沒有停,數字也沒有灌水。

33
課主題(25 正篇+8 加課)
132
座互動畫布(canvas 模擬)
0
已知 bug(40 檔全過驗證管線)

另一個數字,關於「誠不誠實」:No.021(熵)那課,JS 模擬與 Python 解析解交叉比對, 誤差只有 0×10−13——已經逼近雙精度浮點運算的地板。

TL;DR · 給只有 30 秒的你

做了什麼、為什麼、結果如何

WHAT · 做了什麼

一條「每天一課」的 個人 AI 內容產線:每課一條經典數學/物理公式,產出單一 HTML 深色互動教材。 現況 33 課、40 個檔案,第五季「電與磁」進行中。

WHY · 為什麼做

市面教材太淺(只有比喻)或太硬(直接推導)。要一份「白話到深入」單檔合體、 手機直開、可以動手拉滑桿玩的個人化每日教材

RESULT · 得到什麼

五季知識版圖、132 座互動模擬、每個數字皆有驗證來源、0 已知 bug; 規格書化的產線一個上午能落地三課,美學已外溢成第二個專案的品牌。

§ 01 · 背景 — 一個痛點

「背過,但沒懂過。」

這句話寫在第五季開幕課(No.024 庫侖定律)的定位裡,也是整個專案的起點—— 這份簡報就是為了「背過公式、卻沒看過公式怎麼動」的人而寫。多數人與經典公式的關係停在「考前背起來」, 公式背後那座會動的宇宙從來沒有真正打開過。而市面上的教材恰好卡在兩個極端:

極端 A · 太淺

科普比喻文

只有比喻、沒有深度。看完覺得「好像懂了」,隔天什麼都留不下來——因為沒有動手、沒有數字、沒有推導的骨架。

極端 B · 太硬

教科書推導

直接上符號與證明。門檻立在第一行,讀者在還沒有「感覺」之前就被勸退,公式依然只是要背的東西。

解法不是「一個網站」,而是每天一則能玩、能讀懂、有故事、有跨課呼應的儀式感教材—— 白話到深入,一檔到底,這就是本系列的招牌結構。
§ 02 · 目標 — 一套教學人格

數學家 × 牧師 × 工程師

每一課由三重人格合寫:白話溫暖、比喻先行、動手實作、最後收一記深度。繁體中文、口語講道感,絕不學究腔。 每課固定走「Part 1 拉了就懂(白話互動)→ Part 2 帶入深度(推導與最深一擊)」的雙段結構。

📐

數學家

推導不縮水。深度章節把公式的「所以然」講完,每課至多 1–2 記「最深一擊」(reveal),全系列累計 25 記,只在讀者情緒最高點出手。

🕯️

牧師

比喻先行、講道感的白話。每章開頭一張「生活比喻卡」當鉤子——全系列累計 122 張,這是招牌。

🔧

工程師

能動手就不用看的。Canvas 物理模擬 + 滑桿 + 即時讀數,數字全部先算過才敢寫上去,全系列 124 支可拉滑桿。

設計目標一句話:先看見,再理解,最後才背——順序跟學校恰好相反。
§ 03 · 系統 — 它長什麼樣子

沒有後端、沒有 build、沒有框架:檔案本身就是成品

整個系統 = 40 個靜態 HTML + 2 份 Markdown 規格文件。每課單檔自足(CSS/JS 全內聯、無外部 JS 依賴), 手機直開、AirDrop 即傳、零部署。唯一的「資料流」是合訂本索引頁裡一個 LESSONS 陣列,用相對路徑連向 39 個課檔。

課檔 × 39

25 正篇 + 8 加課(共 33 課;001–007 為歷史雙檔格式)。39 檔平均約 38.0KB,總計約 1.5MB、18,117 行 HTML/CSS/JS。

合訂本 × 1

唯一 hub「課程全集」:資料驅動卡片牆 + 星空背景,是讀者的入口頁。

規格書 × 1

CLAUDE.md 產線操作手冊:命名規則、配色輪替、驗證管線、伏筆帳本、每課驗證數據表。

交接文件 × 1

README.md:為什麼長這樣、哪裡會踩雷、AI 接手指南——讓任何一個新 session 無縫接管產線。

外部依賴 1(Google Fonts,離線優雅降級) 伺服器 0 build 步驟 0 npm 套件 0 明文金鑰 0
最特別的一點:課與課之間沒有程式相依,只有內容相依—— 相依關係寫在文案的伏筆裡,不在 import 裡(詳見 § 12 伏筆帳本)。
§ 04 · 流程 — 一課是怎麼誕生的

五步走完:公式 → 白話 → 畫布 → 對質 → 掛號

每一課同一副骨架換一顆心臟——固定的產線步驟,讓「規格書驅動」成為可能。

LESSON PIPELINE · 一課誕生流程來源:CLAUDE.md §12 標準交付流程
① 選題 伏筆帳本優先兌現 ② 白話先行 生活比喻卡開路(招牌) ③ 互動畫布 JS Canvas 模擬(手寫,無函式庫) ④ 數字對質 Python 解析解,誤差門檻 <0.5% ⑤ 掛號交付 合訂本+埋新伏筆 數字不符 → 改文案遷就驗證值(017/018 皆此例)
39 個課檔的固定骨架:eyebrow → hero 公式 → 📜開場卡(公式的身世,39/39 全數就位)→ intro → Part1白話 → Part2深度 → 收束詩 → footer 預告下一式。
§ 05 · 邏輯 — 品質為什麼可信

兩種語言互相對質:JS 演的,Python 都要能證

教材的信用建立在「每個數字都算過」。做法是把品質檢查全部前移到交付之前—— 讀者端沒有任何 runtime 錯誤處理,因為錯誤根本不被允許出廠。每課必跑的驗證管線有四道閘門:

閘門 1

語法閘

抽出整段 <script> 跑 node --check。每次編輯後重跑,一次都不能省(019 課曾因省略中招)。

閘門 2

對表閘

JS 裡 getElementById 呼叫的每個 id,必須在 HTML 中逐一存在——missing 必須是 none。

閘門 3

字元閘

掃描 JS 區的全形括號與反引號(歷史炸點:早期貼上環境會把反引號吃掉),數量必須歸零或全在字串內。

閘門 4

物理閘

用純 Python 復刻本課積分器對照解析解(<0.5%)、查守恆量漂移,文案中每個數字都要在這裡算出來源。

鐵律只有一條:文案數字與驗證結果不符 → 改文案,遷就驗證值。 先例:017 課火箭 Δv 由 3.09 改為 3.15、018 課共振峰由 3.3 改為 3.2——都是文案讓步,不是驗證讓步。

最嚴的一筆存證來自 No.021(熵):組合數對數的 JS 與 Python 交叉比對,兩邊誤差只有 8×10⁻¹³——這不是文案寫的形容詞,是規格書 §14 驗證數據表裡逐字留下的數字。 說明:「JS 模擬對質 Python 解析解」是產線內部的 QA 流程(見 CLAUDE.md §10),字面上的「Python」不會印在讀者看到的課頁文案裡—— 這是幕後把關的機制,不是頁面裝飾。

§ 06 · 成效 — 五天之間的成長

舊簡報說的「30 課」,今天實測是「33 課、40 檔」

這是本次簡報重生的核心理由:上一版(2026-07-10)自己寫的數字,五天後已經跟不上產線。 三個指標,同一套統計方法(ls / grep),兩個時間點對照:

GROWTH DUMBBELL · 舊版聲稱 vs 今日實測來源:舊簡報.html(2026-07-10) vs ls/grep 實測(2026-07-18)
課程主題數 2436 舊 30 今 33 +3 HTML 檔案數 3444 舊 38 今 40 +2 互動畫布數 110140 舊 126 今 132 +6
誠實揭露:五天成長幅度不大(約 5–10%),圖上刻意不誇張比例——產線是穩定日更,不是衝刺型成長。
§ 07 · 成效 — 知識版圖

五季路線:從 e+1=0 一路走到馬克士威

課程不是散裝的 33 篇,而是照季度推進的一條敘事線:複數×微積分 → 機率 → 線性代數 → 物理定律 → 電與磁。 每季有開幕(金色)、有大結局,前季的工具在後季「上工」。

FILES PER SEASON · 各季 HTML 檔案數(正篇+加課)來源:ls 逐檔核對季度歸屬
8 16 0 16 S1複數×微積分 7 S2機率 6 S3線性代數 · 完季 7 S4物理定律 · 完季 3 S5電與磁 · 進行中 單季最長敘事:F=ma → 廣義相對論 7 課一氣呵成完季 虛線 = 對照 S4 規模 預估仍有 3–4 課待出 加課(violet,共 8 課) 正篇依季配色 · 直條上數字 = 正篇+加課檔案數
S5 目前 3 檔(024 庫侖定律 · 025 電位與電壓 · 加課 AI 的數學),虛線框為對照 S4 完季規模的推估區間,非承諾數字。
§ 08 · 成效 — 互動的密度

132 座互動畫布:能動手的,就不用死背

對 39 個課檔逐一 grep 統計,互動與教學元件的實際數量如下——平均每檔約 3.4 座可玩的物理/數學模擬:

132
互動畫布 canvas
124
參數滑桿
122
生活比喻卡
119
一句話帶走
25
最深一擊 reveal
39
開場卡「公式的身世」(39/39 全覆蓋)

reveal 刻意稀缺(25 記 / 39 檔)——深度是留給讀者情緒最高點的武器,不是灑滿全頁的壁紙。

§ 09 · 品質 — 為什麼敢說 0 bug

不是沒 bug,是錯誤死在出廠前

交接文件明文記錄:「已知 bug:無」。原話寫在 README.md 當時盤點的 38 檔基礎上, 同一套驗證管線今天套用到 40 檔,結論不變——因為品質不是靠人工巡檢,是靠四道閘門(§05)在每次編輯後強制重跑。

品質哲學:沒有 runtime 錯誤處理——因為品質全部前移到出廠之前。 這是靜態教材的正確取捨:讀者手機打開的那一刻,任何模擬都不該有第二種可能。
§ 10 · 結論 — 季路線圖✦ 終點是光

三段式版圖:已完成 → 進行中 → 終局

A · 四季完成

S1 → S4:25 主篇一路收官

複數×微積分(16檔)→ 機率(7檔)→ 線性代數(6檔,完季)→ 物理定律(7檔,完季)—— 36 個檔案,從歐拉恆等式走到廣義相對論,四季全部收官。

B · S5 電與磁進行中

庫侖 ✅ · 電位 ✅ · 3 檔在手

024 庫侖定律(S5 開幕,gold)+ 025 電位與電壓(rose)+ 加課「AI 的數學」(violet)。 寫給「背過但沒懂過」的人;025 片尾已正式預告下一戰場——歐姆定律「電子的塞車學」。

C · 終局:馬克士威與光

歐姆 → 安培/法拉第 → 光

下一筆候選 No.026 歐姆定律(伏筆最強),接著安培/法拉第感應, 最終四條方程收攏一切:電生磁、磁生電、波速 = c = 光——閉環 022 的 c、018 的振盪、S1 的傅立葉。

§ 11 · 靈魂 — 跨課呼應系統

四個記帳動詞,把 33 課織成一個故事

每課的 footer 埋新伏筆,新課優先兌現舊帳。系列自創四個跨課呼應詞彙,務必延續:

相認

概念會師

兩課的概念在新課重逢。例:011 資訊熵 ↔ 021 熱力學熵「相認」。

上工

工具實戰

前課的工具,在本課派上真正用場。例:013 特徵函數在 018 簡諧運動裡「上工」。

兌現

收回伏筆

前課埋的線頭,本課正式收線。例:019 平方反比家族 → 024 庫侖定律「兌現」。

預告掛號

埋新線頭

本課結尾為未來課程開新帳。例:025 片尾正式掛號「歐姆定律」。

這套「內容相依」是別人抄不走的護城河:抄得走版型,抄不走 33 課互相呼應的記憶。
§ 12 · 靈魂 — 伏筆帳本(已兌現案例)

帳本不只是隱喻,是規格書裡逐字記錄的表格

兌現 · No.022 質能等價

E=mc² 三課連環兌現

019/020/021 三課點名的伏筆,在 022 一次結清:002 畢氏定理相認(能量三角形)、006 泰勒展開上工(牛頓力學=第一階近似)。

兌現 · No.023 廣義相對論

日食開場,水星與 GPS 全數結清

019/022 連續掛號的相對論伏筆,在 023 收完:1919 日食開場、水星進動 43″、GPS 時間膨脹 38μs,帳本全數平帳。

兌現 · No.024 庫侖定律

S5 開幕即兌現舊債

019 萬有引力埋下的「平方反比家族」雙胞胎伏筆,在庫侖定律開幕課完成相認——同時開啟 S5 電與磁新季。

掛號中 · No.025 電位與電壓

本季最強新伏筆:歐姆定律

025 第 IV 章 reveal 正式預告「V=IR 的微觀真相——電子的塞車學」,是目前伏筆帳本裡最強的一筆待收線頭。

遠期已掛號未收的線頭:量子重力(023)、黑洞熵(021)、量子穿隧(020)、三體混沌(017)——留給未來季的鉤子。
§ 13 · 靈魂 — 個人化素材

教材會被讀完的原因:比喻長在讀者自己的生活裡

規格書內建「個人化素材庫」,每課自然出現 1–3 處、不硬塞。抽象公式落在具體日常上,黏著度來自這裡:

🍱

便當中央廚房

產能、排程、期望值與大數法則的天然教室。

✈️

無人機打桿

DJI Avata 2 的姿態與加速度,講 F=ma 與向量。

🔭

赤道儀天文攝影

星軌、軌道與克卜勒——019 引力課的主場。

機械錶擺輪

游絲簡諧振盪,018 課的等時性從手腕上開講。

另有:💻 Mac mini 自動化 · ✝️ 信仰輕觸 · 🇹🇼 台灣在地(台北101阻尼器、明潭抽蓄、Avata2 電池 14.76V 已入 025 課)
§ 14 · 外溢效應

一套美學,已經長成個人品牌

設計系統

深色泥金手抄本 × 星空

固定 CSS 調色盤(金/青/玫瑰/紫/綠/藍)、四套字體(襯線標題、無襯線內文、等寬讀數、斜體公式)、 季度配色輪替規則——規格書明令「CSS 變數是品牌,不可改」。這份簡報 v2.0 就是用同一套視覺語言重製的。

姊妹專案

聖經讀經課程(傅立葉×四福音)

直接繼承本專案的課程全集卡片牆與視覺系統建立,兩專案共用同一套美學語言。 產線與品牌都被證明可複製——這是「規格書驅動」路線的最大紅利。

§ 15 · 誠實揭露 — 限制與待補

沒有的數據,不假裝有

項目現況說明
讀者使用數據待補個人教材、零部署、無任何追蹤,故無開啟率/完讀率可報(README 明文確認無部署腳本可推斷讀者取得方式)。
每課實際工時待補無正式記錄,僅能以檔案時間戳粗估上界(022/023 相距 18 分鐘,屬「再來兩個」批次交付)。
系列起始日期待補claude.ai 時期未留檔,僅知 2026-07 遷入本地產線(001–021 多數於 07-08 同批遷入)。
版本控制無 git靠 iCloud 每日備份與程式碼輪替備份兜底。
CSS/JS 重複刻意保留39 檔各自內聯一份(單檔自足紅線 > DRY),成本體現在全系列改版時。
外部依賴僅 Google Fonts離線時退回系統字體,屬可接受的優雅降級。
§ 16 · 結論與下一步

三個判斷,加上下一筆候選

判斷 1

品質前移是有效的

四道驗證閘門 + 一條鐵律,讓 33 課、18,117 行程式已知 bug 為 0。錯誤死在出廠前,而不是被讀者發現。

判斷 2

規格書驅動的產線可複製

CLAUDE.md 就是產線本體:任何新 AI session 讀完即可無縫出課;姊妹專案直接複用整套系統——方法論已被二次驗證

判斷 3

內容相依是護城河

伏筆帳本讓 33 課織成一個故事。教材的價值不在單課,在跨課呼應累積出來的世界觀——這無法用單篇複製。

NEXT · No.026 候選(025 片尾已預告)來源:CLAUDE.md §14 目前狀態
候選 1 · 伏筆最強

歐姆定律

V=IR 的微觀真相——電子的塞車學。025 第 IV 章已正式預告,是目前帳本裡最強的一筆待收線頭。

候選 2

電容

存電荷的水塔,直接接續 025 已鋪好的水塔比喻。

候選 3

法拉第感應

磁生電、發電機——024 第 III 章已預熱。

CLOSING
一條公式,一天,一個檔案。
先看見,再理解——數字被算過兩次,故事被查過一遍
三十三課下來,公式不再是要背的東西,
而是一座座推門就能走進去的宇宙
第五季還沒完,光還在路上。
COLOPHON · 本簡報數據來源

每一個數字的出處

一手文件

CLAUDE.md(產線規格書:§14 已驗證數據表、伏筆帳本、季度配色)· README.md(交接總覽:設計初衷、0 bug 盤點、待辦)

實測統計

ls/find(40 檔案數、季度歸屬、修改時間戳)· grep 普查(39 課檔 canvas/滑桿/比喻/帶走/reveal/開場卡)· wc/du(18,117 行、1.5MB)

誠實原則:本簡報不含任何推估或虛構數據;查無出處的項目一律標「待補」。統計時點 2026-07-18,對照基準為舊版簡報(2026-07-10 v1.0)。