開發效率提升 - 使用 AppleScript 建立流程任務
你也可以在 macOS 上使用手稿語言實現自訂功能的 UserScript,而它所使用的手稿語言,便是 AppleScript。
繼續閱讀...什麼是語法糖(Syntactic sugar)? - 2024 你要知道的 JS 語法糖 🍭
有程式語言的開發者,會根據使用者的反饋,實現一些能減省步驟的語法,這些語法稱為「語法糖」(Syntactic Sugar)。
繼續閱讀...Compound Component 複合元件 - React 元件設計模式
把單一元件切分為父元件與一個或多個子元件,並且共享部分屬性而實現應用功能的模式,就是 Compound Component (複合元件)設計模式。作為 React 基礎元件的設計模式(design pattern)當中一種有趣的設計模式。
繼續閱讀...透過 Google Search Console 拯救我的SEO (with Gatsby.js)
Google Search Console 是 Google 提供的免費服務,讓網站擁有者可以檢視自己網站中各頁面在 Google 搜尋引擎的表現、成效、是否有載入到 Google 搜尋引撆等資訊。我用上它來排查我的部落格文章在 Google 搜尋引擎中的狀況。
繼續閱讀...使用 Notion 管理我的年度目標 暨 2023 回顧 & 2024 展望
年度回顧有它的作用:除了可以給自己一個機會正視自己的缺失,也能藉著回顧鼓勵自己,看看自己在一年中,究竟走了多遠、成長了多少。所以我也就來回顧一下囉。
繼續閱讀...使用 GitHub Copilot 一個月心得
GitHub Copilot 會是非常有幫助的 AI 工具,因此我使用了魔法小卡刷下去,實際試用它的威力;在經過一個月的使用後,以下是我對 GitHub Copilot 的一些使用感受與心得。
繼續閱讀...Modern Web Conference 2023 觀後感
Modern Web Conference (MWC) 作為每年度經典的網頁開發者盛會,去年因疫情停辦後,今年又重新舉辦;而在佛心我司提供少量的公關票下,讓這個自從疫情以來便沒有參與過任何實體的開發者活動的我,得到一個觀摩大神們演講的機會,也順便讓自己跟上時代的洪流。
繼續閱讀...will-change — 那些前端開發應該要知道的小事(七)
你有沒有遇過無論如何實作動畫,畫面就是會出現卡頓的情況發生呢?在前端開發中,有一個專門處理這種情境的的屬性:will-change。
繼續閱讀...解決 Gatsby.js 中 markdown 無法使用相對路徑引入 gif/pdf 問題
Gatsby.js 可以使用 `gatsby-transformer-remark` 和 `gatsby-remark-images` 套件實現延遲載入圖片功能,可以該 png 和 jpg 等靜態圖片,在 markdown 檔案中使用相對路徑引用圖片達成延遲載入的功能,但對於 gif 這種非靜態圖片檔案則無法使用
繼續閱讀...