iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
AI Engineering

知識圖譜 : 技能樹式學習歷程 系列

本專案將個至今累積的技術筆記,透過 AI 輔助整理、分類與結構化,轉化為一個公開的學習歷程知識庫網站。內容來源包含 Google Drive 文件、PDF 筆記與手寫截圖,經彙整後以主題式導覽呈現,讓學習路徑一目了然。網站設計融入遊戲化機制,如技能樹式的知識地圖、學習進度徽章與關卡式主題解鎖,將原本私人的學習軌跡轉化為可探索、可互動的公開知識地圖,邀請他人一同瀏覽、闖關與交流,讓知識分享不再只是單向輸出,而是一場共同的學習旅程。未來規劃納入標籤篩選與版本追蹤,持續反映學習內容的演進。

參賽天數 22 天 | 共 22 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊這不薄冰哥嗎
DAY 1

Day 1 — 為什麼要自己刻一個學習網站?(開篇 + 技術選型)

今天要解的問題 我修過的課、看過的講義、寫過的作業,散落在雲端硬碟、iPad 筆記、印出來的 PDF 裡。要複習「迴歸分析」的時候,我得先想起它在哪個資料夾;更...

2026-08-04 ‧ 由 Eyk 分享
DAY 2

Day 2 — HTML 骨架與設計 token:CSS 變數就是你的設計系統

今天要解的問題 沒有 Tailwind、沒有 UI library,一切要自己寫。如果直接開始寫 .card { border-radius: 14px }、....

2026-08-05 ‧ 由 Eyk 分享
DAY 3

Day 3 — Model 先寫:單一事實來源 `curriculum.js`

今天要解的問題 網站有三頁,每頁都要知道「有哪些課、每門課有哪些章、每章有哪些單元」: 首頁地圖:每個節點要顯示課名、課數、完成率。 課程頁:要列出模組與章節...

2026-08-06 ‧ 由 Eyk 分享
DAY 4

Day 4 — 首頁的 SVG 學習地圖:手工座標 vs 自動佈局

今天要解的問題 首頁要是「一張圖看完全貌」:十幾門課依先修關係連起來,用顏色分類,每個節點顯示我在那門課的完成度。點下去就進課程頁。 第一個問題:節點位置誰決定...

2026-08-07 ‧ 由 Eyk 分享
DAY 5

Day 5 — 課程頁、URL 契約與進度模型

今天要解的問題 點了地圖節點之後要有東西。課程頁要顯示一門課的模組結構、章節卡、以及我在這門課的完成度。 但真正的重點是今天要定兩個契約——寫錯的話,未來每一次...

2026-08-08 ‧ 由 Eyk 分享
DAY 6

Day 6 — 課文頁:`window.LESSONS`、課內導覽與領域驅動擴章

今天要解的問題 課文頁是整個網站的核心:左邊是同章的單元清單(完成打勾),右邊是課文本體 + 隨堂測驗,底下是「上一課 / 完成本課,前往下一課」。 但在寫 V...

2026-08-09 ‧ 由 Eyk 分享
DAY 7

Day 7 — MathJax 整合與兩個「靜靜壞掉」的 bug

今天要解的問題 這是一個統計學習網站,課文裡到處是這種東西: $$\bar{x} \pm z_{\alpha/2}\frac{\sigma}{\sqrt{n}}...

2026-08-10 ‧ 由 Eyk 分享
DAY 8

Day 8 — 隨堂測驗元件 + 課文寫作規格

今天要解的問題 讀完一課,怎麼知道自己真的懂了? 我要的不是完整測驗系統,是 algomaster 那種輕量 check-in:一課結尾一題選擇題,點下去立刻知...

2026-08-11 ‧ 由 Eyk 分享
DAY 9

Day 9 — 讓人想回來:遊戲化與互動元件

今天要解的問題 網站能用了,但沒有理由每天回來。純進度條只回答「我到哪了」,不回答「為什麼要再多讀一課」。 今天加三個東西:遊戲化層(XP/等級/連續天數/徽章...

2026-08-12 ‧ 由 Eyk 分享
DAY 10

Day 10 — 雙層驗證:結構驗證器 + 瀏覽器 smoke test

今天要解的問題 網站功能齊了,但有一個問題我逃避了十天:我沒有任何自動化驗證。 規模已經到了「不可能手動全檢」的程度——十幾門課、幾十章、兩百多課。而 Day...

2026-08-13 ‧ 由 Eyk 分享