3D 五子棋

這是我和ChatGPT首次合作的專案,也是投入時間最多的一次,歷時約兩個月。整個網頁的程式邏輯大多由我親自撰寫,ChatGPT則主要負責解答問題、重構程式碼、協助除錯,以及教導與實作遊戲AI核心演算法──AlphaBeta剪枝演算法。儘管ChatGPT幾乎不存在語法錯誤,但這並不意味著使用者可以完全不懂程式語言。我仍需理解它所提供的程式碼,辨別是否存在邏輯錯誤,並透過適當的提示詞來糾正其邏輯表達。此外,網頁文稿皆由我撰寫初稿,再交由ChatGPT進行潤飾。

總結來說,這個專案非單靠我個人的程式能力即可執行。透過與ChatGPT的合作,才能成功地完成。此外,參考其程式碼使我的程式設計技能有了顯著進步,程式碼更加精簡易讀。同時,我也學習到與演算法相關的知識,以及設計和撰寫程式碼的測試與除錯技巧。正如利用槓桿原理舉起平日無法扛起的重物一樣,AI就如同槓桿,若善加利用,則能解決單靠個人能力難以負荷的問題。

相似藥材辨識

因緣際會之下,在基金會工讀。從事官方網站維護的相關事宜,因工作需求而自學前端相關技術。最早使用Wordpress的圖形化介面製作與維護官網頁面,後來因圖形化介面已無法滿足日漸複雜的需求,故開始學習html與css。使用html與css撰寫頁面後,沒有響應式(RWD)設計的問題就隨之浮現。故又開始學習響應式設計,並以此機緣接觸Bootstrap框架。

回想起以前曾用心做過的各種講義,若將之網頁化並放到網站,一方面磨練自己的前端能力,二方面創造講義的額外價值。此等事半功倍之事,豈不美哉!於是有了現在的這個網站。

計時儀表板

這是我開始學JavaScript後的第一個專案。最初應用 setInterval() 方法撰寫計時器,接著延伸為馬表與倒數計時器。然後為了解決 JavaScript 單執行緒造成無法在背景執行 setInterval() 的問題,故又引入 Worker() 設計。在版面設計的部分,用 grid 取代 flex 實作 RWD 功能,令 HTML 的結構大幅簡化。最後,引入深色主題設計,能自動檢測使用者目前主題偏好,在初次載入即直接套用。

計時儀表板的開發目的是為了滿足當時全職學習藏文的需求,無論是各種科目的學習時間統整,或是番茄鐘學習法的應用,都能夠整合在單一網頁中,使效率提升不少,可謂是一個需求導向的專案作品。

即將推出

即將推出

返回頂端