[整理] io17 - chrome and web sessions
三天的 #io17 在上週告一段落，雖然沒什麼驚艷之處（抱歉對 Kotlin 無感...XD），不過身為 G 家的場子，技術含量還是相當夠的，尤其各議程幾乎都有即時的轉撥，雖然沒法去到現場但是也是有辦法看到許多第一手的有趣東東 ;p
但是還是希望有天能親臨現場啊...
因為是吃飯的工具，對於 web 相關的東西會稍微多留意一點，所以有時間有一邊看議程，一邊整理一些心得吧，當然 Google 已經把全議程錄影都放出來了，相信每位開發者都能找到自己感興趣的議題吧。
DevTools: State of the Union 2017
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/PjjlwAvV8Jg"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
V8, Advanced JavaScript, & the Next Performance Frontier
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet" data-lang="en">
<p lang="ja" dir="ltr">
V8, Advanced JavaScript, & the Next Performance Frontier (Google I/O '17) -{' '}
<a href="https://t.co/PEHYWAeCxT">https://t.co/PEHYWAeCxT</a>{' '}
<a href="https://twitter.com/hashtag/io17?src=hash">#io17</a> v8/chrome 的 PM
分享了過去一年他們對於效能、工具的改進
</p>
— Node.js Taiwan (@NodejsTaiwan){' '}
<a href="https://twitter.com/NodejsTaiwan/status/865427159485108229">May 19, 2017</a>
</blockquote>
這兩個議程幾乎是每年必備的了 ;)
v8 的 Seth 來分享 v8 在過去這一年來做的改進，然後 chrome 的 Paul 則是分享了 Chrome DevTools 又多了哪些厲害的功能。真的要感謝他們，讓我寫的這種爛 code 也能跑得快，又好除錯 #超大誤
How Well Do You Know the Web?
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/vAgKZoGIvqs"
frameborder="0"
allowfullscreen
></iframe>
這個議程我覺得很有意思，兩位主持人實作了一個問答遊戲，讓全場的聽眾能夠參與，提了許多 web spec 的執行細節，真的是腦洞大開，大家可以試試自已對網路的運作，了解了多少 :)
Production Progressive Web Apps With JavaScript Frameworks
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/aCMbSyngXB4"
frameborder="0"
allowfullscreen
></iframe>
真心覺得 Google 根本在炫耀簡報技巧，一個比一個誇張 XD
PWA 大總匯，各式各樣的框架及工具，看來 Google 是鐵了心要推 PWA 了（但是 Apple 不理你 #大誤
Staying off the Rocks: Using Lighthouse to Build Seaworthy Progressive Web Apps
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/NoRYn6gOtVo"
frameborder="0"
allowfullscreen
></iframe>
為了推廣 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
Comments
Loading comments...