愷開的部落格

本頁 50 篇

• Seam Carving – 讓圖片不成比例地縮小

  Seam Carving 會找出圖片裡最不重要的一條路徑並刪除，讓圖片可以不按比例縮放。這篇用 WebGPU 的 compute shader 重寫整個演算法，並附上可以直接操作的 demo。

  2026/10/23 08:00Kalanhttps://blog.kalan.dev/devnote/seam-curving-scaling-images-disproportionately/

• Breaking Changes

  在軟體開發裡，我們把改變既有行為的重大變更叫做破壞性變更。這幾年我對自己的人生做了好幾次破壞性變更，帳面上都升級了，但有些原本運作得好好的東西，也因此被弄壞了。

  2026/9/18 08:00Kalanhttps://blog.kalan.dev/life/breaking-changes/

• 如何準備工程師的面試

  準備科技業的面試一直是件很困難的事，面試最讓人沮喪的一點，在於權力關係往往極度單向。作為應徵者，你很難摸清對方真正的標準，面試結束後也很容易陷入自我懷疑，我們來談談吧

  2026/9/16 08:00Kalanhttps://blog.kalan.dev/random/whiteboard-interview/

• 用 Three.js 呈現我的房間

  我用 React Three Fiber 把自己真實的房間搬進瀏覽器，讓實體物件成為目錄，用空間記憶講述這幾年的生活與工作。

  2026/9/11 08:00Kalanhttps://blog.kalan.dev/frontend/threejs-room-portfolio/

• 好好記錄生活吧

  翻到十年前住在頂樓加蓋自彈自唱的影片，想起高中時為了送禮物跑去錄音室，也想起那個曾經考慮走音樂這條路的自己。如果要給年輕時的自己一個建議，大概就是好好記錄生活吧。

  2026/8/30 08:00Kalanhttps://blog.kalan.dev/life/record-your-life/

• 一期一會

  大學時代為了學日文，我在 Lang-8 和 JCInfo.net 上找交換語言的夥伴。效率不高，卻讓我遇到兩個很棒的人：一次是大阪的河豚鍋，一次是五年後在台北的重逢。能夠毫無目的地聚在一起，在這個時代或許會越來越珍貴。

  2026/7/30 08:00Kalanhttps://blog.kalan.dev/life/ichigo-ichie/

• 當測量變成目標：從窗戶稅到 Pull Request 數

  我曾寫小工具統計自己一季貢獻了多少 PR、留了多少 review、解了多少 ticket，想拿數字向主管證明產出。主管只淡淡說績效不只看產出。幾年後我才懂——當測量變成目標，它就不再是一個好的測量了。從英國窗戶稅、河內滅鼠賞金，到今天用 PR 數評估開發者，機制一模一樣。

  2026/7/20 08:00Kalanhttps://blog.kalan.dev/devnote/when-a-measure-becomes-a-target/

• 07/16 ~ 07/18 去沖繩玩！

  從福岡飛沖繩三天兩夜，跟著 Wiwi 的遊記吃冰、逛港川外人住宅區、玩 teamLab、大啖燒肉。

  2026/7/18 08:00Kalanhttps://blog.kalan.dev/journal/okinawa/

• 在 LINE 福岡（現 LY Corporation）工作五年的感想

  2024 年底我離開了 LINE 福岡（現 LY Corporation），這篇回顧我在裡頭做過的東西、遇到的主管與同事，還有為什麼最後選擇離開。

  2026/7/4 08:00Kalanhttps://blog.kalan.dev/career-retrospect/five-years-at-line-fukuoka/

• 用 Cloudflare Images 當作圖片儲存、轉檔方案

  在網頁放一張圖片是前端最簡單的事，但要把它做完整，包含縮放、生出各種格式、還要擋住流量，其實是一整個解決方案。我後來一律交給 Cloudflare Images，只留一份原圖給它。

  2026/7/4 08:00Kalanhttps://blog.kalan.dev/devnote/cloudflare-images/

• 改變人生觀的一句話

  費曼、卓別林與電影百米，從自卑少年到有能力幫助他人，分享影響我最深的思考與人生態度。

  2026/5/31 08:00Kalanhttps://blog.kalan.dev/random/a-quote-that-changed-my-view/

• 獨立網站的 N 個好處

  為什麼在這個短影音與社群媒體當道的時代，還要花時間經營自己的部落格？分享我寫了將近十年部落格的想法。

  2026/5/24 08:00Kalanhttps://blog.kalan.dev/random/independent-blog-benefits/

• 健身（重訓）心得

  分享我這陣子的重訓心得

  2026/5/21 08:00Kalanhttps://blog.kalan.dev/random/training/

• 權限與責任：職場內耗的根源

  如何要求員工天天加班？像老闆一樣拼命？給他相同的股權

  2026/5/14 08:00Kalanhttps://blog.kalan.dev/random/parity-of-authority-and-responsibility/

• 前端使用圖片時需要注意的事

  從 Jake Archibald 的文章延伸，整理現代響應式圖片應該怎麼寫：為什麼 width/height 還是要加、什麼時候用 CSS aspect-ratio、AVIF 跟 WebP 怎麼選，以及用 picture/source/srcset 處理手機版圖片切換。

  2026/5/10 08:00Kalanhttps://blog.kalan.dev/frontend/responsive-image-modern-practice/

• 如何學習寫程式 - Geohot

  去寫就對了

  2026/5/9 08:00Kalanhttps://blog.kalan.dev/programming/how-to-learn-programming/

• 預設值與品味

  從 Wiwi 的〈預設值〉延伸的隨筆——聊福岡手扶梯的潛規則、AI 內容如何佔據 SEO 排名，以及伏爾泰對品味的定義。

  2026/4/27 08:00Kalanhttps://blog.kalan.dev/random/defaults-and-taste/

• It Depends 是我最討厭的一句話

  很多工程師會說「要看情況」來結束一場討論。但在我看來，能夠促成討論才是最重要的。

  2026/4/19 08:00Kalanhttps://blog.kalan.dev/random/it-depends/

• CSS field-sizing — 用一行 CSS 讓表單元素自動調整大小

  textarea 自動調整高度，以前只能靠 JavaScript 監聽 scrollHeight。CSS field-sizing: content 一行就能取代，支援 textarea、input、select。本文整理舊做法的痛點與 field-sizing 的用法。

  2026/4/16 08:00Kalanhttps://blog.kalan.dev/frontend/css-field-sizing/

• 你是評論家嗎？

  當憤世嫉俗的評論家很爽，很有優越感，但到最後你會發現只剩下空虛。

  2026/4/15 08:00Kalanhttps://blog.kalan.dev/random/cynicism-is-not-critique/

• 再談 JWT 與 Session Cookie

  JWT 和 session cookie 各自適合什麼場景？從安全性、實作成本和使用者體驗的角度，重新整理這個老話題。

  2026/4/14 08:00Kalanhttps://blog.kalan.dev/software-development/you-might-not-need-jwt/

• 公司階段的重要性

  很多人用新創、成長期、穩定這些詞形容公司，但這些詞都太模糊了，以至於很難當作判斷標準。這家公司現在靠什麼活著、怎麼成長、最痛的問題是什麼。搞懂公司階段，你才知道自己每天在解什麼問題，也才能知道這家公司到底適不適合自己

  2026/4/11 08:00Kalanhttps://blog.kalan.dev/random/company-stages-matter/

• 與 AI 共舞

  從 ChatGPT 3.5 到 Claude Code，軟體開發在不到三年內經歷了劇烈轉變。一個軟體工程師在這場變革中的觀察、反思與困惑

  2026/4/7 08:00Kalanhttps://blog.kalan.dev/software-development/dancing-with-ai/

• 別再用 AWS Access Key 了

  Access Key 是 AWS 上容易被忽略的安全風險。用 OIDC 搭配 IAM Role，讓 GitHub Actions 不需要任何 secret 就能安全操作 AWS 資源

  2026/4/6 08:00Kalanhttps://blog.kalan.dev/devnote/stop-using-aws-access-keys/

• 2026 年，你可能不需要 AWS

  在選擇雲端平台之前，先算清楚團隊為 AWS 付出的真正代價

  2026/4/5 08:00Kalanhttps://blog.kalan.dev/software-development/you-might-not-need-aws/

• 為什麼你應該用 ECS 部署服務

  在 AWS 上跑容器服務，為什麼 ECS 是比 EC2 和 EKS 更務實的選擇，以及部署複雜度如何吃掉你的錢

  2026/4/4 08:00Kalanhttps://blog.kalan.dev/software-development/ecs-deployment-guide/

• 資料庫主鍵：AUTO_INCREMENT、UUID 與 UUIDv7

  後端開發常需要決定主鍵，要用 auto increment 還是 UUID？碰撞怎麼辦？UUIDv7 跟 created_at + index 的效能差多少？實際跑了 2000 萬筆資料與設計決策告訴你

  2026/4/4 08:00Kalanhttps://blog.kalan.dev/devnote/uuidv7-primary-key/

• 霍夫曼編碼 — 用最少 bit 說最多話

  霍夫曼編碼是資訊理論中最經典的無損壓縮演算法之一。這篇文章從資訊量的概念出發，一步步拆解霍夫曼編碼的原理，並附上互動式工具讓你實際操作。

  2026/4/3 08:00Kalanhttps://blog.kalan.dev/cs/huffman-coding/

• JPEG 壓縮背後的秘密 — 離散餘弦轉換

  大家耳熟能詳的 JPG，背後有許多值得令人學習的壓縮技巧。這篇文章從 YCbCr 色彩空間、離散餘弦轉換、量化表到霍夫曼編碼，一步步拆解 JPEG 的壓縮原理，並附上互動式的 DCT 視覺化工具。

  2026/4/3 08:00Kalanhttps://blog.kalan.dev/cs/jpeg-arrow-of-compression/

• 再談軟體工程幻滅

  LLM 模型大幅進步的情況下，已經完全改變軟體開發的樣貌，寫出一個應用幾乎不需要任何門檻

  2026/4/1 08:00Kalanhttps://blog.kalan.dev/software-development/ai-generation-software-disenchantment/

• 日車寬見

  日車寬見與私刑正義

  2026/3/16 08:00Kalanhttps://blog.kalan.dev/random/higuruma/

• 修羅

  春與修羅

  2026/3/12 08:00Kalanhttps://blog.kalan.dev/random/shura/

• 唐詩

  唐詩蠻適合給職場人士看的吧，過越慘的人詩寫得越好，看看他們多可憐就可以反思一下自己。

  2026/3/8 08:00Kalanhttps://blog.kalan.dev/random/tang-poetry/

• 嘗試

  用稿紙寫、掃描、變成圖片

  2026/3/7 08:00Kalanhttps://blog.kalan.dev/random/try/

• 離職教會我的事

  人生沒有後悔藥，每次離職都有很多事情可以學習，也會慢慢理解自己能夠發揮的優勢。但是在離職之前，你真的想清楚了嗎？我會以第一線開發者的身份分享一些血淋淋的案例，為未來的自己當作指南，也希望能夠幫助那些曾經迷惘是否要離職的人。

  2026/2/20 08:00Kalanhttps://blog.kalan.dev/random/quit-quit-quit/

• 新創需要 CTO 嗎？

  AI 時代下，新創成功的關鍵是產業洞察。很多執行面的東西只要有經驗的工程師就能勝任，讓我反思 CTO 的存在必要

  2026/1/28 08:00Kalanhttps://blog.kalan.dev/random/does-startup-need-cto/

• 寫作的壞習慣

  有些過去累積的寫作壞習慣，請 AI 分析了一下後順便聊聊最近的心境變化

  2026/1/27 08:00Kalanhttps://blog.kalan.dev/random/bad-writing-habits/

• 為什麼我用 Plausible 取代 Google Analytics

  我很不喜歡用 Google Analytics。用起來不是很順手之外，功能多到讓人眼花撩亂，後台介面跟載入速度複雜到讓我不想打開。直到幾年前終於找到了理想服務—Plausible

  2026/1/25 08:00Kalanhttps://blog.kalan.dev/random/plausible-over-ga4/

• 讓你的超連結底線更好看：text-underline-offset

  預設的情況下底線跟文字很接近，有些設計師不喜歡這種樣式，我自己也覺得沒有很好看。

  2026/1/25 08:00Kalanhttps://blog.kalan.dev/frontend/text-underline-offset/

• 我有派上用場嗎？

  很喜歡《葬送的芙莉蓮》中的一幕。 費倫問芙莉蓮「我有派上用場嗎？（私は役に立ていますか？）」，芙莉蓮反問費倫為什麼要這樣問？ 費倫回答「因為我沒辦法像芙莉蓮那樣完美地操作魔法」 芙莉蓮說「時間的問題是沒辦法超越的，但費倫發動魔法的速度比我還快，戰鬥比較快結束」

  2026/1/9 08:00Kalanhttps://blog.kalan.dev/random/am-i-being-helpful/

• 三十歲體悟到的 9 件事

  分享一些自己三十歲後的體悟與想法

  2026/1/1 08:00Kalanhttps://blog.kalan.dev/random/things-i-realized-after-30/

• 2025 年回顧

  2024 年給自己的願望是，2025 年可以不再回公司工作且有辦法養活自己。這個目標雖然沒有達到，但我自認 2025 年是我得到成長數一數二的一年。

  2025/12/31 08:00Kalanhttps://blog.kalan.dev/year-in-review/2025-year-in-review/

• 用 slidev 做的而已

  挖掘自己的強弱項是一件困難的事。在華人社會當中，大概很難聽到有人會真心稱讚你的某項技能，甚至我還常觀察到一個現象，就是用自貶讓自己顯得不要那麼張揚。我也屬於這種人，最近正在嘗試改變。

  2025/12/26 08:00Kalanhttps://blog.kalan.dev/random/just-made-with-slidev/

• 失敗的本質

  《失敗的本質》在日本是非常有名的一本書。作者透過分析二戰期間日本陸海軍的種種挫敗，當成一面鏡子，讓讀者看到一個組織如何在制度、文化與流程上逐步自我削弱

  2025/10/26 08:00Kalanhttps://blog.kalan.dev/software-development/the-essence-of-failure/

• 為什麼網頁不應該追求 Pixel Perfect

  只有在 Pixel Perfect 很重要的時候才應該關注他，否則往往會讓你得到一個雙輸的局面。

  2025/10/24 08:00Kalanhttps://blog.kalan.dev/frontend/why-not-pixel-perfect/

• 溝通的秘訣 - 少說多聽

  如果很常常好奇別人怎麼想，那很有可能你已經掌握了溝通的精髓，如果你常常覺得別人是笨蛋，覺得自己的解法才正確，很有可能是你還不知道如何溝通。

  2025/10/22 08:00Kalanhttps://blog.kalan.dev/random/how-to-communicate/

• 雇用與面試

  分享一些面試候選人的看法

  2025/10/20 08:00Kalanhttps://blog.kalan.dev/random/interview-guide/

• Boring Technology

  通常有「引入某個新技術」可以解決既有問題的想法，大多代表開發還沒有想得足夠清楚而已。不過要體悟這件事，通常需要時間積累。從碰到新技術眼睛會發光的少年到變成油光滿面的中年大叔。

  2025/10/18 08:00Kalanhttps://blog.kalan.dev/random/boring-technology/

• 你可能不需要機械鍵盤

  客製化鍵盤跟名牌錶很像，一旦開始追求，那他就不再是工具，而是收藏品了。

  2025/10/1 08:00Kalanhttps://blog.kalan.dev/random/you-might-not-need-mechnical-keyboard/

• 音樂用聽的話就不用努力了

  來聊聊從小到大音樂是怎麼影響我的。長大後才知道，小時候就接觸樂器是多麽幸福且珍貴的事，不僅有用不完的時間，從小累積的東西跟長大在學的感覺是完全不一樣的。

  2025/9/23 08:00Kalanhttps://blog.kalan.dev/random/on-music/