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
120
Web简史
Web略史 - 社内勉強会資料
HOU Bin
March 04, 2021
Tweet
Share
More Decks by HOU Bin
See All by HOU Bin
フルコンポーネント化へ 〜 進化を続けるアメブロの道
kouhin
1
500
アメブロ: Isomprhicアプリケーションのパフォーマンス・チューニング
kouhin
6
3.5k
Other Decks in Technology
See All in Technology
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
470
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
20240725 LLMによるDXのビジョンと、今何からやるべきか @Azure OpenAI Service Dev Day
nrryuya
3
1.2k
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
630
What if...? 처음부터 다시 LLM 어플리케이션을 개발한다면
huffon
0
1k
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
360
How to Think Like a Performance Engineer
csswizardry
4
590
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
325
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Music & Morning Musume
bryan
43
5.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Atom: Resistance is Futile
akmur
261
25k
Being A Developer After 40
akosma
72
580k
Designing the Hi-DPI Web
ddemaree
276
34k
Speed Design
sergeychernyshev
9
270
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 化 - 显示输出
ご清聴ありがとうございました