Post-Evolution state of the web

Transcript

1. Post-Evolution state of the web Edward Fox 2018/05/19 @I/O Extended

   2018 Tokyo@GDG

2. @edwardkenfox Edward Fox ɾ୅ʑ໦ࡏۈ & ࡏॅ ɾΤϯδχΞ @ Repro ɾWEBʗϒϥ΢βٕज़શൠɺPWA

   ɾΫϥϑτϏʔϧɺԻָ

3. Google I/O ॳࢀՃ͖ͯͨ͠

4. WEBٕज़Λத৺ʹ ࢀՃͨ͠ηογϣϯͳͲ Λ௨ͯ͡ײͨ͡ WEBͷݱঢ়ͱࠓޙʹ͍ͭͯ

5. ؔ࿈͢ΔηογϣϯΛ هࡌͯ͋͠ΔͷͰ ৄࡉͳ಺༰ʹ͍ͭͯ͸ ಈըΛݟ͍ͯͩ͘͞

6. 1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.

   ML as a building block of web applications

7. 1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.

   ML as a building block of web applications

8. ɾPWAͦͷ΋ͷͷܒ໤׆ಈ͸ऴΘΓɺ ΤίγεςϜͷৢ੒ஈ֊ʹ ɾ೔ܦిࢠ൛Λ࢝Ίͱ͢Δ਺ଟ͘ͷ ࣄྫ঺հ ɾWorkbox΍Lighthouse, criticalͳͲ पลπʔϧͷ֦ॆ

9. ࢢ৔͕௥͍ͭ͘·Ͱͷϥά ͸͋Δ͕ɺબ୒ࢶͱͯ͠ͷ PWA͕౰ͨΓલʹͳΔ ʮ͍ۙʯະདྷ

10. ؔ࿈ηογϣϯ ɾThe web: state of the union ɾPWAs: building bridges

    to mobile, desktop, and native ɾPWA starter kit: build fast, scalable, modern apps with Web Components

11. 1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.

    ML as a building block of web applications

12. Post-destination era = AMP͕୯ͳΔ ʮߴ଎ͳϞόΠϧϖʔδʯ ͷ࣍ͷϑΣʔζ΁

13. ɾPWA + AMP ɾAMP Email ɾAMP Ad & etc.

14. AMPࣗମͷembeddability ʢҠ২ੑʣʹෛ͏ͱ͜Ζ͕ େ͖͍͕ɺଞͷ ϒϥ΢βAPIͱͷ਌࿨ੑ͸ʁ

15. ؔ࿈ηογϣϯ ɾAMP's evolution beyond web pages ɾBuild blazing fast web

    content sites with Firebase and AMP

16. 1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.

    ML as a building block of web applications

17. ɾWeb: tensorflow.js ɾAndroid: MLKit ɾFirebase Prediction

18. Web API͕αʔϏε։ൃʹ ͓͚ΔओཁͳγεςϜ ίϯϙʔωϯτʹͳͬͨ Α͏ʹɺMLͳ͠Ͱ͸࣮ݱ Ͱ͖ͳ͍ΞϓϦέʔγϣϯ ͕૿͑Δ

19. ϒϥ΢βͰ࣮ߦͰ͖Δ MLσϞ https://js.tensorflow.org/

20. ઐ໳తͳ஌ࣝ͸ͳ͘ͱ΋ tensorflow.js ͷAPI͸ ৮Εͳ͍ͱ͍͚ͳ͍ະདྷ…?

21. ؔ࿈ηογϣϯ ɾTensorFlow for JavaScript ΄͔ଟ਺

22. ͍͞͝ʹ

23. Make Good Things Together ͱ͍͏ࠓճͷςʔϚ

24. ɾΞϓϦͷར༻࣌ؒΛ੍ݶ Ͱ͖ΔAndroid Pͷ৽ػೳ ɾཱࣗӡసࣗಈंͷ੹೚ॴ ࡏͳͲɺAIͷਐԽ͕ ΋ͨΒͣ৽͍͠໰୊

25. ޲͜͏1-2೥͸େ͖ͳ ٕज़τϨϯυͷมԽΑΓ΋ ੒ख़ͱચ࿅͕ ਐΉϑΣʔζʁ

26. ͋Γ͕ͱ͏͍͟͝·ͨ͠