關於我叫 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/ 這樣了，簡單方便做自己想要看到的東西。