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 報告会のプレゼン資料です

D58fe5089757d3f2f7a32439fe3f19d0?s=128

kumakumakkk

May 28, 2018
Tweet

Transcript

  1. What’s new in Google I/O 2018 (...and how to enjoy

    Google I/O) KUMA
  2. None
  3. !?

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

    non erat sem このセッションについて ・Google I/O 2018はどんな感じだったかを写真とともにご紹介 ・来年のためにGoogle I/Oを最大限に現地で楽しむ方法をご紹介 ・終わったあと、セッションの掘り方をご紹介 ・ついでにWeb系のトピックをわーっとご紹介 ・あとでぐぐれるように
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. Google I/O 2017

  16. None
  17. None
  18. None
  19. Google I/O 2017

  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. 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日目はコミュニティブース、雰囲気を楽しむ。美味しいお酒を飲む。
  53. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis

    non erat sem まとめ ・時差ボケはできるだけ日本で調整したり、前日、前々日入りして直しておく ・セッションは(ほぼ)すべて YouTubeにその日の夜にアップされる ・2次情報をわざわざ見なくても、 Googleの各種ブログが発信してくれる ・Google I/Oに行くときは、とにかく雰囲気を味わって、人としゃべることが重要
  54. 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)
  55. 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
  56. 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
  57. 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
  58. 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
  59. Thank you! Twitter: @kumakumakkk FJUG: ホスティングの機会ありがとうございます! 山田さん: フォトジェニックなモデルとして Special Thanks

    ←この人