前端開發
含有「前端開發」共 85 篇內容
全部內容
發佈日期由新至舊
這篇文章分享了作者使用GPT-5開發塔防遊戲的經驗，從一句話生成遊戲到逐步優化畫面、加入裝備系統，以及過程中遇到的錯誤和解決方法。作者強調AI開發的迭代過程和關鍵字的重要性，並分享了應對AI理解偏差和重複錯誤的技巧。文章也提及了AI在遊戲開發中的優缺點，以及如何更好地利用AI進行遊戲原型設計。
本文介紹如何利用 Cursor 這個整合 AI 助理的 VSCode 分支版本，自動化處理程式碼檔案修改後的註解新增。步驟包含進入 Git 操作模式、列出修改過的檔案，以及指令 AI 在每個檔案上方註解區塊添加修改日期與作者資訊。此方法有效提升效率，避免手動處理的繁瑣和錯誤。
一位不懂AI卻強迫員工使用AI工具的主管，引發作者反思AI工具的正確使用方式與主管的學習態度。文章以自身經驗出發，探討AI工具應以解決問題為導向，而非盲目跟風，並呼籲主管應以開放的心態與團隊共同學習成長。
每個學習網頁開發的人一定會聽過 HTML、CSS、Javascript ，但這些到底是什麼? 在我學習前端技術的前期，經常搞不懂這三者的關聯，陷入一個「我知道這三個名詞，但不知道用來做啥」的窘境，因此今天用簡單的方式分享這三個常見的名詞~
在 React 中，狀態管理是構建複雜應用的重要一環，其中 useContext 與 Redux 都提供了解決方案，但它們各有優缺點和適用場景。
有鑑於Redux以英文教學為主，網上中文的教學不多，初學者會遇到一些困難，所以本章節希望以一篇文章帶領你快速入門Redux，透過實作的方式上手這個技能!
每年一次的 State of JS 問卷調查，不只是觀察前端技術趨勢的工具，更是檢視自身技能與學習方向的絕佳機會。透過這份調查，你可以了解前端生態的變化，確保自己沒有錯過重要資訊，並規劃未來的學習路線。
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
對沒有程式背景的學生，學習 JavaScript 可能是跨入前端的第一道關卡。但若妥善運用 AI 工具，就能有效的提高學習效率，避免不斷地卡關而最後選擇放棄。
以下介紹三個實用情境，能幫助我們在學習中事半功倍。
這邊使用 ChatGPT 的 Canvas 功能，免費用戶也可以直接使用。
同樣的作
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異，並以 React 中 JSX 的應用為例，說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解，並提供相關參考資料連結。
