使用 Github Action 跟 Cloudflare 部署 Astro
4 min記錄一下如何透過 Cloudflare 跟 Github Action 來部署 Astro 靜態頁面
部落格的選擇歷程
4 min這篇文章探討了軟體工程師的部落格寫作之旅，分享了使用不同部落格框架的經驗，包括Github Page、NextJS、Remix和Docusaurus。作者強調寫部落格的重要性，並鼓勵工程師克服完美主義，專注於持續輸出，以提升學習和記憶能力。最終，作者希望讀者能找到適合自己的工具並保持寫作習慣。
Web API - Message Channel
2 min在研究 React Fiber 的過程中看到了 Message Channel 這個名詞，於是做個簡單的學習並且記下筆記。
準備面試｜React 實作題
3 min為了避免每次找工作都花大量時間來準備一些基礎題目，但又怕不準備會不踏實，於是打算記錄下來準備了哪些東西，可以透過 interview 的 tag 來查看更多
Obsidian ICloud 同步
2 min如何利用 ICloud 同步不同裝置之間的 Obsidian 筆記
Promise.all 之購物車案例
2 min作者透過 Promise.all 來解決購物車會遇到的實際場景，並且針對其缺點也有附上 Promise.allSettled 的解決方式，加上並行請求實實在在的可以改善使用者進入網頁後的體驗。
Two Sum - LeetCode
3 mintwo sum 是很有名的演算法題，這邊文章記錄了解題的過程以及思緒，首先用最直觀的雙層迴圈處理，但是考量到效能後發現這不是最佳解，到後來使用 hashmap 來解題。
RESTful API | 前進後端計畫
3 minAPI（應用程式介面）是後端伺服器提供的接口，允許前端或其他後端進行互動。REST（表現層狀態轉換）是一種軟體架構，具有統一介面、無狀態、分層系統、可快取性和隨需編碼等原則。RESTful API 利用 REST 架構，具備可擴展性、靈活性和獨立性。請求通常使用統一的 URL 和 HTTP 方法（如 GET、POST、PUT、PATCH、DELETE），並包含 HTTP 標頭和狀態碼以反映請求的結果。
ResizeObserver API in React
1 min在有些需要在 RWD 時計算的場合，我們可以利用 window 的 resize event 來偵測視窗改變的大小，但是當我們只想要偵測某個 dom 的大小因為內容而變化時就可以使用 ResizeObserver
我看了腦筋急轉彎 2
3 min個人在看完電影後的一些小紀錄以及心得，可能會有一些暴雷，請斟酌觀賞
同時控制多個 Chakra Accordion
1 min同時控制多個 Chakra Accordion
The trouble with TypeScript enums - 讀後筆記
1 min在使用 Typescript Enum 之前或許你有更好的選擇，在我接觸現在公司的專案時，此專案已經大量使用 Enum，讓我覺得這是之前沒有的經驗，一直覺得有些微妙，後來看到這篇[文章](https://thoughtbot.com/blog/the-trouble-with-typescript-enums)後，想起來先前我大部分也都使用 `as const` 來解決，藉此記錄一下筆記。
開啟 fork repo issue
1 min要在我 fork 來的 blog repo 加上 gittalk 功能時才發現 fork 來的 repo 預設的 issue 都是關閉的。此時只要到 repo setting 的 General 往下找到 issue 然後將它勾選起來
設定 Vercel Custom Domain
1 min這篇文章紀錄了 Vercel 設定 Custom Domain 的過程
在 Vite React 當中加上 Linter
1 min在 Vite React 當中加上 Linter
用 Git Reflog 來還原
1 min不小心下錯 git 指令別著急，試試 git reflog
那年我的前端自學資源
6 min這篇文章分享了我自學前端開發的經驗和資源，包括前端工程師學習路線圖、通用學習資源如 MDN 和 Stack Overflow、HTML、CSS 和 JavaScript 的學習重點和資源，以及 React 框架的學習建議。文章強調了 CSS 的重要性，提供了多個互動學習遊戲和教程。整體目的是為前端開發學習者提供全面的學習指南和資源推薦。