Guy Chien
vim
- 熟悉 vim 指令並用其開發
- 熟悉使用 vim text object
- 熟悉使用 vim 巨集指令
- 熟悉於 VSCode | WebStorm 設置 Vim Plugin 和快捷加速開發
Pinkoi Inc.
Frontend EngineerPlatform Squad
建立 Web Vitals 監控系統
- 使用 Grafana Prometheus Node 安排 cronjob 定期產出 Web Vitals Report 並且於部署時也會進行打點,因此能夠即時監控網站的 Web Vitals 指標狀況, 在網頁效能發生問題時能夠快速找到問題點。
- 建立後透過動態載入共用模組跟延遲加載有效降低 FCP 1.7s 時間差距
Web Vitals Monitor
建立 Design System
- 讓 Design Token 達成 Single Source Of Truth 並且同時跨語言支持
javascript
css
- Code Gen Design Token Snippets 讓開發上能夠更加快速跟準確
- 撰寫 Custom Eslint Rules 避免開發人員直接使用未規範的色票
- 與 Tailwind CSS | StoryBook 整合
建立 開發環境 CI
- 引入 Cypress 進行全站性 E2E 測試
- 打包 Cypress Image 供 CI 使用,並透過 cypress-parallel 平行化測試, 大幅縮短測試時間
- 讓 Jest 與 Cypress 都產出 JUnit Report 準確回報測試結果
- 在 CI 過程加入 ESLint Job 確保程式碼品質
CI On PR Approved
OpenAPI Types Generate
- 由 backend fast api Generate 出 openapi.json, 透過 openapi schema 產出 TypeScript Type, 達成在前後端串接 api 時介面的一致性,使 api 介面能夠成為 single source of truth
2022 Xmas
2022 Xmas
May. 2022 ~ Present
Revtel Tech
Frontend Engineer
創建並維護公司共用 zsh | vim 環境
- 使開發環境能快速建立於 Darwin | Ubuntu
Revtel | .vim
建立並維護公司共用 vim config,配合
.zsh
能在 darwin ubuntu base 的雲端機器上都能夠快速建置開發環境
開發公司共用電商專案模板及共用模組
- 公司共用 Component Library 提供穩定購物流程 ( 物流、正向金流、發票開立 )
- 公司共用 專案模板 快速建立標配電商及後台
主要參與專案
惇聚 | Tungrp
為
KENZO
|Agete
|Isabel Marant
|self-portrait
|Les Nereides
五家精品品牌代理商,全站包含搜尋、會員、產品列表篩選分頁、社群登入
另有同功能之 React Native App
次要參與專案
法朋 | Leruban
法朋烘焙甜點坊
小和好點 | Dot.Dot. Bakery
小和好點 dot.dot. Bakery Cafe
Nov. 2020 - May. 2022
Titansoft Pte Ltd
Product DeveloperTWTG
部門之星
- 因工作態度優越,榮獲部門之星獎項
部門之星 | Department Star
主要經歷
- 維護數以十計的 .NET MVC 專案
- 獨立開發 CMS,以方便管理系統設定值
- 與五人團隊運行 Scrum
Sep. 2019 - Apr. 2020
Titansoft Pte Ltd
Intern
主要經歷
- 開發公司內部差旅系統
- 維護主要產品 Selenium 撰寫之自動化測試,並確保平行運行在多品牌實機上
Mar. 2019 - Sep. 2020