拆帳小工具

不用註冊、開了就能算的快速拆帳工具

一個免註冊的拆帳工具:開網址就能用,兩種算法並存——平均分攤(總金額除以人數)與逐項輸入(每人金額不同、有均分項目、一人代墊)。資料存在自己手機的瀏覽器裡,不用建帳號、不用邀請碼。
開啟網站

解決什麼問題

跟朋友聚餐、出遊拆帳,是當下、一次性的需求:吃完飯就要馬上算清楚。但「錢途」這類記帳 App 為了長期記帳而設計,登入、建活動、邀請碼這些步驟,對「算一次就好」的場合反而太重。

為什麼做這個這個作品最能代表我怎麼跟 AI 協作做產品迭代。我實際走一次流程後只反應「填寫要蠻久時間」,AI 第一次用猜的(幫代墊人加一鍵按鈕)方向不對;後來換成先問我卡在哪一步,才問出真正的瓶頸,一次改對。這提醒我自己:模糊的體驗回饋要先拆解成具體步驟,不管是帶工程團隊還是跟 AI 協作,「問對問題」永遠比「猜答案」有效率。

怎麼做到的

  • 無註冊架構:純前端網頁+瀏覽器 localStorage,開網址就能用,沒有登入門檻,也沒有後端費用
  • 兩種算法並存:平均分攤處理「總金額除以人數」;逐項輸入處理「每人點的不同、有些一起分、一人先代墊」的複雜情境
  • 逐項輸入模式做了兩次迭代:第一版讓每人可加多筆品項,實測後發現填寫太花時間;問出真正卡點是「一筆一筆加參與者/加餐點」,改成先選人數批次列出輸入框、付款人用勾選制,大幅減少手機操作次數
  • 手機體驗細節:發現 iOS Safari 對焦字級小於 16px 會自動縮放讓畫面「滑掉」,逐一檢查所有輸入框並修正

成果

  • 從「開 App、建帳號才能拆帳」變成「開網址馬上填」,聚餐當下就能算清楚
  • 依實測回饋兩度收斂逐項輸入的操作流程,手機填寫時間明顯縮短
  • 上線即實際使用中,之後計畫串接 LINE 機器人(恆事屋)讓朋友能直接被呼叫使用

畫面

拆帳小工具 畫面截圖

更新紀錄

v1.1
2026-07-23

逐項輸入重新設計+手機字級修正

把逐項輸入從「每人多筆品項」改成「先選人數批次建立+付款人勾選制」,大幅減少手機操作步驟;修正均分項目輸入框字級過小造成 iOS 對焦時畫面跳動的問題。

v1.0
2026-07-23

首版上線:平均分攤+逐項輸入

無註冊拆帳工具首版上線,兩種算法並存,資料存在瀏覽器本地。

其他作品