雖然市面上記帳軟體很多，但有時候只是想做個「超簡單的記帳統計」或是「快速把錢分一分」，卻要先登入帳號、強迫看廣告，有時候在手機上開 APP 還覺得肥重卡卡的。
為了解決這種不必要的麻煩，我寫了一個極輕量級、功能卻堪比原生 APP 的網頁版工具 ——【TY的資料表 - TY's Data Builder】。
它最大的特色就是：完全沒有後端伺服器 (Serverless)、不用註冊帳號、不會收集你的財務個資。所有的資料都在本地瀏覽器上，甚至能當作 PWA 安裝到手機桌面「離線使用」！
👉 點這裡直接玩玩看 (完全免費無廣告)： https://ty-db.pages.dev/
電腦畫面：
手機畫面：
✨ 拿來理財 / 揪團 / 分帳有什麼厲害的地方？
1. 🚫 討厭麻煩？免註冊、絕對隱私、支援多工作區
它是個「純前端」工具，打開網頁就能直接輸入。你的帳本只存在你的手機裡，沒有任何資料庫會偷偷備份你的隱私。而且內建「多工作區 (Workspace)」切換，出遊公費、辦公室團購、個人記帳可以完美分開！
2. 🔗 神奇的「無伺服器分帳」與「單筆 QR 分享」
這是我覺得出遊最好用的功能！當你建好明細後，按下分享，系統會瞬間把資料壓縮編碼並生成 QR Code。朋友用手機掃一下，就能立刻看見一模一樣的明細。
👉 更猛的是：支援「單筆分享」！如果你只想向某個人請款特定的一筆錢，可以直接針對「那一列」產生專屬 QR Code 傳給對方！
3. 📷 手機秒變掃描器：支援拍照上傳 & 條碼掃描
誰說網頁版不能像 APP？你可以直接為每一筆開銷「拍照上傳收據或實體照片」！內建強大的掃描引擎，無論是掃描商品條碼 (1D) 還是 QR Code (2D)，甚至上傳圖片辨識都難不倒它。
4. 📊 內建商業級「動態記帳圖表」分析
只要有輸入金額和分類，立刻幫你畫出高質感的圖表：
* **圓餅圖：** 一眼看出這趟旅行哪個項目花最多錢。
* **堆疊長條圖/趨勢圖：** 支援完美的時間軸比例縮放，滑鼠游標指上去還會自動「由大到小」排序當天花費。點擊圖例還能動態過濾特定分類的數據！
5. 🛠️ 主揪救星：自動計算與「一鍵合併重複品項」
揪團購最怕算錯錢！你可以自由新增「文字、數字、日期」等欄位。開一個「計算欄位」，它會自動幫你把數量和單價乘起來。如果大家點了一堆重複的飲料，按下「一鍵合併」，系統自動幫你把同品項的數量與金額加總，超省時！
6. ☁️ 支援 GitHub Gist 專屬雲端備份 & CSV 匯出
雖然沒有後端，但如果你怕換手機資料不見，系統支援綁定你自己的 GitHub Token，一鍵將資料加密備份到你專屬的 Gist 雲端！當然也支援傳統的 CSV 與 JSON 雙向匯入匯出。
7. ⚡ 千筆資料極致效能 & 22 國語言 & 深色模式
底層導入動態虛擬滾動技術，就算記了一整年的帳（上千筆），畫面依然維持絲滑捲動。內建一鍵切換深色模式 (Dark Mode)，並完整支援高達 22 國語言！
這個工具一開始只是寫給自己方便算錢用的，但越寫越覺得把前端技術（相機硬體加速、Canvas 繪圖、URL 壓縮傳輸）榨乾真的滿好玩的，所以決定放上來跟大家分享。
完全免費、點開即用，也支援手機版完美的 RWD 介面！
如果大家試用後覺得拿來記帳或分帳有什麼建議，或是發現什麼神奇的 Bug（不一定修，畢竟是一人獨立開發 😅），都非常歡迎在下面留言告訴我！
如果有寫前端的同好，我也把專案開源在 GitHub 上了，歡迎交流指教： https://github.com/tyroneyeh/DataBuilder/
(如果覺得實用請幫忙分享，也歡迎去點個星星⭐️)
謝謝大家！
#記帳 #分帳 #團購 #理財工具 #公費記帳 #免登入 #免安裝 #免費工具 #PWA #網頁版記帳 #開源專案 #前端開發 #WebAPP #Serverless
