Claude Code Log
開發紀錄每一次與 Claude Code 的協作過程,我們都完整保留下來。從需求描述到功能實作,你可以看到真實的對話紀錄、使用的工具、花費的時間,以及我們從中學到的改善建議。
claude code 安裝文章 開發紀錄
Claude Opus 4.6將「非工程師安裝 Claude Code」教學文章從手動安裝流程改造為一鍵自動化安裝。製作 Mac(curl + bash)與 Windows(irm + iex)兩支腳本,自動偵測最新 Node.js LTS 版本並靜默安裝 Node.js、Git 與 Claude Code。過程中討論了腳本安全性(HTTPS 來源、checksum 驗證取捨)、Mac 上用 python3 取代 sed+grep 解析 JSON 的方案、Windows 管理員權限需求,以及以 Warp 終端機為主的操作說明。同步更新了文章的比較表、常見問題、blockquote 樣式,並重新定義終端機版本的兩大優勢:互動式指令與背景工具執行。
電子書閱讀 開發紀錄
Claude Opus 4.6在 Astro 靜態網站中,建立一個電子書閱讀器功能:將指定分類的部落格文章串成連續的閱讀體驗,支援分頁瀏覽、自訂字型/行高/背景色,並提供分類目錄頁。包含閱讀器 UI、鍵盤/滑動翻頁、閱讀進度記憶、章節導覽等功能。
post-claude-code-astro-install 開發紀錄
Claude Opus 4.6延續 Claude Code 架部落格系列第一篇的概念介紹,撰寫第二篇實作文章。目標讀者為非技術人員,內容涵蓋:用 Claude Code 安裝 Astro 的四步流程(建資料夾、開 Warp、cd 進專案、啟動 claude)、專案結構的餐廳比喻解說、選主題/改網站名稱/調選單/新增文章的操作指令、Git 初始化與 GitHub 推送流程、iCloud/Dropbox 備份的問題比較、改壞時的三種還原情境。全程搭配 Warp 終端機截圖,強調所有操作都透過跟 Claude Code 對話完成。
post-claude-memory 開發紀錄
Claude Opus 4.6撰寫一篇給 Claude Code 初學者的繁體中文部落格文章,主題是 CLAUDE.md 與自動記憶機制。要求從 Markdown 基礎概念講起,參考官方文件說明記憶系統的運作方式,並以我們專案的實際 CLAUDE.md 和記憶檔案作為範例。全文面向非技術讀者,避免專業術語,用生活化比喻解釋概念。包含 SEO 關鍵字研究(DataForSEO MCP)、多輪內容修潤、FAQ 和參考連結。
開發 Session Review 開發紀錄
Claude Opus 4.6在 Astro 5 靜態網站中開發 Session Review 功能:解析 Claude Code 的 JSONL session 對話紀錄,產出 iMessage 風格的雙欄視覺化頁面(左側對話泡泡 + 右側統計面板)。包含 Node.js 解析腳本(parse-session.mjs)、Token 估算、工具使用分佈圖、敏感資訊遮蔽、對話分片延遲載入、可嵌入文章的 SessionCard 元件、手機版浮動統計按鈕,以及 /memory/ 列表頁。最後撰寫功能介紹文章並部署。整個流程封裝為 /session-review slash command。