Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Post-Evolution state of the web
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
850
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
150
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
650
Repro basketball club
edwardkenfox
0
310
Introduction to UX Optimizer
edwardkenfox
0
170
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
380
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
200
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
530
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1.3k
Other Decks in Technology
See All in Technology
[re:Invent2026事前勉強会(有志開催)]続きは、ラスベガスの廊下で / continue-in-the-vegas-hallway
sh_fk2
0
430
You Have Agency(サンキュー、Ruby)
snoozer05
PRO
4
620
なぜ東京にいる私が、新潟の技術コミュニティを運営するのか by 八雲慎之助
yakumo
0
160
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
joere
2
250
ドメインエキスパートは いかにして AI を使って プロダクト開発をするか
tatsuyashiraishi
1
240
Devin プロモコードの受け取りと適用(2026.10.27)
kinopeee
1
760
仕様駆動開発の、その先へ。決める力と確かめる仕組み
inariku
1
140
Microsoft のサポート ライフサイクルを理解する
murachiakira
PRO
0
240
攻撃 3 時間 vs 復旧 10 時間。アクセスキー流出の非対称性を体感するために CTF を作った話
kazzpapa3
1
100
LLMの知識とAIエージェント
happysamurai294
0
130
Adversary Infrastructure Hunting101
disconinja
0
180
Agent × Maestro で始める モバイル E2E 端末準備からテスト実行・結果確認まで
sansantech
PRO
0
240
Featured
See All Featured
My Coaching Mixtape
mlcsv
0
370
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
SEO for Brand Visibility & Recognition
aleyda
0
4.8k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
550
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
310
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
2
2.1k
WCS-LA-2024
lcolladotor
0
940
Are puppies a ranking factor?
jonoalderson
2
4.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
The Cult of Friendly URLs
andyhume
79
7k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
540
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େ͖ͳ ٕज़τϨϯυͷมԽΑΓ ख़ͱચ࿅͕ ਐΉϑΣʔζʁ
͋Γ͕ͱ͏͍͟͝·ͨ͠