kiwi walk

kiwi walk

一隻奇異鳥的散步與探索

Latest

Claude Code 側欄:一個主 session 底下掛著九個 issue session

kiwi-walk我發想、AI 完善 issue,平行處理,生產力暴增

部落格的想法先記成一句話的 GitHub issue,AI 確認過 codebase 再把它補完,我在 issue 留言裡跟 AI 來回,而且一定要有 mermaid 流程圖與 mockup。三個狀態 label 分工:ai-enhanced 是 AI 負責,approved 只有我能設,進入 approve 就代表我認可這份 plan,交給新的 Claude Code session 實作、發 PR 附上驗證。approved 的 issue 一次開三個 session、各自一個 worktree 平行做,做完再請同一個 session 把過程寫成文章。

November 11, 2026 · 7 分鐘
kiwi-walk 的 /blogs/ 總覽,8 個分類的奇異鳥 logo 排成兩列

kiwi-walk分類 logo 從 883 KiB 瘦到 114 KiB,載入速度大大提升

/blogs/ 那 8 隻奇異鳥 logo 只顯示 108px,卻每隻都是 200 多 KB 的 PNG。這篇記錄怎麼換成 R2 上 128px/256px 的 WebP、為什麼沒用 srcset,以及讓上傳腳本以後自動把文章圖縮到 1400px 並轉 WebP。

November 10, 2026 · 7 分鐘

從來來回回到共同語言,減少 AI 協作瓶頸

和 AI 一起做 side project,卡住的不是執行,是需要我放行的審閱段。UI 和功能都一樣,需求要看到實體才會明確,所以來來回回很多;這些來回分成兩種:補上漏講條件的補條件輪可以事先省掉,看到失敗版本才接受妥協的說服輪省不掉。

November 9, 2026 · 4 分鐘
Lighthouse 無障礙分數四個頁面從 95、96 升到 100;次要文字

kiwi-walk強化網站顏色對比,拉高無障礙分數到 100

PageSpeed 給 kiwi-walk 的無障礙分數是 95,扣分來自文字對比不足和 role=presentation 衝突。這篇記錄怎麼找到真正失敗的那一組顏色:對比在文章頁是過的,失敗的是 PaperMod 讓列表頁換了一個底色;怎麼在不改整體色系的前提下挑新的次要文字色和程式碼註解色,以及 logo 上一個 aria-label 為什麼會讓圖片「角色衝突」。四個頁面都升到 100。

November 8, 2026 · 7 分鐘
blog-seo-audit 本地 Lighthouse 6 次中位數:改前 gtag/js 在 head、10 ms 開始請求,load 1697 ms;改後 load 602 ms,gtag/js 在 load 之後才請求。FCP 1.50 → 1.21 s,LCP 1.80 → 1.80 s,Unused JS 72 → 72 KiB

kiwi-walk將 GA 延後載入,load 有提早,但 unused JS 卻沒下降

PageSpeed 說我有 72 KiB 沒用到的 JavaScript、10 KiB 舊式 JavaScript。把 GA 的 gtag/js 移到 window load 之後、只在正式 build 載入,load 提早約 1.1 秒、FCP 小幅改善;但 Lighthouse 照樣量到 72 KiB,而那 10 KiB 根本是 Cloudflare 的 beacon。第一次拿兩個不同 host 比出來的 LCP 進步,換成同條件 A/B 也不見了。

November 7, 2026 · 7 分鐘
全部文章 →