前端
前端使用圖片時需要注意的事
從 Jake Archibald 的文章延伸，整理現代響應式圖片應該怎麼寫：為什麼 width/height 還是要加、什麼時候用 CSS aspect-ratio、AVIF 跟 WebP 怎麼選，以及用 picture/source/srcset 處理手機版圖片切換。
愷開的部落格
好的技術文章不只傳遞知識，也傳遞觀點。這裡是我思考與書寫的地方。
kalan@fukuoka:~$ whoami
// 好的技術文章不只傳遞知識，也傳遞觀點。
// 這裡是我思考與書寫的地方。
export default {
name: "Kalan",
role: "Software Engineer & Writer",
location: "Fukuoka, Japan",
posts: 249,
experience: "11 years",
languages: ["zh", "en", "ja"],
status: "開放合作中",
}
kalan@fukuoka:~$ █
Journal
View all →所有文章
2026
程式語言
如何學習寫程式 - Geohot
去寫就對了
雜談
預設值與品味
從 Wiwi 的〈預設值〉延伸的隨筆——聊福岡手扶梯的潛規則、AI 內容如何佔據 SEO 排名，以及伏爾泰對品味的定義。
雜談
It Depends 是我最討厭的一句話
很多工程師會說「要看情況」來結束一場討論。但在我看來，能夠促成討論才是最重要的。
前端
CSS field-sizing — 用一行 CSS 讓表單元素自動調整大小
textarea 自動調整高度，以前只能靠 JavaScript 監聽 scrollHeight。CSS field-sizing: content 一行就能取代，支援 textarea、input、select。本文整理舊做法的痛點與 field-sizing 的用法。
雜談
你是評論家嗎？
當憤世嫉俗的評論家很爽，很有優越感，但到最後你會發現只剩下空虛。
軟體工程
再談 JWT 與 Session Cookie
JWT 和 session cookie 各自適合什麼場景？從安全性、實作成本和使用者體驗的角度，重新整理這個老話題。
雜談
公司階段的重要性
很多人用新創、成長期、穩定這些詞形容公司，但這些詞都太模糊了，以至於很難當作判斷標準。這家公司現在靠什麼活著、怎麼成長、最痛的問題是什麼。搞懂公司階段，你才知道自己每天在解什麼問題，也才能知道這家公司到底適不適合自己
軟體工程
與 AI 共舞
從 ChatGPT 3.5 到 Claude Code，軟體開發在不到三年內經歷了劇烈轉變。一個軟體工程師在這場變革中的觀察、反思與困惑
開發筆記
別再用 AWS Access Key 了
Access Key 是 AWS 上容易被忽略的安全風險。用 OIDC 搭配 IAM Role，讓 GitHub Actions 不需要任何 secret 就能安全操作 AWS 資源
軟體工程
2026 年，你可能不需要 AWS
在選擇雲端平台之前，先算清楚團隊為 AWS 付出的真正代價
軟體工程
為什麼你應該用 ECS 部署服務
在 AWS 上跑容器服務，為什麼 ECS 是比 EC2 和 EKS 更務實的選擇，以及部署複雜度如何吃掉你的錢
開發筆記
資料庫主鍵：AUTO_INCREMENT、UUID 與 UUIDv7
後端開發常需要決定主鍵，要用 auto increment 還是 UUID？碰撞怎麼辦？UUIDv7 跟 created_at + index 的效能差多少？實際跑了 2000 萬筆資料與設計決策告訴你
計算機科學
霍夫曼編碼 — 用最少 bit 說最多話
霍夫曼編碼是資訊理論中最經典的無損壓縮演算法之一。這篇文章從資訊量的概念出發，一步步拆解霍夫曼編碼的原理，並附上互動式工具讓你實際操作。
計算機科學
JPEG 壓縮背後的秘密 — 離散餘弦轉換
大家耳熟能詳的 JPG，背後有許多值得令人學習的壓縮技巧。這篇文章從 YCbCr 色彩空間、離散餘弦轉換、量化表到霍夫曼編碼，一步步拆解 JPEG 的壓縮原理，並附上互動式的 DCT 視覺化工具。
軟體工程
再談軟體工程幻滅
LLM 模型大幅進步的情況下，已經完全改變軟體開發的樣貌，寫出一個應用幾乎不需要任何門檻
雜談
日車寬見
日車寬見與私刑正義
雜談
修羅
春與修羅
雜談
唐詩
唐詩蠻適合給職場人士看的吧，過越慘的人詩寫得越好，看看他們多可憐就可以反思一下自己。
雜談
嘗試
用稿紙寫、掃描、變成圖片