network

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

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

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

網路層對影音串流延遲的影響

基於 TCP 的 HLS 為何還會延遲或卡頓? 雖然 HLS(HTTP Live Streaming)是基於 TCP 傳輸協定,能保證資料不丟失且順序正確,但它天生具有「緩慢啟動、嚴格順序交付」的特性,會導致:啟播延遲(Startup Delay)、再傳延遲(Retransmission Delay)、突發性網路問題容易影響流暢性。 RTT(Round Trip Time)過高 RTT 是封包從客戶端傳送到伺服器再回來的總耗時。 * RTT 高 → Initial connection 慢:尤其 HTTPS handshake 或 CDN 的 chunk 請求階段會很明顯。 * 多個小請求的串流格式(如 HLS)會被放大影響:
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