是 Ray 不是 Array

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

這幾年來 AI 技術發展非常快速，已經到達了連普通人都可以指揮 AI 幫忙做事的地步，尤其是大家所熟悉的 Vibe Coding 就是一個很好的例子，剛好台大的李宏毅老師在 2025 年開辦了一堂生成式 AI 與機器學習課程，就來寫一下這堂課的記錄跟心得吧～

系列總覽：30 天鐵人賽完整記錄，從電腦基礎、網路協定、程式語言、前端框架到職涯發展，時間軸與主題分類雙版本，幫助快速學習與查找。

從「嗶」聲到十年：被遊戲點燃、被前端折磨、靠寫文成長、最後和 AI 共舞 —— 一路跌跌撞撞的工程師成長紀錄。

問題不是阻力而是槓桿：每次回覆學生，都在修 CSS 相容、練 JS 輸出、補軟實力與面試力，理想與現實在修羅場裡對齊。

被裁之後我把技能樹點滿：Vue 寫電商、面試被問爆直譯/編譯與框架/函式庫，最後懂了——JS 基礎才是萬用被動技。

會切版就等於會前端？等等別急——從被迫轉職到真香現場：HTML 骨架、CSS 外觀、JS 神經，讓靜態頁面活起來。

莫名被指派切版的生存筆記：用故事帶你補齊 HTML 語意與結構、空元素與自閉合差異，並掌握 CSS 佈局與響應式核心，避開初學者最容易忽略的相容性地雷。

專題發表看似順利，回頭一檢卻是蜂巢滿洞：從老師提醒到實際踩雷，談 WannaCry、備份策略、SQL 注入與欄位長度 DoS 的血淚教訓。

「PHP？蛤？一隻大象？」從 C 陣亡到 PHP 成就感回歸：嵌 HTML、連資料庫、即時出畫面，原來 Web App 這麼上癮。