三天的 #io17 在上週告一段落,雖然沒什麼驚艷之處(抱歉對 Kotlin 無感...XD),不過身為 G 家的場子,技術含量還是相當夠的,尤其各議程幾乎都有即時的轉撥,雖然沒法去到現場但是也是有辦法看到許多第一手的有趣東東 ;p
但是還是希望有天能親臨現場啊...
因為是吃飯的工具,對於 web 相關的東西會稍微多留意一點,所以有時間有一邊看議程,一邊整理一些心得吧,當然 Google 已經把全議程錄影都放出來了,相信每位開發者都能找到自己感興趣的議題吧。
DevTools: State of the Union 2017
V8, Advanced JavaScript, & the Next Performance Frontier
V8, Advanced JavaScript, & the Next Performance Frontier (Google I/O '17) -{' '} https://t.co/PEHYWAeCxT{' '} #io17 v8/chrome 的 PM 分享了過去一年他們對於效能、工具的改進
— Node.js Taiwan (@NodejsTaiwan){' '} May 19, 2017
這兩個議程幾乎是每年必備的了 ;)
v8 的 Seth 來分享 v8 在過去這一年來做的改進,然後 chrome 的 Paul 則是分享了 Chrome DevTools 又多了哪些厲害的功能。真的要感謝他們,讓我寫的這種爛 code 也能跑得快,又好除錯 #超大誤
How Well Do You Know the Web?
這個議程我覺得很有意思,兩位主持人實作了一個問答遊戲,讓全場的聽眾能夠參與,提了許多 web spec 的執行細節,真的是腦洞大開,大家可以試試自已對網路的運作,了解了多少 :)
Production Progressive Web Apps With JavaScript Frameworks
真心覺得 Google 根本在炫耀簡報技巧,一個比一個誇張 XD
PWA 大總匯,各式各樣的框架及工具,看來 Google 是鐵了心要推 PWA 了(但是 Apple 不理你 #大誤
Staying off the Rocks: Using Lighthouse to Build Seaworthy Progressive Web Apps
為了推廣 PWA 不遺餘力的 Google,相關的開發工具當然也都幫大家準備好了 - lighthouse,一個方便的 chrome ext 能夠幫你檢測網站的 PWA 分數,以及如何改進的建議。
開頭還提了一段為什麼會取名 lighthouse 的由來,也是蠻有意思的
除了 lighthouse 之外,議程中也提到 Chrome 新加入的 headless 模式(就把它想成之前測試夯器 - phantomJS 就對了),沒想到有許多意外的東西可以玩啊,可以參考一下 Getting Started with Headless Chrome或這篇由 Uber 工程師撰寫的文章 - Using headless Chrome as an automated screenshot tool