第 18 期 - 學新技術霧裡看花，我整個就不爽了！

Created on 2020-03-03

本週專欄

React | 用實作了解 Server-Side Rendering 的運作原理

SSR 一直都是我滿想要了解的技術之一，於是在過年的時候我就找了幾天來玩一下 React 的 SSR 框架 Next.js，一開始覺得很有趣，但做到一半的時候我整個就不爽了！難道說使用 SSR 就一定得靠 Next.js 嗎？這樣就算把教學文件全都看完，我也還是不曉得 SSR 是怎麼辦到的，我的 SSR 裡面沒有靈魂。所以就想說，不如再多花一點時間，重頭了解在 React 中如何實現 SSR！

神 Q 超人

Need a hug? There’s a bot for that!

Side Project 不需要是能夠拯救世界或毀天滅地的想法，暖暖的一個擁抱，也會是很棒的 Side Project：）

4 attributes of a good programmer

與其說這是優秀的工程師才有的四個屬性，不如說這是為了成為優秀的工程師我們該學習的，這四個方法分別對應了一些開發上的問題，推薦花一點時間閱讀它！

How to become super saiyan with code? (用程式變成超級賽亞人）

雖然這則推薦是影片，但拜託求求你們一定要看一下。一開始會覺得很搞笑，但作者在影片最後講到說「也許我們小時候都夢想過某些事情，然後長大了聽到只會覺得是瘋了，但我們仍然可以用其它方式達成不可能的夢想。也許還是會有人說你瘋了，但至少你享受這個過程」，為什麼可以那麼平凡地說出那麼感動的話 😭

Larry Lu

如何学会所有的编程语言？

文中有一段以汽車來比喻程式語言我覺得很妙：「這世界上有很多牌子的車：有些車小但動力十足，有些車則是笨重而且慢，不同牌子的車有不同的駕駛體驗。但如果你知道怎麼開其中一種車，也就知道怎麼開其他大部分的車，儘管他們的牌子不一樣」，所以重點不在於你會哪些語言的語法，而是你有沒有掌握語法背後的概念，並且能快速學習新的語言

HTTPS 原理分析——带着疑问层层深入

這篇 HTTPS 原理有別於大部分教科書式的教學，他用 QA 的方式讓你知道為什麼 HTTPS 要設計成這個樣子，理解之後就不需要再硬背

Rust parallelism for non-C/C++ developers

因為 Rust 有滿多概念如 pointer、reference、namespace 都跟 C/C++ 很像，所以寫過 C/C++ 的人會比較容易上手 Rust，雖然如此，其他語言的開發者也不用太擔心，這邊就有一篇寫給非 C/C++ 開發者的指南，教你怎麼在 Rust 中寫出 parallel 的程式

LukaTW

待在 LINE Fukuoka 兩年間的二十七歲

本週推薦文章，Denny 分享 LINE 福岡的生活。為什麼要來 LINE 福岡？面試該準備和注意什麼？剛到日本時的不適應，辦公室內的一天，辦公室以外的生活，來日本的優缺點 … 等日本職涯的體驗分享。

TL;DR: Chrome 80 (released in Feb, 2020) 將針對 cookie 的發送機制有一些新的調整，將影響現有網站上仰賴第三方 cookie 實作的功能與使用者體驗。本篇文章將解釋規則調整的技術細節(SameSite)，造成的影響以及建議的修正方向。 by Ian Hung.

Myth of Structured Data — description

Paul 大師帶給我們精采的文章，如何透過 Structured Data 的注入，讓 Google 搜尋結果變得多采多姿。不僅大大的增加搜尋結果的可讀性，更讓使用者可以透過這些資訊的呈現可以快速的了解該搜尋結果是否為自己所需要的資訊。對於整體的搜尋體驗來說有著絕對的加分效果。

smalltown

13 Web Design Trends to Watch in 2020

電子商務平台 Shopify 覺得在 2020 的 Web Design 會有底下 13 個趨勢，不知道在這短短的一年內會被他們猜中幾個呢？！

Algorithmic design
Speculative design
Machine learning in the browser
Make websites respond to the user’s situation
Design for sustainability
Design for immediacy and the rise of user research
Accessibility goes mainstream
Design with cognitive differences in mind
Privacy protection
Less JavaScript
Static sites
Headless architecture
Interaction with big tech

Terrier: An Open-Source Tool for Identifying and Analyzing Container and Image Components

Ｈeroku 在日前釋出針對 Container 的弱掃工具 Terrier，他可以識別出 OCI Image 中的特定檔案，藉此來查找有問題的檔案，除此之外同時也能找出運行中 Container 有問題的檔案，並且可以將其和 CI/CD Pipeline 整合在一起，如此便可以在 Container 一開始建置的時候就發現有問題的地方，避免供應鏈式的攻擊手法

EC2 Instances 2.0 - Time to Update Your Toolbox

AWS EC2 這個服務已經陪伴 IT 人度過 13 個年頭了，在這期間中，他也一直在進化著，這篇文章想要分享的是如何管理 Mutable 的 EC2 Instance，提到的重點有…

Patching
Backup and Restore
Remote Access
Software Deployments
Monitoring
Logs
Single Point of Failure

StarBugs Weekly

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

Curators:

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

Feedback

想看什麼內容，告訴我們！點我回饋意見