專案開發 - 開發與維護 TextileCloud™ SaaS 平台 (Vue + Pinia + Vue Router)。 - 開發 3D Viewer，模擬數位布料套用在不同 3D model 上的呈現 (Three.js + U3M + Blender)。 - 開發換色演算法，讓 User 在 3D Viewer 中指定布料 Pantone 色碼進行換色。 - 開發布料掃描圖的透視變形裁切工具，並解決圖片 Moiré Pattern 和效能瓶頸（Konva + OpenCV + Web Worker）。 - 開發 Online Spreadsheet，讓平台支援批量編輯資料 (AG Grid + Zod)。 導入技術 - 導入 Typescript，提升專案可維護性、可讀性。 - 用 Pinia 取代 Vuex 進行狀態管理，減少 boilerplate code 的同時，也能複用既有 Composables。 - 導入 Zod 和 VeeValidate 進行資料驗證，使所有 UI 表單基於 domain 邏輯運作。 - 使用 Vitest 進行 Unit Test 並整合 CI/CD，確保各環境程式碼品質。 - 使用 Playwright 進行非同步跨瀏覽器的 E2E Testing。 - 和 UI/UX Designer 討論後，產品部分採用 Optimistic UI，強化使用者體驗。 交付流程貢獻 - 考量團隊步調和交付習慣後導入 Trunk Based Development Flow，增加產品交付的靈活性、穩定性。 - 根據 Trunk Based Development 建置內部測試環境的 CI/CD。 - 與 3D Desinger 共同確立 glTF 檔案格式交付標準：在 Blender 所見即產品所見，降低溝通成本。 優化前後端制定、介接 API 流程 - 將原單一 Swagger yaml 根據 domain 進行檔案切分，降地溝通、撰寫的心智成本。 - Swagger Repo 整合 CI/CD，阻擋含有語法錯誤的 Merge Request。 - 使用 OpenAPI Generator 自動產生 Typescript API SDK，避免手動定義型別、手動撰寫 API 介接。

Review Video System - 開發 Single Page Application (Material UI + React + XState + RxJS + React Router)。 - 提供 UI 讓 User 審核後端 AI Server 預測影片特徵的準確性，並將校正後的結果回給 AI Server 進行學習。 - 使用 Fabric.js 針對影片中出現的特徵進行 AI Labeling。 - 使用網頁 Canvas 針對圖片和影片進行封面擷取，並且利用 Google Cloud Storage 管理影片、圖片等靜態檔案的上傳和下載。 - 使用 Google App Engine 進行應用部署、rollback。 - 導入 Storybook，使用元件驅動開發，方便手動模擬各種情境進行除錯，並提升開發效率。 - 導入 Typescript 型別，強化程式碼可讀性、可維護性。 - 新增 Jest 單元測試，提升產品交付品質。 網站前台 - 使用 Next.js 進行開發，處理 Server Side Rendering 和 Static Site Generator。 - 進行 performance 優化，提高 Web Vitals 中 Largest Contentful Paint 和 Cumulative Layout Shift 分數。 團隊貢獻 - 導入 Trunk Based Development Flow，增加產品交付的靈活性、穩定性。 - 維護 Gitlab CI Pipeline，及時排除故障以及進行效能優化。 - 導入 Notion，建立前端的文件、知識系統。 - 與 team leader 一同導入 Kanban Board（使用 Asana），針對前端開發進度進行管理。 - 每週五固定回顧進度，並且分享公司內部 domain、新潮程式技術。 - 協助一位 rookie onboard，講解專案概況、使用技術以及合作流程。 - 協助一位 rookie 建立測試觀念，並且進行 code review。

Frontend - 開發後台 UI（React + Redux + Redux Saga + React Router）。 - 開發 API 介接方使用的 Javascript SDK（API Client、UI Widget）。 - 開發產品 Example UI（React + Redux + Redux Saga + React Router），對外展示產品 API 火力並作為手動除錯工具。 Backend - 維護對外 API 接口（.NET Core）和文件。 - 與 back-end developer 確立 gRPC 接口、UI front-end developer 確立 API spec 後開發後台 Backend for Frontend 模組（.NET Core + Swagger + gRPC + Kafka）。 - 與 SRE 團隊合作開發 Maintenance（Express + SQLite）模組，透過後台生成產品維護公告。 CI/CD - 與 SRE 溝通後將新專案容器化（Docker）。 - 在 SRE 協助下進行測試環境的建制、部署及測試。 Testing - 撰寫產品 E2E 驗收測試（Puppeteer + Cucumber），確保產品在測試、正式環境部署後功能符合預期，並產生能快速定位問題的測試報表。 - 維護 on-duty 測試（Puppeteer + Cucumber），排程執行確保產品上線後的可用性。 Team Support - 協助其他成員開發、維護團隊內部工具及共用 library。 - 協助 4 位新人熟悉團隊協作流程，每週固定分享技術、domain 知識。