我做了一個給非工程人的程式學習平台
我做了一個程式學習平台，但目標用戶不是工程師。
為什麼要做這個？
在帶 AI PoC 的過程中，我反覆遇到同一個問題：非技術同事想自己動手，但沒有適合他們的學習資源。
行銷想看數據，要等工程師排期。PM 想改文案，要開 ticket 等部署。業務想驗證 API 回傳格式，只能截圖問人。
不是他們不聰明，是沒人用他們聽得懂的方式教過。
市面上的程式教學平台，要嘛太淺（「什麼是變數」教完就沒了），要嘛假設你要轉職工程師。對於只想在工作中「多會一點」的行銷、PM、營運來說，兩邊都不對。
所以我做了 Learn with Cypher — 一個專門給非工程人的程式學習平台。
設計原則
1. 所有範例都用電商情境
不教 foo/bar，教「怎麼用 SQL 查上週退貨率最高的商品」「用 Python 算每月營收成長率」。每個範例都是你明天上班可能會用到的場景。
2. 瀏覽器直接寫 code，零安裝
內建 Python、SQL、JavaScript、Shell 四種引擎，全部在瀏覽器裡執行。寫完按 Run，即時看結果。不用裝 VS Code，不用設定環境變數，不用搞 PATH。這對非工程人來說是最大的門檻移除。
3. 每一課都有 AI 協作段落
2026 年了，非工程人學程式的目的不是從零手寫所有東西，而是能跟 AI 搭配。所以每一課最後都有「學了這個技能後，怎麼跟 AI 配合」的段落，包含實際可用的 prompt 範例。
例如學完 SQL JOIN 後，你可以跟 AI 說：「我有 orders 和 customers 兩張表，幫我寫一個查詢，找出上個月消費超過 5000 元但這個月還沒下單的客戶。」能下這樣的指令，比自己從零寫 SQL 實用十倍。
4. Server-side 評分，防作弊
考試和練習題的評分都在 server 端完成。不是信不過學員，而是讓成績有公信力 — 未來如果要發證書或當內訓考核，這點很重要。
目前的規模
- 19 門課程，101 個課時
- 310 道互動練習 + 270 題結業考試
- 涵蓋 SQL、Python、JavaScript、HTML/CSS、API、Git、Shell、Regex
- 還有「非工程人的技術通識」和「AI 協作開發實戰」兩門跨領域課程
特別值得一提的是 api-201 這門課 — 直接整合了我的另一個 open source 專案 API Workbench，讓非工程人也能動手打 API、看回應、理解 request chaining。Dog fooding 的最佳實踐。
技術棧
平台本身也是個不錯的技術練手專案：
- Next.js 16 + React 19 + Tailwind 4 — 前端框架
- NextAuth v5 — Google OAuth 登入
- CodeMirror 6 — 程式碼編輯器（lazy loading 優化載入速度）
- sql.js (WASM) — 瀏覽器端 SQL 執行引擎
- Pyodide — 瀏覽器端 Python 執行引擎
- Server-side grading — 考試防作弊機制
- SSG 預渲染 — 課程總覽頁靜態生成，SEO 友好
- IP rate limiting — API 端點限流保護
全站部署在 VPS 上，用 Docker + Traefik 做反向代理和 SSL。
給誰用？
如果你是：
- 行銷 / PM / 營運 — 想看懂工程師在說什麼，溝通需求更精準
- 資料分析 / 報表製作 — 想自己撈數據，不用排隊等人
- 任何想用 AI 提升效率的上班族 — 學會基礎概念後，用 AI 寫小工具、自動化重複工作
平台在 learn.ranran.tw，完全免費。
如果你也在煩惱怎麼讓非技術同事理解技術概念，歡迎試用，也歡迎交流你的做法。
