相簿程式生成過程

1. 列出需求

透過馬斯克的Grok 3,只要一次對話便滿足我的需求

我想要寫一個顯示照片的app,只需要在自己電腦上的瀏覽器能執行即可,不需要靠遠端的伺服器來執行,請幫幫我。 需求如下,我以JavaScript語法在最後附上我的相簿位置,請注意,這僅供參考,我以後會自行增減。 (1) 生成一個單獨而完整的html。 (2) 提供一個下拉選單,可讓我選擇不同的相簿。 (3) 相簿的照片先以縮圖方式呈現,等我進一步點選後才呈現完整的照片。 (4) 除了能讓我能單獨選擇照片外,另外提供一個"播放/暫停"按鍵,可依序自動播放所選相簿內的所有照片,這同一按鍵也可以暫停。 (5) "播放/暫停"按鍵的功能可用鍵盤的空白鍵來取代。 (6) 自動播放時,照片顯示的時間可讓我指定,單位以秒計算。 (7) 注意!當處在暫停狀態時,照片會永遠顯示,也就是說照片顯示時間這個設定會跟著失效。一旦恢復播放模式,照片顯示時間才有作用。 (8) 下拉選單、播放按鍵和控制照片顯示時間的輸入這三項請固定在畫面最上方。縮圖以一條水平列呈現,固定在畫面最下方。中間大部分空白則顯示完整的圖片。注意照片下方的描述文字別被遮掉,也需要安排些空間來正常顯示。
完整對話紀錄

2. 縮短相片載入時間

覺得相簿載入時間太久,用公認寫程式最厲害的Claude 3.7 Sonnet來改善程式。作法就是把程式秀給人工智慧看,讓它改善。

完整對話紀錄

3. 了解程式

遇到程式中不懂的地方,我會剪貼片段,請人工智慧解釋給我聽。免費版的ChatGPT 4o不需要登入個人帳號,所以我常常將問題貼到它的網頁即可快速得到回覆。

完整對話紀錄