第 80 期 - 世界為我而轉動！

Created on 2021-05-11

本週專欄

Argo CD ApplicationSet Controller: 世界為我而轉動！

想要一次性自動地在所有管理的 Kubernetes Cluster 安裝好 Prometheus，或是在某一座 Kubernetes Cluster 內快速地 Bootstrap N 個 Namespace，有這些需求的人千萬不要錯過，由 Argo 新推出的 Argo CD ApplicationSet Controller，它讓使用者在單個 YAML 檔案內像是寫 For Loop 程式，隨需求一次性地建立大量的 Application，就讓我們使用實際範例來看它如何解放 Kubernetes 維運人員的雙手與時間

星巴哥專欄作者，原創文章

Gatsby | 簡單兩個步驟，讓你把 Gatsby 個人網站變成 PWA！

前端開發者該負責寫 API Endpoints 嗎？The Backend For Frontend Pattern (BFF) In Microservices World

前端開發

Lazy loading using the Intersection Observer API

在前端處理圖片載入優化的效能時，Lazy loading 會是其中一個改善使用者體驗的選擇之一，而在文章裡面作者就使用了 Intersection Observer API 來實現 Lazy Loading！

How To Use Web Worker

透過 Web Worker API 可以產生一個在背景執行的 worker，這樣就不會讓同步執行的 JavaScript 因為執行比較長時間的程式碼產生應用程式沒有回應狀況。文章中解釋了一些關於 Worker 的基本操作。

How To Use Vibration API in Your Website

Vibration API 可以透過 Web 對使用者的設備傳達震動的反應，雖然目前只能在 Android 上的 Chrome 上使用，但是相信 Web 就快要可以征服世界了 😂

街口前端視覺搭建系統-創始篇

這篇真的蠻值得一看的，很多大公司為了方便管理自己的前台頁面內容都會設計一個後台給需求端使用，這篇文章敘述了一個好的後台會先從什麼樣的基礎架構進行撰寫，非常值得收藏起來看。

TypeScript 中的 any 和 unknown

TypeScipt 大家都知道要針對各個變數進行型別的定義，有的時候為了方便就會把變數型態定義成 any，因為 any 就不會做任何的型別檢查回到 JavaScript 的懷抱，但這種寫法其實不是個很好的寫法所以後來 TS 又推出了 unknown，這篇文章講述了 any 以及 unknown 的差別，但我覺得既然都花時間用 TS 了就乖乖把型別定義好吧XD

重新認識 Pixel、DPI / PPI 以及像素密度

在前端的生態圈相信大家很常都會為了圖片的像素而搞到心煩意亂，尤其是轉成 canvas 的時候總是覺得圖片糊糊的，這其實就跟 DPI 有很大的關聯性，這篇文章就在講述圖片的像素、DPI 等等觀念，讓你可以更了解圖片的原理。

JavaScript

How JavaScript Works

這篇文章圖解了 JS 引擎裡面是怎麼執行 JS 的，而且也簡單講了 Heap、Stack、GC 大概的輪廓，就算是 JS 初學者也看得懂哦～

寫一個簡單堪用的 ESLint plugin

寫一個 ESLint plugin 其實沒有想像中難。胡立這篇文中介紹了他們在專案中遇到的問題，並且自己寫了一個堪用的 ESLint plugin 來解決他。雖然大部分人不會需要自己寫 ESLint plugin，但了解一下 plugin 內部是怎麼運作還是滿有趣的～

Solving a Mystery Behavior of parseInt() in JavaScript

這篇文章也很好玩，一般來說 JS 的 parseInt 如果輸入小於 1 的數（像是 parseInt(0.5)），那就會回傳 0，但作者卻意外發現 parseInt(0.0000005) 會回傳 5！究竟是為什麼呢？

DevOps

CNCF Technology Radar Highlights HashiCorp Vault’s Broad Multi-Cloud Adoption

Secret Management 在這兩三年來逐漸被受到重視，在最近 CNCF 所發佈的 Technology Radar 裡便提到 HashiCorp Vault 是目前最被廣泛且推薦使用的解決方案，而且他跟 K8s 的整合方式也越來越多元，除了 1) 可以整合 K8s Authentication 直接存取之外，2) 也可以透過 SideCar 的方式來 Inject Vault 存取的 Credentials，最近還宣佈可以透過 Kubernetes CSI 來存取，這麼多方便的整合方式，怪不得會成為目前 Secert Management 的第一把交椅

5 must-read books for DevOps and SRE

聽說是 DevOps 和 SRE 領域必讀的五本書籍，自己只有看過其中一兩本 (掩面而逃

Introducing Kubewarden, an Open Source Policy Engine

說到 Policy Engine 時，自己最先想到的是 Open Policy Agent，而最近有另外一套叫做 Kubewarden 的同等級解決方案也推了出來，它是特別針對 Kubernetes 而來，不免俗地也一樣透過 Admission Control 來達成 Policy as Code 的目的，樂見於這個領域有越來越多的競爭者，但也希望可以有越來越多現成的 Policy 可以直接套用XD

StarBugs Weekly

StarBugs Weekly 由一群不寫文章就會想要亂花錢，但是又沒有那麼多錢，只好繼續寫文章的開發者所創立。
內容包含 Web 前端、中端、後端、DevOps、產品開發、精實創業，一切跟產品有關的知識，都是我們的守備範圍！

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@Kyle老莫 - 無法忍受自己一天不進步的熱血社會菜雞。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。

Curators:

@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

@GQSM - Hi！我是神 Q 超人，一個先衝再說的男人。
@LarryLu - 我是 Larry，傳說中的 0.1 倍工程師！
@LukaTW - 一名全身都是死角的工程師。
@smalltown - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。

Feedback

本週呈現主題方式做了一些改變，希望讓讀者能夠更快速精準的找到自己要的資訊。也加入社群活動這個區塊，每週更新社群活動的資訊。如果有任何建議，歡迎私訊星巴哥技術週刊 FB 粉絲專頁與我們聯繫。