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
Web简史
Search
HOU Bin
March 04, 2021
Technology
1
160
Web简史
Web略史 - 社内勉強会資料
HOU Bin
March 04, 2021
Tweet
Share
More Decks by HOU Bin
See All by HOU Bin
フルコンポーネント化へ 〜 進化を続けるアメブロの道
kouhin
1
660
アメブロ: Isomprhicアプリケーションのパフォーマンス・チューニング
kouhin
6
3.7k
Other Decks in Technology
See All in Technology
エラーとアクセシビリティ
schktjm
1
1.2k
Practical Agentic AI in Software Engineering
uzyn
0
110
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
miichan
2
180
Rustから学ぶ 非同期処理の仕組み
skanehira
1
130
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
170
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
sh_fk2
3
410
Django's GeneratedField by example - DjangoCon US 2025
pauloxnet
0
150
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
820
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
21
11k
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
220
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
7
3.4k
2025年夏 コーディングエージェントを統べる者
nwiizo
0
160
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Code Reviewing Like a Champion
maltzj
525
40k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Statistics for Hackers
jakevdp
799
220k
Writing Fast Ruby
sferik
628
62k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
How GitHub (no longer) Works
holman
315
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Transcript
WEB简史 从一粒沙尘到一个世界 侯 斌 KOUHIN
目次 WEB简史 前现代文明(1990 - ) Web: 是一种展现及传递信息的形式
现代文明(2005 - ) Web: 是一种可以交互的应用程序 后现代文明(现在 - ) Web: 是一个全能的系统平台
前现代文明
前现代文明(1990 - ) WEB诞生 (英) Tim Berners-Lee 1990/12/25
第一次使用HTTP实现客户端 和服务器通讯 1993 年他说服了 CERN 同意永久免费提供 WWW 的基础 代码 1994 年推动成立了万维网联盟(W3C)
前现代文明(1990 - ) WEB基石 基本技术 JavaScript (1995)
Flash (1996 - 2020) - 富客户端 CSS (1998) 浏览器 Netscape (1994) Internet Explorer (1995 - 2020?)
现代文明
现代文明(2005 - ) 标志:AJAX Asynchronous JavaScript and XML
(加) Jesse James Garrett Ajax: A New Approach to Web Applications (2005) 意义:Web Page → Web App 代表作品:Google Maps, Gmail…
现代文明(2005 - ) 浏览器 Internet Explorer 渲染引擎:Trident
Firefox (2002 - ) 渲染引擎:Gecko Chrome (2008 - ) 渲染引擎:Webkit → Blink (Forked from Webkit) Safari (2003 - ) 渲染引擎:Webkit
现代文明(2005 - ) 性能提升 更快JS引擎 代表: V8 (2008
- ) Web GL: 使得Web上获得 硬件图形加速 Web Assembly
现代文明(2005 - ) 开发技术:基本技术 HTML 进化 HTML 4.01
XHTML : 试图使用XML规范HTML HTML5:实用主义取胜 JavaScript 进化 ES5, ES6 (ES2015), ES7(ES2016) … 类,async/await… CSS 进化 增加Flex, Grid布局,自定义变量
现代文明(2005 - ) 开发技术:框架 过去:prototype.js、jQuery 、mootools、YUI 现在:Angular/React/Vue
将来趋势:前端微服务化,组件化
后现代文明
后现代文明(现在 - ) 后现代文明的标志 浏览器OS化 Chrome OS (2011
- ) by Google 网页全面APP化 PWA (2015 -) by Google WEB: 是一个全能的系统平台
后现代文明(现在 - ) 全面APP化 - APP生命周期 Installation 可安装,Android上与本地App完全相同
拥有启动界面 splash screen (proposal) 自动启动运行Run On Startup
后现代文明(现在 - ) 全面APP化 - APP生命周期 Life cycle
检测是否处在前台或是后台 检测是否被系统冻结 freeze/resume
后现代文明(现在 - ) 全面APP化 - APP生命周期 Distribution 发布到Play
Store或是 Microsoft Store (替代原生App)
后现代文明(现在 - ) 全面APP化 - 无缝体验 离线模式 (e.g. Google
Docs) PWA缓存 + SW请求拦截 离线检测
后现代文明(现在 - ) 全面APP化 - 无缝体验 应用分享 Share
API Share Target API
后现代文明(现在 - ) 全面APP化 - 无缝体验 应用分享 Share
API Share Target API
后现代文明(现在 - ) 全面APP化 - 无缝体验 支付API Payment
Request API Payment Handler API
后现代文明(现在 - ) 全面APP化 - 无缝体验 认证API Credential
Management API 调用/存储认证服务及认证信息 Web Authn https://developers.google.com/web/fundamentals/ security/credential-management?hl=ja
后现代文明(现在 - ) WEB OS 化 - 通知消息 Push
API Notification API https://developers.google.com/web/fundamentals/push- notifications
后现代文明(现在 - ) WEB OS 化 - 权限请求 Permission
API 地理信息 通知许可 相机/麦克风 …
后现代文明(现在 - ) WEB OS 化 - 定时任务 Periodic
Background Sync Api Notification Trigger API (proposal) Web Alarms API (proposal) Task Scheduler API
后现代文明(现在 - ) WEB OS 化 - 硬件接口 Web
Bluetooth API * Web NFC API * Web USB API Web Serial API Web HID API Web Ambient Light API
后现代文明(现在 - ) Media Capture API (实时流媒体): 监控
Media Recorder API (录音/录相) WebRTC (即时通讯): 在线视频聊天 Shape Detection API (文字/人脸/条码识别) WEB OS 化 - 媒体设备
后现代文明(现在 - ) Network Information API cellular/wifi, 3g/4g,
下载速度 Online State: online/offline Battery Status API: 电量状态 Vibration API: 振动 Device Memory API: 检测内存容量 WEB OS 化 - 设备功能
后现代文明(现在 - ) 离线缓存 文件系统 通讯录
SMS Messaging API Web OTP API WEB OS 化 - 系统功能
后现代文明(现在 - ) Geolocation: 地理信息 (Proposal) Geofencing API:
进入设定好的地理位置后,触发 Device Position / Device Motion SMS Messaging API Web OTP API WEB OS 化 - 位置信息
后现代文明(现在 - ) Speech API: 语音输入 Clipboard API
WEB OS 化 - 输入
后现代文明(现在 - ) Web VR / Web AR
Screen Orientation API (锁定方向) Wake Lock API (防止设备进入休眠) Presentation API (主副屏显示不同内容) WEB OS 化 - 显示输出
ご清聴ありがとうございました