Hector Chiang
Front End Developer • Taipei，TW • [email protected]
「生命是長期而持續的累積，堅信著技術也是。」
－ 工作經驗 －
inwinSTACK_Nilvana™, Front End Develop, August 2020 ~ February 2022
公司的主力產品，與另一位同仁一起負責前端部分。使用 Vue3 + Pinia 進行開發，其中包括非常多重要功能：
1. 圖片標註功能：使用 Canvas 技術開發圖片標註功能，並支持多人協作。
2. 訓練即時監測：接收後端資料並封裝圖表套件且高度客製化用以即時呈現模型訓練狀況。
3. 共用函示封裝：由於大量業務需求所以封裝了許多共用功能，經估算節省了 20% 的開發時間。
4. Typescript 導入：由於是大型專案並決定導入 Type 系統管理資料，不管是前後端共同約定的 Data Schema，也讓前端資料流更為清晰，更甚者是 VSCode 的自動完成等等。
因為熟悉 Typescript 所以導入此專案除了初期建制外，有效減少了開發時間。
Nilvana™ Members公司的主要產品之一，可以滿足不同任務需求並提供使用者所需要的 AI 軟體，同時也搭載了熱門的 AI 框架。 其中的主控面板 Dejavu 前端是由我獨自開發，因設計需求所以畫面操作較為複雜，實作上有到了許多困難，但所幸後續參考了許多優秀的網站也獲得了解決。
此產品中包含了許多應用，其中使用到了許多框架與套件，包括 Vue.js /React 。
使用者購買產品之後註冊保固的會員網站。前端部分由我負責開發，其中使用 Vue.js /GSAP 進行實作，包括 RWD。此專案也運用精巧的過場動畫來提昇整體使用者體驗。
潔客幫 Jackercleaning, Front End Develop, May 2019 ~ July 2020
潔客幫預約系統
潔客幫後台系統- 在此專案中主要負責設計複用性高的架構設計。因應行銷方案可能高頻修改而導致開發上的困難，採用前端路由控制結帳方案系統。開發完成之後剛好有幾次的行銷方案大修改，在彈性的架構下很好地解藕了各種行銷方案顯示邏輯的複雜性，並且為團隊帶來了效率的大幅增加。
- 專案中採 Element UI 組件庫開發。專案分為舊版維護與新版開發，舊版為 blade 架構，因應新需求與更友善的開發體驗也開發了前後端完全分離的架構，並採用了 page by page 的重構方式。重構之後有效提升營運夥伴們的工作效率。
潔客幫 Jackercleaning, Front End Intern , Feb 2018 ~ Nov 2018
主要負責新頁切版、使用 Vue.js / Vuex 、與後端夥伴合作串接以及協助正職前端測試。
HTML/CSS
- HTML5
- Styled-Component
Javascript
- 3 年 Vue.js (Vue2/vue3) 開發經驗，相套件全家桶均熟悉
- Typescript 熟悉
- 圖表串接 (Echart, Apexchart) 熟悉
- 1 年 React 開發經驗
- Webpack 開發經驗
- Canvas 開發經驗 (Fabric.js)
- Electron 開發經驗
- E2E/Unit Testing (Cypress, Jest)
- WebGL (Three.js)
Others
- Express 開發經驗
- Python 開發經驗
- Docker 使用經驗
- Git / Git flow
- GitLab CI
- Scrum
Nilvana™ Vision Studio
Nilvana™ Dejavu
Nilvana™ Face Enrollment
潔客幫預約系統
