RaceOne 動漫 — 親子共看技術冒險故事(全 9 集)
超馬知識

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 集,每集約 1~2 分鐘。從 EP1 買網域與 Cloudflare 安全防護,到 EP9 竣工典禮與除錯血淚,完整走過打造一個超馬賽事管理平台的過程。
這個動畫系列適合幾歲的孩子看?
主要設定為 6–12 歲親子共看。每一集用一個生活化比喻對應一個技術概念,例如網域是「房子的名字」、Cloudflare 是「城牆」、Docker 是「魔法貨櫃」、資料庫 RLS 是「圖書館每個書架一把鎖」。
動畫裡的技術內容是真的嗎?
是。故事裡的每個技術決定都是 RaceOne 實際採用並上線的,包括 Next.js 前端、Supabase 資料庫與 RLS、Docker 容器、GitHub Actions CI/CD 與 QA 驗收門檻。想深入可對照《系統操作手冊》的圖文說明。
動畫角色是原創的嗎?
是。主角郭爸爸、藍色 RaceOne 鳥(胸前白色 R)與紅色 Bug 怪獸皆為原創設計,插畫由 AI 生成,未使用任何第三方品牌標誌或官方素材。

全 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 型別地獄。完結篇。

▶ 在 YouTube 看完整播放清單