Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Post-Evolution state of the web
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Edward Fox
May 19, 2018
Technology
1.4k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Post-Evolution state of the web
I/O Extended 2018 Tokyo@GDG
Edward Fox
May 19, 2018
More Decks by Edward Fox
See All by Edward Fox
Priorityを制するものはローディングを制す
edwardkenfox
4
830
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
140
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
640
Repro basketball club
edwardkenfox
0
300
Introduction to UX Optimizer
edwardkenfox
0
160
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
370
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
190
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
520
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1.2k
Other Decks in Technology
See All in Technology
AI駆動開発を組織で促すために
lycorptech_jp
PRO
7
8.8k
AIレビュー時代に必要なのは、SLOで引く撤退ライン
nobuoooo
0
150
Introduction to Bill One Development Engineer
sansan33
PRO
0
480
OAuth SPIFFE Client Authentication(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
370
dbt in Microsoft Fabric
ryomaru0825
0
300
Windows の互換機能 - 古いプログラムはなぜ動作できるのか
murachiakira
PRO
0
130
マイナンバーカード本人確認の実装比較(OAuth/OIDC Numa (Immersion) Workshop 2026) / 20260825 numa-12
oidfj
PRO
0
360
医療の現場を変革に挑戦した半年間の軌跡 - PythonとAIで現場を変える / From Code to Care
soudai
PRO
1
640
どんな手を使っても絶対間に合わせるスケジューラ
asari194617
0
1.5k
internal/testlog で遊ぼう
rokuosan
0
410
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
150
APIセキュリティを組織で実現するには~注力する点と設計・実装に入れたい対策~
riiimparm
2
770
Featured
See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
390
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
390
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
Navigating Team Friction
lara
192
16k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
900
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
The SEO Collaboration Effect
kristinabergwall1
1
540
How to build a perfect <img>
jonoalderson
1
5.9k
30 Presentation Tips
portentint
PRO
1
380
Marketing to machines
jonoalderson
1
5.7k
Transcript
Post-Evolution state of the web Edward Fox 2018/05/19 @I/O Extended
2018 Tokyo@GDG
@edwardkenfox Edward Fox ɾʑࡏۈ & ࡏॅ ɾΤϯδχΞ @ Repro ɾWEBʗϒϥβٕज़શൠɺPWA
ɾΫϥϑτϏʔϧɺԻָ
Google I/O ॳࢀՃ͖ͯͨ͠
WEBٕज़Λத৺ʹ ࢀՃͨ͠ηογϣϯͳͲ Λ௨ͯ͡ײͨ͡ WEBͷݱঢ়ͱࠓޙʹ͍ͭͯ
ؔ࿈͢ΔηογϣϯΛ هࡌͯ͋͠ΔͷͰ ৄࡉͳ༰ʹ͍ͭͯ ಈըΛݟ͍ͯͩ͘͞
1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.
ML as a building block of web applications
1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.
ML as a building block of web applications
ɾPWAͦͷͷͷܒ׆ಈऴΘΓɺ ΤίγεςϜͷৢஈ֊ʹ ɾܦిࢠ൛Λ࢝Ίͱ͢Δଟ͘ͷ ࣄྫհ ɾWorkboxLighthouse, criticalͳͲ पลπʔϧͷ֦ॆ
ࢢ͕͍ͭ͘·Ͱͷϥά ͋Δ͕ɺબࢶͱͯ͠ͷ PWA͕ͨΓલʹͳΔ ʮ͍ۙʯະདྷ
ؔ࿈ηογϣϯ ɾ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
1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.
ML as a building block of web applications
Post-destination era = AMP͕୯ͳΔ ʮߴͳϞόΠϧϖʔδʯ ͷ࣍ͷϑΣʔζ
ɾPWA + AMP ɾAMP Email ɾAMP Ad & etc.
AMPࣗମͷembeddability ʢҠ২ੑʣʹෛ͏ͱ͜Ζ͕ େ͖͍͕ɺଞͷ ϒϥβAPIͱͷੑʁ
ؔ࿈ηογϣϯ ɾAMP's evolution beyond web pages ɾBuild blazing fast web
content sites with Firebase and AMP
1. Popularization of PWA 2. AMP ain’t just fast⚡ 3.
ML as a building block of web applications
ɾWeb: tensorflow.js ɾAndroid: MLKit ɾFirebase Prediction
Web API͕αʔϏε։ൃʹ ͓͚ΔओཁͳγεςϜ ίϯϙʔωϯτʹͳͬͨ Α͏ʹɺMLͳ͠Ͱ࣮ݱ Ͱ͖ͳ͍ΞϓϦέʔγϣϯ ͕૿͑Δ
ϒϥβͰ࣮ߦͰ͖Δ MLσϞ https://js.tensorflow.org/
ઐతͳࣝͳ͘ͱ tensorflow.js ͷAPI ৮Εͳ͍ͱ͍͚ͳ͍ະདྷ…?
ؔ࿈ηογϣϯ ɾTensorFlow for JavaScript ΄͔ଟ
͍͞͝ʹ
Make Good Things Together ͱ͍͏ࠓճͷςʔϚ
ɾΞϓϦͷར༻࣌ؒΛ੍ݶ Ͱ͖ΔAndroid Pͷ৽ػೳ ɾཱࣗӡసࣗಈंͷॴ ࡏͳͲɺAIͷਐԽ͕ ͨΒͣ৽͍͠
͜͏1-2େ͖ͳ ٕज़τϨϯυͷมԽΑΓ ख़ͱચ࿅͕ ਐΉϑΣʔζʁ
͋Γ͕ͱ͏͍͟͝·ͨ͠