跳至文章內容

從生活需求開始的 AI 小工具實作

中午吃什麼,小工具自己做!

不用先成為程式設計師。把每天都會遇到的選擇困難說清楚,請 AI 做出第一版,再用實際操作指出問題,你也能完成自己的附近餐廳選擇器。

教師專區 AI 小工具實作 閱讀 8 分鐘
教師操作附近餐廳隨機選擇器,畫面列出定食、漢堡與咖哩等午餐選項
從「中午吃什麼」這個真實需求出發,把想法拆成定位、篩選、搜尋與隨機選擇四個可驗證功能。

小需求,就是最好的 AI 實作起點

與其先問「AI 可以做什麼」,不如先找一件每天都想省下時間的小事。

「中午吃什麼」看起來只是生活問題,卻很適合練習把模糊想法變成小工具:先取得或指定搜尋中心,再設定距離與店家類型,找出附近候選店家,最後隨機選一家。每個步驟都有看得見的結果,也就容易測試 AI 是否真的完成需求。

這種做法的重點不是一次得到完美程式,而是由教師掌握情境與判斷標準,讓 AI 協助實作,再用操作結果展開下一輪對話。

你先決定

問題與使用情境

誰會使用、想省下哪個步驟,以及完成後應該看到什麼結果。

AI 協助

建立可操作版本

把需求轉成介面與程式,先交付能在瀏覽器實際操作的第一版。

你再把關

測試與具體回饋

逐項操作、記錄不符合預期的結果,再請 AI 針對問題修改。

先把「幫我選餐廳」拆成可驗證需求

AI 不知道你腦中的完整畫面。先交代輸入、處理方式、輸出與限制,第一版才有清楚的驗收標準。

輸入

搜尋中心與距離

使用目前位置,或讓使用者直接點擊地圖指定中心;搜尋距離可在 50 至 500 公尺之間調整。

篩選

店家類型

讓使用者勾選餐廳、速食、咖啡、甜點、飲料、便利商店等候選類型。

處理

搜尋並建立候選清單

查詢範圍內符合條件且有名稱的店家,顯示店數、距離與地圖位置。

輸出

隨機選一家

從目前候選清單抽出一家,顯示名稱與距離,並提供前往地圖服務的連結。

把需求交給 AI,先做出第一版

提示不必使用艱深術語,但要說明使用者、核心流程、資料來源、錯誤狀態與裝置需求。

可以先用下面的結構開始,再依你使用的 AI 工具與實際環境調整:

提示詞 附近餐廳選擇器第一版
請幫我製作一個可在瀏覽器使用的「附近餐廳選擇器」。

使用者可以:
1. 使用目前位置,或點擊地圖指定搜尋中心。
2. 調整搜尋距離,範圍為 50 至 500 公尺。
3. 勾選想要的店家類型。
4. 搜尋附近候選店家,再從候選清單隨機選一家。
5. 排除已標記停業、停用或有過期結束日期的資料。
6. 查看店名、距離、資料最後編輯日期與地圖確認連結。
7. 讓使用者把疑似歇業店家加入本機排除名單,並可自行清除。

請清楚顯示定位失敗、沒有候選店家、查詢逾時等狀態。
無法確認即時營業狀態時,必須明確標示「尚未驗證」,不能宣稱店家正在營業。
手機與桌機都要能操作,按鈕與文字不能超出畫面。
請先完成核心流程,不要加入與需求無關的功能。

用操作結果帶領下一輪修改

每次只處理一組相關問題,並同時寫出「目前狀態、目標狀態、驗證方式」。

  1. 走過一次完整流程

    從指定位置、調整半徑、選擇類型、搜尋候選店家到隨機選擇,全程記錄卡住的位置。

  2. 測試空白與失敗狀態

    取消所有類型、拒絕定位權限、縮小搜尋範圍,確認工具會提供可理解的訊息與下一步。

  3. 把感覺改寫成可見問題

    不要只說「手機版很難用」,改成「390px 寬度時控制面板遮住隨機按鈕,請讓按鈕能捲動到可見位置」。

  4. 要求保留已通過的功能

    修改店家選單時,明確要求不要改動定位、地圖點選與隨機結果,降低修好一處卻破壞另一處的風險。

  5. 在不同尺寸重新驗證

    至少用手機、平板與桌機檢查文字、清單、地圖、控制面板與全螢幕操作,再保存這一輪版本。

實際操作:附近餐廳選擇器

先點擊地圖指定位置,或允許瀏覽器取得目前位置;設定距離與類型後搜尋,再交給工具隨機選一家。

在新分頁開啟選擇器

若預覽框無法取得定位權限,可以改用新分頁,或直接點擊地圖選擇搜尋中心。

店家資料來自 OpenStreetMap。工具會排除已標記停業的地點,但社群資料仍可能尚未更新;出發前請使用地圖連結確認。

定位、外部資料與隨機結果都要說清楚

一個好用的小工具,不只要能執行,也要讓使用者知道資料從哪裡來、可能在哪裡失準。

定位需要使用者同意

瀏覽器會詢問位置權限;使用者可以拒絕,這時仍可直接點擊地圖指定搜尋中心。

店家資料可能不完整

工具會排除已標記停業、停用或已有過期結束日期的資料,但 OpenStreetMap 尚未更新的歇業店家仍可能出現。

免費服務可能暫時忙碌

地圖圖磚與店家查詢都仰賴網路;服務逾時或連線不穩時,應顯示錯誤並讓使用者稍後重試。

隨機只代表目前候選清單

結果只會從本次搜尋取得且未被排除的店家中選出,不代表區域內所有餐廳,也不保證店家正在營業。

把同一套方法帶回自己的工作

先選擇低風險、容易驗證的小任務;完成一個,再把拆需求與迭代的經驗移到下一個。

  1. 從你每週反覆執行、但不涉及敏感資料的一件小事開始。
  2. 寫出使用者要輸入什麼、工具要處理什麼、最後要輸出什麼。
  3. 先要求最小可用版本,不要第一輪就加入所有想像中的功能。
  4. 用真實情境、失敗狀態與不同裝置操作,再把問題逐條回報給 AI。
  5. 保存可用版本,並記錄資料來源、權限需求與使用限制。

常見問題

完全不會寫程式,也能開始嗎?

可以先從規模小、結果明確的工具開始。你仍需要負責描述需求、實際操作與判斷結果;若工具涉及重要資料、付費服務或長期維護,則應請具備相關能力的人協助審查。

為什麼搜尋不到我知道的餐廳?

店家可能沒有收錄在 OpenStreetMap,或缺少名稱、店家類型等必要標籤。也可以調大半徑、增加類型,或直接在地圖上換一個搜尋中心後重試。

為什麼還是可能看到已歇業的餐廳?

工具能排除 OpenStreetMap 中已標記為停業、停用或已有過期結束日期的資料,卻無法判斷現實中已歇業但尚未被社群更新的店家。請先開啟地圖連結確認;若發現錯誤,也可以使用「回報已歇業」把該店加入這台裝置的排除名單。

定位按鈕沒有反應,代表工具壞了嗎?

不一定。定位需要安全網址、瀏覽器權限與裝置定位服務。若預覽環境沒有提供權限,可以改用新分頁,或點擊地圖手動指定位置。

隨機選擇一定公平嗎?

工具會從本次成功搜尋到的候選清單中隨機選一家;候選資料若有缺漏,結果自然也不會涵蓋所有附近店家。應把它視為協助做決定的工具,而不是完整的市場抽樣。

重點整理

先定義問題,再讓 AI 幫你做

  • 從真實、低風險、容易驗證的小需求開始。
  • 把模糊想法拆成輸入、處理、輸出與限制。
  • 第一版只求核心流程可操作,再用具體回饋逐輪改善。
  • 實測權限、錯誤狀態、手機版與外部資料失效的情況。
  • AI 可以協助寫程式,教師仍要負責情境、判斷與使用責任。