基本上只要你有使用過 AI 來開發任何一個產品或者功能，你應該或多或少都聽過 AI 程式碼生成等詞彙。在這裡，我將這種「直接用自然語言來描述功能，由 AI 生成程式碼」的模式，稱為「Vibe Coding (直覺式開發)」。
這幾天維護老舊專案順便把老舊專案升級上去，卻出現一個錯誤訊息「Deprecation Warning [import] Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.」，所以這一篇就順便來記錄一下該如何解決吧。
現在的各種 AI 應用，基本上都跟 Prompt Engineering （提示工程）以及 Context Engineering （上下文工程）息息相關，那這兩者有何者差異以及關係呢？這一篇就來了解這兩個概念有多影響 AI Agent 的運作。
許多開發者都會搭配著 AI 工具（Claude Code、Gemini、Copilot 等）來協助撰寫程式碼，而在 Vue 的單檔元件（Single File Component, SFC）中，常常會遇到一些困擾，所以這邊就來分享一個不同的做法，也就是自訂一個 <spec lang="md"> 標籤，來讓我們能夠在 SFC 中更舒服地使用 AI 工具來開發。
這幾年來 AI 技術發展非常快速，已經到達了連普通人都可以指揮 AI 幫忙做事的地步，尤其是大家所熟悉的 Vibe Coding 就是一個很好的例子，剛好台大的李宏毅老師在 2025 年開辦了一堂生成式 AI 與機器學習課程，就來寫一下這堂課的記錄跟心得吧～
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
系列總覽：30 天鐵人賽完整記錄，從電腦基礎、網路協定、程式語言、前端框架到職涯發展，時間軸與主題分類雙版本，幫助快速學習與查找。
從「嗶」聲到十年：被遊戲點燃、被前端折磨、靠寫文成長、最後和 AI 共舞 —— 一路跌跌撞撞的工程師成長紀錄。
問題不是阻力而是槓桿：每次回覆學生，都在修 CSS 相容、練 JS 輸出、補軟實力與面試力，理想與現實在修羅場裡對齊。
被裁之後我把技能樹點滿：Vue 寫電商、面試被問爆直譯/編譯與框架/函式庫，最後懂了——JS 基礎才是萬用被動技。
會切版就等於會前端？等等別急——從被迫轉職到真香現場：HTML 骨架、CSS 外觀、JS 神經，讓靜態頁面活起來。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ