第 44 期 - 連起來很慢! 慢在哪? - 網路延遲的小知識
本週專欄
連起來很慢! 慢在哪? - 網路延遲的小知識
維護的雲端服務有沒有遇過一種狀況就是…看著綠油油的 Dashboard 想說一切都好好的啊！但真實使用者卻已經火冒三丈，客服電話也已經被打到滿線，因為一般的監控工具都是架設在內部網路 (Intranet) 從內部來進行監控，跟來自於世界各地的一般使用者是完全不同的出發點，所以會有監控上的盲點，這種情形就會需要外部的監控服務來模擬一般使用者行為，用以確保服務是否在正常運作中，而在外部網路的監控中，通常會有哪一些重點需要注意，遇到問題的時候又該如何找出癥結點？
前端開發
What is ECMAScript and How is it Different From JavaScript?
大家知道 ECMAScript 和 JavaScript 有什麼不一樣嗎？有些時候你會看到這兩個名詞被擺在一起，甚至是從 ECMAScript 的規範中了解 JavaScript。但是即使如此，這 ECMAScrip 與 JavaScript 終究還是不同的東西，文章很清楚地說明了這件事，以及它們兩個的關係。
How to Add TypeScript to a JavaScript Project
如何把 TypeScript 加到 JavaScript 中，文章中不是只有告訴你如何導入而已，還介紹了 TypeScript 以及使用它的優勢，最後還會教你怎麼去洗腦團隊使用 TypeScript😂。
Web开发应该知道的数据结构🍊
隨著前端要處理的資料越來越多，但又不像後端有著強大的 Server 可以依靠，這時候如何選擇處理資料的方法就會變得很重要，本文不只介紹了資料結構的核心原理，還根據原理把資料結構用程式碼進行實作。
CSS 樣式
What does 100% mean in CSS?
在寫 CSS 時我們很常會用到 100%，但 100% 放在不同屬性會有完全不同的效果，而這篇文分析了各種 100% 到底是怎麼計算出來的，而且還可以讓你用拖拉的方式調整樣式，讀完之後覺得學到很多新技巧 XD
10 Ways to Center a Div Horizontally and Vertically in CSS
不管是實際開發還是面試前端時都很常需要做到「水平垂直置中」，根據你想要置中的是 inline、block 還是 inline-block 元素又有不同的作法，所以這篇文直接幫你整理了十種方法，下次又忘記怎麼做時就看這篇吧！
You can create these elements without JavaScript
隨著 CSS 的語法越來越強大、瀏覽器的支援度也越來越高，現在很多效果像是 Modal 跟 Toggle 完全不用 JS 也能做出來，如果有時只是想做個簡單的靜態網站，又不想寫太多 JS，那就可以改成用 CSS 做～
後端開發
Guide to GitOps
GitOps 指南，介紹 GitOps 的原則，GitOps 與 IAC 到底有什麼不同？GitOps 原則一：整個系統都是聲明式的。
原則二：在Git中規範化了所需的規範系統狀態。原則三：被允許的改變可以自動套用到系統。原則四：軟體代理可以確保正確性，並且在有分歧時發出警報。
Prometheus Book
看起來好像不錯的 Prometheus 書籍，收藏起來。
Stop only using console.log and use the built-in node debugger
停止使用 console.log 在 node.js 除錯，用內建的 node debugger 吧！內文介紹了兩種 Debug 工具，node.js 原生的 inspect 指令與 Chrome 的 inspector，加速你的開發效率。
DevOps
Jenkins Git Plugin Performance Improvement
從七月初開始就有看到 Jenkins 老爺爺使用到的 Git Plugin 即將更新的消息，七月底的時候又發了一篇文章更新一下進度，就在無聲無息一個月之後，總算盼到這次主要針對效能改善的改版發佈啦！透過 GitToolChooser 功能的實作之後，讓 Git Plugin 可以在 CLI Git 和 JGit 中間作切換，來達成讓整體 Git Fetch 解省將近 50 % 的時間，因此有在使用的人，推薦一定要更新此 Plugin 並且搭配這篇文章一起服用！
Terraform Feature Flags & Environment Toggle Design Patterns
Infrastructure as Code 領域中最多人使用的 Terraform 也可以達成 Feature Toggle? 此篇文章鉅細彌遺地講解在 Terraform 中如何做到 Feature Toggle，讓使用 Terraform 管理雲端環境的開發者在此 Design Pattern 下，就算是使用同一份 HCL 程式碼也可以讓不同環境所管理的資源有所不同
Secure at every step: Putting DevSecOps into practice with code scanning
身為管理地球上最多程式碼的 GitHub 在這兩三年來也逐漸地往 DevSecOps 靠攏當中，之前可以透過掃描套件管理程式定義檔按來發現有沒有引用到具有 Vulnerability 的函式庫，最近又發表了靜態程式碼掃描 Beta 測試版本，讓大家可以透過 Shift Left 來達成 DevSecOps，在問題發生之前就先把它解決掉！
StarBugs Weekly
StarBugs Weekly 由一群不寫文章就會想要亂花錢，但是又沒有那麼多錢，只好繼續寫文章的開發者所創立。
內容包含 Web 前端、中端、後端、DevOps、產品開發、精實創業，一切跟產品有關的知識，都是我們的守備範圍！
Curators:
- @GQSM - Hi！我是神 Q 超人，一個先衝再說的男人。
- @Larry850806 - 我是 Larry，傳說中的 0.1 倍工程師！
- @LukaTW - 一名全身都是死角的工程師。
- @smalltown - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術
Feedback
本週呈現主題方式做了一些改變，希望讓讀者能夠更快速精準的找到自己要的資訊。也加入社群活動這個區塊，每週更新社群活動的資訊。如果有任何建議，歡迎私訊 星巴哥技術週刊 FB 粉絲專頁 與我們聯繫。