是 Ray 不是 Array

歸檔

共 996 篇文章,繼續加油!

2026
AI Claude Code MCP

比 MCP 更省 Token 的 Agent Skills - 用 Claude Code 示範

只要你使用過 Claude Code、Gemini、Codex 這些 AI 開發工具的話,那相信你肯定有用過 MCP(Model Context Protocol,模型上下文協定),但本身這些 AI 工具有所謂的 Context 上限,只要使用了 MCP 後,就很容易超出 Context 上限,導致模型無法正常運作,所以這一篇就來聊一下同樣為 Anthropic 所釋出的 Agent Skills,並且用 Claude Code 示範如何使用。

2026-01-20 12 分鐘閱讀
閱讀全文
Node.js Frontend Workflow

真是受夠開多個終端機執行多個指令了!來用 concurrently 吧

隨著手上負責的專案越來越多,我也開始需要同時開啟多個終端機視窗來執行不同的指令,例如前端專案的開發伺服器、後端 API 伺服器、資料庫服務等等。每次都要手動開啟多個終端機視窗並輸入指令,實在是非常麻煩且浪費時間,所以這一篇來介紹一下 concurrently 這個工具。

2026-01-13 4 分鐘閱讀
閱讀全文
2025
JavaScript jQuery 前端框架

一個時代的王者 jQuery,為什麼沒落了?

前陣子有人問了我一下,為什麼業界都比較多推薦使用 Vue、React、Angular 這些前端框架,而不是 jQuery 了?而他實際工作上還是會使用 jQuery,所以他很好奇這個現象背後的原因是什麼?於是我就寫了這篇文章來聊聊這個話題。

2025-12-08 8 分鐘閱讀
閱讀全文
JavaScript ES6 Generator Functions

什麼是 JavaScript 的 Generator Functions (function*)?

function* 是一個比較少人使用但卻非常強大的語法,它允許我們定義一種特殊的函式,稱為「生成器函式」(Generator Function),所以這一篇就要來介紹什麼是 Generator Functions 以及它們的用途。

2025-12-05 5 分鐘閱讀
閱讀全文

整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ

Advertisement
Vue Nuxt 專案架構

思考 Vue/Nuxt 專案架構:如何選擇適合團隊的目錄結構?

一個專案的目錄結構其實非常的重要,為什麼呢?對於你管理與維護專案來說,良好的結構可以讓你知道什麼東西該放哪、什麼東西該怎麼找,接著搭配 README.md 文件的說明,就可以有效讓其他開發者快速上手你的專案,這也是變相管制程式碼品質的一種方式。

2025-12-04 9 分鐘閱讀
閱讀全文
AI Vibe Coding BDD

淺談 AI Vibe Coding 當今主流的 BDD 與 SDD

基本上只要你有使用過 AI 來開發任何一個產品或者功能,你應該或多或少都聽過 AI 程式碼生成等詞彙。在這裡,我將這種「直接用自然語言來描述功能,由 AI 生成程式碼」的模式,稱為「Vibe Coding (直覺式開發)」。

2025-12-02 12 分鐘閱讀
閱讀全文
SCSS Sass Dart Sass

SCSS 棄用 @import?!

這幾天維護老舊專案順便把老舊專案升級上去,卻出現一個錯誤訊息「Deprecation Warning [import] Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.」,所以這一篇就順便來記錄一下該如何解決吧。

2025-11-23 5 分鐘閱讀
閱讀全文
AI 開發 Vue SFC

用 <spec lang="md"> 標籤在 Vue 中舒服的使用 SFC 搭配 AI 開發

許多開發者都會搭配著 AI 工具(Claude Code、Gemini、Copilot 等)來協助撰寫程式碼,而在 Vue 的單檔元件(Single File Component, SFC)中,常常會遇到一些困擾,所以這邊就來分享一個不同的做法,也就是自訂一個 &lt;spec lang="md"&gt; 標籤,來讓我們能夠在 SFC 中更舒服地使用 AI 工具來開發。

2025-11-06 6 分鐘閱讀
閱讀全文

整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ

Advertisement

© 2026 Ray. All rights reserved.

Powered by Ray Theme