[心得] 支持個人化的寵物熱量計算、保存器

[sali60606 (lazyblue)]

各位貓友好～
先上網址 https://thepetslover.netlify.app/

先提醒大家目前網站沒有使用雲端伺服器
iOS有7天沒有使用網站會清除紀錄的限制
目前的解法是將網站加到手機背景
據說可以避免這個狀況
但仍要提醒大家不能保證百分之百
所以很重要！
1.網站加到手機桌面，變成像app那樣
https://i.ibb.co/SwxW1J0J/1.jpg
2.紀錄記得隨手存成圖片
3.如果很希望這個網站可以一直使用的人，也要記得把資料匯出

我希望未來這個網站如果大家覺得很好用，他可以長長久久的被使用下去
雖然要達到這件事，未來可能會需要付費，免費版是現在這個（有iOS七天登入限制、有
網站托管平台流量限制），付費版放雲端伺服器上
不過這都是以後的事了
我們先珍惜著使用吧

7/18更新
1.新增多寵管理功能，可以新增分頁，並且長按分頁標籤可以拖曳改變排序
2.滑一下換分頁不用滑到最上面點選，使用方式就跟現在的手機一樣
3.照護筆記裡多加體重輸入的選擇，可選在家中量還是醫院量
4.記錄一覽預設顯示的是「今日紀錄」，開放月曆功能，使用方式跟選機票一樣，可以選
擇要看哪一天或哪一段日期區間的資料，底下的起迄日會隨著使用者選擇的時間自動判定
更新，
無需手動選擇，但點選後可以手動介入。
選擇想要的時間區間之後，區間總計會出現那段時間的總熱量與總水量，可以選擇是否要
把這
個資料存成一筆「摘要紀錄」，選擇儲存的話，這一筆紀錄就會出現在記錄一覽資料中，
使用者選擇訖日的最後一筆熱量或水量的時間底下
https://i.ibb.co/PspnkZH8/1.jpg

會加入區間選擇功能不是因為看著潮，是因為當寵物生病的時候如果需要吃藥或打針，醫
生都會要求控制寵物某一固定時間內的熱量，
比如牠現在就是每12個小時要吃固定的東西、固定的熱量，這個功能可以滿足不同使用者
的不同需求，不管你是需要看8個小時、10個小時還是12個小時，系統都會自動幫你算出
這段時間的總熱量水量，非常彈性



示意圖
熱量欄位
https://i.ibb.co/hxtzXZ9G/1.jpg

水量欄位
https://i.ibb.co/DHjjZdtP/1.jpg

照護筆記
https://i.ibb.co/4wcZn1L5/1.jpg

紀錄一覽 以上資料保存後會出現在這裡 
日期底下的紅點代表那一天有紀錄
https://i.ibb.co/LDTK6nGS/1.jpg

自訂時間區間會隨著你在日曆上面選的日期自動更新
熱量水量紀錄圖和體重紀錄圖會隨著你的選擇即時更新重畫
https://i.ibb.co/VY3JzNhp/1.jpg
資料圖像化閱讀更方便

也可以將以上資料和圖表一起儲存成圖片或PDF
https://i.ibb.co/fdbfsJM4/1.jpg

最後是版主說明："阿藍說 但我最近一次更新忘記把內容放進去了。
-

因為我有一隻20歲左右的老貓，經歷甲亢、腎衰，現在糖尿病，每一次面對新的疾病都是
手忙腳亂，重新學習時間的安排、餵食的內容、甚至還要打針。

每次疾病發生的時候，都要嚴格的計算熱量、水量、精神的狀況，真的是嫌人不夠忙，一
波下去直接老五歲。

所以我做了一個網站，不會收集你任何的個人資料、不用付費，打幾個字就可以完成一個
專屬你家寵物的照護記錄工具。

目前網站的功能包括：自動計算熱量、自動計算水量、鍵入文字記錄，以上功能支援保存
在網站上，也支援將保存紀錄下載成圖片到手機中，並且會顯示每一筆資料的時間。

以後不用再拿計算機按一堆數字、不用再找紙筆把這些數字抄下來，或者開好幾個記事本
記好幾天的事情。醫生問你家帥哥美女哪一天吃了多少熱量？喝了多少水？打完針餵完藥
後精神
狀況怎麼樣？不用再怕紀錄困難而回答不出來。

網站目前一直持續的在更新，使用中遇到任何的bug先說聲抱歉，但請你放心我自己每天
都在使用，所以有任何臭蟲我自己都知道，會在token恢復時依重要順序去修正的！
希望能成為你們最好的照護夥伴之一。（保證內文無任何廣
告、宣傳、醫療建議、商業連結）

7/16
1新增了版主說明 "阿藍說 以後有任何功能異動會直接在上面公告
2紀錄圖功能完成，下載圖片時圖表會一併存入

7/15
1.儲存圖片、PDF功能新增完畢（已修復）
2.新增匯出完整備分跟匯入功能，目前匯出是確定可以，匯入沒有執行過。這個功能是怕
我在修正網站的過程中不小心害大家把已經存好的資料給消失了，多這一個東西可以讓大
家把目前網站上，你們設定好的所有內容都保存下來，萬一那一天我手殘或是AI殘，還能
夠自救。或者如果你們要換手機，資料就可以帶著走。
3.新增版權聲明
4.「照護筆記」欄位新增完畢

之後希望加入的重點項目：熱量水量趨勢曲線圖
還有很多很多很多很多小細節，繼續加油

我想會需要用到這一個東西的時候，往往代表
著我們的寵物需要很密集的監護，你們應該
很累了吧。希望這個網頁可以讓大家照護起來
更輕鬆，只要無腦的輸入就可以了！你不孤
單！

希望貓貓可以再陪我們很久很久
https://i.ibb.co/DgtdCkCm/1.jpg
-----
Sent from MeowPtt on my iPhone


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.137.47.76 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/cat/M.1784007589.A.EDE.html
推 kmtboxer: 推推～J人可憐老母的照表操課餵逆女很需要這個
→ sali60606: 我自己現在使用起來覺得還算方便，如果你在使用上
→ sali60606: 有遇到什麼覺得可以更好的地方可以告訴我喔
→ sali60606: 另外就是需要在原設備原瀏覽器開啟喔，如果轉移設
→ sali60606: 備或轉移瀏覽器網，站的資料不會保留，要重新設定
→ sali60606: 。所以用得到的人，建議把這個網站存在自己習慣用
→ sali60606: 的瀏覽器裡面，看是Safari還是Google，以後就用這
→ sali60606: 個瀏覽器開。不同手機電腦也沒辦法互通。
推 little400400: 推！你好用心
→ sali60606: 我一直在修改，所以現在基本功能都沒有問題，但還
→ sali60606: 有細節可以更好，包括配色、包括讓紀錄可以儲存成
→ sali60606: 圖片或pdf檔的可能性，這樣給醫生看多方便啊（茶！
→ sali60606: ）目前token用完了，明天繼續做！對了，觀察我記事
→ sali60606: 本之後，我新增了一個欄位可以打文字註解，按下保
→ sali60606: 存後會進入到今日紀錄當中，這樣一字排開可以很明
→ sali60606: 確的看到幾點做了什麼事，之後又發生了什麼事；也
→ sali60606: 添加了日期，這樣萬一前一天沒有清除紀錄，隔天直
→ sali60606: 接使用，也不用擔心搞混
→ sali60606: https://i.ibb.co/23XbFS3v/1.jpg
→ sali60606: https://i.ibb.co/nM9bWNXm/1.jpg
※編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 02:17:47
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 02:18:34
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 02:25:00
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 02:25:28
推 purplism: 太感謝了！我家貓咪前天確診腎衰，剛好這個禮拜開始記    07/15 10:24
→ purplism: 錄這些東西，以及排便排尿狀況，真的有很大幫助          07/15 10:24
→ sali60606: 剛剛新增了下載圖片功能，但有狀況還未完成，大家
→ sali60606: 再等等
→ sali60606: https://i.ibb.co/kVfkWJ7H/1.jpg
→ sali60606: 現在有這個下載文字紀錄的功能，也就是說大家可以
→ sali60606: 直接把這個區塊的內容存成圖片，這樣子要拿去醫院
→ sali60606: 給醫生看也很方便。只是如果仔細看會發現排版上面
→ sali60606: 有問題，目前無法排除，大家先將就吧
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 13:07:37
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 13:30:14
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 13:34:14
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 13:37:17
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 13:53:11
推 phillisspear: 謝謝分享！！！
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 16:20:29
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 16:22:39
→ sali60606: 也謝謝你使用。阿對不起下載圖片的功能壞掉了，晚       07/15 16:27
→ sali60606: 上九點後才能夠再修，但是其他功能都正常使用，請
→ sali60606: 大家包涵
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 16:36:21
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 16:37:21
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/15/2026 22:24:40
※ 編輯: sali60606 (220.136.80.139 臺灣), 07/16/2026 14:52:49
→ sali60606: 所有既存功能的障礙都已經修復
→ sali60606: 網站上已經多了一個選項是可以看版主說明               07/16 14:55
→ sali60606: 往後我就不在這裡更新網站的狀況了
→ sali60606: 我目前在規劃分頁，看能不能實現多寵管理
→ sali60606: 祝我好運
→ sali60606: 大家如果覺得這個東西好再幫我推廣出去吧
→ sali60606: 祝你們健康快樂平安
※ 編輯: sali60606 (223.140.190.212 臺灣), 07/16/2026 15:23:40
※ 編輯: sali60606 (223.140.190.212 臺灣), 07/16/2026 16:30:07
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 17:57:40
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 18:21:42
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 18:22:15
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 18:27:39
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 18:29:43
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 18:30:19
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 18:35:52
※ 編輯: sali60606 (220.136.80.74 臺灣), 07/18/2026 19:01:15