去年從我司褥到 Modern Web Conference 的票，今年打算再捲土重來，結果今年 MWC 沒辦，於是找到年度的最後一個週末，迎來台灣 2024 最後一檔網站應用開發的研討會 Web Conf 2024 ，感謝佛心我司提供的贊助票券，讓我可以在 2024 得到最後成長機會，觀摩大神們的分享。

中大型企業需要組織化開發，相對於微服務，前端的執行環境都是在客戶端進行，難以拆成小規模的方式進行重構；為了解決這個痛點，我們採用了「微前端」的方式進行了應用的重構，以解決前述的困境。

以下是一個長期幾乎只使用 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

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