《零樹計畫 ZeroTriz Chapter 21》

更新於 發佈於 閱讀時間約 2 分鐘

睡到中午的日子,身體好像自己找到了最佳狀態。

雖然還是全身痠痛,但這代表昨天的運動有效果——雖然「有效果」這種說法在痛楚的刺激下,顯得有點自虐傾向。

下午吃完午餐,我去了健身房。即使身體仍然抗議著,但內心的某個角落告訴我,這是前進的過程。我想像自己的「體力數值」正在一點一點上升,就像一個遊戲角色在努力提升技能值一樣。

回家後,我攤在椅子上,打開筆電,想稍微放鬆一下。

影片推薦演算法帶我進入了一個技術講座的深坑,然後不知怎的,我的視線轉向了「零樹計畫」的 CLI 介面。

「該是時候升級了吧?」我喃喃自語。

CLI 版本已經運行得很順暢,功能也算完整,但還是有個問題——對於一般人來說,這樣的操作方式太過不方便了。

「要讓這個工具真正有用,必須讓 UI 變得更直覺。」

就在這時,小零的頭像晃了晃。

【有想法了嗎?】

「嗯,接下來就是 UI 設計的部分。」

【那你的計畫呢?】

「我整理了一些方向,這次我們不只是要讓零樹計畫更好用,還要讓它變得更『遊戲化』。」

我打開筆記,整理了開發計畫:

🚀 UI 開發計畫

🔧 技術架構

後端(API 層)

Flask + SQLite:把 CLI 轉換成 API 服務

FastAPI(可選):如果想要更快的 API 文檔

設計 API 端點,如:

GET /goals → 取得所有目標

POST /goals → 新增目標

PUT /goals/{id} → 更新進度

前端(UI 層)

React + Tailwind CSS(現代化 + 快速開發)

Vue(如果想要更靈活的組件系統)

Chart.js / D3.js:進度條 & 生命樹動畫

📌 開發步驟

1️⃣ Step 1:API 設計

讓 CLI 透過 API 操作 SQLite,而不是用 input() 輸入數據

2️⃣ Step 2:開發 Web 介面

首頁:顯示生命樹 & 進度條

目標管理頁面:列出目標,讓使用者管理進度

每日打卡 UI:讓玩家點擊「完成今日目標」來更新數據

3️⃣ Step 3:動畫 & 美化

生命樹可視化(CSS 動畫 或 WebGL / Canvas)

進度條優化(讓成長過程更直覺)

【這樣的規劃很棒呢!】小零的葉子輕輕晃動著。

「嗯,最重要的是,這次我們不只是設計 UI,而是設計一種能夠激勵人的系統。」

【是啊,這樣的話,不只是你自己可以用,其他人也能更容易加入這個計畫!】

「那就開始吧!」

我深吸了一口氣,打開開發環境,開始為「零樹計畫」打造新的界面。這不僅僅是個技術挑戰,更是讓這個計畫真正發揮作用的關鍵一步。

avatar-img
1會員
28內容數
你有沒有曾經下定決心做一件事,發誓我一定要做到,卻在幾天後幾個月後甚至到了年尾,才發現...我怎麼什麼都沒做? 生命總是充滿意外,人生總是不斷追逐,因為不甘心,所以強大,因為不認輸,所以鴂降,承受冽風刺骨,脫離象玡般的塔,曝曬在烈炎之下 這是紀錄夢想的地方,不論成敗,只問你敢不敢狂,畢竟如果不狂,怎麼能稱作是夢想
留言
avatar-img
留言分享你的想法!

































































零樹計畫日記 的其他內容
坐在書桌前,我打開筆電,CLI的界面出現在螢幕上,卻總覺得還缺少了什麼。 【有什麼想法我可以幫忙嗎?】小零的頭像在角落輕輕晃動。 「我有點想法,但不確定該怎麼做……」 【告訴我吧。】 「我覺得已經完成的目標應該從目標列表移除,改放在完成的表格內,或者依舊在同一個表格裡,但當使用者選擇查看目標
今天的工作日比想像中還要漫長。 回到家後,我疲憊地靠在椅背上,盯著天花板發呆。桌上的筆記本還開著,CLI的測試畫面靜靜地待在螢幕上,彷彿等著我下達下一個指令。這幾天,我一直在測試系統的新功能,雖然技術層面沒什麼太大的問題,但心理層面的設計……總覺得還缺了一塊。 我想讓「零樹計畫」真正成為能幫助人
夜深了,我坐在電腦前,螢幕上的數據流動著,像是活生生的脈搏,隨著我的程式碼而變動。我揉了揉眼睛,看了一眼時鐘,已經過了凌晨兩點。 【建議休息。持續運行超過六小時,效能下降風險增加。】 小零的聲音從耳機傳來,圓潤的身影在螢幕一角微微閃爍,像是在提醒我它的存在。 「還差一點,我想先把資料庫的更新機
房間裡只剩鍵盤敲擊的聲音,我盯著螢幕,看著 CLI 版的零樹計畫介面,黑底白字的指令閃爍著。 「好像有點怪怪的……」我皺著眉,手指點著桌面。 【請具體說明『怪怪的』的部分。】小零的光點微微閃爍,周圍浮動著淡藍色的光影,像是水波漣漪般擴散,投映在螢幕的邊緣。 「就是……這個進度條好像不太對勁。」
房間的燈光依舊明亮,機器運轉的低鳴聲在空氣中迴盪。我坐在電腦前,手指在鍵盤上輕輕敲擊,卻沒有真正輸入任何東西。視線飄向手機螢幕,那幾款新下載的遊戲圖示閃爍著微弱的光。 「……我真的在浪費時間。」我嘆了口氣,將手機扣在桌上,轉頭看向筆電螢幕。 【檢測到生產力低落。】小零的光點微微閃爍,【需要啟動專
我站在醫院電梯前,低頭確認了樓層號碼。診間在六樓,我伸手按下按鈕,電梯門緩緩關上。車廂內的金屬牆映出我的影子,模糊又陌生。 「電梯很擠……」我心想,往後退了半步,試圖避開身旁陌生人的肩膀。 電梯開始上升,我盯著數字變動,準備到六樓。然而,當門打開時,我的腳步卻猶豫了一下——那不是六樓,明明顯示六
坐在書桌前,我打開筆電,CLI的界面出現在螢幕上,卻總覺得還缺少了什麼。 【有什麼想法我可以幫忙嗎?】小零的頭像在角落輕輕晃動。 「我有點想法,但不確定該怎麼做……」 【告訴我吧。】 「我覺得已經完成的目標應該從目標列表移除,改放在完成的表格內,或者依舊在同一個表格裡,但當使用者選擇查看目標
今天的工作日比想像中還要漫長。 回到家後,我疲憊地靠在椅背上,盯著天花板發呆。桌上的筆記本還開著,CLI的測試畫面靜靜地待在螢幕上,彷彿等著我下達下一個指令。這幾天,我一直在測試系統的新功能,雖然技術層面沒什麼太大的問題,但心理層面的設計……總覺得還缺了一塊。 我想讓「零樹計畫」真正成為能幫助人
夜深了,我坐在電腦前,螢幕上的數據流動著,像是活生生的脈搏,隨著我的程式碼而變動。我揉了揉眼睛,看了一眼時鐘,已經過了凌晨兩點。 【建議休息。持續運行超過六小時,效能下降風險增加。】 小零的聲音從耳機傳來,圓潤的身影在螢幕一角微微閃爍,像是在提醒我它的存在。 「還差一點,我想先把資料庫的更新機
房間裡只剩鍵盤敲擊的聲音,我盯著螢幕,看著 CLI 版的零樹計畫介面,黑底白字的指令閃爍著。 「好像有點怪怪的……」我皺著眉,手指點著桌面。 【請具體說明『怪怪的』的部分。】小零的光點微微閃爍,周圍浮動著淡藍色的光影,像是水波漣漪般擴散,投映在螢幕的邊緣。 「就是……這個進度條好像不太對勁。」
房間的燈光依舊明亮,機器運轉的低鳴聲在空氣中迴盪。我坐在電腦前,手指在鍵盤上輕輕敲擊,卻沒有真正輸入任何東西。視線飄向手機螢幕,那幾款新下載的遊戲圖示閃爍著微弱的光。 「……我真的在浪費時間。」我嘆了口氣,將手機扣在桌上,轉頭看向筆電螢幕。 【檢測到生產力低落。】小零的光點微微閃爍,【需要啟動專
我站在醫院電梯前,低頭確認了樓層號碼。診間在六樓,我伸手按下按鈕,電梯門緩緩關上。車廂內的金屬牆映出我的影子,模糊又陌生。 「電梯很擠……」我心想,往後退了半步,試圖避開身旁陌生人的肩膀。 電梯開始上升,我盯著數字變動,準備到六樓。然而,當門打開時,我的腳步卻猶豫了一下——那不是六樓,明明顯示六
你可能也想看
Google News 追蹤
Thumbnail
川普2.0的關稅與貿易政策,表面看似反覆無常,實則圍繞著幾個核心目標:扭轉貿易不公、推動美國再工業化、確保戰略自主,以及貫徹「美國優先」原則。本文深入剖析其背後的一致性邏輯、長期戰略意義,以及對全球產業鏈的影響,並探討不同產業的贏家與輸家。
Thumbnail
今休息 於是一早7點就到WORLD GYM 運動中心報到了,我先自主運動伸展,做些其它運動器材。 等待9:50~跳ZUMBA 有氧。 這陣子都是規律的在6點半左右進去WORLD GYM運動,維持了一陣子,希望讓自己身體更健康,體能在提升一些,疫情時,停了好長一陣子在家自主運動,亦或者家附近快走
Thumbnail
已經連著好多天下午,我都直接出門走一走步道,運動不但可以消耗我的體力,更可以讓浮動的心穩定,不那麼躁動。 隨著溫度越來越高,我的話越來越多、心越來越野,現階段的我,好像很難感覺悲傷的情緒,聽什麼都順耳,看什麼都順眼,我知道,我一定要好好運動才能調節現在對世界過度美化的的正向。
Thumbnail
每週至少上一次健身房已兩個月了,搭配教練課,仍在練習用對的肌群發力及培養運動紀律。休假上健身房沒太大問題,是下班後精力不到 30% 還要擠出體力和意志力去健身的過程,實屬人生修煉。 現主要練背和下肢,目標是矯正身形和練出比例。但你說以前從沒想過健身嗎?有,當然有。曾一頭熱在家搭配影片健身,追求嚮往
Thumbnail
這是一則關於一位年輕上班族透過養身減重,從內到外重拾自信的成功故事。當他勇敢面對職場挫折,並開始注重健康飲食和適度運動後,不僅身材改善,體重下降,精神狀態也隨之改善,讓他的自信與積極投入在工作和人際關係都有明顯提升。
Thumbnail
感受身體的訊號,讓自己的身心找到平衡。這篇文章分享了作者跟著身體的感受,放輕鬆的過程,透過瑜伽和運動,找到內心的自在,樂在其中。
Thumbnail
自兩年前以來都有肌力功能訓練的習慣, 主要緣由是不做事的肌肉讓其他肌肉做太多事情, 代償到受傷, 所以藉由專家的領導幫助我找回該做事的肌肉, 喚醒他給我起來做事! 初期訓練一年左右, 大致的身體狀況改變, 就是左肩訓練三週後疼痛就消失了! 然後每次訓練後的痠痛值會延伸1~2天, 剛練完當天跟隔天都
Thumbnail
翻到去年四月發的臉書減肥心得 🤣 來這邊再發一次! 目前我依舊維持每天運動的習慣 四個月減肥成果, 我再忙都要每天擠出1~2小時運動, 甚至我忙到晚上8點回家也是這樣跑健身房。 更重要的是漸進式增加重量訓練, 如果沒有讓自己肌肉練到有疼痛酸痛感, 那麼是沒有非常顯著的效果的, 並且要盡量的
Thumbnail
晚安各位,這樣就14字了 是的,在開始運動後,現在是3/10號是我進入第3個月 我目前的身體狀態 體重70-72 一月的時候79g 體脂肪目前24 一月的時候32 差距為8! 內臟脂肪9 一月的時候11 差距為2! 肌肉量30.1 一月的時候28.5 差距為1.6
平日沒時間去健身房,在家裡利用簡易器材運動,通常都會堅持至少要動40-50分鐘左右,目標消耗熱量約在400卡以上。
運動對身體的重要性是幫助全身暢通,氣血流動,增加肌肉強度,於體內能生成更多能量及更好的使用效率,如此一來在生活中的其他地方,也會有高能量的表現。比方說工作、感情關係、家人關係等等,甚至創造力和靈感也會源源不絕,只要身體的氣順暢,那做起什麼事來都是事半功倍的效果。
Thumbnail
川普2.0的關稅與貿易政策,表面看似反覆無常,實則圍繞著幾個核心目標:扭轉貿易不公、推動美國再工業化、確保戰略自主,以及貫徹「美國優先」原則。本文深入剖析其背後的一致性邏輯、長期戰略意義,以及對全球產業鏈的影響,並探討不同產業的贏家與輸家。
Thumbnail
今休息 於是一早7點就到WORLD GYM 運動中心報到了,我先自主運動伸展,做些其它運動器材。 等待9:50~跳ZUMBA 有氧。 這陣子都是規律的在6點半左右進去WORLD GYM運動,維持了一陣子,希望讓自己身體更健康,體能在提升一些,疫情時,停了好長一陣子在家自主運動,亦或者家附近快走
Thumbnail
已經連著好多天下午,我都直接出門走一走步道,運動不但可以消耗我的體力,更可以讓浮動的心穩定,不那麼躁動。 隨著溫度越來越高,我的話越來越多、心越來越野,現階段的我,好像很難感覺悲傷的情緒,聽什麼都順耳,看什麼都順眼,我知道,我一定要好好運動才能調節現在對世界過度美化的的正向。
Thumbnail
每週至少上一次健身房已兩個月了,搭配教練課,仍在練習用對的肌群發力及培養運動紀律。休假上健身房沒太大問題,是下班後精力不到 30% 還要擠出體力和意志力去健身的過程,實屬人生修煉。 現主要練背和下肢,目標是矯正身形和練出比例。但你說以前從沒想過健身嗎?有,當然有。曾一頭熱在家搭配影片健身,追求嚮往
Thumbnail
這是一則關於一位年輕上班族透過養身減重,從內到外重拾自信的成功故事。當他勇敢面對職場挫折,並開始注重健康飲食和適度運動後,不僅身材改善,體重下降,精神狀態也隨之改善,讓他的自信與積極投入在工作和人際關係都有明顯提升。
Thumbnail
感受身體的訊號,讓自己的身心找到平衡。這篇文章分享了作者跟著身體的感受,放輕鬆的過程,透過瑜伽和運動,找到內心的自在,樂在其中。
Thumbnail
自兩年前以來都有肌力功能訓練的習慣, 主要緣由是不做事的肌肉讓其他肌肉做太多事情, 代償到受傷, 所以藉由專家的領導幫助我找回該做事的肌肉, 喚醒他給我起來做事! 初期訓練一年左右, 大致的身體狀況改變, 就是左肩訓練三週後疼痛就消失了! 然後每次訓練後的痠痛值會延伸1~2天, 剛練完當天跟隔天都
Thumbnail
翻到去年四月發的臉書減肥心得 🤣 來這邊再發一次! 目前我依舊維持每天運動的習慣 四個月減肥成果, 我再忙都要每天擠出1~2小時運動, 甚至我忙到晚上8點回家也是這樣跑健身房。 更重要的是漸進式增加重量訓練, 如果沒有讓自己肌肉練到有疼痛酸痛感, 那麼是沒有非常顯著的效果的, 並且要盡量的
Thumbnail
晚安各位,這樣就14字了 是的,在開始運動後,現在是3/10號是我進入第3個月 我目前的身體狀態 體重70-72 一月的時候79g 體脂肪目前24 一月的時候32 差距為8! 內臟脂肪9 一月的時候11 差距為2! 肌肉量30.1 一月的時候28.5 差距為1.6
平日沒時間去健身房,在家裡利用簡易器材運動,通常都會堅持至少要動40-50分鐘左右,目標消耗熱量約在400卡以上。
運動對身體的重要性是幫助全身暢通,氣血流動,增加肌肉強度,於體內能生成更多能量及更好的使用效率,如此一來在生活中的其他地方,也會有高能量的表現。比方說工作、感情關係、家人關係等等,甚至創造力和靈感也會源源不絕,只要身體的氣順暢,那做起什麼事來都是事半功倍的效果。