七年了。2018 年開始寫這個部落格，今天寫第七篇年終總結。

2024 的前端技術景觀

框架層沒有革命，但有持續進化：

React 19：Actions API 成熟，Server Components 落地
Vue 3.4/3.5：defineModel、useTemplateRef 等 DX 改進
Next.js 15：Turbopack 預設，React 19 支援
Nuxt 3：穩定、生產可用
Astro 4：內容網站的最佳選擇

工具鏈有顯著改進：

Biome：Rust 工具鏈，速度革命
Tailwind CSS 4 Beta：Oxide 引擎，配置遷移到 CSS
TypeScript 5.x：裝飾器正式標準，NoInfer 等
Vite 5：持續最佳化，Rolldown（Rust 重寫）在路上

最大的變化是 AI：

GitHub Copilot：程式碼補全成熟，Copilot Chat 可用
Claude 3.5 Sonnet：複雜問題分析的首選
Cursor IDE：AI 原生編輯器，越來越多人遷移
v0.dev：UI 原型生成

我自己的 2024

工作上，今年主要做了兩件事：

一是推動團隊的工具鏈升級。帶著團隊從 ESLint + Prettier 遷移到 Biome（格式化部分），把 CI lint 時間從 45s 降到了 5s。這個專案讓我意識到，工程師的價值不只是寫新功能，也包括降低團隊的"摩擦成本"。

二是建立前端設計規範。和設計師合作，從 Figma 變數到程式碼 CSS 變數，建立了一套真正能同步的設計 token 系統。這個過程比我想象的難，不是技術難，是溝通難。

個人學習上，今年學了很多 AI 工具相關的內容。不是"怎麼用 ChatGPT"，而是"怎麼把 AI 工具整合進工作流"。這個思路轉變讓我的效率提升了不少。

AI 工具讓我重新思考的事

當 AI 能快速生成樣板程式碼，什麼能力變得更重要？

更重要的：
- 系統設計和架構判斷
- 需求分析和問題定義
- Code Review 和程式碼質量把關
- 跨團隊溝通和協作
- 安全意識和風險評估

不那麼重要的：
- 記住 API 引數
- 寫樣板程式碼
- 查文件

感覺自己的角色在向"工程決策者"方向移動，而不只是"程式碼實現者"。這既讓我興奮，也讓我有點焦慮。

2025 展望

技術層面：

React 19 正式版釋出（很快了）
Tailwind CSS 4 正式版
Vite 的 Rolldown 進展
TypeScript 6.0 可能
Web Components 繼續復甦？

我個人想做的：

- 深入學習系統設計（不只是前端）
- 貢獻一個開源專案（而不只是提 issue）
- 寫更多關於工程化和團隊協作的文章
- 減少對新框架的追逐，深化對基礎的理解

給 2024 年的自己打個分

• 技術成長：7/10（AI 工具整合做得不錯，但基礎知識深化不夠）
• 工程影響：8/10（工具鏈升級和設計規範是有影響力的事）
• 寫作：6/10（文章數量比往年少，質量還行）
• 工作生活平衡：7/10（還可以，但還有提升空間）

最後

七年了，前端還在快速變化，我也在跟著變。有時候覺得累，有時候覺得興奮。但總體來說，我很慶幸選擇了這個領域——它讓我一直有東西可以學，一直有理由寫東西。

明年見。

---

本文寫於 2024 年 12 月 30 日，2018-2024 七年前端。