以下是一個長期幾乎只使用 flex 佈局的前端仔對 grid 略知皮毛後，記錄一下學習 grid 的心得

有程式語言的開發者，會根據使用者的反饋，實現一些能減省步驟的語法，這些語法稱為「語法糖」（Syntactic Sugar）。

把單一元件切分為父元件與一個或多個子元件，並且共享部分屬性而實現應用功能的模式，就是 Compound Component （複合元件）設計模式。作為 React 基礎元件的設計模式（design pattern）當中一種有趣的設計模式。

Google Search Console 是 Google 提供的免費服務，讓網站擁有者可以檢視自己網站中各頁面在 Google 搜尋引擎的表現、成效、是否有載入到 Google 搜尋引撆等資訊。我用上它來排查我的部落格文章在 Google 搜尋引擎中的狀況。

GitHub Copilot 會是非常有幫助的 AI 工具，因此我使用了魔法小卡刷下去，實際試用它的威力；在經過一個月的使用後，以下是我對 GitHub Copilot 的一些使用感受與心得。

Modern Web Conference （MWC） 作為每年度經典的網頁開發者盛會，去年因疫情停辦後，今年又重新舉辦；而在佛心我司提供少量的公關票下，讓這個自從疫情以來便沒有參與過任何實體的開發者活動的我，得到一個觀摩大神們演講的機會，也順便讓自己跟上時代的洪流。

Gatsby.js 可以使用 `gatsby-transformer-remark` 和 `gatsby-remark-images` 套件實現延遲載入圖片功能，可以該 png 和 jpg 等靜態圖片，在 markdown 檔案中使用相對路徑引用圖片達成延遲載入的功能，但對於 gif 這種非靜態圖片檔案則無法使用

Headless CMS （Headless Content Management System）是指只提供後台進行內容編輯的系統和介面，而其生成內容以會結構化的方式儲存

上回提到我們在本地端建好一個開發版本的 Chrome extension 後，接下來要怎麼讓它上架到商店上讓別人直接安裝呢？其實 Chrome 已經寫好一個 手把手的教學，這邊讓我們以上次開發的 extension 實際走一遍

Chrome extension 經歷過 v1, v2 後，來到了 v3，雖然曾小量接觸 v2 的版本，但 Google 對大版號的更新一向不手軟，既然如此我就從頭來開始學習開發一個 v3 的。

你有沒有疑惑過，你複製的網頁內容，為什麼會在不同的應用貼上時，產生了不一樣的結果呢？今天就來看看，你究竟複製貼上了什麼。 static/assets/clipboard-00.png

在最近更新個人部落格的一些記錄