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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kenneth Auchenberg
February 11, 2017
Programming
2.8k
11
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
A future without browsers, February 2017
A future without browsers, February 2017.
ngVikings 2017
Kenneth Auchenberg
February 11, 2017
More Decks by Kenneth Auchenberg
See All by Kenneth Auchenberg
BUILD 2017: Supercharge your JavaScript debugging workflow with VS Code 🔥
auchenberg
0
390
DevTools of The Future, JSCONF Asia 2016, Singapore
auchenberg
3
320
Future of DevTools, Full Stack Tech 2016, Argentina
auchenberg
0
210
JSCONF Columbia 2016: DevTools for the Progressive Web
auchenberg
1
390
JSCONF China 2016: DevTools for the Progressive Web
auchenberg
2
520
Edge DevTools Summer 2016
auchenberg
0
210
Web Rebels 16: DevTools for the Progressive Web
auchenberg
1
280
AtTheFrontend 16: DevTools for the Progressive Web
auchenberg
1
350
The future of DevTools with RemoteDebug
auchenberg
0
150
Other Decks in Programming
See All in Programming
AIが無かった頃の素敵な出会いの話
codmoninc
1
340
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
240
地域 SRE コミュニティ最前線 - ホンマでっかSRE勉強会
tk3fftk
0
290
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
raiga0310
2
420
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
180
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
0
170
AIエージェントで 変わるAndroid開発環境
takahirom
2
760
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
750
5分で問診!Composer セキュリティ健康診断
codmoninc
0
770
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
monochromegane
0
150
Claude Team Plan導入・ガイド
tk3fftk
0
250
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
Featured
See All Featured
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
400
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.5k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
190
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
280
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
420
Speed Design
sergeychernyshev
33
2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
480
New Earth Scene 8
popppiees
3
2.4k
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