
RaceOne 動漫 — 親子共看技術冒險故事(全 9 集)
一位工程師爸爸和一隻藍色小鳥,用 9 集手繪動畫,把「從零打造一個超馬賽事管理平台」講成 6–12 歲孩子也聽得懂的故事 —— 網域是房子的名字、Cloudflare 是城牆、Docker 是魔法貨櫃、資料庫安全是圖書館的鎖。
從前從前,有一位工程師爸爸,他看到台灣的超馬賽事管理好混亂 —— 報名表散在 Excel、通知淹在 LINE 群組、成績靠手寫白板。於是他決定打造一個超馬神隊友:RaceOne。
這 9 集手繪動畫,就是把「從零打造一個賽事管理平台」的過程,講成 6–12 歲孩子也聽得懂的故事。每一集用一個生活化的比喻,對應一個真實的技術決定。
系列特色
- 一集一個比喻 —— 網域是「房子的名字」、Cloudflare 是「城牆」、SSL 是「大門的鎖」、Docker 是「魔法貨櫃」、RLS 是「圖書館每個書架一把鎖」
- 沒有跳過難的 —— 資料庫安全、CI/CD 自動部署、QA 驗收門檻,這些大人也覺得硬的主題都在裡面
- 真的做過才畫 —— 故事裡的每個技術決定,都是 RaceOne 實際採用並上線的
- 大人也能用 —— 每集下方都有重點整理,想深入的可以對照《系統操作手冊》的圖文說明
分集
| 集數 | 主題 | 孩子記住的比喻 |
|---|---|---|
| EP1 | 買網域與 Cloudflare 安全防護 | 房子的名字、城牆、大門的鎖 |
| EP2 | 搬進新房子(Hetzner VPS 與 Docker) | 租一間自己的公寓、魔法貨櫃 |
| EP3 | 畫出夢想的樣子(Next.js 與 Tailwind) | 畫布、樂高積木、裝潢型錄 |
| EP4 | 給房子裝大腦(Supabase 與 RLS) | 圖書館、隱私守門員、入場手環 |
| EP5 | 打通訊大道(LINE Bot 與 Telegram Bot) | 門鈴、會員卡 |
| EP6 | 請來 AI 小幫手(Hermes Agent) | 靈魂之書、技能工具箱、記憶抽屜 |
| EP7 | 自動化搬家(GitHub Actions CI/CD) | 機器人管家、藍綠兩棟房子 |
| EP8 | 大掃除與驗收(QA 與 Release Gates) | 上線門禁、十道關卡 |
| EP9 | 竣工典禮(11 個地雷與 23 小時除錯) | 除錯日記、不放棄 |
主角是誰
- 郭爸爸 —— 穿深藍色連帽衛衣的工程師老爸
- RaceOne 鳥 —— 藍色(#0066FF)圓滾滾小鳥,胸前有白色 R,第 1 集從蛋裡孵出來
- Bug 怪獸 —— 紅色毛毛蟲,想從窗戶溜進來,但被擋住只會生氣跺腳,不可怕
為什麼要做這個系列
超馬賽事管理的技術門檻,不該成為主辦方選用工具的理由。把技術講清楚,是我們的責任 ——
而且如果連 6 歲小孩都能聽懂「為什麼資料庫要自己守門」,那主辦方在評估系統時,也就更能問出對的問題。
製作說明
- 風格:craft-handmade 手繪繪本風,莫蘭迪色系搭配 RaceOne 藍 #0066FF
- 旁白:國語男聲(Edge TTS
zh-TW-YunJheNeural) - 插畫:AI 生成之原創角色與場景,未使用任何第三方品牌標誌或官方素材
常見問題
RaceOne 動漫系列共幾集?▼
這個動畫系列適合幾歲的孩子看?▼
動畫裡的技術內容是真的嗎?▼
動畫角色是原創的嗎?▼
全 9 集動畫(親子共看)
一集一個比喻,把打造超馬賽事管理平台的過程講成孩子聽得懂的故事:網域是房子的名字、Cloudflare 是城牆、Docker 是魔法貨櫃、資料庫安全是圖書館的鎖。每集約 1~2 分鐘。
EP1 買網域與 Cloudflare 安全防護
網域、WAF 城牆、SSL 大鎖與 DNS 指路牌 —— 一個網站怎麼從零誕生。
EP2 搬進新房子 — Hetzner VPS 與 Docker
租一間自己的伺服器、裝 Ubuntu 地基、Docker 魔法貨櫃與安全警衛。
EP3 畫出夢想的樣子 — Next.js 與 Tailwind
用畫布、樂高積木與裝潢型錄,拼出網站的第一個樣子。
EP4 給房子裝大腦 — Supabase 與 RLS
資料庫圖書館、RLS 隱私守門員、多租戶公寓與即時廣播。
EP5 打通訊大道 — LINE Bot 與 Telegram Bot
Webhook 門鈴、LIFF 會員卡,讓平台學會主動跟人說話。
EP6 請來 AI 小幫手 — Hermes Agent
SOUL.md 靈魂之書、Core / Skills / Memory 三層架構與自我進化。
EP7 自動化搬家 — GitHub Actions CI/CD
CI 品質檢查、CD 自動部署與 Blue-Green 零停機更新。
EP8 大掃除與驗收 — QA 與 Release Gates
五階段 QA、Lighthouse 測速、Playwright 自動化測試與 10 道門禁。
EP9 竣工典禮 — 11 個地雷與 23 小時除錯
RLS 無限遞迴、CORS、Docker OOM 與 TypeScript 型別地獄。完結篇。