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
A future without browsers, February 2017
Search
Kenneth Auchenberg
February 11, 2017
Programming
11
2.8k
A future without browsers, February 2017
A future without browsers, February 2017.
ngVikings 2017
Kenneth Auchenberg
February 11, 2017
Tweet
Share
More Decks by Kenneth Auchenberg
See All by Kenneth Auchenberg
BUILD 2017: Supercharge your JavaScript debugging workflow with VS Code 🔥
auchenberg
0
370
DevTools of The Future, JSCONF Asia 2016, Singapore
auchenberg
3
300
Future of DevTools, Full Stack Tech 2016, Argentina
auchenberg
0
200
JSCONF Columbia 2016: DevTools for the Progressive Web
auchenberg
1
370
JSCONF China 2016: DevTools for the Progressive Web
auchenberg
2
490
Edge DevTools Summer 2016
auchenberg
0
190
Web Rebels 16: DevTools for the Progressive Web
auchenberg
1
260
AtTheFrontend 16: DevTools for the Progressive Web
auchenberg
1
330
The future of DevTools with RemoteDebug
auchenberg
0
130
Other Decks in Programming
See All in Programming
しっかり学ぶ java.lang.*
nagise
1
380
Bakuraku E2E Scenario Test System Architecture #bakuraku_qa_study
teyamagu
PRO
0
760
JEP 496 と JEP 497 から学ぶ耐量子計算機暗号入門 / Learning Post-Quantum Crypto Basics from JEP 496 & 497
mackey0225
2
280
アーキテクチャと考える迷子にならない開発者テスト
irof
8
3k
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
pyama86
2
1.6k
AIの弱点、やっぱりプログラミングは人間が(も)勉強しよう / YAPC AI and Programming
kishida
9
4.9k
Core MIDI を勉強して作曲用の電子ピアノ作ってみた!
hypebeans
0
110
ノーコードからの脱出 -地獄のデスロード- / Escape from Base44
keisuke69
0
710
Chart.jsで長い項目を表示するときのハマりどころ
yumechi
0
110
Flutterチームから作る組織の越境文化
findy_eventslides
0
110
Flutterアプリ運用の現場で役立った監視Tips 5選
ostk0069
1
460
CSC509 Lecture 10
javiergs
PRO
0
180
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
670
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
2.9k
[RailsConf 2023] Rails as a piece of cake
palkan
57
6.1k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Practical Orchestrator
shlominoach
190
11k
Transcript
February 2017 Kenneth Auchenberg Program Manager, Microsoft A future without
browsers
I’m Kenneth
None
Source: http://www.davemanuel.com/2016/01/09/poll-74-of-likely-republican-voters-believe-that-donald-trump-will-probably-win-nomination/
Browsers
We are the last generation to know what a “browser”
is
A walk down memory lane
None
DESKTOP TOWER WINDOWS XP CRT MONITOR COCA COLA CD-ROM!
Browsers were document readers
Source: http://collective-thoughts.com/wp-content/netscape-navigator.JPG Browsers shipped on physical media
Browsers used to cost money
Browser start-pages were a thing
Everything has changed
Modern browsers are application runtimes
The browser business model has changed
Today browsers are free and are funnels to search
Mozilla Firefox revenue https://static.mozilla.com/moco/en-US/pdf/2015_Mozilla_Audited_Financial_Statement.pdf
Google (Chrome) revenue https://www.sec.gov/Archives/edgar/data/1652044/000165204417000008/goog10-kq42016.htm
Apple Safari Revenue https://www.sec.gov/Archives/edgar/data/1652044/000165204417000008/goog10-kq42016.htm
Source: https://www.bloomberg.com/gadfly/articles/2016-07-19/microsoft-turns-bing-from-a-joke-into-an-ad-business Microsoft Bing (Edge) revenue
Internet adoption has changed
None
None
Source: https://qz.com/333313/milliions-of-facebook-users-have-no-idea-theyre-using-the-internet/
Facebook is the startpage of the next billion
Form factors have changed
Source: http://www.highdefgeek.com/visual-portrait-evolution-mobile-phones/
Mobile internet users
Saying “mobile internet” = “color tv” Source: Benedict Evans, http://ben-evans.com/benedictevans/2016/3/29/presentation-mobile-ate-the-world
Benedict Evans, Andreessen Horowitz
None
Our rendering engines have changed
Today’s web rendering engines WebKit Blink EdgeHTML Gecko U3 Engine
Servo
In a few years you won’t know you are using
a browser.
Tada! Progressive Web Apps
Desktop: Web as a runtime Slack VS Code
Mobile: Web embedded inside native Chrome Custom Tabs Safari View
Controllers
Progressive Web Apps Browser chrome Home screen “App”
What about the future?
Web apps will find their way to app stores and
redefine them
Community-based search indexes
Apps being indexed in search engines
Search engines and app stores will melt together
As the browser chrome disappears, new search entry points will
appear
None
None
Source: http://www.imore.com/how-to-use-calendar-with-siri
None
The front-end role is being redefined, as native and web
melts together
None
None
https://www.amazon.com/Amazon-Echo-Bluetooth-Speaker-with-WiFi-Alexa/
Search-based browser business models will get challenged
Brave Browser & Brave Payments
Today’s real browsers are social streams + WebViews
Source: http://flurrymobile.tumblr.com/post/127638842745/seven-years-into-the-mobile-revolution-content-is
Facebook is a browser
Twitter is a browser
If any app can a browser, what is it then?
New meta-platforms will rise
Meta platforms Host platforms Android iOS Desktop (Windows) Web platform
WeChat Facebook Amazon Alexa Content platforms Instant articles Voice actions Mini programs PWA’s/AMP Chat Social networks Voice platforms Web runtimes
WeChat “mini program” apps (840 mio users) Source: http://mp.weixin.qq.com/s/IM8dJ01QNpqTBcix_13_yw
Prediction: React Apps inside Facebook
Browser rendering engines will become commodity
New browser-shells appears Non engine differentiation
We have moved to higher-level authoring abstractions
Modern framework architectures Source: https://docs.google.com/document/d/1M9FmT05Q6qpsjgvH1XvCm840yn2eWEg0PMskSQz7k4E/edit
Web platform primitives are compile targets
New role for frameworks and JavaScript
The new “web” is in flux. “ I installed an
app on Android phone ” What does install mean? Click a link? Say it? What is an app? Website? WeChat micro program? Android/Chrome? Google/Angular? Facebook/React? Phone? Watch? Amazon Echo?
There hasn’t been a more awesome time to write JavaScript
than today!
We are the last generation to know what a “browser”
is
Thanks! @auchenberg