2016 年,背包旅行環遊世界。直面挑戰,接受不同的想法。
喜歡成長、個性幽默、有時會做事到忘我。
職位:前端工程師(目前全遠端)
地點:新北市板橋區
React.js (6+ 年經驗)
Vue.js (8+ 年經驗)
TypeScript
Next.js
HTML5 / CSS3 / JavaScript
Unit Test
Node.js / Express / Koa
SQL
Git
Webpack/Vite
TailwindCSS
Design Patterns
開發團隊管理者
• 從 0 -> 1 將客戶既有的商業模式改以系統處理
• 建立團隊開發的流程與溝通方式(Notion, Slack)
• 建立團隊開發文化
• 提供業主系統可以優化的方向(目的是增加診所產值),安排開發優先順序
• 確保功能按時交付
產品:
物理治療診所系統

開發賽事直播娛樂平台
• 維護已上線的舊版網站,確保穩定運行
• 開發網站的新功能
• 優化網站載入效能
• 精準控制事件監聽,降低效能消耗
使用技術:
1. Vue.js / Vuex
2. Micro-frontend
3. WebSocket (聊天室)
參與部分:
1. 直播聊天室
2. H5 (手機版面的 Web)的新功能開發
3. GA 事件整合到行銷漏斗中
4. 主導阿拉伯、西班牙的 i18n 整合
離職原因 - 辭職陪女朋友旅行(半年)
與客戶團隊共同開發外包專案,負責前端開發與效能優化


• 於 Google Map 上即時顯示淹水狀況,幫助使用者快速掌握重點區域
• 提供 即時數據,協助決策與調度防汛資源
使用技術:
• React.js / Redux
• Google Map API
• Chart.js


• 建立多樣化圖表與資料呈現
• 動態 EDM 系統(可建立、儲存、發送與編輯 EDM)
• 專案追蹤管理,並支援帳號群組化、跨群組轉移
• 內建 即時聊天室(WebSocket)功能
• 支援 3D 視覺化(Three.js) 與權限管理系統(Roles)
使用技術:
1. Vue.js / Vuex
2. eChart.js
3. WebSocket (聊天室)
4. Three.js
5. EDM
6. Permission system (角色權限系統)
參與部分:
1. 前端程式碼開發
2. 使用者故事(User Stories)討論
3. UI/UX 討論,協助設計師落實設計
4. 與後端討論功能實作方式(例:動態 EDM 的建立與儲存、專案帳號的群組管理與轉移)
開發賽事直播娛樂平台
• 維護已上線的舊版網站,確保穩定運行
• 優化網站載入效能
• 使用 RxJS 實作事件防抖(debounce)
• 精準控制事件監聽,降低效能消耗
使用技術:
• Vue.js / Vuex
• TypeScript
• Live Streaming 相關技術
主要參與項目:
1. 開發與維護賽事直播娛樂平台、客戶服務系統與代理系統
2. 與後端團隊密切協作,確保用戶在行動裝置使用時仍能獲得最佳體驗
3. 將單元測試(Unit Test)引入前端開發環境,並對舊有程式碼進行重構
4. 重新配置 Webpack,加速開發流程並提升專案效率

• 維護文章管理系統,確保內容發佈與後台穩定運作
• 開發 WirForce 年度活動專用的 Dashboard API,並以 TDD(測試驅動開發)方式實作,單元測試覆蓋率達 100%
• 前端採用 Vue.js (TypeScript),後端則使用 Spring (Kotlin)

專案挑戰:
文章編輯器(Editor)的開發與維護,需支援編輯部多元需求,是整個專案中最複雜且具挑戰性的功能之一
離職原因 - 公司業務重心轉向 IoT 部門,新聞與遊戲相關人員逐漸被資遣

參與公司官方網站的重建專案,負責開發複雜互動功能
• 研究並實作 Airbnb 風格的日期選擇器(Date Picker),包含完整日曆規則
因為當時市面上無符合專案需求的套件,故以純 JavaScript 自行開發,至今仍持續使用
• 開發視差滾動(Parallax Scrolling)頁面,提升網站互動體驗
• 整合第三方登入(如社群帳號登入)
• 製作公司尾牙專用的 抽獎網頁互動遊戲,提升活動趣味與參與度

離職原因 - 公司 IT 部門非主要核心部門,技術發展較受限。為追求個人成長與技術精進而選擇離職。


ALPHACamp 的課程教材,內容談論現代前端框架
。撰寫一份循序漸進的教學,幫助學員自己動手建立一個 Vue.js 專案
