您好，我是 Josh!
- 10+ 年 Web 開發經驗
- 獨立開發及帶領團隊經驗，專注於高效能後台系統與複雜互動產品之設計
- AI: 熟練運用 Claude Code與 MCP 建立開發流程，加速產品完成 POC 驗證並迭代
- 資安: 在 TeamT5 公司經驗中更會考慮駭客攻擊點，預防各種 API/輸入框 入侵等設計
- 跨平台: 具備 13 種語系設計與 AWS 部署經歷，精通 React/Next.js 生態系及 React Native 與 Vue 3 實作經驗
- INTP 邏輯人格: 樂於挑戰複雜邏輯，能提出具體產品創新想法，協助團隊在技術轉型期穩定前行
工作經歷
Senior Front-End Technical Consultant (Independent / Project-based)
2023/06 - Current
- CI/CD 架構與資安深度優化 | 數據分析新創 (SaaS)
- 主導 CI/CD 流程重構，將過度拆分的 5 個分支整併為 2 個，優化 Monorepo 結構有效降低維運負擔
- 規劃導入自動化測試架構，結合 Claude + Playwright MCP 自動生成 Gherkin 腳本，提升驗收效率
- 針對急迫資安風險進行 Critical Security Patching，修補 CVE-2025-29927 漏洞，強化系統安全等級
- 核心地圖系統開發與架構債清理 | 知名房產集團
- 擔任技術主力填補開發缺口，於期限內完成地圖 POI 篩選等複雜互動功能上線
- 導入 Claude Code AI 輔助開發模式，於 1.5 天內快速完成特定功能的 POC 驗證與初期實作
- 主導舊專案模組拆解與重構，從根源解決既有架構之技術債問題
- Vibe Coding 模式實踐與 MCP 應用研究
- 深度研究並實踐 Vibe Coding，熟練運用 Windsurf 與 Claude Code 進行開發縮短 POC 驗證時間
- 探索 Model Context Protocol (MCP) 應用，提升 AI 對專案代碼庫的協作效率
- 生成式 AI 工具鏈整合 (SD & ComfyUI)
- 架設 Stable Diffusion (A1111) 與 ComfyUI 工作流，研究本機端或雲端 (Runod) 圖像生成邏輯，並探索整合至前端應用之可能性
- 即時量化交易平台建構 | Vue 3 + Nuxt.js
- 跨出 React 生態系，獨立使用 Vue 3 + Nuxt 3 + Pinia 建構具備即時交易資訊之平台
- 整合 TradingView Widget 與 ECharts，實作即時股價、最佳五檔行情及數據視覺化
- 優化既有系統框架之資料存取邏輯，確保使用者權限與數據安全之嚴密性
Front-End Developer • TeamT5 杜浦數位安全
2021/10 - 2023/6
- ThreatSonar
- 因 Rails 後端開發背景，擔任 Web Project 前後端分離計劃顧問
- 官方網站維護
- 以 AWS S3/Cloudfront 及 Next.js 取代 Firebase/Cloudinary，降低十倍預算及提升網站可靠性
- 翻修 50% 以上 legacy code 以及調整圖片大小，避免資源過度消耗及檔案過大等問題
- 使用 AWS SDK(JS)/TypeScript/ Pica.js 等技術實作 file-upload-system ，提供使用者自動縮圖及外部檔案上傳至雲端取得公開網址
- 透過 Chrome Performance 及 WebPageTest 等工具數據化檢測效能
- 在 ChatGPT 初期功能，利用爬蟲進行 SEO 測試，並在例會簡報獲得高層關注 :D
- 與 MIS Team 盤點 DNS 紀錄，減少 CNAME 重新 query 問題
- CYBERSEC 2022 資安大會活動頁面
- 嘗試 Svelte 框架進行開發並與 HR 及行銷部門提出 Chrome Console 徵人彩蛋 :)
- CYBERSEC 2023 資安大會活動頁面, InteOp23 日本活動頁面
- 以 Preact.js 輕量且接近 React.js 實作習慣進行開發
- 以 Tailwind CSS 快速編寫 CSS，更搭配 @apply 至 CSS Module 保持模組化彈性
- 沿用官網 AWS S3 + Cloudfront Deploy 流程，確保架構一致性
- 外部廠商系統資安問題反映: 密碼明碼傳輸及登入權限設計問題，再次獲得高層關注 :D
Front-End Developer • 海碩集團 鑫享科技
2019/5 - 2021/10
- B2B/B2C 後台系統
- 採用新版之 React Hook 及 Context API 等技術，領導集團內全新 IT 前端專案並覆蓋全球 50 多國
- 使用 Formik、Yup 及 React.memo 等技術設計單頁近百格欄位表單，確保欄位間的驗證和效能影響
- 使用 WebSocket 實作留言互動及即時通知功能，而且可以用 Emoji 😀
- 內部提案使用 Github Actions 建置 CI/CD 流程 (註: 該服務於 2019/8 月推出)
- 中國及海外伺服器分離設計意見提供
- 官方網站改版
- 接手外部廠商原始 HTML/CSS，並於一個月內完成主要技術架構(NextJS, i18n)
- 前端成員內部訓練
- 透過 Standing meeting 互相討論各自進度，以及提升友好的工作默契
- 透過 Pull Request Code Review 機制，交換技術意見提升程式碼可讀性及確保需求一致性
Front-End Developer • Fullinn 滿房寶房宿系統 (新創團隊)
2017/12 - 2019/04
- 滿房寶旅宿管理系統: Web
- 在既有規劃，協助轉移 Redux + Reducer 到 Apollo 2.0
- 使用 React.js 及 GraphQL，進行 OTA 設定平台及訂單系統等開發
- 滿房寶旅宿管理系統: Mobile
- 協助外部廠商 React Native 實作諮詢，並接手後續需求及上架流程
- 引入 Firebase(Push notification) 及 Code Push，降低 Deploy 流程及整合推播服務
- 滿房寶旅宿官網設計師
- 領導主要前端架構設計，以 Next.js 提供之 Server render 概念框架，開發 SEO 及有效架構之網站應用程式，使民宿業者可透過管理系統快速建立官方網站
- 引入 Flow.js 及 Eslint 等程式碼檢查工具至專案，盡量減少 Code Review 產生的工作量以及提升考靠性
- 第一位客戶 台中「旅巷自在輕旅」青年旅宿，登陸 Google 後第一週即進入搜尋結果第一頁
Front-End Developer • CatFi (新創團隊)
2016/11 - 2017/11
- 以 React Native 提供之 JavaScript API ，開發近似原生 iOS, android 之行動應用程式
- 使用 Redux, Redux-saga 作為主要資料儲存傳遞及 Side effect 的處理
- 採 Server less 及 SPA 概念，使用 React Router、Github Page、Echart.js 完成圖表顯示功能
- Streaming 技術串接研究 (WebRTC, RTMP)
- 導入 Fabric, OneSignal 錯誤回報及推播系統，提升使用者體驗並降低營運及後端實作成本
Front-End Developer • myTreat (新創團隊)
2015/8 - 2016/5
- 領導初期 REST API 格式設計，並建構 API 設計流程使後端開發更為順暢
- 與設計師完成需求溝通後，依照設計稿(Zeplin, Illustrator)進行 CSS 切版實作
Application Developer • Ecowork
2014/7 - 2015/7
- 以 Rails, Angular.js 等後端技術，協助資深工程師開發需求以及獨立實作客服後台系統
- 研究實作 Cucumber、RSpec 完成客戶測試報告需求，並協助 DevOps 同事建立自動測試環境
- 研究實作 Vagrant 及建置上版作業流程，統一開發環境使新進同仁可迅速完成系統環境建立，更快瞭解上版作業
學歷
2009/9 - 2013/6
文藻外語學院
數位內容應用與管理系
技能
Front-End
React.js/Next.js
TypeScript
React Context
Redux
Tailwind.css
Sass
GraphQL
Vue.js/Nuxt.js(短期專案)
Back-End
Node.js
Koa
Rails
AWS(S3, cloudfront)
CI/CD
Docker
GitHub Actions
GitLab Runner
Mobile
React Native
Code Push
Fabric
TestFlight
Testing
Jest
Cucumber
Jenkins
