HTML5 & Web Platform

3,265 views
3,117 views

Published on

SwapSkills2010 vol.3 浅井智也

1. HTML5 のホントとウソ
2. いま使える技術、次に来る技術
3. アプリケーションプラットフォーム
4. ネイティブマルチメディア機能
5. HTML5 の彼方に

Published in: Technology, News & Politics
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,265
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
44
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

HTML5 & Web Platform

  1. 1. HTML5 & Web Platform Presentation @ SwapSkills by Tomoya Asai (aka. dynamis)
  2. 2. Agenda:
  3. 3. Share and Active Users
  4. 4. Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
  5. 5. Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
  6. 6. Browser MarketShare Data by NetApplications http://marketshare.hitslink.com/
  7. 7. http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
  8. 8. http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
  9. 9. HTML5 is...
  10. 10. photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
  11. 11. photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
  12. 12. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
  13. 13. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging device element ping attribute Next Generation of HTML ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
  14. 14. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging Web SQL Database device element Web Storage ping attribute Indexed Database API Next Generation of HTML The WebSockets API Web Workers Server-Sent Events The WebSocket protocol Geolocation API MathML SVG XMLHttpRequest Level 2 ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
  15. 15. HTML5 HTML5 Forms Forms Canvas 2D Graphics Context HTML Canvas 2D Context Microdata HTML5 Microdata Microdata vocabularies Cross-document messaging HTML5 Web Messaging Channel messaging device element Web Storage ping attribute Indexed Database API Next Generation of HTML The WebSockets API Web Workers Server-Sent Events The WebSocket protocol Geolocation API MathML SVG XMLHttpRequest Level 2 ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
  16. 16. This specification evolves HTML and its related APIs to ease the authoring of Web-based applications. http://whatwg.org/html5 - Abstract
  17. 17. Technology Status
  18. 18. CSS, Image, Fonts...
  19. 19. ✴ ✴ ✴ ✴ ✴ ... https://developer.mozilla.org/en/Upcoming_Firefox_features_for_developers
  20. 20. ✴ ✴ ✴ ✴ ✴ ... https://developer.mozilla.org/en/Upcoming_Firefox_features_for_developers
  21. 21. JS APIs for Web Apps...
  22. 22. photo by Aron http://www.flickr.com/photos/aarongustafson/2491839081/
  23. 23. : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
  24. 24. https://wiki.mozilla.org/User:Mounir.lamouri/ HTML5_Forms : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
  25. 25. photo by 5500 http://www.flickr.com/photos/5500/303849123/
  26. 26. ( ) ...
  27. 27. Web Sockets API
  28. 28. photo by californiaAmy http://www.flickr.com/photos/amyandthomas/3865411819/
  29. 29. https://developer.mozilla.org/en/Using_files_from_web_applications                                 
  30. 30. Firefox3.6~ http://r.dynamis.jp/fontdropdemo
  31. 31. http://hacks.mozilla.org/2009/12/uploading-files-with-xmlhttprequest/
  32. 32. http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html
  33. 33. https://dev.mozilla.jp/hacksmozillaorg/firefox-4-the-html5-parser-inline-svg-speed-and-more/
  34. 34. Video, Animation, 3D ...
  35. 35. Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis
  36. 36. Theora Firefox 3.5~, WebM Firefox4~
  37. 37. Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis Container Video Audio WebM FAQ: http://www.webmproject.org/about/faq/
  38. 38. Firefox.next~ http://24ways.org/2009/going-nuts-with-css-transitions
  39. 39. Firefox.next~ http://24ways.org/2009/going-nuts-with-css-transitions
  40. 40. http://media.24ways.org/2009/14/5/index.html
  41. 41. SVG Test Suite : http://www.codedread.com/svg-support.php
  42. 42. http://people.mozilla.com/~dynamis/demo/smil/
  43. 43. Firefox.next~ http://www.khronos.org/webgl/wiki/Demo_Repository
  44. 44. Firefox.next~ https://developer.mozilla.org/en/WebGL
  45. 45. https://developer.mozilla.org/en/WebGL/Getting_started_with_WebGL                                
  46. 46. Future Web Platform
  47. 47. Firefox3.6~ http://r.dynamis.jp/oryzeademo
  48. 48.   Firefox3.6~ http://hacks.mozilla.org/2009/10/orientation-for-firefox/
  49. 49. https://developer.mozilla.org/en/Detecting_device_orientation                                              
  50. 50.   https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish
  51. 51. http://www.mgalli.com/development/drawing/demoapp.html   https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish/DOM_Events/Examples
  52. 52. for more information...
  53. 53. http://hacks.mozilla.org/ https://dev.mozilla.jp/hacksmozillaorg/ https://developer.mozilla.org/en/ Upcoming_Firefox_features_for_developers https://developer.mozilla.org/ja/Firefox_3.6_for_developers http://www.whatwg.org/html5 http://www.slideshare.net/myakura/presentations
  54. 54. http://tools.mozilla.com/ http://processingjs.org/ http://code.google.com/p/uupaa-js/ Cappuccino: http://objective-j.org/ Sproutcore: http://www.sproutcore.com/ JavaScriptMVC: http://javascriptmvc.com/
  55. 55. http://www.w3.org/TR/css3-fonts/ http://code.google.com/webfonts http://typekit.com/ http://decomoji.jp/ http://www.fontsquirrel.com/fontface/generator
  56. 56. https://cvs.khronos.org/svn/repos/registry/trunk/public/ webgl/doc/spec/WebGL-spec.html https://developer.mozilla.org/en/WebGL http://learningwebgl.com/cookbook/ http://www.khronos.org/webgl/ http://www.khronos.org/webgl/wiki/Demo_Repository
  57. 57. http://www.w3.org/TR/FileAPI/ http://www.w3.org/TR/file-writer-api/ http://www.w3.org/TR/geolocation-API/ https://wiki.mozilla.org/Audio_Data_API https://developer.mozilla.org/en/DOM/ window.onmozorientation

×