Slide 1
Slide 1 text
Post-Evolution state
of the web
Edward Fox 2018/05/19
@I/O Extended 2018 Tokyo@GDG
Slide 2
Slide 2 text
@edwardkenfox
Edward Fox
ɾʑࡏۈ & ࡏॅ
ɾΤϯδχΞ @ Repro
ɾWEBʗϒϥβٕज़શൠɺPWA
ɾΫϥϑτϏʔϧɺԻָ
Slide 3
Slide 3 text
Google I/O
ॳࢀՃ͖ͯͨ͠
Slide 4
Slide 4 text
WEBٕज़Λத৺ʹ
ࢀՃͨ͠ηογϣϯͳͲ
Λ௨ͯ͡ײͨ͡
WEBͷݱঢ়ͱࠓޙʹ͍ͭͯ
Slide 5
Slide 5 text
ؔ࿈͢ΔηογϣϯΛ
هࡌͯ͋͠ΔͷͰ
ৄࡉͳ༰ʹ͍ͭͯ
ಈըΛݟ͍ͯͩ͘͞
Slide 6
Slide 6 text
1. Popularization of PWA
2. AMP ain’t just fast⚡
3. ML as a building block of
web applications
Slide 7
Slide 7 text
1. Popularization of PWA
2. AMP ain’t just fast⚡
3. ML as a building block of
web applications
Slide 8
Slide 8 text
ɾPWAͦͷͷͷܒ׆ಈऴΘΓɺ
ΤίγεςϜͷৢஈ֊ʹ
ɾܦిࢠ൛Λ࢝Ίͱ͢Δଟ͘ͷ
ࣄྫհ
ɾWorkboxLighthouse, criticalͳͲ
पลπʔϧͷ֦ॆ
Slide 9
Slide 9 text
ࢢ͕͍ͭ͘·Ͱͷϥά
͋Δ͕ɺબࢶͱͯ͠ͷ
PWA͕ͨΓલʹͳΔ
ʮ͍ۙʯະདྷ
Slide 10
Slide 10 text
ؔ࿈ηογϣϯ
ɾ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
Slide 11
Slide 11 text
1. Popularization of PWA
2. AMP ain’t just fast⚡
3. ML as a building block of
web applications
Slide 12
Slide 12 text
Post-destination era
= AMP͕୯ͳΔ
ʮߴͳϞόΠϧϖʔδʯ
ͷ࣍ͷϑΣʔζ
Slide 13
Slide 13 text
ɾPWA + AMP
ɾAMP Email
ɾAMP Ad & etc.
Slide 14
Slide 14 text
AMPࣗମͷembeddability
ʢҠ২ੑʣʹෛ͏ͱ͜Ζ͕
େ͖͍͕ɺଞͷ
ϒϥβAPIͱͷੑʁ
Slide 15
Slide 15 text
ؔ࿈ηογϣϯ
ɾAMP's evolution beyond web pages
ɾBuild blazing fast web content sites
with Firebase and AMP
Slide 16
Slide 16 text
1. Popularization of PWA
2. AMP ain’t just fast⚡
3. ML as a building block of
web applications
Slide 17
Slide 17 text
ɾWeb: tensorflow.js
ɾAndroid: MLKit
ɾFirebase Prediction
Slide 18
Slide 18 text
Web API͕αʔϏε։ൃʹ
͓͚ΔओཁͳγεςϜ
ίϯϙʔωϯτʹͳͬͨ
Α͏ʹɺMLͳ͠Ͱ࣮ݱ
Ͱ͖ͳ͍ΞϓϦέʔγϣϯ
͕૿͑Δ
Slide 19
Slide 19 text
ϒϥβͰ࣮ߦͰ͖Δ
MLσϞ
https://js.tensorflow.org/
Slide 20
Slide 20 text
ઐతͳࣝͳ͘ͱ
tensorflow.js ͷAPI
৮Εͳ͍ͱ͍͚ͳ͍ະདྷ…?
Slide 21
Slide 21 text
ؔ࿈ηογϣϯ
ɾTensorFlow for JavaScript
΄͔ଟ
Slide 22
Slide 22 text
͍͞͝ʹ
Slide 23
Slide 23 text
Make Good Things Together
ͱ͍͏ࠓճͷςʔϚ
Slide 24
Slide 24 text
ɾΞϓϦͷར༻࣌ؒΛ੍ݶ
Ͱ͖ΔAndroid Pͷ৽ػೳ
ɾཱࣗӡసࣗಈंͷॴ
ࡏͳͲɺAIͷਐԽ͕
ͨΒͣ৽͍͠
Slide 25
Slide 25 text
͜͏1-2େ͖ͳ
ٕज़τϨϯυͷมԽΑΓ
ख़ͱચ࿅͕
ਐΉϑΣʔζʁ
Slide 26
Slide 26 text
͋Γ͕ͱ͏͍͟͝·ͨ͠