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

Post-Evolution state of the web

Post-Evolution state of the web

I/O Extended 2018 Tokyo@GDG

Edward Fox

May 19, 2018
Tweet

More Decks by Edward Fox

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide