avatar

[整理] io17 - chrome and web sessions

三天的 #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

powered by WebMention.io

You can skeet this post or discuss it on BlueSky, the comments will show up here.
0Likes0Replies0Mentions

Be the first one to share this article!