← 所有學員作品

課程教學 · 網站工具應用/APP

LiveBoard:自製線上互動問答 QA 工具,取代 Slido

過去我們在線上講座與實體課都使用 Slido 做即時問答,但參與人數超過 200 人後,一年大約要花 600 美金。後來我把團隊真正會用到的問答、投票、教材下載與多房間管理做成自己的 LiveBoard,讓 AI 課程、Notion 課程和直播活動都能用同一個品牌化互動頁完成。

  • Claude Code
LiveBoard 房間管理後台

管理後台可以建立不同講座房間,設定網址、密碼、公告資源、房間狀態,並保留過去活動的問答紀錄。

作品重點

多房間管理:每場講座、直播或實體課都可以建立獨立房間,用自訂網址和密碼進入。

為什麼要做這個作品

把 Slido 裡真正用得到的問答、投票、教材資源和課後匯出做成自己的課程互動頁,省下訂閱費,也讓同學少找一次連結。

過去我們在線上講座、直播和實體課裡,最常用 Slido 來收同學提問。它穩定、好上手,也解決了很多講師現場很痛的問題:問題太多、聊天室太亂、重要提問很快被洗掉。

但後來人數一變多,成本就開始變得不太舒服。

如果活動參與人數超過 200 人,Slido 一年大約要花 600 美金。這筆金額不是不能付,而是我們其實沒有用到它完整的企業功能。對我們來說,真正需要的是幾件很具體的事:讓同學丟問題、讓大家按讚排序、讓主持人置頂與標記正在回答、把教材連結放在同一頁,還有讓 AI 課程和 Notion 課程可以快速套用不同題組。

所以我決定做一個自己的版本:LiveBoard

它解決的是什麼問題

LiveBoard 不是想把 Slido 的每個功能都重做一遍。它比較像是把我們教學現場真正會用到的那 20% 拿出來,做成更貼近雷蒙三十工作流的工具。

  • 即時問答排序:同學可以提問、按讚,講師和主持人能看出哪些問題最多人想聽。
  • 管理員現場控場:問題可以置頂、標記正在回答、封存,也能在課後匯出整理。
  • 教材資源整合:房間可以放這場活動的教材、連結與公告,不用再另外丟一串網址。
  • 課程模組化題組:開啟互動頁時,可以依照 AI 課程或 Notion 課程,快速帶出常用問答互動題組。

這些功能聽起來都不大,但放到真實教學現場,差很多。

以前同學加入問答頁後,還要另外去找教材下載連結。直播聊天室裡有人問「教材在哪裡」,主持人就要再貼一次。實體課現場也一樣,投影上是問答頁,教材連結又在另一個 Notion、Email 或聊天室訊息裡。

現在互動和資源都在同一頁。對同學來說,只要打開一個網址;對團隊來說,活動前只要把房間設定好。

實際用在 AI 課程直播

AI Agent 相關直播最常遇到的問題,是同學提問非常發散。

有人問工具,有人問流程,有人問 Prompt,有人問自己的工作適不適合做 Agent。這些問題如果直接丟在聊天室裡,主持人很難判斷哪些要先答,哪些可以課後整理。

LiveBoard 的做法是把每一題變成獨立卡片。大家可以按讚,講師可以把正在回答的問題標出來,已經處理完的問題可以封存。

AI Agent 直播問答房間

AI Agent 直播裡,同學可以集中提問與按讚,講師端能把正在回答的題目標記出來,避免直播節奏被聊天室訊息沖散。

這裡有一個我後來很喜歡的功能:匯出問答

直播結束後,我們可以把整個房間的提問、讚數、狀態和回覆匯出成 Markdown 或 JSON。這讓課後整理變簡單很多,因為很多問題本來就是下一篇電子報、補充教材、FAQ 或課程更新的素材。

換句話說,LiveBoard 不只是上課工具,也變成內容回收工具。

用在 Notion 一日實作班

Notion 課程的使用情境又不太一樣。

AI 課程的問題比較發散,Notion 課程則很容易卡在某個操作環節:資料庫怎麼設計?模板怎麼套?手機版怎麼看?課堂中如果同學一直問操作問題,講師會很難兼顧全班進度。

所以 LiveBoard 對 Notion 課程的價值,是把提問和教材下載放在同一個穩定入口。學員不用切來切去,也不用在 LINE、Email、Notion 頁面之間找資源。

Notion 一日實作班問答房間

Notion 一日實作班的房間會放入課堂資源,同學可以一邊跟課,一邊把卡住的問題丟到同一個互動頁。

這件事看起來只是少一個步驟,但現場教學裡,少一個步驟就是少一次分心。

技術架構與部署

LiveBoard 是一個很務實的內部產品。

前端用 React 19、Vite 和 TypeScript,後端用 Express 5 與 Socket.io 處理即時同步。資料庫用 SQLite,並在 Zeabur 上掛 persistent volume,避免重新部署後房間、投票和留言資料消失。

部署則放在 Zeabur。這也是成本判斷裡很關鍵的一點:我原本就有買 Zeabur 專用伺服器,所以 LiveBoard 不需要再額外負擔一套訂閱費。對我們來說,它不是多買一個工具,而是把原本的伺服器容量拿來長出一個更貼合自己的產品。

flowchart LR
    A["同學加入活動房間"] --> B["送出提問與按讚"]
    B --> C["Socket.io 即時同步"]
    C --> D["講師與主持人控場"]
    D --> E["置頂、正在回答、封存"]
    E --> F["課後匯出問答與回覆"]
    G["教材下載與公告資源"] --> A
    H["AI 課程/Notion 課程題組"] --> A
閱讀流程文字
flowchart LR
    A["同學加入活動房間"] --> B["送出提問與按讚"]
    B --> C["Socket.io 即時同步"]
    C --> D["講師與主持人控場"]
    D --> E["置頂、正在回答、封存"]
    E --> F["課後匯出問答與回覆"]
    G["教材下載與公告資源"] --> A
    H["AI 課程/Notion 課程題組"] --> A

這次做過哪些取捨

第一個取捨是不追求功能大而全。Slido 有很多企業級功能,但我們真正高頻使用的是問答、按讚、投票、教材連結、房間管理和匯出。先把這些做到順手,比複製整套產品更重要。

第二個取捨是先服務自己的課程現場。LiveBoard 的目標不是一開始就變成公開 SaaS,而是讓團隊每一次直播、講座、實體課都能更順。只要它能讓同學少迷路、讓主持人少補連結、讓課後整理更快,就值得存在。

第三個取捨是把品牌感放進工具裡。問答頁不是單純功能頁,它也是同學在課堂中的接觸點。當介面、Logo、顏色、教材入口都一致時,整體體驗會比「跳到第三方工具」更像我們自己的課程。

第四個取捨是部署要簡單穩定。SQLite 對這類問答工具已經夠用,只要 persistent volume 設好,重新部署不會影響既有房間與留言。這比一開始就拉一整套複雜資料庫更符合目前需求。

現在的具體成果

目前 LiveBoard 已經是團隊日常使用中的即時 QA 平台,正式入口放在 qa.lifehacker.tw

它現在可以做到:

  • 建立多個活動房間,並設定自訂網址、密碼、房間狀態與公告資源。
  • 同學可以提問、按讚,講師端可以置頂、標記正在回答、封存或刪除。
  • 支援投票題組,適合直播互動、課前暖場或課中確認同學狀態。
  • 支援投影指引,現場可以直接顯示加入網址、密碼與 QR Code。
  • 課後可以匯出整場問答,方便整理 FAQ、補充教材或後續內容。
  • 使用 Zeabur 部署與 persistent volume 保存資料,不需要額外買 Slido 訂閱。

真正省下來的不只是 600 美金,而是每次活動前後那些零碎的找連結、補教材、整理問題與維持品牌一致性的注意力。

這件事對 AI Agent 課程的啟發

LiveBoard 讓我更確定一件事:AI Agent 課程裡最值得示範的作品,通常不是最炫的 demo,而是你真的每天會用、團隊真的會靠它運作的東西。

很多工具的替代,不是因為原本的工具不好,而是我們的需求變得更清楚了。當你知道自己只需要哪些功能、哪些流程最常重複、哪些地方最容易讓使用者卡住,就有機會把第三方工具變成自己的品牌資產。

這也是我想讓學員看到的方向:不要只是問 AI 能不能做一個網站。更好的問題是,我的工作裡有沒有一個每週都會重複發生、每次都要花注意力處理的流程?如果有,它就可能是你的第一個真實 AI Agent 作品。

進一步認識作者

我是雷蒙,長期研究數位工作術、知識管理與 AI Agent,也在《超級個體工作術》和後續 AI Agent 課程裡,持續把這些方法整理成一般人真的能用的工作系統。LiveBoard 是我們把課程現場需求產品化的一個例子:先解決自己的真問題,再把過程整理成可以被學員參考的案例。

留言與交流

使用 GitHub 帳號回覆作者,分享你的想法。