兩周前,我讓 GPT-4 從頭編寫一款應用程序。由于這段經歷感覺良好,當時我認為 GPT-4 是非常強大的編程伙伴。然而,上周末我讓 GPT-4 擴展這款應用程序,卻有了完全不同的體驗。
因此,我想通過本文記錄整個過程,并分享一些心得和技巧。
我的這款應用程序主要是為了幫助用戶學習音程:
如想嘗試這款應用,可前往:https://ericsilberstein.github.io/gpt4-interval-trainer/interval-trainer.html
如想查看源代碼,可前往:https://github.com/ericsilberstein/gpt4-interval-trainer
我詢問了 GPT-4 關于如何擴展這款應用程序的想法。
我提問:接下來,我們應該添加哪些功能?
GPT-4 回答:
下面是你可以考慮添加到音程聽力訓練應用功能的一些想法:
1. 自定義音程范圍:允許用戶選擇練習的音程,而不只是練習八度以下的所有音程。
2. 上行、下行以及和聲音程:添加分別練習上行、下行以及和聲音程或混合模式的選項。
3. 旋律練習:添加生成具有多個音程的短旋律練習功能,供用戶辨別。
4. 和弦識別:擴展應用,添加和弦識別練習,允許用戶練習通過聽力判斷和弦。
5. 一段時間內的進度跟蹤:實現一個功能,允許用戶保存自己的進度,并記錄一段時間內的進步程度。
6. 計時練習:添加計時模式,允許用戶挑戰在規定時間內識別盡可能多的音程。
7. 排行榜和社交功能:創建一個排行榜,鼓勵用戶之間的友好比拼,允許他們在社交媒體上分享進度。
8. 自定義音頻設置:允許用戶選擇不同樂器或音頻播放的聲音設置。
9. 移動應用:開發移動應用,方便用戶隨時隨地練習聽力。
10. 集成音樂理論課程:提供額外的教學內容,或集成已有的音樂理論課程,幫助用戶更好地理解音程的理論知識。
以上是可以考慮的一些想法。你可以根據該應用的規劃隨意選擇,另外你也可以大膽地提出能夠改善用戶體驗和功能的其他意見。
這些想法都很不錯。最終我選擇采納第 6 條建議。
我提問:我們來試試看第 6 個吧,你可以添加這個功能嗎?
GPT-4 回答:
當然可以。下面,我們為你的音程聽力訓練應用添加計時功能。添加這個功能后,用戶就可以在規定時間內識別盡可能多的音程。下面,我將提供實現這個功能的代碼片段。
首先,更新 HTML,添加計時控制:
接下來,更新 JavaScript,處理計時邏輯:
看到了嗎?有經驗的人應該一眼就能看出這段代碼中存在兩個問題:
首先,它想讓我在
其次,它想讓我更新函數 handleIntervalButtonClick(),但實際上這個函數也不存在。
無效技巧 1:闡明需求
這不是什么大問題,我之前也遇到過類似的問題,只需要進一步闡明需求。
然而,與之前不同的是,僅僅闡明需求還不夠。GPT-4 像一個糟糕的工程師,沒有搞清楚整體狀況,就根據我的反饋做出了反應,更可怕的是,它還開始隨意修改一些不需要改動的代碼。
下面舉個例子。我指出了一個問題,它開始嘗試解決,但它的 handleIntervalButtonClick() 引用了一個不存在的變量(isAnswering)和一個不存在的函數(playRandomInterval):
無效技巧 2:提醒代碼
后來,我嘗試了不同的技巧,“提醒”它一些代碼。
可是這并沒有用。而且很奇怪的是,它似乎知道代碼前后要保持一致,但并沒有理解我希望它完成的功能(添加計時功能)。
無效技巧 3:要求它倒退一步
來回折騰了很多遍,它仍未能生成可以運行的代碼,這感覺就好像我在帶實習生一樣,最后我只好要求它倒退一步。
這次終于可以了。給出的反饋是正確的,前面對話中澄清的問題也得到了解決。然后,我再次提醒它一些代碼,希望它能正確理解需求,并編寫出正確的代碼。
可惜失敗了,它生成的代碼和前面一樣都是錯的。
無效技巧 4:開啟一個新的聊天會話
接下來,我嘗試開了一個新的聊天會話。因為我認為,當前的這段聊天太長了,涉及太多上下文,如果它能專注于需求和當前代碼,也許就可以解決問題。
我使用了與兩周前一模一樣的提示,但額外提供了功能、需求和源代碼文件。
不過,情況似乎并沒有改善。我反復嘗試了很多遍,始終沒能得到可以正常運行的代碼。
無效技巧 5:要求它加倍小心
我要求它加倍小心,集中注意力解決它生成的代碼中的一個問題:start() 調用 startTimer(),startTimer() 調用 start(),但依然沒有用。
無效技巧 6:人為介入,重構代碼
在我看來,GPT-4 似乎不“理解” start() 函數。按照最初它編寫代碼的方式,start() 將在用戶開始練習以及用戶點擊“下一個音程”時調用——但它在告訴我如何添加計時功能時,卻假設 start() 只會被調用一次。如果人類程序員不仔細閱讀代碼,可能也會做出這樣的假設。
所以,我嘗試手動重構,可能起一個更好的名字,它就會明白了。
我將 start() 分解成了兩個函數:start() 和一個新函數 nextInterval()。GPT-4似乎很“喜歡”這個名字,因為在之前的反復中它就調用了這個函數。為了盡可能避免混淆,我開啟了一個新的聊天會話,并提供了需求和新代碼。
但依然沒有任何效果。我反復嘗試了幾次,它甚至生成了一個新版本,卻莫名地將 JavaScript 移到了 HTML 中。
我放棄了:如果對方是一個人類,我會認為這個人頭腦不清醒、粗心大意、心不在焉、能力不足,或者四者兼而有之!
初次建立這個項目時,我與 GPT-4 的交互體驗與現在截然不同。是不是因為該模型可以“思考”的代碼量很有限,而我已經觸及上限了?不過至少對人類而言,計時功能與添加其他功能(示例歌曲、統計數據)一樣簡單,甚至更簡單,所以我感覺應該是代碼量的問題。
有用的技巧:要求它給函數寫文檔
經過這件事后,我經常在想:如果代碼中的函數非常清晰且文檔齊全,GPT-4 是否能勝任更高級別的抽象工作,而不需要“思考”每個函數的代碼?如果有明確的文檔說明,它是不是就不會在意那么多細節了?因為人類就是這樣,我們大腦能夠承受的復雜度是有限的,我們也是通過這種方式構建大型系統的。
于是,我做了一些測試,要求它為代碼生成文檔。
它給了我如下帶有文檔說明的函數:
我將這些函數的文檔復制到了源文件中,并在新的聊天中重復了之前的操作,不過 ChatGPT 抱怨我的請求太長,所以我刪除了 CSS 文件。
這次它終于成功地生成了代碼!雖然用戶界面需要完善,但基本要素齊全:你可以選擇是否啟用計時模式,你可以指定秒數,它會顯示一個倒計時,還會在倒計時結束時強制停止練習,并告訴你一共答對了多少道題。
最后一次,ChatGPT 終于生成了可以正常運行的代碼,但原因是什么呢?是因為文檔,還是因為沒有了 CSS,它需要處理的代碼量減少了?為了弄清楚,我進行了一些實驗,最后發現似乎僅刪除 CSS 是不夠的。
我們需要反復嘗試,才能學會如何與這個外星人(ChatGPT)一起工作。我想知道其他人是否也遇到過這類問題,以及它們如何打破這些限制的。
審核編輯 :李倩
-
HTML
+關注
關注
0文章
278瀏覽量
36002 -
代碼
+關注
關注
30文章
4809瀏覽量
68816 -
應用程序
+關注
關注
37文章
3285瀏覽量
57780 -
GPT
+關注
關注
0文章
354瀏覽量
15446
原文標題:兩周時間,我體驗了 GPT-4 從編程‘神器’變成編程‘智障’!
文章出處:【微信號:軟件質量報道,微信公眾號:軟件質量報道】歡迎添加關注!文章轉載請注明出處。
發布評論請先 登錄
相關推薦
評論