Docubank
2024.01 – 至今
技術長 (CTO)
身兼交付工程與品質工程角色:從客戶端的 POC、客製 Demo、合規落地，到產品的官網、測試與部署，善用 AI 工具快速把需求變成可展示、可銷售的成果
- 主導企業 POC 與客製化銷售 Demo，為臨床營養、連鎖健身等產業建立專屬測試資料集與合規檢查評分準則
- 負責經濟部雲市集工業館 AI 工具庫送件，撰寫產品與技術文件並通過技術審查入選
- 獨立開發產品官網 (Next.js 15 + React 19 + Tailwind CSS v4)，導入 AI 時代 SEO (llms.txt、JSON-LD)
- 以 AI 輔助開發快速交付功能與文件——例如建置 OCR 完成後自動觸發的事件驅動結構化命名 pipeline
- 建置端到端 (E2E) 測試框架 (Playwright)，涵蓋 RBAC 權限矩陣、跨部門資料隔離與多通道通知驗證，提升交付穩定性
- 規劃並建置公司內部 Demo 與部署環境:Caddy、Docker Compose，並強化通知系統 (SSE) 可靠性
- 帶領 3 人後端工程團隊，主導技術招募與跨職能協作
- 研究並建立多情境 COGS 與定價試算模型 (雲端／地端、多級 LLM 成本)，作為訂閱定價決策依據
Rytass
2023.07 – 2024.01
Senior Front-End Developer
負責國家電影及視聽文化中心 (TFAI) ERP 系統之前端開發
- 以 XState 建構內部與外部使用者的登入／註冊狀態機，並實作 reCAPTCHA 驗證
- 開發活動場地租借模組:外租申請列表、內外租檢視月曆、場地查詢與申請、內租代客預約
- 開發繳費管理模組:待核閱清單、異動訂單，並建立「未付款／已付款」訂單取消流程
- 開發設備管理與多項文件報表匯出功能 (OT 表單、影廳放映節目清單、活動流程表等)
- 主動盤點程式碼問題並分類處理:區分可即時修正的 bug 與需另開票追蹤的技術債，並撰寫「新增訂單流程」文件供團隊沿用
Branch8
2018.10 – 2023.01
Senior Software Engineer
負責公司核心產品 (Layoutbase、Cowsquare、Cowsquare Design) 與多個客戶專案 (KEF CMS、KB Land、Von Travel、HKDU) 之前後端開發
- 主導制定團隊 Code Style 與 Naming Conventions，主持技術會議並產出技術文件
- 建立 RD onboarding 文件與流程，縮短新人熟悉產品與架構的時間
- 參與 RD／Designer／PM 面試流程，設計面試題目與作業檢核標準
- 輪值 Sprint Master，主導會議進行與緊急開發問題處理
- 維運 CI／CD 流程:GitHub Actions 自動化部署至 Netlify／Heroku (測試站) 與 AWS + PM2 (正式站)
Layoutbase (Shopify Plug-in 頁面編輯器)
React／TypeScript／GraphQL／Apollo／XState／Chakra UI／Prisma／PostgreSQL／AWS
- 負責前後端功能開發、API 設計與上線部署
- 基於 Chakra UI 建立公司 UI Library，與設計師共同制定 theme 規範與響應式斷點系統
- 以 react-dnd 實作拖放編輯功能，並以 Tiptap 打造客製化文字編輯器，解決跨瀏覽器相容問題
- 以 XState 實作排程發佈系統，支援頁面內容於指定時間自動更換
- 以 AWS Lambda + Google Chat Webhook 建立 App 安裝／移除即時通知機制
Cowsquare (中小企業客製化 CRM)
React／Hasura／GraphQL／Ant Design／XState／Cypress／SendGrid
- 主導大規模樣式重構，將 Material-UI 全面替換為 Ant Design
- 以 XState 視覺化管理頁面狀態，提升團隊對複雜邏輯的理解效率
- 以 Cypress 建立整合測試，涵蓋登入登出、表單驗證與畫面驗證
- 透過 SendGrid + Serverless 實作會員邀請信系統
其他專案
- KEF CMS:以 GrapesJS 建立拖拉式網頁編輯器，串接 Shopify API
- HKDU (香港西醫工會):實作 Single Sign-On 與 Stripe 金流串接
- KB Land／Von Travel:多國語系、RWD 頁面與 API 串接
PIXNET 痞客邦
2015.07 – 2018.07
Senior Front-End Web Developer
負責 PIXNET 首頁、PIXgoods、PIXstyleMe 之開發與維護，並擔任兩位新人 mentor
效能優化 (以 Grafana 監控數據驗證)
- 升級 React 至 v16，降低 32% bundle 檔案大小 (gzip 後 30%)
- 移除 Redux Form，減少約 116 KB JS 檔案，明顯改善 First Visual Change 與 Speed Index
- 移除圖片 Base64 encoding，main.css 從 303 KB 降至 126 KB (減少逾 50%)，DOMContentLoaded 減少 31ms、Page Load 降低 0.25s
- 優化 PageSpeed 分數:PIXgoods 商品列表頁 74 → 88 分、單品頁 80 → 88 分
技術導入
- 建立 PIXNET 首個前後端分離專案 (PIXstyleMe)
- 導入 React、Styled Components、PWA、Storybook、redux-observable (RxJS) 等技術棧
- 參考 Airbnb 規範制定團隊 React Style Guide，並以 ESLint 統一程式碼品質
- 導入 GTM 整合 GA 與 Facebook Pixel，讓 PM 可自行完成基本追蹤設定
團隊貢獻
- 擔任兩位新人 mentor，制定學習文件與實務任務，加速新人融入團隊
- 協助 Front-End Developers Taiwan 社群於 PIXNET 舉辦聚會，為公司爭取徵才曝光機會
AZUL design
2011.07 – 2013.06
Interactive Design Engineer
- 開發 Android Native App (Java) 與智慧電視介面 (ActionScript)
- 串接 Google Maps API 實作地圖功能
