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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Edward Fox
May 19, 2018
Technology
2
1.3k
Post-Evolution state of the web
I/O Extended 2018 Tokyo@GDG
Edward Fox
May 19, 2018
Tweet
Share
More Decks by Edward Fox
See All by Edward Fox
Priorityを制するものはローディングを制す
edwardkenfox
4
780
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
120
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
600
Repro basketball club
edwardkenfox
0
270
Introduction to UX Optimizer
edwardkenfox
0
120
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
350
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
160
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
490
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1.2k
Other Decks in Technology
See All in Technology
Kubernetes環境周りの責任範囲をいい機会なので考える / Taking the Opportunity to Clarify Kubernetes Responsibilities
kohbis
1
110
使って学ぼう MCP (と GitHub Codespaces)
tsubakimoto_s
1
220
Amazon Bedrock AgentCoreでブラウザ拡張型AI調査エージェントを開発した話 (シングルエージェント編)
nasuvitz
2
110
Microsoft Fabric のワークスペースと容量の設計原則
ryomaru0825
2
140
フルスタックGoでスコア改ざんを防いだ話
ponyo877
0
520
AIに視覚を与えモバイルアプリケーション開発をより円滑に行う
lycorptech_jp
PRO
1
520
技術書を出版するまでの1161時間50分38秒
kakeami
0
160
Agentic Codingの実践とチームで導入するための工夫
lycorptech_jp
PRO
0
150
AIエージェントで変わる開発プロセス ― レビューボトルネックからの脱却
lycorptech_jp
PRO
2
660
Databricks (と気合い)で頑張るAI Agent 運用
kameitomohiro
0
230
Snowflakeデータ基盤で挑むAI活用 〜4年間のDataOpsの基礎をもとに〜
kaz3284
1
140
大規模な組織におけるAI Agent活用の促進と課題
lycorptech_jp
PRO
4
5.5k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
72k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.3k
We Are The Robots
honzajavorek
0
180
Typedesign – Prime Four
hannesfritz
42
3k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
110
Game over? The fight for quality and originality in the time of robots
wayneb77
1
130
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
A Tale of Four Properties
chriscoyier
162
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
360
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େ͖ͳ ٕज़τϨϯυͷมԽΑΓ ख़ͱચ࿅͕ ਐΉϑΣʔζʁ
͋Γ͕ͱ͏͍͟͝·ͨ͠