科技教育創新專區 › 部落格

🎰 #57 選擇障礙專用 - 餐廳命運轉盤:React + Vite 純前端極簡轉盤工具(解決「今天吃什麼」永恆難題)

黃凱揚(阿凱老師) · 桃園市龍潭區石門國民小學 · 2026-05-21

#57「餐廳命運轉盤」是阿凱用 React + Vite 寫的極簡轉盤工具,**解決選擇障礙**的「**今天吃什麼**」永恆難題。輕鬆一點讓轉盤決定 — 1.5KB 入口 HTML 純前端,課堂 / 親師活動 / 朋友聚餐通用。

「今天吃什麼」是現代生活的永恆難題

辦公室 / 教師室午餐時間經典對話:

阿凱的 #57 餐廳命運轉盤 反向:輕鬆一點 → 命運決定 → 不用再吵。

#57 真實怎麼做?

真實標題:「餐廳命運轉盤 - 解決選擇障礙」

核心定位:「為選擇障礙打造的餐廳抽籤工具」

完整流程(從 tools.json 抽出):

「每次到了用餐時間總是不知道該吃什麼嗎?只需輕鬆一點,讓轉盤為你決定今天的美味餐點!」

真實技術棧

跟 #17 #18 「抽選工具」三件套

#工具抽什麼
#17 創意抽籤系統學生 / 項目一個一個抽課堂點人
#18 繽紛隨機學生抽選正取 + 備取一次出比賽選拔
#57 餐廳命運轉盤(本篇)餐廳一次抽一個生活決策

#57 的獨特定位:生活向通用工具(不只給課堂用)。

為什麼這個極簡工具值得寫?

「好工具不一定要複雜」 —— 阿凱在工具設計上的另一種哲學:

對比阿凱有些工具(#84 領域共備 GO 用 Cloudflare Turnstile + SSRF 防護)— #57 是另一端:極簡到不能再簡單。

教學情境

教師室午餐戰:

校外教學決策:

家庭晚餐:

朋友聚餐:

班級慶生會點外送:

跟 #50 童樂學園的反差

#50 童樂學園 v1.5.0 = 超複雜 ecosystem(經濟 + 商店 + 頭像 + 多遊戲)

#57 餐廳轉盤 = 5 秒上手極簡工具

兩個都是阿凱的代表作 — 複雜跟極簡並存的工具哲學。

配對工具推薦

適用對象

想試試?

→ 前往 #57 選擇障礙專用 - 餐廳命運轉盤

下次「今天吃什麼」 — 5 秒上手 → 命運決定 → 不用再吵 20 分鐘。

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。