近年來 AI 應用爆炸式成長，除了常見的生成圖片或影片，AI 其實也能幫你寫程式。如果你是像我一樣每天中午都在煩惱要吃什麼的人，那這篇文章將會是你的福音。我將透過 AI 幫我們寫一個「午餐抽籤輪盤」的應用程式，解決我們與同事的午餐選擇障礙，而且完成後還可以分享給所有人使用。
▲直接點擊影片看教學，一起來透過AI寫程式！
用戶體驗與精準指令：打造 AI 程式的兩大關鍵
在開始之前，我們要先了解如何讓 AI 寫出符合需求的程式。這就像在跟一位新來的同事溝通，你必須把需求講得清清楚楚，AI 才能理解你的想法。首先，我們要把功能需求拆解成使用者在網頁上的具體步驟。
例如，這款午餐輪盤應用程式需要什麼功能呢？我會思考使用者在台灣不同的地方，所以第一步是讓程式讀取使用者位置資訊 。接著，為了不要跑太遠，程式需要根據位置找到半徑500公尺內的10家餐廳 。然後，將這些餐廳做成輪盤，並設定一個按鈕讓使用者按下後能隨機抽籤 。最後，為了增加彈性，我還加入了手動輸入框，讓使用者能額外新增餐廳選項，並將輪盤上限設為20個選項，轉動時間為10秒 。這些精確的細節，能幫助 AI 寫出更貼近我們需求的程式碼。
▲用AI寫程式可以透過「網頁功能」、「網頁結構」和網頁樣式三個角度來寫。
Google Firebase Studio：你的 AI 程式開發好夥伴
當我們將詳細的指令輸入到 Google Firebase Studio 後，AI 就會自動生成程式碼。儘管 AI 很聰明，但過程中難免會遇到一些問題，這時候就需要我們的「耐心」與「指令修正」能力。例如，當程式介面顯示英文，或無法讀取餐廳資訊時，我們必須告訴 AI 這些問題。
影片中展示了如何透過上傳錯誤畫面截圖，並明確地指令「程式錯誤，因為缺少 Google Place API Key，我已取得並請加入」來解決問題。這就像在與 AI 進行一場反覆的對話與調整，直到程式完美運行為止 。
▲AI寫程式就是一個不停更新臭蟲的過程，小秘訣是可以直接分享截圖和AI溝通錯誤的地方。
一鍵發佈：輕鬆分享你的專屬應用程式
經過一番努力，我們終於完成了這個好用的午餐輪盤。這個應用程式不只能找出附近的餐廳，點擊抽中的餐廳名稱還會直接連結到 Google 地圖，方便你規劃路線 。最棒的是，你不需要是工程師，就能輕鬆地將這個應用程式發布並分享給朋友。只需點擊右上角的「Publish」按鈕，Firebase 就會生成一個專屬網址，讓你的朋友們也能一起享受這個便利的工具 。
這段 AI 寫程式的旅程讓我體會到三個關鍵：Idea、精準指令、以及耐心。你的創意是啟動專案的火花，精確的指令能讓 AI 聽懂你的想法，而面對 bug 時的耐心，則是完成作品的必備特質。
▲終於完成我的午餐輪盤程式了，大家也一起來試試看吧！
