陳柏岳（Haku Chen）

前端工程師

獨立負責 Life Media Tech 領域主要產品的前端開發，包含新幹線車票、高速巴士與租車平台；其中新幹線與租車平台是從零開始建置。

• 因應負責產品在架構與後端整合上的差異，重新設計並調整了組織既有的 monorepo 策略與 CI/CD 流程。
• 維護並現代化既有的高速巴士平台，主動提出架構重構方案，處理長期累積的技術債。
• 針對性的最佳化讓新幹線平台的行動端效能分數從 36 提升到 85。
• 帶兩位轉職的新進工程師，從基礎訓練到能獨立貢獻專案；目前同時督導他們在三個並行專案中的工作分解、技術方向與 PM 協調。
• 在每週的 PM 對齊會議中擔任主要技術顧問，評估可行性、影響與優先序，把模糊的產品需求轉成可執行的範圍。
• 設計了利用排程 AI 流程的自動化管線，透過差異比對偵測程式碼變動，自動更新文件與測試覆蓋；同樣的模式也套用到定期的資安稽核報告。

前端工程師

在前端基礎建設團隊中，發現效能最佳化這塊一直沒有人處理，於是主動發起。與一位後端工程師和一位 PM 密切合作，評估 Web Vitals 數據、定義可執行的改善項目並排定優先序。

• 主導 SEO 與頁面速度的最佳化，FCP/LCP 縮短 4 到 10 秒，並改善了 SEO 的索引涵蓋率。
• 重寫了舊有的聯盟夥伴 SDK 函式庫，並自行決定順便遷移到 TypeScript，解決了聯盟 ID 追蹤與轉換歸因的不一致問題。
• 在 React Native、Next.js、React 三個程式碼庫上實作會員認證流程的最佳化，新註冊轉換率提升 0.13%。

前端工程師／副組長

擔任面向消費者的網頁產品的前端負責人，負責技術選型、可擴充的前端架構設計，以及帶領工程團隊。

• 入職一年內升任副組長，橫跨四個產品團隊（每組由一位組長帶 1 到 2 位工程師）督導技術決策與跨團隊協調。
• 接手技術面試流程，負責評估候選人與工程團隊的技術契合度。
• 主導建立公司第一套跨專案的設計系統，統一了設計與工程團隊在 UI/UX 上的協作方式。
• 主導把舊系統從 jQuery 現代化到 React，改善了多個事業領域的可維護性與開發體驗。

在 monorepo 環境中自動化效能監控，避免部署時品質倒退。

把正式發佈時的效能檢查完全自動化，讓非預期的分數下滑在上線前就被攔下。

我負責的階段：

需求定義 / 環境建置 / 設計 / 導入與維運

團隊組成：

1 人，屬全公司的基礎建設改善。 CI/CD 環境建置與開發體驗改善。

技術環境：

Next.js / TypeScript / GitHub Actions / Turborepo / pnpm workspace

新事業線的開發，需要整合多家租車業者格式不一的 API，並從零建立可擴充的交付基礎。

2026 年 1 月上線，首月即達成獲利，並建立了易於維護的開發基礎。目前仍在持續開發。

我負責的階段：

技術選型 / 需求定義 / 設計 / 實作 / CI/CD 建置

團隊組成：

4 人（前端 1、後端 1、PM 2）。 前端主要負責人（設計與環境建置）。

技術環境：

Next.js / TypeScript / GitHub Actions / Turborepo / pnpm workspace / Docker / Nginx / BFF

為了提升主要產品的搜尋排名與使用者體驗，針對前端顯示速度所做的最佳化。

行動端的效能分數從 36 提升到 85 以上。

我負責的階段：

成效驗證 / 需求定義 / 實作

團隊組成：

2 人（前端 1、PM 1）。 前端負責人，效能改善的主導者。

技術環境：

Next.js / TypeScript

為了減少廣告預算並提高自然流量而自己發起的專案，研究 Core Web Vitals，特別針對 FCP 做最佳化。

FCP/LCP 縮短 4 到 10 秒，SEO 索引涵蓋率提升。

我負責的階段：

成效驗證 / 需求定義 / 實作

團隊組成：

1 人，團隊成員。 發起人兼開發者。

技術環境：

Next.js / TypeScript / Zustand

把 EJS 樣板的舊頁面逐頁遷移到 React 多頁架構——原本前端只負責 UI 與互動，資料綁定由 .NET 後端掌管。

釐清了前後端的責任分界，提升了可維護性與建置效能。

我負責的階段：

設計 / 實作 / 指導與支援

團隊組成：

9 人，我擔任副組長。 副組長：工作分配、開發計畫、初期環境建置、開發支援與帶人。

技術環境：

React / TypeScript / Vite / Webpack / Sass / Tailwind CSS / React Query / Zustand / React Hook Form

公司第一套跨專案的設計系統，目的是統一多個產品的樣式與 UI，並讓設計團隊有一份共用的元件庫。

設計團隊能使用共用的 Figma 元件庫，前端團隊實作對應的元件，在維持 UI/UX 一致性的同時大幅減少了重複的程式碼。這套函式庫在我離職前已用於正式專案，其他成員也持續擴充。

我負責的階段：

環境建置 / 技術選型 / 設計 / 實作 / 指導與支援

團隊組成：

3 人，我擔任 lead。 Lead：初期環境建置、技術選型、設計方針決定、導入支援。

技術環境：

TypeScript / React / Nx / Lerna / pnpm workspace / Rollup / Jest / Cypress / ESLint / Tailwind CSS / Storybook

同時維護 React 與舊有 jQuery 兩套程式碼，並建立兩邊都能用的共用模組。

改善了 React 專案的功能，明顯提升訂票體驗。

我負責的階段：

實作

團隊組成：

1 人，團隊成員。 前端開發。

技術環境：

TypeScript / React / Webpack / Redux