josh@taipei ~ %
>cat./profile.json
{
"name": "Josh Wang",
"title": "Software Developer",
"experience": "10+ years",
"focus": "React / AI Workflow",
"location": "Taipei, Taiwan",
"pet": "🐱"
}
>josh.init()▊
>個人專案
// Side projects & Open source
AI AgentE2E TestingLLMOpen Source
- 設計自動化測試生成流程: 僅用 URL 網址輸入,自動分析使用者操作流程並產生 Gherkin 測試案例與 Playwright 測試腳本
- 於一週內完成 E2E 測試自動化工具 POC,整合 Playwright、LLM 與 Browser Automation Workflow
- 建立測試自我修復機制 (Self-healing): 測試失敗時自動修正 selector 與 timeout 後重新執行,提高測試穩定性
- 採用 React/Vite、Fastify、BullMQ、Redis 與 Docker Compose 建構全端 Monorepo 架構
- 支援 CI/CD 與 GitHub Actions 整合,產生之測試腳本可獨立執行,無需依賴 LLM Runtime
>技能樹
// Tech stack overview
< Front-End />
ReactNext.jsTypeScriptReduxGraphQLTailwind CSSVue 3Nuxt.js
{ Back-End }
Node.jsRailsKoa
🤖 AI Workflow
Claude CodeMCPPlaywrightWindsurf
📱 Mobile
React NativeCode PushFabricTestFlight
⚙️ Architecture & Infra
monorepoCI/CDGitHub ActionsGitLab RunnerAWSDocker
🧪 Testing
JestCucumberRSpec
>工作經歷
// Recent positions
Frontend Architect (Contract-based)
2023/06 - 至今Independent
CI/CD 架構與資安深度優化 | AI 輔助開發工作流程實踐
CI/CD 架構與資安深度優化 | 數據分析新創 (SaaS)
- 主導 CI/CD 流程重構,將過度拆分的 5 個分支整併為 2 個,優化 Monorepo 結構有效降低維運負擔
- 規劃導入自動化測試架構,結合 Claude + Playwright MCP 自動生成 Gherkin 腳本,提升驗收效率
- 針對急迫資安風險進行 Critical Security Patching,修補 CVE-2025-29927 漏洞,強化系統安全等級
核心地圖系統開發與架構債清理 | 知名房產集團
- 擔任技術主力填補開發缺口,於期限內完成地圖 POI 篩選等複雜互動功能上線
- 導入 Claude Code AI 輔助開發模式,將特定功能 POC 驗證時間從數週縮短至 1.5 天
- 主導舊專案模組拆解與重構,從根源解決既有架構之技術債問題
AI 輔助開發工作流程實踐與 MCP 應用
- 深度實踐 Claude Code 與 MCP,建立可重複使用的 AI-assisted development workflow,提升專案迭代效率
- 探索 Model Context Protocol (MCP) 應用,提升 AI 對專案 codebase 的協作精準度
- 建立自動化測試流程與驗收機制 (Playwright, Jest, Cucumber),降低 regression risk 並提升 release 穩定性
即時量化交易平台建構 | Vue 3 + Nuxt.js
- 跨出 React 生態系,獨立使用 Vue 3 + Nuxt 3 + Pinia 建構具備即時交易資訊之平台
- 整合 TradingView Widget 與 ECharts,實作即時股價、最佳五檔行情及數據視覺化
Front-End Developer (Platform & Architecture)
2021/10 - 2023/06TeamT5 杜浦數位安全
- ThreatSonar 產品前端架構規劃:主導前後端分離架構、頁面結構與資料流遷移方案,產出技術規格與架構設計文件
- 官方網站架構規劃與維護:以 AWS S3/CloudFront 及 Next.js 取代 Firebase/Cloudinary,降低雲端成本 90% 並提升網站可靠性
- 重構 50%+ legacy code,改善維護效率;實作 file-upload 系統提供自動縮圖及雲端上傳功能
- 在 ChatGPT 初期導入爬蟲進行 SEO 測試,研究成果於例會簡報獲得高層關注
- CYBERSEC 2022/2023 資安大會 & InterOp23 日本活動頁面開發;發現外部廠商系統資安設計問題並推動改善
Front-End Lead
2019/05 - 2021/10海碩集團 鑫享科技 (OEC Group)
- B2B/B2C 後台系統:採用 React Hooks 及 Context API 領導集團前端專案,覆蓋全球 50+ 國內部使用者
- 設計單頁近百格欄位表單並優化驗證效能;使用 WebSocket 實作留言互動及即時通知功能
- 於 2019/08 提案導入 GitHub Actions CI/CD 流程,為內部早期採用者
- 官方網站改版 / 前端成員內部訓練:接手外部廠商原始 HTML/CSS,於一個月內完成 Next.js + i18n 13 語系架構
- 推動 Pull Request Code Review 機制,提升 code 可讀性及確保需求一致性
早期經歷:Fullinn、CatFi、myTreat、Ecowork 等新創團隊
>聯繫方式
樂於參與討論分享觀點,通常不是會議中最安靜的那位