此站點

此站點是我用來記錄技術與生活的個人網站，從 2025 年 4 月起持續寫到現在。

常見問題 Q&A

1. 建立此站點的初衷？

最初架設這個網站，是為了在找實習時能有個地方展示自己的技術棧與開發能力。結果找實習時並沒有真正派上用場，反而是現在的同事偶爾會來看我的網站。

2. 網站的技術棧？

前端採用 React 19 搭配 Vite 進行建置，並使用 Tailwind CSS 處理樣式。視覺與 3D 互動部分使用了 Three.js 與 @react-three/fiber。後端則是以 Node.js 與 Express.js 作為 API Gateway，負責串接 Steam、Spotify、WakaTime 與 GitHub 等外部數據，資料庫使用 SQLite。基礎設施全部透過 Docker進行容器化部署。

3. 關於照片牆與 AI 的使用？

站內的照片集使用 Masonry 佈局，並透過自動化腳本提取 EXIF 資訊。後續加入了 AI CLIP Tagger 輔助處理標籤，且上傳圖片時會自動產生 thumbhash 作為模糊佔位圖。我會使用 AI 工具協助處理這類瑣碎的自動化流程。詳細可以參考這篇文：

4. 這裡有藏彩蛋嗎？

沒有。沒有實作彩蛋，這裡所見即所得。

5. 這個網站的主要受眾是誰？

最初架這個站，單純是把這裡當作我個人求職使用，沒有特別去社群上宣傳。但說實話，既然我都花這麼多時間弄了，當然還是會希望自己花心血熬夜刻出來的畫面與架構能被人看見。

所以，如果你剛好逛到這裡，覺得這個站點的設計或技術棧還合你的胃口，非常歡迎交換友鏈。也歡迎直接在留言留個足跡。

關於命名的由來

Q: 站點標題「宙と木」是怎麼來的？

沒什麼特別的故事。某天問了 Gemini 一些日文站名候選，看到「宙と木」覺得滿帥的就用了。剛好「宙」（宇宙）跟網站的太空主視覺對得起來，「木」也跟我的網路慣用名「木村盆栽」呼應，就這樣定案了。

Q: 為什麼叫 Koimsurai？這名字怎麼唸？

這其實是一個組合字。我在網路上的慣用名是「木村盆栽」（Kimura Bonsai），而 Koimsurai 就是從這兩個詞的羅馬拼音中萃取組合而成的專屬 ID。

Q: 那為什麼當初要叫「木村盆栽」？

剛開始只是因為很喜歡木村拓哉，就隨意借用了這個姓氏，加上「盆栽」覺得唸起來很順口就用了。