產品故事弧
兩條線交織，互相成就
2026 / 3 / 21 從零開始
v0.1 — 什麼都沒有的第一天
一週後，Electron v3.43 首發。
2026 / 3 / 28 第一週結束
Electron v3.43 首發
功能完整的第一個公開版本。從這裡開始，VAS 有了真實外部使用者。
2026 / 3 / 28 同日啟動
Tauri 移植啟動
決定為未來打一個更輕的底。移植不是拋棄 Electron，是帶著它的經驗重新出發。
2026 / 3 / 31 回饋
Electron v3.44 整修版
完整移植 Tauri 後，帶著過程中累積的經驗回頭整修 Electron，前端共用的結果也附贈了新功能。Tauri 的經驗反哺了起點。
2026 / 3 / 31 加速
Tauri 新功能開發
底層穩了，開始疊加 Tauri 專屬功能——ShareSheet、自定義快捷鍵、呼吸燈彩蛋。前端共用，Electron 靜靜受惠。
2026 / 4 / 14 終章・慶功
Electron v3.60 慶功版 & Tauri 1.2.1 同步首發
兩條線在這裡交匯。不是誰取代誰，是兩個版本各自走到最好的狀態，一起亮相。
Electron 版
11 天，40+ 版本
當你的工程師不會找理由拒絕你，甚至比你還積極協作的迭代開發體驗。
3 / 21
v0.1 → v0.5 從無到有，兩邊都在摸索
什麼都沒有的第一天，從矩形截圖開始、快捷鍵說明面板、線條工具、SVG 轉檔。
3 / 22
v0.6 → v2.2 飛速成長，規則制定與開發並行
雙螢幕行為規則、編輯器 UX 細節、Resize 把手、IME 相容、編號功能、存檔檔名規則、文字工具精修、全螢幕雙螢幕截圖互動設計、編輯器縮放平移、裁切、調整尺寸、bug 修復、工具列邏輯、批次轉換、顏色工具、疊圖、延伸畫布、批次轉檔、延遲截圖、色塊漸層屬性。
3 / 23
v2.3 → v3.0 第一次實感算力追不上開發速度
因算力消耗直接破了當週上限而被迫停工，半天重新整理脈絡後刷下人生第一次的 Claude Max 方案。Tauri 長期遷移策略與 i18n 術語規劃 · 截圖偏好設定 · 浮動三層選色面板（主題色盤、滴管、Hex 輸入、透明色票）· 編號標記三段尺寸 · 文字工具全面升級（字體選擇、大小快選、對齊、背景透明度）· 矩形 / 色塊圓角 · 線條折線模式 · 複製至剪貼簿 · 橢圓框工具
3 / 24
v3.1 → v3.9 工具雛形全面成形
OCR 首登場（Tesseract.js）· 折線頂點把手修正 · OCR 引擎全面改寫為 macOS Vision · 折線縮放把手 · 工具列雙排佈局 · Smart Semantic Numbering（7 款樣式）· 描邊 px 輸入 · 框型選取工具＋像素複製至剪貼簿 · 筆型工具 · 六款虛線樣式 · 端點樣式升級 · 線條 / 色塊框線陰影一致化 · Options Bar 全面對齊 · 框線偏移 · 全工具虛線支援
3 / 25
v3.10 → v3.27 在開發新功能與 Debug 舊功能的泥沼中掙扎
箭頭渲染 8 連修（透明度疊光 · 外框金字塔 · 端點缺口 · 方形頂點 · 方向偏移等）· 端點 UI 改為下拉選單 · 外框獨立粗細 / 虛線設定 · 馬賽克 / 模糊工具 · 符號印章四群組架構（形狀 / 字母 / 箭頭 / 其他）· 無縫匯入匯出（拖放匯入 · 剪貼簿 · Drag Out）· 一鍵套版演化：拍立得 / 底片 → Apple 六色漸層 → Mesh Gradient，三滑桿微調（留白 / 圓角 / 陰影）· 社群尺寸快選 · 批次浮水印（文字＋圖片，9-grid 定位）· 去背（macOS Vision）· 品牌色庫 · 歷史截圖面板
3 / 26
v3.28 → v3.29 放下也是必要的決策
隱私遮蔽工具：六層偵測引擎（NSDataDetector · NLTagger · 身分證 / 統編 / 信用卡 / IPv4/6 / API Token · 臺灣地址 · 中英文標籤感知 Regex），字元級精準 bounding box 非破壞性遮蔽 · 歷史 Drawer 右側書籤式重設計（最終決定放下，延至 Tauri 再戰）· 全 canvas Retina DPR 補正 · 7 項細節修正：-webkit-app-region 點擊穿透 · 文字工具預設 24pt · 數字圓圈尺寸重算 · 裁切 Undo · 多張疊圖解鎖 · OCR 剪貼簿型別衝突 · 視窗關閉動畫恢復原生
3 / 27
v3.30 → v3.43 發布前最後衝刺 單日 15 版
資安全面升級：四視窗改 contextIsolation + preload 橋接 · XSS 防護（視窗標題 / 批次清單改 textContent）· 畫布尺寸 8192px 上限 · Retina WYSIWYG（imgDPR 狀態變數，fitScale 上限 1/DPR）· 複數選取（框選 / Shift 加選 / Cmd+A）· 對齊工具列（8 個對齊 / 均分按鈕，可切換對齊畫布）· Smart Snap（8px 磁吸 + 均分輔助線，Alt 暫停）· 線條二次貝茲曲線控制點 · 新開畫布（16 款尺寸預設：螢幕 / 紙張 / 社群媒體）· QR Code 智慧掃描（三段行為：直開網頁 / Action Toast / 靜默）· 批次上限（100 檔 / 單檔 20 MB）· 裁切工具三項修正（把手翻轉 / 鍵盤微移 / 雙擊確認）· 套版搖桿步長 0.1
3 / 28
v3.43 首發
第一個公開版本正式發布。VAS 有了真實外部使用者。同天開始進行 Tauri 架構遷移。
3 / 31
v3.44 — 整修版
完整移植 Tauri 後，帶著過程中累積的經驗回頭整修 Electron，前端共用的結果也附贈了新功能。Tauri 的經驗反哺了起點。
- 工具列 Modal 位置跳動與累積偏移根治
- 修復三種截圖模式（全螢幕 / 視窗 / 矩形）全部失效
- OCR 與隱私掃描功能修復
- 標號與文字工具尺寸縮放一致性修正
- 方向鍵微調物件位置（Arrow nudge）
- 拖曳匯出暫存檔 60 秒後自動清除
- 安全性修補（brace-expansion 漏洞）
4 / 14
v3.60 陪著 Tauri 一起 Renew 再上線 🎉
呼吸燈自動隱藏 · 全螢幕 screen-select overlay · Electron 更加穩定且編輯器功能完整，永久免費。
Tauri 版
7 天，9 個 Sprint，~80 項交付
從第一行 Rust code 到 App Store 送審。
03/28 🏁 專案啟動（第一行 Rust code）
03/29 📦 Sprint 1 完工 — 核心截圖功能可用
03/30 💎 一日三 Sprint（S2–S4）— OCR / 隱私 / 旋轉 / QR Code 全上線
03/31 🎨 SDD 文件系統重構拆檔 · 印章漸層 + 自訂快捷鍵 + Preferences 系統
04/01 ✨ 呼吸燈旗艦改版 — VAS 獨家 UX 誕生
04/02 🌐 網頁長截圖 + Release build 首次成功
04/03 🍎 Mac App Store 送審
04/11 🏗️ v2.0 重構啟動 — 三 Sprint 同日完工（座標 / 漸層 / 資料模型）
04/12 🏗️ 屬性面板 Pilot + TOOL_SCHEMA 10/10 全覆蓋（三 Sprint）
04/13 🏗️ 幾何 + 渲染管線模組化 + Undo/Redo 架構升級（三 Sprint）
04/14 ✅ Bug Sweep 一次通過 · Help Modal 優化 · v2.0 重構完工
04/14 🍎 Tauri v1.2.1 正式上架 Mac App Store 🎉
S1
03/28 – 03/29 7 項
🏁 專案啟動
Tauri 2 scaffold 從零建立 · 浮動工具列架構遷移（無邊框視窗 + 雙視窗架構）· 截圖三兄弟（全螢幕含多螢幕 / 矩形 / 視窗 xcap）· 批次格式轉換（6 格式）+ 文字 / 圖片浮水印（9-grid）· asset protocol 坑繞路：改用 base64 data URL · Toolbar 飄移根治（ToolbarHidePos managed state）· WKWebView 五大開發坑記錄（KM-001～008）
S2
03/30 5 項
7 種格式匯出（PNG/JPG/WebP/PDF/BMP/TIFF/GIF）+ printpdf · Share Sheet（objc NSSharingServicePicker，非 plugin）· 拖曳匯出（tauri-plugin-drag）· OCR（Swift Vision）+ 隱私遮蔽五層偵測含日文場景（マイナンバー / JP 電話 / 郵便番号）· 編輯器 titlebar 重設計 · Modal 所見即所得修復 · Options Bar drag-region 根治
S3
03/30 同日 4 項 一日三 Sprint
滴管工具（canvas getImageData，繞過 WKWebView 不支援 EyeDropper API 的解法）· QR Code 智慧掃描（Vision VNDetectBarcodesRequest + 面積比例三段行為）· 智慧導線 v2（toggle + ⌥ 暫停 + 死鎖修復）· 檔案拖入工具列（tauri://drag-drop）
S4
03/30 同日 4 項 一日三 Sprint
Space 鍵拖移（放大後平移畫布）· 浮水印圖片預覽（80×80 縮圖）· Modal 往上展開（偵測螢幕底部空間不足，動態翻轉定位）· 物件旋轉（旋轉把手 + Shift 15° snap + 反向座標偵測）
S5
03/31 8 項 QC 87.5%
馬賽克改 downscale+upscale（WKWebView 無 ctx.filter 的工程繞路解法）· Electron KM-E02～E04 移植 · 方向鍵微調 · 二次貝茲曲線 · 白色色票 · 貼上自動切換工具 · QC 87.5%（パスワード 為 Vision OCR 限制，記錄在案）
S6
03/31 同日 4 項
符號印章漸層填色（線性 / 放射 / 雙色 + fillMode 向下相容）· 自定義全域快捷鍵（tauri-plugin-global-shortcut）· macOS 系統選單 Settings… · Preferences 視窗 · SDD 瘦身拆檔（歸檔機制建立 → SDD-vas-archive.md）· 捲動截圖 Playwright sidecar 方案確認
S7
04/01 7 項 QC 100%
🌟 呼吸燈旗艦改版
呼吸燈旗艦改版（光條 + 光球 + ::before 根治）— VAS 獨家 UX 誕生 · QR 偵測後自動複製 / 開啟 URL · OCR 辨識後自動複製文字 · pen / polyline + 直線控制點拖曳修復 · auto-hide timer 修復 · QC 100%（1 項 NSTrackingArea 實驗退版）
S8
04/01 – 04/02 7 項 QC 100%
🌐 網頁長截圖 MVP
網頁長截圖（WKWebView resize-then-snapshot）· 短頁面自動分流 · 呼吸燈圓角 + hover 光球 · Dock 圖示點擊召喚展開 · 工具列位置記憶（userData）· PreStripBounds 位移根治 · 原生對話框游標 desync 修正 · QC 100%
S9
04/02 – 04/03 15 項 QC 100%
🍎 Mac App Store 送審
黑底極光花瓶 App icon（與 Electron 版形成視覺區隔）· 呼吸燈引導文字（三語）· 截圖權限引導（失敗時 toast → 開系統設定）· Release build + 沙箱 + 提交 Mac App Store
04/04
│
04/10
📌 過渡期 04/04 – 04/10
基礎建設 & Apple 審核
- · 文件架構拆分（SDD / TDD / KM / Archive 獨立化），Electron 對齊 Tauri 結構
- · Repo 整理與雙版本同步機制建立（SYNC-QUEUE）
- · Apple 審核回應：4/3 提交 → 4/7 被拒 → 4/8 重新提交 → 4/11 再次被拒
- · v1.2.0 / v1.2.1 hotfix 發布（對應審核修正）
- · 決定啟動 v2.0（Tauri）重構，不再等待審核結果
↳ v2.0 Architecture Refactor
S10
04/11 3 Phase QC 100%
🏗️ v2.0 Architecture ① 座標系統重構
Rust ToolbarGeometry 純函數（14 cargo tests）· JS editor-utils.js 5 純函數（15 Vitest tests）· EditorInitPayload DPR 修復（Retina / 延伸螢幕截圖座標統一）
S11
04/11 6+ 項 QC 100%
🏗️ v2.0 Architecture ② 漸層系統統一
gradientFromAngle 統一六工具漸層引擎 · 角度轉盤 UI（0–360° 連續控制）· i18n 三語同步 · 陰影 DPR 修正 · 折線箭頭端點內縮 · 文字裝飾線漸層
S12
04/11 3 項 QC 100%
🏗️ v2.0 Architecture ③ 資料模型正規化
color / opacity / borderColor 三組屬性統一 · TOOL_ORDER 九工具全審（grpFlip / grpStrokeOpacity 補入）· 外框位移擴充至 fillrect / fillellipse + Y 軸方向修正
S13
04/12 3 項 QC 100%
🏗️ v2.0 Architecture ④ 屬性面板框架化 — Pilot
TOOL_SCHEMA const 設計定案（rect + number）· 3 engine fns · showOptionsForTool / showOptionsForAnnot 遷移
S14
04/12 4 工具 QC 100%
🏗️ v2.0 Architecture ④ TOOL_SCHEMA Batch 1
ellipse / fillrect / fillellipse / pen 遷入 schema · shadow pre-pass 根治端點交界縫隙 · polyline 雙擊終點退一格修復
S15
04/12 4 工具 QC 100%
🏗️ v2.0 Architecture ④ TOOL_SCHEMA Batch 2 — 10/10 全覆蓋
line / polyline / text / symbol 遷入 · showOptionsForAnnot 5 個 if-block 整合為單一 schema dispatch · symbol 漸層 Apple Color Emoji 像素掃描修正
S16
04/13 3+ 項 QC 100%
🏗️ v2.0 Architecture ⑤ 幾何邏輯集中化
TOOL_GEOMETRY schema（bounds / getHandles / moveAnnot 單行 dispatch）· Figma-style 點擊選取（任何工具下點擊物件自動切換）· Vitest 47 pass
S17
04/13 4 項 QC 100%
🏗️ v2.0 Architecture ⑤ 渲染管線模組化
TOOL_RENDER dispatcher（switch → 對照表）· makeGradient helper（~10 處漸層重複消除）· rect / ellipse shadow pre-pass 補齊 · symbol shadow 參數統一
S18
04/13 5 項 QC 100%（3 輪修復）
🏗️ v2.0 Architecture ⑥ Undo/Redo 架構升級 + 記憶體衛生
MAX_HISTORY=50 FIFO · imgSnap PNG 快照 + _imgCache 孤兒清理 · _symMeasureCache 上限 · selId 跨 undo 保留 · crop sizeSx 補償
S19
04/14 2 bugs QC 100%（一次通過）
🐛 Bug Sweep
畫布閃動根治（選項列固定 88px · 動畫系統完整移除 -85 行）· 折線漸層端點色修復（終點 dotN 獨立投影）
S20
04/14 4 項 QC 100%
✨ Help Modal 優化 + Modal 邊界修復
快捷鍵手風琴面板（4 分類 · 35 鍵 · i18n 20 新 key）· Modal 螢幕邊界 clamp（四角 x/y · menu bar + Dock margin）· Esc 統一關閉所有 modal（歷史 ReferenceError 根治）· 選項列垂直置中
下一階段
路線圖
v1.0 功能驗證原型
已上架 App Store（審核中）
v2.0 架構重構（Sprint 10–20）
已完成（04/11–04/14）
- ✓ 座標系統統一（DPR 全修）
- ✓ 漸層引擎統一（六工具）
- ✓ 資料模型正規化
- ✓ 屬性面板框架化（TOOL_SCHEMA 10/10 覆蓋）
- ✓ 幾何 + 渲染管線模組化
- ✓ Undo/Redo 架構升級 + 記憶體衛生
- ✓ 自動化測試基建（Vitest 47 pass）
v3.0 功能爆發
- · 截圖知識庫 / 截圖比對 / 色票萃取
- · 對話氣泡 / 群組 / 放大鏡標注
- · 螢幕錄影 + GIF
- · 雲端分享
- · 格式刷（壓軸）
回到 VAS 產品首頁
← 回首頁