WebConf 2024 遊記

2025-01-07
前端開發

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

繼續閱讀...

在中大型企業下微前端的實現與挑戰

2024-11-30
前端開發micro-frontend

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

繼續閱讀...

前端老人學習 CSS grid 佈局心得

2024-07-08
cssgrid前端開發

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

繼續閱讀...

開發效率提升 - 使用 AppleScript 建立流程任務

2024-05-19
生產力工具applescript

你也可以在 macOS 上使用手稿語言實現自訂功能的 UserScript,而它所使用的手稿語言,便是 AppleScript。

繼續閱讀...

什麼是語法糖(Syntactic sugar)? - 2024 你要知道的 JS 語法糖 🍭

2024-03-09
JavaScript前端開發

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

繼續閱讀...

Compound Component 複合元件 - React 元件設計模式

2024-01-29
react前端開發JavaScript

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

繼續閱讀...

透過 Google Search Console 拯救我的SEO (with Gatsby.js)

2024-01-16
前端開發SEOGoogleSearchConsoleGatsby.js

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

繼續閱讀...

使用 Notion 管理我的年度目標 暨 2023 回顧 & 2024 展望

2024-01-07
生產力工具

年度回顧有它的作用:除了可以給自己一個機會正視自己的缺失,也能藉著回顧鼓勵自己,看看自己在一年中,究竟走了多遠、成長了多少。所以我也就來回顧一下囉。

繼續閱讀...

使用 GitHub Copilot 一個月心得

2023-12-25
前端開發GitHubCopilot生產力

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

繼續閱讀...

Modern Web Conference 2023 觀後感

2023-11-15
前端開發ChatGPTAICopilotWebAssembly

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

繼續閱讀...
Next
Alex Ian
Alex Ian

ReactJS, VueJS 畫畫/寫作/前端開發


共29篇文章
文章分類
  • 前端開發14
  • JavaScript7
  • 那些前端開發應該要知道的小事5
  • Gatsby.js3
  • ChromeExtension2
  • NetlifyCMS2
  • 生產力工具2
  • 關於我1
  • 非Coding1
  • Svelte1
  • raycast1
  • toolRecommend1
  • productivity1
  • MutationObserver1
  • observer pattern1
  • 開發效率1
  • will-change1
  • GitHubCopilot1
  • 生產力1
  • ChatGPT1
  • AI1
  • Copilot1
  • WebAssembly1
  • SEO1
  • GoogleSearchConsole1
  • react1
  • applescript1
  • 閱讀1
  • css1
  • grid1
  • micro-frontend1

Build with GatsbyJS and React 18.2.0. Hosted on Netlify.

The original code is open source and available at calpa/gatsby-starter-calpa-blog

Copyright ©AlexIan's blog 2025.