· AI 與工具
AI 不會痛，所以沒有人重構：Vibe Coding 真正的天花板
朋友純 Vibe Coding 做的預約系統，三個月四百多個 commit，刪除行數幾乎是 0。Vibe Coding 的天花板不在行數，在你驗不驗得出錯，以及規格、測試、模組化這三件事誰在做。
前端工程師 · 設計系統 · 微前端架構
🎋 竹子日誌
喜歡研究各種專案設計的實作,平時假日開線上線下讀書會與同領域朋友交流,平日晚間帶新手教學。這裡集中我的文字產出:技術寫作、學習筆記與主題分享。
近期文章
全部 → · 設計與設計系統
不就一個下拉選單，是能有多難？
一顆下拉選單，我手刻了八個版本才勉強能用，後面還排著十一版沒動。這篇講每一版壞在哪——Portal、鍵盤、ARIA、輸入法、手機、螢幕閱讀器，以及為什麼一個人重構跟一群人重構，難的完全不是同一件事。
· 前端技術 · 系列:ai-era-craft
Vibe Coding 做得出 95 分的產品，缺的 5 分全是最貴的
一個人用 Vibe Coding 做出金流、SEO、三個自製瀏覽器引擎都齊全的字幕產品，完成度高到不像 side project。但 1024px 的硬地板、寫死的多語系、沒清理的暫存檔，缺的剛好都是不好玩的那些。
· 工程實務
i18n 難的從來不是翻譯，是沒有人擁有那份語系檔
多語系的痛不在裝哪一套套件，而在 key 誰命名、字誰擁有、翻譯跟不上 sprint 怎麼辦。這篇把 i18n 治理拆成命名、擁有權、流程、在地化、政治五層，越往下工程越管不到，也越決定它會不會爛掉。
· 前端技術
都用 Tailwind 就好了，寫什麼 CSS？十年演進都在解同一題
從全域 CSS、預處理器、BEM 到 CSS Modules、CSS-in-JS、Atomic CSS 與 Zero Runtime，每一代方案都在解作用域、複用性、可維護性這三題。這篇講每一代解掉什麼、留下什麼代價，以及不同專案型態該怎麼選。
· 活動與社群
Vue Taiwan 小聚：用一個下拉選單的輪子，講不好當標題的事
被邀請到 Vue Taiwan 小聚分享「來造一個下拉選單的輪子」。四十分鐘我把程式碼整個拿掉，只留觀念，因為真正想講的那件事根本不適合當演講標題。這篇記錄當天的取捨、埋的橋段，還有另外兩位講者。
· 前端技術 · 系列:refresh-token
Refresh Token 到底有什麼難的？三個上線才會炸的地方
Refresh Token 難的不是流程，是流程跑起來之後的那些鬼故事：token 放哪會被 XSS 端走、跨分頁併發怎麼把使用者踢出去、長連線與登出的時序怎麼排，還有為什麼一用 SSR 就得全部重做一次。
· 議題討論 · 系列:ai-era-craft
不要再創造沒意義的名詞，別再拿 AI 名詞製造焦慮
Prompt Engineer、Context Engineer、Harness Engineer⋯⋯每隔幾週就冒出一個新職稱。但把包裝拆開，講的還是同一件事：把需求講清楚、把系統設計好。這篇談為什麼名詞會過期，而把基本功做扎實的人才會留下來。