顧能(Gartner)預測,到2028年,企業生產環境中的軟體將有40%是使用Vibe Coding(氛圍開發)技術與工具所建立。由此可預見在未來職場,運用AI寫程式將是如同操作Excel一樣的基本技能。
如果多人共享同個串流帳號,即使已知帳號、密碼,仍會被要求輸入帳號信箱內的一次性驗證碼。這時要找主揪收信好麻煩,不如做一個自動顯示驗證碼的網頁應用程式吧!
步驟1〉首先請ChatGPT拆解任務。
我想寫一個網頁應用程式,用Apps Script,可從我的Gmail讀出Disney+的驗證碼,你能先拆解成更小的任務嗎?
「網頁應用程式」 與 「Apps Script」 是2個很強大的關鍵字。前者是因為程式相當多種,我們限制在AI擅長的網頁類型,後者是讓程式運行的地方有非常多,我們選新手最容易上手的平台。
點我看與ChatGPT協作完整對話
步驟2〉在Google Apps Script執行程式碼。
好,我們從第一步開始,你給我程式碼,我給你結果。
依AI指示或下面步驟建立Google Apps Script:
・「Google雲端硬碟」>「新增」>「更多」>「Google Apps Script」
・開啟的介面中有一段預設的程式碼,請全選並刪除程式碼
・回到ChatGPT,找程式碼區塊右上角的「複製」鈕並點擊
・回到Google Apps Script的程式碼區域,按右鍵選「貼上」後點擊「儲存」
・看上方工具列,確認選擇的為欲執行之函式(此例為「readDisneyPlusVerificatio nEmail」),點擊「執行」
・第一次執行需要進行權限審查,請依步驟進行
・出現紅底驚嘆號時,點選「進階」,再點選「前往『未命名的專案』」
・圈選「執行紀錄」下的所有內容,複製後貼給ChatGPT
ChatGPT會陸續提出要求,一一回覆它。
・ChatGPT:請將看到的「主旨」和「內容」結果貼給我(貼給它)
・ChatGPT:最近一次Disney+驗證碼email的「主旨」和「寄件者信箱」(貼給它)
・直到ChatGPT提出:準備製作Web App(從瀏覽器看到驗證碼)
TIPS: 請勿依此步驟執行來路不明的程式,若資安要求較高,可開設新帳號嘗試!
步驟3〉依照ChatGPT要求一步步操作。
TIPS: 此階段如果有看不懂的地方,直接問ChatGPT,附擷圖詢問效果更佳。
步驟4〉取得完成網頁的連結。
當AI給了你網頁應用程式的程式碼,依照AI指示或下述步驟操作:
・「部署」>「新增部署作業」
・點擊左上方「選取類型」旁的齒輪圖示,選擇「網頁應用程式」
・將「誰可以存取」欄位改為「所有人」
・點擊右下方的藍色「部署」
・點擊「網頁應用程式」欄位下的超連結
步驟5〉請ChatGPT潤飾網頁外觀。
我想要它美一點。
按照需求修改程式碼。可依下方步驟操作:
・「部署」>「管理部署作業」
・點擊右上方的鉛筆圖示,將「版本」欄位改選「建立新版本」
・點擊右下方的藍色「部署」
・點擊「網頁應用程式」欄位下的超連結,或重新整理
TIPS: 測試前先按存檔,再到「部署」>「測試部署作業」,點擊「網頁應用程式」欄位下的超連結(測試版有獨立連結)。
《數位時代 Live》Vivi直播分享Vibe Coding實戰,再免費分享簡報檔10/15(三)Youtube直播,立即報名>>
本文不開放轉載
責任編輯:謝宗穎