玩 TypeHero 上手 TypeScript
讀過 TypeScript 文件的人大概不覺得有趣，個人就曾經為了承接 1 項公司專案而 k 了 TypeScript 的文件，不過讀完卻還是有種不知道怎麼上手的感覺，而且該專案雖使用 TypeScript, 但是絕
Posted on Dec 4, 2023 by Amo Chen ‐ 1 min read
Amo Chen
白話文解說 Serverless 架構
很久以前被 Serverless 這個 fancy 的詞給唬到，想說是什麼雲端運算黑科技，沒有 Server 還可以提供服務！？ 後來才發現是大誤解⋯⋯。 Serverless 還是需要 Server 提供服務，只是對開發者而
Posted on Dec 3, 2023 by Amo Chen ‐ 2 min read
開源的 Email 樣板 — Free Responsive HTML Email Template
如果說前端的工作裡面有 2 件麻煩的事， 1 件大概率會是跨瀏覽器測試，另外 1 件大概就是 email 的 HTML 版面開發與測試。 Email 的 HTML 版面開發與測試之所以麻煩，是因為
Posted on Dec 2, 2023 by Amo Chen ‐ 1 min read
白話文解說 Code Obfuscation / 程式碼混淆
有些程式語言屬於腳本(script)語言，完全不需要經過編譯，所以散佈這些程式時就直接以原本樣貌散佈。舉個最常見的例子，就是網頁上的 JavaScript 程式碼
Posted on Dec 1, 2023 by Amo Chen ‐ 2 min read
經典面試題目 — 在瀏覽器輸入網址之後，到底背後發生什麼事？
之所以說這個題目很經典，是因為現代太多應用都是用 HTTP 協定進行溝通，例如每個人每天都一定會開啟的網頁瀏覽器，背後就是使用 HTTP 協定，所以這個題目可以
Posted on Nov 30, 2023 by Amo Chen ‐ 1 min read
微軟免費生成式 AI 課程 — Generative AI for Beginners - A Course
微軟近日又推出 1 門生成式 AI 的初學者課程，用來教育開發者從概念開始到實作 1 個有運用 AI 的產品（還順便置入 Azure & OpenAI XD） 整個課程分為 12 章節，需要搭建
Posted on Nov 29, 2023 by Amo Chen ‐ 1 min read
江湖一點訣 — 永遠別認為自動播放會自動播放 / Never assume autoplay will work
前陣子提到過跨瀏覽器測試的重要性，在於能夠確保各個功能在各種瀏覽器上都能按照預期正常運作。 會需要跨瀏覽器測試的原因，是每個瀏覽器的實作方式不
Posted on Nov 28, 2023 by Amo Chen ‐ 2 min read
優化加速 docker build 的秘訣 —— 使用 Cache mounts
現代開發應用(application)或多或少都會使用到第三方套件，不僅減少自行開發的成本，也加速開發應用的速度，所以各種程式語言都會有所謂的 package manager, 幫助開發者安裝/管理各種第三方套件與套件相依性，例如 npm, yarn, pip, go mod 等等，甚至作業系統也有 package manager 例如著名的 APT(Advanced Packaging Tool), Homebrew 等等。
但是隨著第三方套件越用越多，每次重新編譯(build) Docker 映像檔(image)的時間也會越來越長，因為每次重新 build docker image 都要花費不少時間重新下載並安裝第三方套件⋯⋯。
針對這個問題， Docker 官方文件有提到可以使用 Cache mounts 優化 build 的速度。
一起認識什麼是 Cache mounts 吧！