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
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
590
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
69
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
510
Repro basketball club
edwardkenfox
0
210
Introduction to UX Optimizer
edwardkenfox
0
82
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
260
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
110
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
350
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1k
Other Decks in Technology
See All in Technology
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
kakehashi
1
690
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
120
The Role of Developer Relations in AI Product Success.
giftojabu1
0
130
OTelCol_TailSampling_and_SpanMetrics
gumamon
1
190
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
160
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
CDCL による厳密解法を採用した MILP ソルバー
imai448
3
120
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
Terraform Stacks入門 #HashiTalks
msato
0
360
Platform Engineering for Software Developers and Architects
syntasso
1
520
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
12k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Designing the Hi-DPI Web
ddemaree
280
34k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
KATA
mclloyd
29
14k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Navigating Team Friction
lara
183
14k
Docker and Python
trallard
40
3.1k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Optimizing for Happiness
mojombo
376
70k
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େ͖ͳ ٕज़τϨϯυͷมԽΑΓ ख़ͱચ࿅͕ ਐΉϑΣʔζʁ
͋Γ͕ͱ͏͍͟͝·ͨ͠