pcshen | personal bloghttps://pcshen.in/https://pcshen.in/blog/sdd-learnings/https://pcshen.in/blog/sdd-learnings/一份四千行的 PRD、十三支 change、三千多行規格改了十四版，卻還沒有一行實作。從這次經驗回頭看 spec-driven development 和瀑布式開發的差別，以及哪些舊習慣在有 agent 之後不再適用。Mon, 31 Aug 2026 00:00:00 GMThttps://pcshen.in/blog/agent-experience/https://pcshen.in/blog/agent-experience/AI agent 已經能自己讀 code、改檔案、跑測試。它做得好不好，不只看模型，也看工程環境給了多少脈絡、工具、驗證和邊界。從 Agent Experience 的概念出發，整理前端專案可以怎麼準備。Mon, 08 Jun 2026 00:00:00 GMThttps://pcshen.in/blog/new-york-new-york/https://pcshen.in/blog/new-york-new-york/初夏的熱氣和熟悉的玫瑰香，帶我回到去年夏天在紐約短暫停留的日子。Sun, 31 May 2026 00:00:00 GMThttps://pcshen.in/blog/webcontainers/https://pcshen.in/blog/webcontainers/WebContainers 讓 Node.js、npm 和 shell 直接在瀏覽器分頁裡執行，不需要後端。整理它的底層架構、檔案系統與 process API，以及為什麼一定要設定 COOP 和 COEP。Mon, 30 Mar 2026 00:00:00 GMThttps://pcshen.in/blog/montreal-museum-of-fine-arts/https://pcshen.in/blog/montreal-museum-of-fine-arts/對我來說，蒙特婁的美，不只是在視覺上可見的色彩、設計或建築，更在於這座城市對於文化與藝術的重視、包容與尊重。Tue, 13 Jan 2026 00:00:00 GMThttps://pcshen.in/blog/tu-me-manques/https://pcshen.in/blog/tu-me-manques/You are missing to me.Fri, 05 Dec 2025 00:00:00 GMThttps://pcshen.in/blog/react-two-computers/https://pcshen.in/blog/react-two-computers/RSC、Suspense、Actions 接連出現，Next.js 的 API 一改再改，React 好像越來越難懂。換個角度看：網頁本來就跑在伺服器和瀏覽器兩台電腦上，這些 API 都是在宣告非同步的邊界。Mon, 24 Nov 2025 00:00:00 GMThttps://pcshen.in/blog/styled-components-maintenance-mode/https://pcshen.in/blog/styled-components-maintenance-mode/styled-components 在 2025 年宣布進入維護模式。從這個消息出發，回顧 CSS-in-JS 為什麼興起、遇到哪些問題，以及 zero-runtime 函式庫和原生 CSS 新功能帶來的方向。Mon, 12 May 2025 00:00:00 GMThttps://pcshen.in/blog/living-in-the-context/https://pcshen.in/blog/living-in-the-context/Sun, 06 Apr 2025 00:00:00 GMThttps://pcshen.in/blog/charms/https://pcshen.in/blog/charms/無論如何，尚且珍惜有魅可除的自由。那些去不掉的魅，便是我當下的生活。Sat, 08 Mar 2025 00:00:00 GMThttps://pcshen.in/blog/webconf2024/https://pcshen.in/blog/webconf2024/透過 AI 工具實現自動化，可以幫助我們節省處理瑣碎作業的時間，將時間投注在真正重要的事情上。 但什麼是真正重要的事情？ 能夠回答這個問題，或許才是 AI 時代最重要的功課。Sat, 11 Jan 2025 00:00:00 GMThttps://pcshen.in/blog/cors-and-browser-security/https://pcshen.in/blog/cors-and-browser-security/遇到 CORS 錯誤時，問題不在前端程式，而在瀏覽器的同源政策。從 CORS 出發，整理同源政策、預檢請求，以及 CORB、CORP 等其他跨來源 header。Mon, 25 Nov 2024 00:00:00 GMThttps://pcshen.in/blog/tainan-kaohsiung-museums-2024/https://pcshen.in/blog/tainan-kaohsiung-museums-2024/後來令我最印象深刻的，卻是在計畫之外、偶然在台南美術館二館看到的《陳其寬：雙曲．交響 Chen Chi-kwan: A Duet — — Art and Architecture》，以及高美館的《青春印記：收藏家龔玉葉與她的畫家朋友們》Sat, 16 Nov 2024 00:00:00 GMThttps://pcshen.in/blog/david-hockney-tokyo-2023/https://pcshen.in/blog/david-hockney-tokyo-2023/Hockney 對於繪畫的喜愛與熱情，深深感動著我；對於觀看方式與空間的思考，擴大了我對於畫布的邊界與創作載體的認知；對於自然風景的細膩捕捉，讓我彷彿能夠撫觸到時間的紋理和萬物變化的韻律。Sun, 04 Feb 2024 00:00:00 GMT