//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

三年經驗前端工程師，樂於整理團隊內部知識並定期分享給工作夥伴，彼此成長進步。

擁有豐富後台開發經驗，能參與需求討論並針對 spec、mockup 提出改善方案，從基本 CRUD 到邏輯複雜的 dashboard、需 drill-down 查詢的報表都得心應手。

具備撰寫 Backend for Frontend 模組的能力，擅長與後端、呈現端開發人員協作，在功能開發初期就確立 API Spec 減少團隊溝通成本。

輔仁大學

前端工程師

潘昱嘉

Playsee

Frontend Engineer

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 知識。

潘昱嘉’s posts