在 Tailwind CSS 中使用 CSS 變數來設定邊框圓角
Tailwind CSS 的作者 Adam Wathan 最近宣布要製作一系列短影片 - Build UIs that don't suck，來分享一些使用 Tailwind CSS 的小技巧。他提到這些技巧他已經使用了許多年，在開發許多 UI 組件時也很常利用這些...
在 Docker 中掛載單一檔案所遇到的問題
前幾天前輩來找我討論一個奇怪的問題，他說他在 Docker 容器中掛載單一檔案時，會遇到檔案同步效果時有時無的情況。他嘗試在啟動容器時掛載單一檔案，然後發現在主機上修改檔案的內容後，有時候修改的內容並不會同步...
使用 TypeScript 開發自己的套件
最近用 TypeScript 寫了一個簡單的前端套件並發佈到 NPM 上，套件功能是幫 highlight.js 加上對 Laravel Blade 樣板語法的支援。雖然這個功能已經有人幫忙寫了套件，但是我發現這些套件在部分語法上都有缺失，也長年...
期待已久的新功能，簡單介紹 Svelte 的 Class Attributes
如果你跟我一樣是 Tailwind CSS 的愛好者，或是喜歡使用 Utility First 的 CSS 框架，那麼 Svelte 5.16 的新功能「Class Attributes」一定會讓你感到興奮。透過這個新功能，我們能更輕鬆的根據不同條件來動態調整樣...
時間也過太快了吧？我的 2024 年度回顧
2025 年正式到來！各位去年過得還好嗎？其實相較於 2023 年，我總覺得 2024 年時間過得飛快，一下子就結束了的感受特別強烈，難道是因為 2023 年實在是太充實，而去年實在是太混了嗎？話雖這麼說，我在去年年初定下...
在 AWS Lambda 中使用 SQLite 資料庫
前陣子讀到一篇很有意思的文章。文章大意是說，你完全可以考慮在個人網站上使用 SQLite 當做資料庫。其實 SQLite 官方網站有提到，對於中小型網站來說，以 SQLite 當做資料庫絕對是綽綽有餘的。這讓我不禁開始思考，...
找出 Linux 上佔用大量硬碟空間的檔案
前幾天我們在 Grafana 上發現某台 VM (Virtual Machine) 的硬碟使用率在短時間內迅速飆高。為了找出原因，我們分別使用 df 與 du 指令，成功在 VM 中找到是什麼檔案佔據了大量的硬碟空間。雖然找出原因的過程並不困...
簡單介紹 PHP 8.4 的屬性掛鉤
前陣子 PHP 8.4 終於正式發佈啦！ 🎉🎉🎉本次年度大更新一樣帶來許多新的功能與語法糖，除了終於支援 HTML 5 的解析以外，還帶來了新的 array 方法、非對稱可見性 (Asymmetric Visibility) 以及屬性掛鉤 (Property H...
幫你的 S3 Bucket 掛上 Cloudflare CDN
前幾天看到有大大在臉書上分享了一個慘烈的案例。內容是說他的客戶在 GCP (Google Cloud Platform) 上的公開儲存空間被 DDoS 攻擊，上面的某個檔案在兩天內被下載了數億次。因為訪問雲端儲存空間的流量是要計費的，...
用 TypeScript 來寫個互動視窗
最近常常遇到一些過去曾遇到的技術問題，讓我很常在自己的部落格上翻找過去所寫的文章。次數一多後，我總覺得自己部落格上的程式碼區塊很窄。如果程式碼中某行字數太多，我就需要來回滾動捲軸來查看完整的程式碼，這...