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
72
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
520
Repro basketball club
edwardkenfox
0
220
Introduction to UX Optimizer
edwardkenfox
0
85
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
270
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
110
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
360
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1k
Other Decks in Technology
See All in Technology
DevFest 2024 Incheon / Songdo - Compose UI 조합 심화
wisemuji
0
110
Oracle Cloudの生成AIサービスって実際どこまで使えるの? エンジニア目線で試してみた
minorun365
PRO
4
280
権威ドキュメントで振り返る2024 #年忘れセキュリティ2024
hirotomotaguchi
2
750
事業貢献を考えるための技術改善の目標設計と改善実績 / Targeted design of technical improvements to consider business contribution and improvement performance
oomatomo
0
100
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.1k
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
330
OpenAIの蒸留機能(Model Distillation)を使用して運用中のLLMのコストを削減する取り組み
pharma_x_tech
4
560
20241220_S3 tablesの使い方を検証してみた
handy
4
610
複雑性の高いオブジェクト編集に向き合う: プラガブルなReactフォーム設計
righttouch
PRO
0
120
NW-JAWS #14 re:Invent 2024(予選落ち含)で 発表された推しアップデートについて
nagisa53
0
270
プロダクト開発を加速させるためのQA文化の築き方 / How to build QA culture to accelerate product development
mii3king
1
270
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
810
Thoughts on Productivity
jonyablonski
67
4.4k
The Language of Interfaces
destraynor
154
24k
RailsConf 2023
tenderlove
29
940
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Designing for Performance
lara
604
68k
A designer walks into a library…
pauljervisheath
204
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Site-Speed That Sticks
csswizardry
2
190
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
GraphQLとの向き合い方2022年版
quramy
44
13k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
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େ͖ͳ ٕज़τϨϯυͷมԽΑΓ ख़ͱચ࿅͕ ਐΉϑΣʔζʁ
͋Γ͕ͱ͏͍͟͝·ͨ͠