🎰 #57 選擇障礙專用 - 餐廳命運轉盤:React + Vite 純前端極簡轉盤工具(解決「今天吃什麼」永恆難題)
#57「餐廳命運轉盤」是阿凱用 React + Vite 寫的極簡轉盤工具,**解決選擇障礙**的「**今天吃什麼**」永恆難題。輕鬆一點讓轉盤決定 — 1.5KB 入口 HTML 純前端,課堂 / 親師活動 / 朋友聚餐通用。
「今天吃什麼」是現代生活的永恆難題
辦公室 / 教師室午餐時間經典對話:
- A:「中午吃什麼?」
- B:「都可以啊」
- A:「不然吃 OO?」
- B:「上週吃過了⋯」
- A:「那 XX?」
- B:「沒胃口⋯」
- ⋯(重複 20 分鐘)→ 時間都過去了還沒吃
阿凱的 #57 餐廳命運轉盤 反向:輕鬆一點 → 命運決定 → 不用再吵。
#57 真實怎麼做?
真實標題:「餐廳命運轉盤 - 解決選擇障礙」
核心定位:「為選擇障礙打造的餐廳抽籤工具」
完整流程(從 tools.json 抽出):
- 輸入候選餐廳清單
- 點「開始轉」
- 轉盤旋轉動畫
- 命運幫你決定
「每次到了用餐時間總是不知道該吃什麼嗎?只需輕鬆一點,讓轉盤為你決定今天的美味餐點!」
真實技術棧
- React + Vite
- 入口 HTML 1.5 KB(純靜態 + 引外部 bundle)
- 推測純前端 localStorage 存清單
- 部署:
cagoooo.github.io/food/
跟 #17 #18 「抽選工具」三件套
| # | 工具 | 抽什麼 |
|---|---|---|
| #17 創意抽籤系統 | 學生 / 項目一個一個抽 | 課堂點人 |
| #18 繽紛隨機學生抽選 | 正取 + 備取一次出 | 比賽選拔 |
| #57 餐廳命運轉盤(本篇) | 餐廳一次抽一個 | 生活決策 |
#57 的獨特定位:生活向通用工具(不只給課堂用)。
為什麼這個極簡工具值得寫?
「好工具不一定要複雜」 —— 阿凱在工具設計上的另一種哲學:
- ✅ 解決真實痛點:選擇障礙真的存在
- ✅ 極致簡單:5 秒上手
- ✅ 跨情境通用:個人 / 家庭 / 朋友 / 課堂
- ✅ 零學習成本:阿公阿嬤都能用
對比阿凱有些工具(#84 領域共備 GO 用 Cloudflare Turnstile + SSRF 防護)— #57 是另一端:極簡到不能再簡單。
教學情境
教師室午餐戰:
- 中午前 5 分鐘 → 老師們輪流貼餐廳名
- 點轉盤 → 命運決定
- 沒人能說「上週吃過了」
校外教學決策:
- 學生分組要去哪餐廳吃
- 候選 5 家貼進 #57
- 轉一下 = 公平
家庭晚餐:
- 假日「今晚要吃什麼」
- 家人各選一家
- 命運決定 → 小孩很興奮
朋友聚餐:
- LINE 群組各推一家
- 開 #57 → 全部貼進去
- 不用再投票
班級慶生會點外送:
- 全班輪流貼最愛餐廳
- 命運轉盤決定 → 公平 + 有趣
跟 #50 童樂學園的反差
#50 童樂學園 v1.5.0 = 超複雜 ecosystem(經濟 + 商店 + 頭像 + 多遊戲)
#57 餐廳轉盤 = 5 秒上手極簡工具
兩個都是阿凱的代表作 — 複雜跟極簡並存的工具哲學。
配對工具推薦
- #17 創意抽籤系統 — 課堂版抽籤
- #18 繽紛隨機學生抽選 — 比賽抽選
- #39 孔明神算 — 同款「讓命運決定」概念
適用對象
- 所有人(不限學校 / 老師 / 學生)
- 教師室午餐戰
- 班級慶生會 / 校外教學
- 家庭晚餐決策
- 朋友聚餐決策
- 對「選擇障礙」深有同感的人
想試試?
下次「今天吃什麼」 — 5 秒上手 → 命運決定 → 不用再吵 20 分鐘。