Light
Josh Wang
架構
×
AI 協作開發
profile.joshwang.dev/slides
把不確定性
變成可交付系統
10
+
年
架構與交付經驗
2014–2019
全端探索
模糊需求中找邊界
2019–2023
企業與資安產品
跨國系統
×
可靠性
2023–現在
AI Workflow 落地
架構判斷
+
AI 加速實作
案例 01
滿房寶 Web
首次主導 Next.js 前端 WEB 架構,並帶領前端成員
採用 Next.js + GraphQL Apollo 架構,支援 SEO
約一個月內完成並上線
案例 02
滿房寶 React Native
接手外包後穩定 React Native 行動端,同步維護 WEB
獨立接手外包交付的 RN 程式碼,建立可維護的模組結構
修復既有問題逾 40%
案例 03
TeamT5 Web
官網架構遷移至 AWS S3 靜態部署,沿用為活動網站標準模板
前後端分離 + Next.js 靜態化,同步移除 Legacy Code
載入 2.47s → 1.6s,包大小 13.7mb → 8.4mb
案例 04
信義房屋 生活圈找屋
大型企業官網前端維運,主導 Class → Hook Component 遷移
500 公尺 / POI 條件即時篩選找屋,Web + 手機版同步
官網核心找屋功能之一,日常高流量頁面
案例 05
信義房屋 AI 一鍵清空
房屋照片一鍵清空雜物,搭配 Claude Code + ChatGPT 實作
AI 生成清空後房間預覽圖,改善看屋體驗
既有大型系統快速導入 AI 功能並上線
案例 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
P
PickleScout
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
8
features
21
steps
1
healed
▾ 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
←
1 / 20
→