陳柏岳(Haku Chen)

全部作品

陳柏岳(Haku Chen) · 前端工程師 · 日本東京

擷取於 2026-09

租車預約平台(Car Rental Japan)

2025年10月 – 至今 · 前端主要負責人(設計與環境建置)。

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

  • Next.js
  • TypeScript
  • GitHub Actions
  • Turborepo
  • pnpm workspace
  • Docker
  • +2
擷取於 2026-09

SEO 與頁面速度最佳化

2024年12月 – 2025年6月 · 發起人兼開發者。

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

  • Next.js
  • TypeScript
  • Zustand
Before: EJS pages bundled by Webpack into one bundle. After: React pages built by Vite in multi-app mode into per-page bundlesbeforeEJS pagesWebpackone bundleafterReact pagesVite multi-apppage bundlepage bundlepage bundle

為銜接舊後端而重新設計的建置管線

2023年6月 – 2024年6月 · 副組長:工作分配、開發計畫、初期環境建置、開發支援與帶人。

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

  • React
  • TypeScript
  • Vite
  • Webpack
  • Sass
  • Tailwind CSS
  • +3
A shared design system sits between the Figma library and the code components, and feeds three productsFigma librarycode componentsshareddesign systemproductproductproduct

UI 函式庫與設計系統的建置

2023年1月 – 2024年1月 · Lead:初期環境建置、技術選型、設計方針決定、導入支援。

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

  • TypeScript
  • React
  • Nx
  • Lerna
  • pnpm workspace
  • Rollup
  • +5
擷取於 2026-09

雄獅旅遊機票預約平台

2022年6月 – 2023年6月 · 前端開發。

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

  • TypeScript
  • React
  • Webpack
  • Redux