Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's new in IO

What's new in IO

Firebase Japan User Group / Google I/O 2018 報告会のプレゼン資料です

kumakumakkk

May 28, 2018
Tweet

More Decks by kumakumakkk

Other Decks in Technology

Transcript

  1. !?

  2. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem このセッションについて ・Google I/O 2018はどんな感じだったかを写真とともにご紹介 ・来年のためにGoogle I/Oを最大限に現地で楽しむ方法をご紹介 ・終わったあと、セッションの掘り方をご紹介 ・ついでにWeb系のトピックをわーっとご紹介 ・あとでぐぐれるように
  3. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem 行動戦略 ・時差ボケはできるだけ日本で調整したり、前日、前々日入りして直しておく ・初日は “What’s new on 〜” や、 “〜 State of the Union” のプレゼンを見る ・夜は初日公開したドキュメントを読み込む。 ついでにツイッター、ニュースを読む ・2日目はブースを回りながら、ブースの人、 Office Hourで質問しまくる ・3日目はコミュニティブース、雰囲気を楽しむ。美味しいお酒を飲む。
  4. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem まとめ ・時差ボケはできるだけ日本で調整したり、前日、前々日入りして直しておく ・セッションは(ほぼ)すべて YouTubeにその日の夜にアップされる ・2次情報をわざわざ見なくても、 Googleの各種ブログが発信してくれる ・Google I/Oに行くときは、とにかく雰囲気を味わって、人としゃべることが重要
  5. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem PWA - service worker in all modern browsers - Media Session API (vimeo) - Media Capabilities API - P in P Support - Presentation API - new Web Offline Media API (Voot, India, Globo) - AV1 codec 30% better compare to VP9 - Add to Homescreen to Desktop, separate window (Chrome OS first, Win/Mac later, Spotify) - Workbox (for service worker)
  6. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem Web Assembly - AutoCAD example - bring large C and C++ code bases to web, can use Web APIs - Unity/Unreal Engine target Web Assembly - WebGL - available in modern web browser today
  7. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem V8 engine (JS) - new benchmark engine: Speedometer2 - standard for automated web testing
  8. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem Tools, libraries and frameworks - Chrome DevTool - async-first debugging - step in feature for premises, postMessage, Web Workers and more - Eager Evaluation - Lighthouse 3.0 - Lighthouse API for CI/CD - Chrome User Experience Report(Late last year) - Data of web page performance for 4 million global domains. - Puppeteer 1.0(OSS) - Chrome Headless framework for nodejs - One-tap sign-up & Auto sign-in (EAP) - by using google OpenID - Google Pay for web - Web Components supported for all major browser (polyfill) - Angular 6.0 - Polymer 3.0 add support for ES modules and npm - lit-html uses ES6 to enables web app to perform fast efficient updates to the DOM - compact web components in terms of file size
  9. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem AMP - 6 billion amp pages, 56 million domains, < 1sec median load time - AMP Stories - Progressive UX - Web Packaging - standard for bundling web contents - privacy-preserved pre-fetch - no more google.com/amp URLs