開發者工具

小賴《Docker 實戰指南》課程心得

小賴《Docker 實戰指南》課程心得

前陣子上了小賴老師《給網站工程師的網路課》,沒多久又上了《Docker 實戰指南》,此篇即為筆者參加 2025 年 5/10、5/17 小賴老師在五倍學院的課程心得,也感謝同事 Joel、Chenyuan 響應我的團報課程邀約。 身為一個前端工程師……不,應該說是 Web 工程師,即便沒實際用過 Docker,肯定也聽過它的大名,知道它是用來解決什麼問題的。但工作中會不會真的用到,又是另一回事了。 而且退一步說,即便公司有用到,在部門專業分工的情況下,Dockerfile 或 yml 檔案也不一定是由 Frontend Team 的人來修改。 一次正式站爆炸的反思 某次公司網站在工程師們沒做任何操作的情況下,正式站 Client 突然爆炸,事後的排查其實是 GTM 被外部門注入了有問題的行銷程式碼,細節不多說了。 而在排查的當下,其中一個方向是基礎環境建設的問題,例如
SimonAllen
AI 是否在影響技術生態的多樣性?

AI 是否在影響技術生態的多樣性?

最近看到一篇有很趣的文章:AI is Stifling Tech Adoption 這篇文在探討工程師的「技術選型」被 AI 給影響了! AI 雖然增加了開發者效率,但也在重朔技術的發展(和開發者的技術選型),原因是 AI 訓練數據的時間性問題,還有其技術偏好導致。 作者認為生成式 AI 的訓練數據都不是當下即時資料,而是基於過往資料訓練,所以當某個主流套件更新到新版,AI 回應往往無法回答最新版本套件的資訊,這可能讓 Jr 開發者較難採用新技術,而是習慣性地使用 AI 熟知的版本。 AI is Stifling Tech AdoptionAI coding assistants are React evangelists.Vale.RocksDeclan Chidlow 並且 AI 有預設「技術偏好」,像是
SimonAllen
Git Commit 請加上任務單號

Git Commit 請加上任務單號

我在部落格這頁設定的置頂圖片就是很常見的情境,在大型專案中開發,我們能從 Git Message 知道做了什麼動作,卻無法知道是「為了什麼情境」而做這些動作。 在軟體開發中,如果是 VS Code 使用者,通常都會安裝 GitLens 擴充套件(或者其他你習慣的 Git 擴充套件),好看到程式碼該行最後的 commit message。 而 Git Commit 的 message 流派不少,我認為 Web Frontend 在多人協作需要做到最基本、最大前提的一件事情 - 帶上開發的「任務單號」! 不論團隊用什麼任務發單管理系統,如 Redmine 或 Jira,在新增任務開票、開單後,該任務都會有一個系統自動產生的號碼或編號「任務單號」 理解修改的 Context 情境比知道改了什麼還重要 當開發者覺得某段
SimonAllen

Chrome 83 DevTools 新功能:切換 location 與 locales

這篇算是隨手紀錄,前幾天無意翻了翻 Chrome 文件,Chrome 83 (約2020年5月底發布) 更新後新增了些許功能。 不過最讓我眼睛一亮的是, DevTools 新增切換 location 與 locales 的功能。 打開 DevTools,選擇 ... > More tools > Sensors 可以看到 Sensors 下方有個 Location,點選 No override 選單可看見預設已有 London、Tokyo 等城市可選擇,使用方式就是點選任意城市後重新整理瀏覽器即可。 也可以點選 Manage 自行新增城市、經緯度、時區、語系 真的是非常實用功能,這對要做多國語系、地區內容的工程師們來說,可謂是一大福音呀! 參考資料: Emulate locales Chrome DevTools:
SimonAllen

mkcert:讓你在 localhost 開發也能用 https

mkcert 可以開發者快速產生 https 憑證,讓本地端 localhost 開發也能用https。 http、https 之間差異這裡就不贅述,對前端瀏覽器而言,串接後端 API 最常遇到的就是跨域 CORS 的問題,而不同協議 http、https 彼此也有跨域問題。 通常 local 開發環境通常會是 http,以前筆者還菜菜的時候,不懂 localhost 怎麼會有需要 https 這個需求,直到我遇到 Yahoo Sign in 這種一定要 https 的 3rd 功能要串接.... 總不能本機盲改串功能,deploy 上測試站才能測吧,為了做到在本機電腦也能正常開發,我們需要讓 localhost 變成 https 協定。 mkcert 在不同電腦環境、
SimonAllen

Firebase Storage 入門

關於 Firebase Firebase 是 google 的雲端資料庫平台,提供了很多 APP、WEB 所需要的後端功能,如果只是小專案完全可以用 Firebase 雲端來取代我們 local 安裝操作 DB 的需求。 其他介紹就不多闡述啦,因為這篇筆記不講 Cloud Firestore 和 Realtime Database ,而是單純以 Firebase Storage 為主 Firebase Storage 大小限制 免費方案的空間大小限制是 5GB 每日最多下載流量 1GB 一天下載次數最多5萬次 上傳次數最多2萬次 就一般的開發者寫寫 side project 是非常夠用的 新建專案 首先到 Firebase 官網新增專案 專案命名按自己喜好取名 這邊會問要不要啟用 GA 功能,因為不是此筆記重點,
SimonAllen