Avatar of 潘昱嘉.

潘昱嘉

前端工程師
三年經驗前端工程師,樂於整理團隊內部知識並定期分享給工作夥伴,彼此成長進步。 擁有豐富後台開發經驗,能參與需求討論並針對 spec、mockup 提出改善方案,從基本 CRUD 到邏輯複雜的 dashboard、需 drill-down 查詢的報表都得心應手。 具備撰寫 Backend for Frontend 模組的能力,擅長與後端、呈現端開發人員協作,在功能開發初期就確立 API Spec 減少團隊溝通成本。
Logo of Playsee.
Playsee
輔仁大學
台灣新北市

Skills

JavaScript
Node.js
python
React.js
vue.js
RWD網頁設計
Git
Express.js
RESTful API
Docker
Github Actions
Nginx
Jest
Puppeteer
gatsby.js
Ant Design
Next.js
Google Cloud Platform
Material UI

Languages

English
Intermediate
Chinese
Native or Bilingual
Japanese
Beginner

Work experiences

Logo of Playsee.

Frontend Engineer

Playsee
Full-time

Nov 2021 ~ Feb 2022
4 mos
New Taipei City, Taiwan
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。

Software Engineer

天旭國際科技有限公司

Jun 2019 ~ May 2021
2 yrs 0 mos
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 知識。

Educations

輔仁大學

Bachelor’s Degree
資訊工程學系

2014 - 2018
Activities and societies
搖滾音樂研究社
Powered By CakeResume