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

Hi, 我是 Pitt, 一位前端工程師。

目前為一家遊戲公司進行遠端工作，相關工作內容包含，資安流程重構(OTP 驗證), Webauthn(生物辨識註冊登入)，多色系 Theme 導入，GA 追蹤碼埋設與靜態頁面內容自動化，實時整合服務(WebSocket)。主要採用的 JS 框架為 Vue.js 相關生態系，近年的開發經驗同時也含括了 TypeScript。

業餘之時，希望盡可能拓展自己的認知邊界，嘗試和夥伴合作研究後端技術，雖然是較為粗淺的 CRUD 功能，但也透過 Node.js(Express) 和 MongoDB 實作了三方登入(Google)與三方金流(Line Pay)。

東吳大學

Frontend Engineer

PittWu

在職中不便透露

台灣台北市

## 採用技術：
Vue3(Pinia, JSX), TypeScript(TSX), TailwindCSS, Element Plus, Node.js, PWA, WebSocket, Webauthn

## 功能開發：
- 引入 PWA 到全品牌網站，移除傳統 Cordva App，減免公司股東購買超級簽成本。
- 結合導入 Webauthn，在網頁端實作 FaceID/TouchID，確保 H5 網站盡力貼合 App 使用體驗，並獲得客戶好評提升用戶留存率。
- 運用 WS 和 心跳機制 hook，確保內部後台系統維持正常連線，訊息通知能正常發送。
- 使用 proto3 格式與軟連結，讓前後端專案保持參數同步便於開發。

## 專案維護(資訊安全)：
- 為保護舊品牌網站，解決帳號被盜問題，和 Backend 以及 MIS 同仁，引入 fingerprint plugin，透過監控流量和帳號登入的地理位置，封鎖惡意登入，降低營運成本。
- 優化 OTP 驗證流程，結合 visitID 加強保護客戶帳號，並結合 Email 驗證，降低簡訊驗證服務成本。

## 專案優化(多主題 & 數據追蹤)：
- 專案埋設 Gtag 追蹤碼，提供營運方數據追蹤。
- 全品牌網站，加入 cssVars 做全站主題更換，配合 UI/UX 設計，強化網站多色系供使用者選擇。
- 結合 Google Sheet API 將維護頁功能進行自動化，方便 PM 變動維護時間，同時降低版更成本。

鑫城商務有限公司(Aplus Accel Inc.)

Senior Frontend Engineer (Remote)

## 採用技術：
Vue2/3(Vuex), TypeScript, Node.js, Quasar, Element UI, Linux

## 專案繼承與重建：
- 入職後，協助主管接手前團隊遺留的各項專案，受限於沒有交接文件，因此費時逐步拆解分析各專案如何運行，以及現有功能狀況。
- 逐步將各專案由 SVN 版控遷移到 Git 版控。
- 謹慎升級原先過舊的 Quasar 版本，確保該專案在升級 UI Framework 後仍能正常運作。
- 撰寫各專案的運行與上版流程文件，方便後續入職同事可以上手理解。
- 引入風格規範，包含採用(eslint, prettier, stylelint, husky)。

## 功能開發：
- 開發越南地區客製化遊戲，並針對需求調整規則與玩法。
- 接手修復專案，在原有的樣式基礎上，提供兼容性(瀏覽器)已防損害既有功能。

恒利威科技有限公司(HLW TECH CO., LTD.)

## 採用技術：
Vue3, TypeScript, WebSocket

## 功能開發：
- 入職後，依主管指示研究導入 Vue3 & TypeScript 等較新技術融入新項目。
- 針對體育賽事新聞，模仿競品網站。

傑航網路科技有限公司 JH Technology

## 採用技術：
Vue2(Vuex), Node.js, Chart.js, Element UI, Vuetify, SCSS

## SEO：
- 依據股東和PM需求，還原設計稿實作公司官方形象網站，提升企業知名度。

## 功能開發：
- 團隊合作開發符合歐洲法規的後台系統。
- 導入資料可視化實作，使後台數據呈現更為立體。
- 實作會員系統，財務交易等功能。

## 網站維護與推廣：
- 合作開發第三方平台網站自定義 Template(PC, Mobile)。
- 開發共用組件。

華奧科技有限公司Hwao Technology Co., Ltd

Front-end Engineer

## 採用技術：
Vue2(Vuex), Node.js, Sprite Animation, SCSS, Element UI, i18n, Pug

## 功能開發：
- 建立多語系靜態維護網站。
- 研究實作 Sprite 動畫。
- 開發各種活動頁面，優化修復樣式。
- 合作建立多語系會員網站(Web App)，提供第三方平台對應的會員功能。
- 建立團隊共用組件，整合串接三方遊戲 API。
- 合作開發體育遊戲網站。

## SEO與品牌推廣：
- 修復並調整舊參展項目，以便公司赴海外展示使用。
- 協助 QA 部門主管，排除潛在的環境部署問題，確保展覽期間順利演示。

## 專案優化與運維
- 與團隊主管輪流值班，排除線上問題，確保服務順利運行。
- 協助優化維護後台(CMS)系統。

台灣台中市

長青資訊股份有限公司(奇迹科技股份有限公司)

## 建立公司並協助營運：
- 尋找合適廠房地點，購買相關產線機械設備。
- 諮詢相關法律程序，辦理商業註冊。
- 清潔和維修機台設備。
- 建立並測試產線運作。
- 推進陶瓷研磨工藝進展。

台灣高雄市

志信(朝成)精密科技股份有限公司

Operations Team (Startup)

## 創業技術準備：
- 了解產線光學玻璃切割與機器參數調整。
- 清潔和維護產線機械設備。
- 產品品質檢測與確認。
- 陶瓷研磨工藝進修。

Tidi Technology CO., Ltd.

Process Engineer

## 客戶服務與產品推廣：
- 線上排除客戶問題。
- 推廣公司新產品成交業績。

Share