第 110 期 - 恭喜 StarBugs 得到 iThome 鐵人賽最佳團隊獎啦！

Created on 2021-12-07

本週專欄

開源專案讀起來 | 關於圈圈叉叉的雅量

Hi！大家好，我是神 Q 超人！因為 StarBugs 的關係，所以平常沒事我就會讀一些有關於程式的技術文章，然後再把那些投稿到每週週刊的推薦文章中，也順便看看自己有沒有感興趣想要學習的東西。然後就在某天的下午我突然意識到圈圈叉叉也太多了吧！

沒錯，就是那個童年遊戲圈圈叉叉，於是我就好奇了，判斷圈圈叉叉的邏輯那麼單純簡單，那這些近 5 萬人寫出來的圈圈叉叉又會有哪些不同呢？所以這篇文章就要和大家一起來讀幾篇同樣是寫圈圈叉叉的開源專案，看看開發者們對相同邏輯的思考方式有什麼不同！GO！GO！

職涯規劃

旋轉拍賣 Carousell Transactional Service 之產品架構演進

因為後端架構會跟著產品需求不斷演化，所以沒有所謂最好的架構，只有最適合的架構。這篇文章就是記錄了旋轉拍賣他們的架構是怎麼跟著產品需求不斷調整，雖然已經是舊文了，但非常寶貴的經驗分享

PressPlay 從 AWS 搬家到 GCP 一年的心得

除了上面那篇旋轉拍賣的架構演進，這篇講 PressPlay 怎麼從 AWS 搬家到 GCP 的我也覺得不錯。裡面講到了為什麼想要搬去 GCP，以及搬家前後的架構長什麼樣子，雖然會需要這樣搬的公司不多，不過當作經驗分享看看還滿有趣的

我的 ElasticSearch 進化之旅

很多公司都會用 ElasticSearch 來保存 log，再用 Kibana 把資料畫成一個個圖表來做分析。但隨著資料量越來越多，架設 ElasticSearch 所需的花費也會隨之越來越高，因此小城這篇文要來分享該怎麼架設，才可以讓你的 ES 更省錢

前端開發

Asynchronous JavaScript: The Restaurant Analogy

看到 Restaurant 還先入為主地以為是在講前後端的溝通，沒想到是在解釋 JavaScript 的運行方式，在文章裡講解了 JS 的引擎、WebAPIs、Task Queue 和 Event Loop，不只是新手，如果已經了解的人也可以當做複習，看看作者如何用餐廳描述這些工作流程吧！

Make a toast with HTML, CSS, and JS

用 Toast 彈出的訊息，在需要向使用者顯示訊息的時候非常有用，這篇文章的作者講解如何用 HTML、CSS 和 JavaScript 從無到有打造專屬 toast！

Animating a gradient border in CSS

作者用了不到 30 行的 CSS 就做出了超酷的旋轉框線顏色的動畫，整個過程中使用了 border-image、animation 和 @property 等屬性，每個步驟都講解的很清楚，想了解入門的 CSS 動畫可以看看！

enterkeyhint

現在的網頁對於手機的操作可說是越來越關心，光一個 input tag 就有很多種不同的 type 方便使用者進行輸入，今天要介紹的是一個算是蠻新的 attribute 叫 enterkeyhint，這個 attribute 可以方便使用者進行表單的輸入，使用者鍵盤中的 enter 鍵會替換成下一步的按鍵，如此一來就不用讓使用者進行額外的點擊就能讓使用者快速輸入完每個 input 了。

Algorithms in JavaScript with visual examples

很多人對於演算法可以說是相當害怕(我也是XD)，每次看到一些演算法的題目都會不知道該如何下手，這篇文章利用圖解的方式讓大家可以用比較輕鬆的心態來學習演算法，算是蠻平易近人的文章XD

後 Redux 時代！？留意那些過去常被視為理所當然的事

自從 React 正式進入大 Hooks 時代後，各方大神就開始推出一系列簡單易上手的套件讓大家可以替換掉 Redux，尤其是那 Redux 超級不方便的非同步操作XD

這篇文章是由 PJ 大大所撰寫的，雖然現在很多套件都在想方設法讓開發者可以移除 Redux，但 Redux 其實背後默默的幫我們處理很多事情，再開始使用其他好用的套件前不妨先看看 Redux 到底幫我們做了哪些事情吧！

DevOps

AWS re:Invent 2021 Adam Selipsky Keynote Summary

今年 AWS re:Invent 恢復在拉斯維加斯實體舉辦，這次一樣推出許多的新功能，例如之前我一直苦惱要怎麼把公開 Image 同步到，自己家裡的功能，現在在 ECR 裡面就可以辦到，而且推出 AWS 自有的 Kubernetes AutoScaler - Karpenter，當然這只是今年推出功能中的冰山一角！而在最重要的 Keynote 中又宣布的什麼大事呢？

當然就是 AWS 自家的新一代處理器 Graviton3，更快的運算速度而且更省能源，而且新的 Instance Type C7G 就會使用這顆新的處理器；除此之外也宣布了專門為訓練模型而最佳化的 Instance Type TRN1
再來則是為了金融相關產業所推出的遷移工具 AWS Mainframe Modernization，讓開發者將過時的 Infrastructure 搬遷到 Cloud 時更方便，AWS 甚至可以自動化從標準的 Cobol 程式碼產生 Java 程式碼
再來這應該是最屌的發佈功能了 - AWS Private 5G！他讓顧客可以使用 AWS Infrastructure 去架設跟擴展 5G 網路，AWS 提供硬體，組態，沒有限制任何可連接裝置的數量，跟其他 AWS 服務一樣，只要付錢就可以使用！
其他還有…Lake Formation Row and Cell Level Security, Lake Formation Transactions, 更多 Serverless 服務，Sagemaker Canvas，Goldman Sachs Financial Cloud For Data, AWS IoT Twinmaker, AWS IoT FleetWise 多到我連複製貼上都覺得累XD 有興趣的人可以再花點時間詳細研究

除了 AWS re:Invent 大爆炸之外，Kubernetes 也即將推出 1.23 版本更新，這次帶來 45 個功能改善，雖然相對於 1.21 (50) 和 1.22 (56) 來說比較少，但其中幾個還滿有感的，例如 kubectl events 指令，支援 OpenAPI v3 , gRPC probes, 同時也可以看到 CSI Drivers 和 Windows Support 這兩個大專案的持續進展，而且也有不少功能抵達 GA 階段，有興趣的人可以閱讀原文獲得更多且詳細的資訊！

Visualizing Kubernetes Clusters with Navigate

這兩天發現有一個叫做 Navigate 的免費開源專案，他可以用來視覺化 Kubernetes Cluster 的各種資源，也可以顯示即時的 Log，範例圖看起來滿潮的，而且其中一個功能是可以從本地端的 YAML 檔案把即將部署到 K8s 中的資源也是進行視覺化呈現，讓開發者可以事先知道自己要部署到 K8s Cluster 中的組態長什麼樣子，感覺還滿不錯的，有機會再來試用看看！

StarBugs Weekly

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

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@KyleMo - 雜食性軟體工程師，喜歡的技術我都想學。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。
@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

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

Feedback

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