Post-Evolution state of the web

I/O Extended 2018 Tokyo@GDG

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

6. 1. Popularization of PWA
   2. AMP ain’t just fast⚡
   3. ML as a building block of
   web applications
   

   View Slide

7. 1. Popularization of PWA
   2. AMP ain’t just fast⚡
   3. ML as a building block of
   web applications
   

   View Slide

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

   View Slide

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

   View Slide

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
    

    View Slide

11. 1. Popularization of PWA
    2. AMP ain’t just fast⚡
    3. ML as a building block of
    web applications
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

16. 1. Popularization of PWA
    2. AMP ain’t just fast⚡
    3. ML as a building block of
    web applications
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

22. ͍͞͝ʹ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide