WDF vol.3 で使用したスライド

1. about:HTML&Firefox
—Past, Now & Future—
Slides @ WDF vol.3
by Tomoya ASAI (dynamis)
last update on 2011.12.10
see also: http://dynamis.jp/r

2. see also: http://dynamis.jp/r

3. http:// dynamis.jp
@dynamitter
facebook.com/ dynamis
mailto: Tomoya ASAI (dynamis) <dynamis@mozilla-japan.org>

4. SlideShare github

5. ISBN978-4-87311-497-2

6. Agenda
Rapid Release & ESR
Key Point HTML5
Firefox in 2011
Firefox in 2012

7. Rapid Release
Release every 6 weeks...

8. http://mozilla.jp/firefox/preview/faq/

9. http://mozilla.jp/firefox/preview/faq/

10. http://mozilla.jp/firefox/preview/faq/

11. http://mozilla.jp/firefox/preview/faq/

12. ESR Proposal
for Enterprise Users...

15. https://wiki.mozilla.org/Enterprise/Firefox/ExtendedSupport:Proposal

16. Key Point "HTML5"
understanding html5...

19. : Opus IETF

20. HTML5 SVG SVG

21. ...

24. The term "HTML5" is widely
used as a buzzword to refer to
modern Web technologies...

28. http://foxkeh.jp/downloads/

29. http://foxkeh.jp/downloads/

33. Firefox XHTML 1.1 XForms ...

36. It is necessary to evolve HTML
incrementally. The attempt to
get the world to switch to XML,
... all at once didn't work.

38. The drag-and-drop API is horrible,
but it has one thing going for it: IE6
implements it, as do Safari and Firefox.
Ian Hickson http://twitter.com/Hixie/status/4075253361

39. Ian Hickson http://twitter.com/Hixie/status/4075253361

41. Semantic Multimedia HTML5
CSS Geolocation
Elements Elements Forms
Offline User HTML5
DOM MathML
Support Interaction Parser
Web
Canvas Microdata SVG XHR
Messaging
Web Web
WebRTC WebGL ECMA5th
Workers Sockets
( ) : WHATWG W3C Other

42. HTML Living Standard - WHATWG
W3C
Semantic Multimedia HTML5
HTML - W3C
CSS
Elements Elements Forms
Offline User HTML5
DOM
"HTML"
Support Interaction Parser
Web
Canvas Microdata SVG
Messaging
Web Web
more...
Workers Sockets WebRTC WebGL

43. HTML Living Standard - WHATWG
Semantic HTML5 HTML5
Multimedia
Elements Elements Forms
HTML
Offline User HTML5 Canvas 2D
Support Interaction Parser Context
Web HTML5
Canvas Microdata Messaging Microdata
Web Web
more... HTML5 Web
Workers Sockets
Messaging

46. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Device API ICC Color Profile

47. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Device API ICC Color Profile

48. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Device API ICC Color Profile

49. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Device API ICC Color Profile

50. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Device API ICC Color Profile

51. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Device API ICC Color Profile

58. Firefox in 2011
Firefox 5, 6, 7, 8, 9

63. WHATWG HTML

64. W3C CSS DOM

65. Firefox 5~ https://developer.mozilla.org/en/CSS/CSS_animations

66. Firefox 4~ https://developer.mozilla.org/en/CSS/CSS_transitions

67. #somebox {
color: black; background-color: yellow;
/* すべてのスタイルを2秒かけて変化、開始はなめらかに */
-moz-transition: all 2s ease-in;
transition: all 2s ease-in;
}
#somebox:hover {
/* マウスオーバーで配色、サイズ、角度を変化 */
color: white; background-color: red;
-moz-transform: rotate(-60deg) scale(1.5);
transform: rotate(-60deg) scale(1.5);
}
http://hacks.mozilla.org/2010/07/firefox4-beta2/

74. W3C IETF Khronos ...

75. WebDev : http://www.slideshare.net/dynamis/firefox-security-features

77. Firefox in 2012
Firefox 10 & later

78. Firefox 11 Native UI

79. UI

88. http://arewemobileyet.com/

89. https://github.com/mozilla/pdf.js

90. Firefox Hacks Rebooted PDF

91. https://wiki.mozilla.org/B2G

92. UI API

93. UStream

94. Open Web Apps
Web Apps Ecosystem