kiwi walk

kiwi walk

一隻奇異鳥的散步與探索

Latest

旅行頁改版前後對照:左邊是改版前,頂部有外層分頁列「行程紀錄|行前指南」,指南裡又有一列「地區|行程推薦|備註」,再下面是大標題;右邊是改版後,頂部只有一列,左上是兩行的 logo,中間是時間軸樣式的日期,右邊是漢堡選單按鈕

Day22 [travel-storage] 旅途中只開一頁:行前指南升成主角,去過的店寫回指南,頁首告訴我還剩幾天

旅行頁原本以「回來後的紀錄」為主,行前指南只是一個原樣保留的內嵌分頁;實際用下來我只看指南。這次的目標是四件事:少切頁面、打開就是當天的建議行程、旅途中記下去了哪就同步回指南(之後找店先列還沒去的,回來後的整理也直接在上面做)、頁首講清楚還剩幾天。記錄的取捨有:指南的分項攤平成頁首導覽、手機用漢堡選單(下拉選單被我否決),地點總表併進指南、新店只能加在清單尾端,頁首日期併進原本那一列、改成時間軸;另外用地址補座標的腳本把每家店畫進示意圖,太遠或沒座標的用虛線圈。踩到的坑有:合併時一刀切掉一個函式導致整頁空白、記住的舊分頁讓預設頁失效、平滑捲動讓切分項看起來沒反應、手機上一列塞不下日期、只靠店名幾乎查不到座標。

October 6, 2026 · 16 分鐘
手機上行前指南的三種狀態:左邊頂部疊著三層固定列(外層分頁列、地區/行程推薦/備註、選擇日期);中間是往上滑一點時,只有日期列貼在最上面;右邊是往下滑時三層都收起,行程內容填滿整個畫面。行程文字已模糊處理

Day21 [travel-storage] 手機上內容與導覽搶畫面:固定列往下滑就收起;「吃」再分一層,資料由我丟給 AI 統整

手機看行前指南時,頂部疊了三層固定列、約 190px。記錄為什麼選「往下滑收起」而不是壓縮高度、往上滑時再分兩段(滑一點只露出日期列,滑多才全部回來),為此破例改了說好原樣保留的指南樣式,以及讓收起不惱人的幾條規則:靠近頂端一定顯示、小於 8px 不判斷、捲到底的回彈不算往上滑、看不見的列鍵盤也碰不到。另一條線是地點總表的「吃」加上子分類與篩選按鈕:選項太少時 AI 可以上網補,但來源不明是隱憂,所以我改成自己丟資料給 Claude、由它查證與統整。

October 5, 2026 · 14 分鐘
/projects/ 卡片三個階段對照:修正前 Art-Tracking 的直式截圖照原比例撐開,整列卡片被拉長;第一輪每張封面固定成 4:3;第二輪小卡只剩封面、標題、描述與最新開發紀錄,封面換成 icon

Day20 [kiwi-walk] 寫了 aspect-ratio,卡片還是被截圖撐到 985px:把圖片拿出文件流

/projects/ 的卡片明明寫了 aspect-ratio,Art-Tracking 還是被一張直式截圖撐到 985px:封面是 column flex 的子項目,圖片的 height 100% 對不到確定的高度,修法是把圖片改成絕對定位。另外記錄封面比例選 4:3、手動 weight 排序、Archived 分區、自動連到最新一篇開發紀錄、為了漢堡選單複製一份 PaperMod header,以及上線後第二輪把小卡精簡、封面從截圖換成 icon。坑包括只讀 CSS 就誤判、漏一行 project 讓最新一篇指錯、背景分頁量到 0×0、拿掉一層包裝後標題被主題蓋成 24px。

October 4, 2026 · 15 分鐘
東京旅行頁在手機上的每日實際行程:9/7 因大雨改走雨天線,頂端一條黃色提示寫著熱海取消;去了的景點是綠點,沒去的劃線並標「沒去」,看完展順道去的瞭望台標「計畫外」

Day19 [travel-storage] 一趟旅行只用一頁:出發前、旅途中、回來後都改同一份資料區

新專案 travel-storage:跟 Claude 一起排行程,每趟旅行做成一個自含式 HTML,放成一個私人網站。這篇記錄旅行頁怎麼設計成「一頁走完一趟旅行」:模板照行前指南還是回來後的全紀錄、行程項目用 done/plan/skip 等狀態從計畫走到實際、行前指南原樣內嵌而不是拆掉重寫、總覽頁對還沒結束的旅行只給出發日期(網址也不帶地名)、旅途中「先在對話回選項,挑了才寫進頁面」的更新流程,以及離線快取的代價。

October 3, 2026 · 10 分鐘
主目錄只留給 Obsidian 看,每個 Claude session 在自己的 worktree 裡寫,收尾直接推到遠端 main,再由 Obsidian 自動 pull 拉回主目錄

Day18 [llm-wiki] obsidian-git push 總被另一個 session 卡住:設定圍籬,只開 worktree,主目錄留給 Obsidian 與個人手寫

用 git 同步 vault 十天後的四個觀察:log 和 TODO 這種每個動作都會碰的檔一直衝突、手機能互動很實用、本機所有 session 都踩在 main 上互相卡住、GitHub 網頁可以直接當閱讀介面。今天一次 push 被另一個 session 沒 commit 的變更擋下來,於是把「每個 session 都開 worktree、不分任務大小」寫成規則,並用 SessionStart 與 PreToolUse 兩層 hook 擋住在主目錄寫檔。記錄過程中的取捨(為什麼不是看情況才開、為什麼保留 Obsidian 自動 pull、規則之外要不要用 hook 硬擋、收件重複要查 git 歷史還是另記一本帳、過期的決策檔怎麼刪),四個坑(hook 擋到自己要寫的另一個 repo、剛開的 worktree 被判成可清、log 同一個 hunk 混著兩個 session 的條目、在 worktree 裡長指令被拒),以及接下來要觀察的九件事。

October 2, 2026 · 14 分鐘
全部文章 →