隨著手上負責的專案越來越多，我也開始需要同時開啟多個終端機視窗來執行不同的指令，例如前端專案的開發伺服器、後端 API 伺服器、資料庫服務等等。每次都要手動開啟多個終端機視窗並輸入指令，實在是非常麻煩且浪費時間，所以這一篇來介紹一下 concurrently 這個工具。
前陣子有人問了我一下，為什麼業界都比較多推薦使用 Vue、React、Angular 這些前端框架，而不是 jQuery 了？而他實際工作上還是會使用 jQuery，所以他很好奇這個現象背後的原因是什麼？於是我就寫了這篇文章來聊聊這個話題。
function* 是一個比較少人使用但卻非常強大的語法，它允許我們定義一種特殊的函式，稱為「生成器函式」（Generator Function），所以這一篇就要來介紹什麼是 Generator Functions 以及它們的用途。
一個專案的目錄結構其實非常的重要，為什麼呢？對於你管理與維護專案來說，良好的結構可以讓你知道什麼東西該放哪、什麼東西該怎麼找，接著搭配 README.md 文件的說明，就可以有效讓其他開發者快速上手你的專案，這也是變相管制程式碼品質的一種方式。
基本上只要你有使用過 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 與機器學習課程，就來寫一下這堂課的記錄跟心得吧～
系列總覽：30 天鐵人賽完整記錄，從電腦基礎、網路協定、程式語言、前端框架到職涯發展，時間軸與主題分類雙版本，幫助快速學習與查找。