HTML Web Platform

download HTML Web Platform

If you can't read please download the document

description

HTML5 Conference 2012 で使用したスライド

Transcript of HTML Web Platform

  • 1. HTML Web PlatformSlides @ HTML5 Conf. 2012 on 2012/09/08 by Tomoya Asai (dynamis)Last Update: 2012/09/08

2. about: 3. about:dynamis Mozilla Japan http://[email protected]/ dynamis mailto: Tomoya ASAI 4. 5. Foxkeh 6. (Apache Camel) (Firefox) 7. Web Platform 8. Web is the Platform 9. ""HHTTMMLL55"" 10. "HTML5" Web 11. Web 12. Multi MediaMouse,HTML5 Key ev.FormsW3COineHTML5 HTML5SupportParser WAI-XHTML5 ARIA Semantic Elements 13. Canvas Web WHATWG Messag-ing Multi Web MediaMouse,SocketsHTML5 Key ev.FormsW3C Server-OineHTML5 HTML5SupportSent ev.Parser Web WAI-XHTML5 Storage ARIA Semantic Elements Web WorkersMicro-HTMLData 14. Canvas Web WHATWG Messag-ing Multi Web MediaMouse,SocketsHTML5 Key ev.FormsW3C Server-OineHTML5 HTML5SupportSent ev.Parser Web WAI-XHTML5 Storage ARIA Semantic Elements Web Media Workers LayoutQueriesMicro-HTMLData Trans CSS3~FlexBox form AnimRegions ation 15. KhronosSMILVibra- tion WebGL Geo-SVG other locationOrien-tation Canvas WHATWGWebIETFMessag-ingWebMultiSPDY WebSocketsDNTMedia Mouse,SocketsHTML5 Key ev. XHR2FileAPI CSPFormsW3C Server-Oine ECMAHTML5 HTML5SupportSent ev. ECMA ScriptParserIndexedWeb WAI- DBXHTML5Storage ARIASemanticElements WebMediaWorkers Layout QueriesMicro- HTML Data TransCSS3~Flex BoxOGPXPathform RSSAnim MathRegionsationML WOFFDOM4 16. KhronosSMILVibra-MP3WebCLWebm Opus tion WebGL Geo-SVG H.264 other locationOrien- WebAudioNoti-tation Web Canvascation WHATWGWebIETF RTCMessag-ingWebTCP TelMultiSPDY WebSocketsDNT SocketMedia Mouse,SocketsHTML5 Key ev. XHR2RadioFileAPICSPForms NetW3C Server- InfoOineECMAHTML5 HTML5SupportSent ev. ECMA Script ECMA NFCParser 6thIndexedWeb Device WAI- DBStorage StorageXHTML5 ARIASemanticWebElements WebSQLMedia USBWorkers Layout QueriesFileMicro-Sys HTML Data TransCSS3~Flex BatteryStatus BoxOGPXPathformProxi-AnimmitySchema RSS MathRegions.orgationML WOFFRDF DOM4 17. HTML5 HTML5 = 2014 W3C HTML = HTML HTML Web != HTML5 18. 19. Web vs 20. Web WebWeb 21. 22. Web OS 23. Web is the OS 24. ""HHTTMMLL55"" 25. "HTML5" Windows 8, RT, PhoneBlackBerry 10 - WebWorksTizen (MeeGo+LiMo+Bada)Firefox OS (Boot to Gecko)2013 26. Windows 8, RT, Phone HTML HTML div JS API 2012/10/26 27. ()Metro HTML

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh974582.aspx 28. ()Metro Web IE10 MS API innerHTML alert, open, moveTo 29. Windows Store UI ex: Web Web Web MS 30. MMSS () 31. 32. Windows 33. WWeebb HHTTMMLL 34. BlackBerry 10 - WebWorks HTML W3C 2013Q1 35. TizenHTML EFL W3C 2013Q1 36. Firefox OS (Boot to Gecko)Web HTML OS UI HTML Web 37. Firefox OS Web Web PC Firefox OS Firefox OS API 38. "HTML5" HTML Windows HTML BlackBerry, Tizen HTML Firefox OS2013 39. 40. 41. iOS (iPhone, iPad)Objective-CWebView WebKitJIT JS 42. AndroidJava (+ NDK)Firefox Web WebView 43. Web API 44. Web WiFi , ... , ... USB, BlueTooth, NFC... 45. Mozilla 46. http://arewemobileyet.com/ 47. WWeebb WWeebb Mozilla 48. Web APIWeb API Mozilla API https://wiki.mozilla.org/WebAPI 49. Web APIGeolocation ()Orientation ()Audio Data APIWebGL (3D )Camera API (Media Capture) Android Firefox 50. Web APISMS, Telephony, AlarmMobile Connection, WiFi Info,Network Info (),Contacts, Settings, Time/ClockIdle, Battery StatusResource Lock () API 51. Web APIVibration, Pointer LockAmbient Light (),Proximity (),Mouse Lock ()Device Storage, BrowserOpen Web Apps, DOM Crypt API 52. Web APIWebRTC (Camera, P2P )Web Activities (Intent)Push NoticationPower ManagementTCP Socket, BluetoothFM Radio, Permissionhttps://wiki.mozilla.org/WebAPI 53. Web APIUDB Datagram SocketHTTP-cache, LogUSB, NFC, USB le-readingBackground Service...and more...https://wiki.mozilla.org/WebAPI 54. WebAPIMagnetic FieldTime/Clock ()CalendarSpellcheck...and more... 55. Web API Web W3C DAP (Device API) WG W3C System Apps WG IETF/W3C WebRTC WG P2P WG 56. 57. 58. MMoozziillllaa 59. Boot to Gecko 60. Firefox OS 61. 62. Firefox OS (Boot to Gecko)Web HTML5, JavaScript, Web API... Web Gecko Linux Kernel Gecko Java VM Gecko = Firefox Boot to Gecko 63. (...) SMS Firefox D ... 64. (...) SMS Firefox D... Web 65. Web API Web Native W3C WG Device API, System Apps... IETF https://wiki.mozilla.org/WebAPI 66. Telefnica: TCL (Alcatel) ZTE : http://mozilla.jp/blog/entry/9603/ 67. () 68. 69. Marketplace 70. 71. Firefox MarketplaceDevice, OS Web Platform Firefox Firefox http://marketplace.mozilla.org/ 72. 73. http://marketplace.mozilla.org/ 74. http://marketplace.mozilla.org/ 75. WWeebb 76. 77. Java 78. PC, Android, Firefox OS...Web App = Native App ISW11F 79. WWeebb PC 1 80. 81. See Also... 82. CSS CSS http://r.dynamis.jp/css2012 83. JavaScript.NextJavaScript ECMAScript 5th JavaScript ECMAScript 6th Harmony http://r.dynamis.jp/jsnext 84. Firefox Firebug http://r.dynamis.jp/devtools