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
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
330
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
typoなんかねぇよ
raspython3
0
440
承認済みなのに差戻しできてしまうバグ、型で潰せます
shinchit
0
100
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
kishida
7
2.1k
Flow は今どうなっているか
mizdra
PRO
0
680
AIと壁打ちしながら進めるコスト管理
fufuhu
2
1.5k
仕様駆動開発の消費期限
watany
20
8.9k
React本体のコードリーディング
high_g_engineer
1
150
VibeCodingからAgenticWorkflowへ
starfish719
0
780
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
350
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
280
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
shiki_kakaku
0
1.9k
Hono + Inertia + React で LP を構築した話
oukayuka
2
150
Featured
See All Featured
How to make the Groovebox
asonas
2
2.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Ruling the World: When Life Gets Gamed
codingconduct
0
310
The Mindset for Success: Future Career Progression
greggifford
PRO
0
470
Fireside Chat
paigeccino
42
4k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Odyssey Design
rkendrick25
PRO
2
770
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
280
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Become a Pro
speakerdeck
PRO
31
6.2k
Optimising Largest Contentful Paint
csswizardry
37
3.9k
Automating Front-end Workflow
addyosmani
1369
210k
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