雜物堆放倉
「聽說自己寫過才不會忘。」 「會忘記的就寫起來,忘記了就看一下。」 「你知道2035的時候,今年就是10年前了嗎?」 「遇到的問題雖然有時候不值得一提,可是如果紀錄起來感覺也很有趣!」 「就是大家可以看到的筆記本而已。」
2026-04-29
Devlog 離職集點小卡(???
2026-01-16
Devlog 易經籌策占卦網頁 I-Ching Stalk Divination v2.0
先上網頁連結 https://goescat.github.io/i-ching-stalk-divination/ 。
-
其實我先前就做了易經籌策占卦,v1.0 還在這裡 https://goescat.github.io/iching_test.html)。
應該可以感受到 v1.0的界面非常陽春,不過最重要的是裡面取卦的方式是依照傳統籌策占卦的方式取出,沒有馬虎,所以到 v2.0這部分就沒有更動了。
-
先介紹一下占卦方式,畢竟是 P1 在 v1.0 時就完成的功能,整個工具最核心的部分XD,我從 v2.0 repo 裡的 README 複製一下:
1. 籌策占卦需要準備 50 根籌策,第一步是取出一根至於上方不動(如界面呈現)代表太極。 下方可撥動的籌策為 49 根。
2. 在心中想好問題,誠心的提問。
3. 將 49 根籌策絡在一起,從中間分一半。
4. 將左邊的籌策取出一根至於手上(程式中會將左邊絡 -1)。
5. 將左邊的籌策以4根一組做計算,剩下不足4根即取出,若都沒有剩下,即取出4根(程式中會左邊絡會減去餘數,同樣餘數為0則-4)。
6. 換右邊的籌策,不需取出一根,直接4根一組計算,取出的規則如上。
7. 三變成一爻。因此將剩下的籌策再絡在一起,從中間分一半,如上操作再進行2次(共3次,所以程式中會引導分半3次。)
8. 進行 3 次後,剩餘的組數必定為6、7、8、9其中一數。 單數為陽爻,雙數為陰爻。9為老陽,6為老陰,將變爻。(若有變爻,程式在結果會註明。) 此時得到1爻。
9. 重複上述6次,即得6爻,也就是完整的一卦。
具體操作影片可參考臺大開放式課程傅佩榮教授 影片 示範。
-
總之 v2.0我幫卦象加上了卦辭、爻辭的介紹:
總共64卦的頁面,內容都來自中國哲學書電子化計劃 http://ctext.org/zh。做完實在滿開心的。
之後應該還可以補充上怎麼解卦的說明,方便大家加減參考XDD
2025-07-30
Github Actions matrix + Pytest mark 多節點同步執行 case
隨著自動化測試的 case 越來越多,總有一天會遇到該來平行跑測試這件事。
根據使用的框架、CI/CD 工具不同,實作方式也會有所差異。這邊紀錄一下我之前用 pytest mark 搭配 GitHub Actions 做平行執行的做法。
mark 拿來執行一系列 case 很方便,所以放在 Github Actions 時,決定以 matrix 同時開多個同 mark 名稱的節點來執行,類似下面這樣:strategy:matrix:mark: ['node_serviceA', 'node_serviceB', 'node_serviceC']fail-fast: false
run: pytest -m ${{ matrix.mark }}@pytest.mark.node_serviceAdef test_api_service_a():#...
2025-07-27
Devlog 離職遺照產生器 v1.0
分享在FB之後,最多的回饋就是需要RWD。也是啦,這個時代哪有人還在用電腦版網站呢(淚
於是快速的加上了簡單的 RWD~目前長這樣(標題也偷改了):
把背景小故事收到了「這是啥?」裡面,點開來之後,點「不要幹話」可以收合!
另外加入了照片滿版、裝飾置中的功能~
照片滿版 demo
(圖片為 ChatGPT 生成的「我」,不過與實物不能說一模一樣,只能說毫無關聯):
裝飾置中 demo雖然說手機版的圖片編輯,應該要加上適合手機的手勢操作(雙指捏合縮放、旋轉等),但因為如果要加上手勢操作會需要整個大改寫,所以暫時還沒加。
還有收集到其他需求,像是直接轉成黑白照片、自己輸入文字等,之後有空再更新~
-
上面都是使用者回報的部分,直到我多加了一些圖片之後,才發現了一個超級嚴重的問題⋯⋯
完全忘記圖片要壓縮,有些圖片大小甚至有 1MB 之多⋯⋯我都在家裡超快的網路上測試,完全忽略了圖片出來超慢,而且有點耗使用者的網路流量QQ
於是修正了用 webp 讓圖片都降到 100KB 以下,加入 prefetch catch。
-
另外調整了一下裝飾品的順序,一開始是加入的先後順序,後來是只要點擊選中的裝飾品就要到最上面,感覺更直覺一點。
-
最後總結一下學到的、印象深刻的東西:
- 圖片要壓縮
- 承上,測試的時候記得用 F12 network throttling 注意一下不同網路狀況,應該能及早發現
2025-07-24
Devlog 離職照片產生器 v0.1
最近有一些奇妙的體悟,讓我好像比較有動力做一些不同的東西。
一是覺得 vibe coding 做一些小東西真的很有趣、很方便,大幅節省了原本沒有 AI 前,完全不熟某種開發時,要稍微搜尋,大致知道用什麼工具比較適合、選了可能還要寫出一部份試試的時間。似乎可以把以前想做,但一直用「沒時間」當藉口的東西都做出來了。另外 AI 也省掉很多原本工作上的苦工,有時間做一些真正重要的事之外,還有時間想一些工作之外好玩的東西。
二是最近剛好受到了滿多類似的鼓勵,大意是「一個軟體的生命是在上線後,有人使用才開始」,以前覺得有點雞湯,但後來覺得也是事實。以前覺得自己工作之外做的東西不管是主題(可能我感興趣的東西太怪)還是介面之類的都很鳥⋯⋯實在不敢拿出來,但是現在想想,我不過就只是要做一個自己覺得有趣的東西,根本不用先想這麼多。
先求有再求好。紀錄各種過程,一定是很有趣而且很有收穫的一件事。
-
前幾天 FB 回顧我上一份工作離職的紀念貼文。當時我把 slack 頭像換成像是遺照的樣子,同事問我這是哪裡來的產生器。於是我當時想說來做個產生器好了!一等就是一年——直到現在終於想起來,然後速速做了0.1版~
-
請看這精(ㄐㄧㄢˇ)美(ㄌㄡˋ)的介面:
- 回憶起在 local file:// 測試會遇到 CROS error。因為平常寫 python,所以在目錄下 python -m http.server 8000 就可以。
- 當時花了比較多時間調整照片和新增上面的緞帶、裝飾品時怎麼樣會比較直覺一點。比方最基本的,一新增裝飾品,裝飾品應該就要被選中。原本用了send to front 之類的方式,但其實沒有用,其實被選中就會出現在最上方了。
- 因為照片容易不小心點到就跑上來,所以我新增了一個「照片到最下面」的按鈕。目前完全是以能最快開發完來設計😂覺得這樣子的過程也很有趣,可以體會到為什麼有些趕鴨子上架的產品,在缺少規格時有很多突兀的設計。
- 下載的部分,發現手機的網頁上 link.click() 是無效的,所以後來是開新分頁顯示圖片,讓使用者長按圖片存檔。忽然知道為什麼手機小測驗存圖片都是長按儲存,自己做過才知道😂











