Google I/O 2016 Web系セッションまとめ


[2013年](http://qiita.com/vvakame/items/83bcfa02c5462610b89a)
[2014年](http://qiita.com/vvakame/items/16c7ed9fa1597271710e)
2015年は何故か書かなかったようだ

今年も[Topgate社IO報告セミナー](https://event.topgate.co.jp/20160606/index.html)やります。今日(6月6日)開催です。

## 基調講演

* [Keynote](https://www.evernote.com/l/ABKVt2dqQblAcbULU7DqN_hjnDSCekC7yYI)
	* 今年は入場余裕だった
	* いろいろあった(小並感

## PWA

* [Building instant-loading offline-first progressive web apps](https://www.evernote.com/l/ABKzCCg8WfRG5JzDktspaLHZvj7T_LBS22w)
	* PWAについてよくわかるイチ押しセッション 見よう！
* [High performance web user interfaces](https://www.evernote.com/l/ABK3Qc_MY3xOsZX9sy6CZoYD6teVcCu9504)
	* PWAの話
	* Webアプリを作る話(サイトではない
* [Building the Google I/O Web App: Launching a Progressive Web App on Google.com](https://www.evernote.com/l/ABL5HaFUAmxChZMpRZR802yYb_89FA7Bfsk)
	* IO2016は完全にPWA(Nativeアプリも用意してあるけど
	* Polymer
	* Realtime Error Trackingの手法の話とか
* [Angular 2 and Progressive Web Apps](https://www.evernote.com/l/ABK6GA0vDb1MdI3EbenZQFO2xaz3L0oGvHk)
	* PWAの話
	* Angular2でPWAする際の便利feature
* [Great libraries and tools for great Progressive Web Apps](https://www.evernote.com/l/ABLCfb6bQrVAWojQcfVXFoJOP_mOaBiPyC8)
	* WebPlatformを積極的に使い倒せという話(Polymer一派の主張だ
	* sw-toolbox
	* sw-precache
	* DevToolの新feature
	* Lighthouse
* [Fast and resilient web apps: Tools and techniques](https://www.evernote.com/l/ABIJ7rmrYE9Czpyh-ee4YzF8kMUaJGwcFJI)
	* 高速化思想の話
	* 接続時の速度は固定要素ではない
* [Polymer and Progressive Web Apps: Building on the modern web](https://www.evernote.com/l/ABJ9JJ187z1N2IbwXLhCd7ezIqavDuUiTUY)
	* PWA
	* Use the platform (Polymer勢この標語好きすぎでしょ
	* WebComponents
	* Polymer app toolbox
		* ついにRouterとかが来てしまったか…
	* https://shop.polymer-project.org/ の大正義さを見ると説得力がある
* [Progressive, Performant, Polymer: Pick Three](https://www.evernote.com/l/ABJX724v9XJMbICKY_nLLRgCgh5n-yAqwDg)
	* use the platform
	* 良いアプリのスコア基準
	* SPAの良し悪し
	* WebComonents & HTTP2
	* PRPL #とは
* [Progressive Web Apps Across All Frameworks](https://www.evernote.com/l/ABKMNnuwWYNFVLGQzwb2ATrusRVNyf-GShE)
	* React
	* Angular
	* Ember
	* 結局透過的Proxyなので導入簡単みたいな印象
* [Service workers at scale with Facebook and Flipkart](https://www.evernote.com/l/ABJXvMwCMmlM8o0-YU8H8za7sUuMZ2i5ivY)
	* Flipkartの事例
	* SWの更新のための考え方

## AMP

* [How AMP achieves its speed](https://www.evernote.com/l/ABKhDKbtS-ZNeraplofI5-YlGNZ0ww8QFFM)
	* AMPはいいぞ！
	* Validatorがあるから使おうね
	* 上司への言い訳にも使えるぞｗ
* [AMP + Progressive Web Apps: Start fast, stay engaged](https://www.evernote.com/l/ABJDTiYPk6dJQoSSgOwdfg3KW8CbH4UzaFc)
	* RAILを基準にする話
	* AMPの話
	* PWAの話
	* ワシントン・ポストの中の人の話

## RAIL

* [DevTools on RAILs](https://www.evernote.com/l/ABIQiwq1JgBMmJF5v7Fq4Q6nTXzmQDzwmao)
	* DevToolsを駆使してRAIL指標を改善する話

## Firebase

* [Cross Platform Coding without a Net using Firebase](https://www.evernote.com/l/ABJwVg0iwwZES4v1XNuCkGiE4GKHIGOSzyk)
	* Web系じゃないけど見ちゃった
	* iOS&Androidのlive coding
	* 現地でiOS側スクリーン見てたけどすごいアレでめっちゃハラハラした
* [Progressive Web Apps on Firebase](https://www.evernote.com/l/ABIm_H8ICqhHZpjkd1OVBdkvX2DKJrtVqaQ)
	* 大部分PWAの話
	* IndexedDBとか使って自動的にFirebaseからのデータをキャッシュとかしてoffline対応してくれる

## Physical Web & フィジカルデバイス用API

* [Lightweight real world interactions with the Physical Web](https://www.evernote.com/l/ABKdLOyuRQZGF6oEe4BLd5lXO7NeYupxPqI)
	* Eddystone
	* BLEビーコンで近隣にURL配る話
* [The Physical Web: Make It So](https://www.evernote.com/l/ABIOJNOSxhVITaE_0YpENP-uqXrD1cR489A)
	* Beacon
	* PWA
	* Web Bluetooth API

## その他

* [What’s next for the web?](https://www.evernote.com/l/ABKakOk9t91DQr0HK2nNMzaTzwDS0YnG61A)
	* 話が多すぎるのでノート見て
* [Mythbusting HTTPS: Squashing security’s urban legends](https://www.evernote.com/l/ABLwvpe-LDNEGq0Cm1rn2e04MkDc-jXbxOE)
	* まぁ素直にHTTPS使っとけ？な？怖くないよ？
* [Accessibility is My Favorite Part of the Platform](https://www.evernote.com/l/ABKRoiXWMK9CSoK_kYPv93qG0VWMNaQMoMc)
	* 15%の人は何らかの障害がある
	* 変な事せずブラウザデフォルトの挙動を活用できる構造にしとけって感じ
* [Building for billions on the web](https://www.evernote.com/l/ABK4Sdj38nxFCKTmSjpsL3q0IiUGkThQe1w)
	* 主に途上国とかでの環境の話
	* 彼らの払ってるインターネッツ代の話とか
	* 技術的に面白い話じゃないけど日本以外でも使われるWebアプリなら知っておきたい情報が多い
* [DevTools in 2016: Accelerate your workflow](https://www.evernote.com/l/ABKbKhqyIYZNxoGkFBuFWNb4enVoncsj-Ao)
	* 画面キャプチャ
	* カラーパレット
	* アニメーション編集
	* オンザフライCSS編集 SourceMapによるSCSSサポート
	* PWAで便利なデバッグ機能
	* Node.jsのプロセスをChromeでデバッグ
* [Search and the mobile content ecosystem](https://www.evernote.com/l/ABJahZC_QrZMmrlLHQf2HxOqreWIGYUArj4)
	* JSON+LD的な話
	* Real time indexing
	* AMP
	* ツールの話
* [reCAPTCHA: Tough on Bots, Easy on Humans, Great on Mobile](https://www.evernote.com/l/ABLgWAbJT6lCdaEj_EpxC-sGaF2LIU3klFI)
	* reCAPTCHAの話
	* 機械学習で既存のCAPTCHAが役に立たなくなってきた
	* 今ゼロクリックCAPTCHAのbeta tester募集してるらしい
* [The Mobile Web: State of the Union](https://www.evernote.com/l/ABLIZzQdoRxKuLSRTSLU6D-RUBQmvkvULGg)
	* PWA
	* ワシントン・ポストの作例
	* お金稼ぐ話
	* 再訪性の話
* [Who are you, really: Safer and more convenient sign-in on the web](https://www.evernote.com/l/ABKMtchejjpPHLvhXu7vvKv2juXmCLhiGnQ)
	* autocomplete属性
	* Credential Management API
		* なんか楽そうなうえに大正義の予感がする
	* FIDO
* [Angular 2](https://www.evernote.com/l/ABJu2iz07SVNA76p_jsp8P8HmFsifUxtuEo)
	* Angular2が何をやりたいと思ってるかの話
* [Fireside Chat with the Progressive Web Apps Crew](Fireside Chat with the Progressive Web Apps Crew)
	* Q&A祭り
* [Practical lessons from a year of building web components](https://www.evernote.com/l/ABKJ9uOJpYxDSamP00O3cmSKZdA3Ew7grNg)
	* WebComponentsの話
* [Bridging the physical and digital. Imagine the possibilities. ATAP.](https://www.evernote.com/l/ABJ1jF6njCtAfbRVQ3vMtHISl4UpD7NrAvE)
	* ARA生きとったんかワレェ！
* [Bringing seamless checkouts to the mobile web](https://www.evernote.com/l/ABJzLtJUhedIyaf6ESgvHz2ELVHIVH9ViWo)
	* autofill
	* PaymentRequest API
* [Deep user engagement with web push notifications](https://www.evernote.com/l/ABIdscVM17ZAg6rkOVn1df24XMuSrc_lziI)
	* Push通知の話
	* Androidでさんざん言われてた事がWebにも適用されはじめてきた感がある
* [The 2016 Web Development Workflow](https://www.evernote.com/l/ABJEYS94vX9AqZh5L03-7etk5e1q3Fff0Bc)
	* css variableとか
	* fetch
	* WebComponents
	* ツール類の話
* [Houdini: Demystifying the Future of CSS](https://www.evernote.com/l/ABKw_Fl6JnFOj6REbOsLPMMjFqJpstY3Mtc)
	* 夢のあるCSSの話
	* つよそう
* [V8, modern JavaScript, and beyond](https://www.evernote.com/l/ABLm7lzcz7FAfL801jhKPuaLviAJEB8Gxv0)
	* JSの"速さ"の考え方の話
	* V8の性能改善の話
	* ES6, 7, nextの話
	* Node.jsをChromeでデバッグしてる話
		* v7には入りそう v6はなんかモメてた
	* WebAssembly