關於我叫 AI 幫忙寫小程式的那檔事
純粹記錄一段有趣的體驗。
原本叫 ChatGPT 寫程式還會自己剪剪貼貼,突然發懶什麼都不想做,然後發現簡單程式其實也還挺順利的。
超商買的微波食品拿回家才加熱的話,要微波多久呢?計算公式是「包裝上說的瓦數 x 包裝上說的秒數 / 家裡微波的瓦數」,這種東西當然是有很多人寫成網頁小程式過了,不過看了一下介面好像都有點複雜?於是開了 ChatGPT:
然後它就啪拉啪拉地輸出一堆檔案的內容。本來還留了 service-worker.js 要我自己寫,但我沒真的寫過啊!
於是它就乖乖補上了,很好。
既然要裝成應用程式,那還是有個 icon 比較好,所以…
開軟體編輯一下圖,看起來不錯,就你了。
接著真的要把程式弄下來跑跑看。以往此時我會把編輯器打開、開啟新檔案,然後從 ChatGPT 這邊複製過去再存檔。想了一下我何苦,直接叫它準備好一包給我就好:
開啟來,算可以用,不過嫌介面太素,轉頭開了 Make Real 來大概拉一下框線圖叫它生成
不過由於這個轉換程式太簡單,我把要求描述完以後 Make Real 居然也自己寫了一份 XD 所以接著花比較多的時間反而是在把兩邊的東西合起來(主要是 PWA 的部分)。
把圖示縮放成不同尺寸,然後整包弄上 GitHub Pages,調整了一些路徑的雜七雜八問題後可以用了。想想好像寫個 Readme 給大家順道提醒一下自己這是幹嘛用的,但懶惰,所以…
當然最後還是叫他把這 README.md 打包給我。
於是乎就變成 https://github.com/bobchao/microwavetool/ 這樣了,簡單方便做自己想要看到的東西。