Coolkid mascot CoolkidLab Build in Public. Level up together.
首頁新手教學免費工具AI 新聞GitHub 精選陪跑服務關於

新手教學 · AI Agent 實戰 · 交易日誌 App step-by-step

我用 AI 幫自己做了一個交易日誌:一個交易者真的會每天打開的工具

閱讀
摘要

短答給趕時間的人:不會寫程式也做得出來。我是全職交易者,用 Claude Code 做了一個交易日誌,再做成 PWA(用網頁做的 App,可以加到手機桌面點開)。30 到 60 分鐘跑完,中間改了 3 到 5 輪。差別在需求怎麼寫。直接說「幫我做一個交易日誌」,AI 會給你一個欄位塞滿、打開一次就不想再開的東西。先寫開盤前、進場時、平倉後、週末檢討這 4 個使用情境,各自要看什麼、要記什麼,寫完再叫 AI 動手。資料存在自己手機裡,沒有伺服器也沒有訂閱。本工具僅供個人記錄,不構成投資建議。

我是一個全職交易者,不會寫程式。

每天要記交易、看勝率、檢討情緒,還要回顧策略。

Excel、Notion、Google Sheets 我都試過,每一個都卡卡的,就是不對。

後來我用 自己做了一個 交易日誌,做到每天真的會打開的程度。

這篇把整個流程重整成一步一步的做法,讀完你手上會多出三樣東西。

一份用「使用情境」寫出來的工具需求清單。

一個能在手機桌面像 App 一樣打開的 PWA,還有一個只屬於你、別人偷不走的個人工具。

範例是交易日誌,但任何「現成工具總差一點」的個人需求都套得上,像是閱讀記錄、健身追蹤、運勢日記、創作素材庫。

30-60 分鐘可以全部跑完。

前置條件有四個:Claude Code 已經裝好,資料夾路徑是英文,有 帳號,有 帳號,後面兩個都免費。

本範例工具僅供個人使用,不構成投資建議,也不推薦任何金融商品。

什麼時候該自己做工具,什麼時候用現成的?

如果你符合下面任 2 條以上,自己做會比現成工具好用。

這 5 條我自己都中。

Excel 在手機上很難打,Notion 的統計要自己手刻,Google Sheets 沒辦法記情緒這種半結構化的資料。

市面上「給 1000 個人用的工具」一定有妥協,自己做「只給你 1 個人用的工具」,可以剛好對位。

這個落差,就是用 Claude Code 做工具的甜蜜點。

怎麼用「使用情境」設計一個你會每天打開的工具?

新手最容易犯的錯,是直接叫 AI「幫我做一個交易日誌」。

AI 會做出一個,但介面塞得很滿,欄位一大堆,打開一次就不想再打開了。

問題出在哪?多半是你給的需求太抽象,跟 AI 寫得好不好無關。

該做的是先寫「使用情境」,再叫 AI 動手。

每天會怎麼用、什麼時候打開、那一刻最需要看到什麼,把這些寫成具體場景再餵給 AI。

那要怎麼寫?下面是我自己在用的 4 個情境模板。

  1. 情境 1,開盤前。要看什麼資訊,才能讓我準備好今天的交易?例如昨天的勝率、上週的累計盈虧、最近 3 筆交易的情緒紀錄。
  2. 情境 2,進場時。要記什麼,之後才檢討得動?例如標的、進場價、停損、為什麼進場(一句話),還有進場時的情緒。
  3. 情境 3,平倉後。要記什麼,統計才有意義?例如盈虧、有沒有按原計畫走、出場時的情緒。
  4. 情境 4,週末檢討。要看什麼,下週才改得動?例如勝率走勢、情緒對盈虧的影響、最賺錢跟最賠錢的策略。

把這 4 個情境寫清楚再給 AI,做出來的東西會是「給每天用的人」設計的。

不是「給資料完整」設計的。

一個工具會不會被打開,關鍵在有沒有貼近你每天的動線,跟功能齊不齊全關係不大。

其他領域的需求也一樣,健身、閱讀、運勢都可以套這 4 個情境,把「交易」換成你的主題就好。

交易日誌 PWA 怎麼從 0 做到 100?(5 步做完)

下面用「交易日誌」當範例,把 5 步完整走一次。

範例是交易,但任何「個人記錄類工具」都套得上,閱讀記錄、健身追蹤、運勢日記、創作素材庫,把功能名稱換掉就好。

  1. 步驟 1,把第 2 節的 4 個情境寫成需求文件給 AI。在 Claude Code 輸入:「我想做一個 PWA 個人日誌。使用情境有 4 個:[貼上你寫的 4 個情境]。資料用 LocalStorage 存就好,不需要。請建 index.html、app.js、style.css,用 Tailwind CSS。手機優先設計,桌面也要能用。不要規劃,直接建檔。」
  2. 步驟 2,在自己電腦看效果。把資料夾裡的 index.html 雙擊用瀏覽器打開,跑一次完整的使用流程,開盤前查、進場記、平倉記、週末看統計。任何一步覺得卡,就截圖丟回 Claude Code,說「這裡卡住了,應該改成 ___」。改個 3-5 輪,你會跑出真的順手的版本。
  3. 步驟 3,加圖表。叫 AI 用 Chart.js 加 3 個圖,累積盈虧曲線、勝率走勢、情緒對盈虧的散點圖。一句指令:「加 Chart.js 圖表,3 個圖:1) 累積盈虧,2) 勝率走勢,3) 情緒對盈虧。資料來源是 LocalStorage 已經存好的交易紀錄。」
  4. 步驟 4,加風險控制警示。叫 AI 加上「日損超標跳警告」「週損超標鎖介面」這種硬規則。對交易者來說,這個比統計圖還重要,可以強迫自己停損停手。一句指令:「加日損 -X% 跳全螢幕紅色警告,週損 -X% 鎖定新增交易功能 7 天,X 自己定義。」
  5. 步驟 5,到 Vercel,再加到手機桌面。推上 GitHub,Vercel 連專案,按 Deploy,細節看「第一次用 AI 做網站」第 6 節。手機用 Safari 或 Chrome 打開 .vercel.app 網址,按分享,加到主畫面。下一節教怎麼做成真的像 App。

跑完這 5 步,你會有一個能在手機桌面像 App 一樣打開的個人日誌。

30-60 分鐘可以全部跑完。

資料存在 LocalStorage,等於只在你自己手機裡,沒有伺服器、沒有訂閱,別人也偷不走。

怎麼把網頁做成像 App 一樣加到手機桌面?

PWA 的全名是 Progressive Web App,作用是讓網頁假裝自己是 App。

加到手機桌面之後有自己的圖示,點下去全螢幕打開,不會看到瀏覽器的網址列。

對個人工具來說,PWA 就夠用了,不需要真的去開發 iOS 或 Android App。

做 PWA 需要 3 個檔案,叫 AI 一句話就能搞定。

指令是:「請把這個專案改成 PWA,加 manifest.json 跟 sw.js,圖示先用一個漸層方塊頂著,之後再換。manifest 設成 standalone 模式,主題色自己挑。」AI 會自動把檔案建好。

一個能用的 PWA,必備下面 3 件事。

  1. manifest.json,定義 App 名稱、圖示、開啟方式、主題色。standalone 就是全螢幕,不顯示瀏覽器工具列。
  2. sw.js,也就是 service worker,讓 App 就算離線也能打開,這是 PWA 必備的。
  3. 在 index.html 的 <head> 加上 <link rel="manifest"> 跟相關的 <meta> 標籤

怎麼確認 PWA 真的在跑?

手機用 Safari 打開 .vercel.app 網址,按分享,只要看得到「加入主畫面」這個選項,設定就是對的。

加完之後從桌面點圖示,打開來像 App,沒有網址列跟 Safari 工具列,就成功了。

做給自己用跟做給市場用,差別在哪裡?

用 Claude Code 做工具最大的優勢,是「可以做別人覺得沒道理的功能」。

因為這個工具是給你自己用的,不是給市場用的。

差在哪裡?下面攤開來看。

我自己的交易日誌,有一頁是拜財神加抽籤的地方。

做交易的人會懂,這是儀式感跟定錨。

給市場做的工具不會放這種東西,給自己做的就可以,而這個差別,決定了你會不會每天打開。

不想自己做、想直接被帶怎麼辦?

上面這套自己跑大概 30-60 分鐘,前提是有耐心,而且願意改個 3-5 輪。

如果你符合下面任何一條,可能就不適合自己跑。

可以找「不想自己研究我教你」這個服務(規劃中)。

一對一帶你從需求釐清、4 個情境設計、Claude Code 操作,到 PWA 部署整套跑完。

好處是不用自己找問題、不用看長文,卡關有人帶,5 分鐘就解掉。

代價很直接,就是要付費。

適合沒時間自己研究、想直接拿到專屬工具,或是卡關就會放棄的人。

用 Claude Code 做個人 PWA 交易日誌的完整做法:1) 決策框架,5 條中 2 條就值得自己做。2) 用 4 個使用情境寫需求,分成開盤前、進場時、平倉後、週末檢討,不要直接叫 AI 寫程式。3) 5 步建出 PWA,從寫需求、在自己電腦調、加圖表、加風險警示,到部署再加到手機桌面。4) PWA 必備 3 個檔案,manifest.json、sw.js,還有 head 裡的相關標籤。5) 給自己用跟給市場用的差別,一個是剛好對位,一個是對 1000 人妥協。30-60 分鐘可以全部跑完。範例是交易日誌,閱讀記錄、健身追蹤、運勢日記都套得上。本工具僅供個人使用,不構成投資建議。

名詞解釋

PWA(漸進式網頁應用)
讓網頁能「安裝」到手機桌面、像 App 一樣全螢幕開啟的技術,不用上架 App Store。
Claude Code
Anthropic 推出的 AI 寫程式工具,裝在自己電腦的終端機裡,能直接讀寫你的檔案、跑指令,把你用中文描述的需求做成真的網站或工具。
AI 代理(AI agent)
會「動手做事」的 AI:自己讀檔案、寫程式、跑指令、修錯誤,你只負責描述需求跟監督方向。跟只會「回答問題」的聊天機器人是兩種東西。
Vercel
把網站免費發佈到網路上的服務:接上 GitHub 後,每次推程式碼就自動更新網站,個人專案免費方案就夠用。
部署(deploy)
把做好的網站或程式「推上線」讓所有人用得到的動作。
資料庫(database)
專門儲存、查詢大量資料的系統。網站的會員、留言、紀錄都放這裡。
Supabase
免費起步的雲端資料庫服務,提供資料庫+登入驗證+API,個人專案很夠用。
GitHub
放 Git 程式碼的雲端平台,也是全世界開源專案的集散地。程式碼推上去之後可以接自動部署。

全站名詞表 · 161 條 →

不想錯過 Lab 的新文章?
訂閱後有新文章上線,就寄信通知你,
點有興趣的進來看就好。

填 email 就完成訂閱(信由 Substack 代寄)、隨時取消、不轉賣 email。

如果內容對你有用就太好了
隨喜斗內

Buy Me a Coffee at ko-fi.com
NEXT CHAPTER ▸ 第一次用 AI 做網站:非工程師的真實心路歷程

▸ 常見問題

用 AI 做個人工具要會寫程式嗎?

不需要。用 Claude Code 這類工具的時候,你的角色是把使用情境寫清楚,再驗證做出來順不順,不是自己寫每一行程式碼。我是全職交易者,完全沒有寫程式背景,30-60 分鐘就能做出一個在手機桌面像 App 一樣用的個人日誌。真正要學的是「使用情境設計法」,看本文第 2 節,不是學程式語言。

PWA 是什麼?跟 App 有什麼差別?

PWA 的全名是 Progressive Web App,是用網頁技術做出來的 App。可以加到手機桌面,有自己的圖示,點下去全螢幕打開,看起來跟用起來都像 App。差別在這裡:iOS 或 Android 的真 App 要寫 Swift 或 Kotlin,要過 App Store 審核,還要繳開發者費用。PWA 用 HTML、JS、CSS 做,直接從網址加到桌面,零審核零費用。對個人工具來說,PWA 就夠用了。詳細怎麼做看本文第 4 節。

交易日誌資料存在哪裡安全?

個人用建議用 LocalStorage,存在自己手機或電腦裡,零雲端零訂閱,別人偷不走,缺點是換裝置要重新匯入。要多裝置同步,可以接 Supabase(免費 500 MB)或 Firebase。最不建議的是放在別人的 SaaS 工具裡,一旦停止服務或漲價,你的資料就被綁住。我自己用 LocalStorage 加上每個月手動匯出一次 JSON 備份,3 年沒掉過資料。

AI 做的工具可以加到手機桌面嗎?

可以,做成 PWA 就行。需要 3 個檔案:manifest.json 定義 App 名稱跟圖示,sw.js 也就是 service worker,讓離線也能打開,還要在 index.html 的 head 加 link rel='manifest'。叫 Claude Code 一句話搞定:「請把這個專案改成 PWA,加 manifest.json 跟 sw.js,圖示自動生成。」做完之後手機用 Safari 或 Chrome 打開網址,按分享,加入主畫面。詳細看本文第 4 節。

為什麼直接叫 AI「做一個交易日誌」效果很差?

因為需求太抽象,AI 會做出一個資料很完整、但介面塞得很滿的東西,打開一次就不想再打開。該做的是先寫「使用情境」,再叫 AI 動手。每天什麼時候會用,那一刻最需要看到什麼,把這些寫成具體場景再餵給 AI。我自己用 4 個情境當模板,分別是開盤前、進場時、平倉後、週末檢討,套到任何主題都通用。詳細看本文第 2 節。

做給自己用的工具沒辦法賺錢嗎?

個人工具有 3 條變現路。第一條,把製作過程公開記錄下來,吸引同樣需求的人付費請你帶他做。第二條,把工具開源放在 GitHub,累積技術上的名聲,之後接案或求職都用得到。第三條,工具夠成熟之後把個人化的部分抽掉再公開,做成 SaaS,這條最難,不建議當第一目標。我自己走第 1 條,把交易日誌的製作過程拆成公開記錄的內容,吸引同樣是交易者、又想用 AI 做工具的人來看。商業是副作用,主軸還是工具自己用。

看完這篇之前先確認:

適合你
  • 想做給自己每天用的小工具
  • Excel / Notion 都不夠貼合使用情境
  • 願意打磨細節到「我自己會打開」
不適合
  • 想做給市場用的 SaaS 產品
  • 沒有「每天會打開」的使用情境
  • 想一次到位 不願意迭代的人

心裡已經有一套進出場規則、只是還在手動盯盤的話,可以看自動化交易系統陪跑(試營運價 NT$ 5,000)。只教方法不給策略,不提供投資建議,也不保證獲利。

← 回新手教學 · 看「做出作品」這個主題

⚠ 本站所有內容僅供教育與研究用途,不構成投資建議,不保證任何獲利。投資有風險,使用者須自行判斷並承擔結果。
TAO 道 · Hikari Zen YouTube ↗
音樂透過 YouTube 播放
♪ TAO 道 · Hikari Zen — Japanese Zen Music(YouTube)