Josh Wang
架構 × AI 協作開發
QR code for profile.joshwang.dev/slides profile.joshwang.dev/slides
把不確定性
變成可交付系統
10+
架構與交付經驗
2014–2019
全端探索
模糊需求中找邊界
2019–2023
企業與資安產品
跨國系統 × 可靠性
2023–現在
AI Workflow 落地
架構判斷 + AI 加速實作
滿房寶旅宿官網設計師 screenshot
案例 01
滿房寶 Web
首次主導 Next.js 前端 WEB 架構,並帶領前端成員
  • 採用 Next.js + GraphQL Apollo 架構,支援 SEO
  • 約一個月內完成並上線
滿房寶 React Native app screenshot
案例 02
滿房寶 React Native
接手外包後穩定 React Native 行動端,同步維護 WEB
  • 獨立接手外包交付的 RN 程式碼,建立可維護的模組結構
  • 修復既有問題逾 40%
TeamT5 News & Events screenshot
案例 03
TeamT5 Web
官網架構遷移至 AWS S3 靜態部署,沿用為活動網站標準模板
  • 前後端分離 + Next.js 靜態化,同步移除 Legacy Code
  • 載入 2.47s → 1.6s,包大小 13.7mb → 8.4mb
信義房屋 生活圈找屋 screenshot
案例 04
信義房屋 生活圈找屋
大型企業官網前端維運,主導 Class → Hook Component 遷移
  • 500 公尺 / POI 條件即時篩選找屋,Web + 手機版同步
  • 官網核心找屋功能之一,日常高流量頁面
信義房屋 AI 一鍵清空 before/after screenshot
案例 05
信義房屋 AI 一鍵清空
房屋照片一鍵清空雜物,搭配 Claude Code + ChatGPT 實作
  • AI 生成清空後房間預覽圖,改善看屋體驗
  • 既有大型系統快速導入 AI 功能並上線
信義房屋 實價登錄手機版 screenshot
案例 06
信義房屋 實價登錄
手機版
實價登錄查詢手機版重構,搭配 Claude Code 實作
  • 篩選條件全面重新設計,符合行動瀏覽情境
  • 與桌面版共用資料源,維護成本降低
記帳 App 不可靠
財務資料不想交給雲端
lychart — 個人財務自託管系統
lychart.local/dashboard
財務總覽
執行匯入
總資產
NT$ 842,160
銀行帳戶612,400
信用卡應付38,920
待審核6 份
近 12 個月收支(點月份查看月報表)
交易金額
薪資入帳 · 玉山銀行+128,000
雲端服務 · 台新信用卡-2,480
房租轉帳 · 中信銀行-28,000
Gmail 解密 AI 讀 PDF
資料不離開本地
新專案沒時間補測試
不測又不安心
PickleScout — Browser Agent 自動生成 E2E 測試
picklescout.local/jobs/demo
PPickleScout
Download ZIP
https://demo.app.local/orders
verifying · step 7 / 9
ActionLog
goto /login
fill [name=email]
click text=Orders
observe table filters
·package generated-tests.zip
Feature Preview
8features
21steps
1healed
▾ features
◇ 01_login_flow.feature
◇ 02_order_search.feature
▾ steps
◇ order_search.steps.ts
Browser Agent 探索
LLM 轉測試失敗自動修
一週 POC
開源,Runtime 零 LLM 依賴
Let's Talk
spjay1@gmail.com