71
HTML5 かかかかかかかかか かかかかかか かかかか かかかかかかかか かか ・・ かか かか かかかかかかかかかIT かか 4 かか かかかか

HTML5から始まる技術革新

Embed Size (px)

DESCRIPTION

産業技術大学院大学「IT特論(第4学期・正規科目)」で利用したスライドです。

Citation preview

  • 1. IT4HTML5

2. @wks TV html5j / html5j TV / OSGeo / CodeForJapan / 3. ISDN/ADSL Web WebFlash 4. 5. html5j 100 11/30 200010 W3C 6. HTML5/ HTML5 HTML5 Web 7. HTML5 8. HTML5 2014 HTML5 9. Web Web1974TCP/IP1989= WorldWideWeb1991WorldWideWeb1999Flash Player 42000ActionScript 2001Internet Explorer 62004Firefox 12005ADSLGoogle Maps2007Android / iOS 2008Google Chrome 1Google Gears 10. HTML5 W3CWHATWGWWWApple,Mozilla,Opera, Google1997HTML4.0 2000XHTML1.0 2002XHTML2.0 2004HTML4 WHATWG2007HTML52008HTML5 2014() 11. HTML5 2000Web URL Web 12. HTML5 WebW3C XHTML W3C 13. HTML5 WHATWG Web HTML5 14. HTML5 W3CWeb XHTML2.0W3CWHATWG HTML4 15. HTML5 1. 2. 3. 4. 5. 16. HTML5 17. HTML5 Web 10IE6 Table Cookie 18. HTML5 19. HTML5() Web OS 20. HTML5() Web OS 21. HTML5 Semantics Offline & Storage Multimedia 3D, Graphics & Effects Connectivity Device Access Performance & Integration Styling (CSS3) 22. Offline & Storage Application Cache Web Storage Indexed Database KVS File APIs File System API online/offline events / 23. Offline & Storagehttps://drive.google.com/ 24. Offline & Storagehttp://html5-demos.appspot.com/static/navigator.onLine.html 25. Multimedia video/audio / WebVTT Web Audio API HTML Media Capture 26. Multimediahttp://craftymind.com/factory/html5video/CanvasVideo.html 27. Multimediahttp://www.htmlfivewow.com/demos/audio-visualizer/index.html 28. Graphics, 3D & Effects Canvas 2D WebGL 3D SVG 29. Graphics, 3D & Effectshttp://helloracer.com/webgl/ 30. Graphics, 3D & Effectshttp://www.eveonline.com/universe/spaceships/curse/ 31. Realtime / Connectivity WebSocket Server-Sent Events /Comet Web Messaging Web XMLHttpRequest Level2 Notifications WebRTC / 32. Realtime / Connectivityhttp://chrome.com/maze/ 33. Realtime / Connectivityhttp://browserquest.mozilla.org/ 34. Realtime / Connectivityhttp://webcamtoy.com/ja/ 35. Device Access Geolocation API GPS Web Speech API Device Orientation Contacts API Calendar API Battery Status API Network Information API USB, Bluetooth 36. Device Accesshttp://www.mrdoob.com/projects/chromeexperiments/google-gravity/ 37. Device Accesshttps://www.google.com/intl/ja/chrome/demos/speech.html 38. Styling (CSS3) CSS3 Selectors :first-child/:nth-child(odd) border-radius text-shadow/box-shadow gradient Webfonts Transforms Transitions/Animations CSS 39. Styling (CSS3)http://slides.html5rocks.com/#rounded-corners 40. Styling (CSS3)http://lea.verou.me/css3patterns/ 41. http://caniuse.com/ 42. HTML5 43. HTML5/ HTML5 HTML5 Web 44. TCP/IP40 Web 45. HTTP/1.1 BrowserServer 46. SPDY .. 47. Websocket 48. WebRTC P2PServer BrowserServer BrowserBrowserBrowser 49. Web 1991 WebURL Web 50. Web Windows8 ChromeApps FirefoxOS Tizen (PhoneGap) and more.. 51. Web Windows8 http://www.atmarkit.co.jp/fdotnet/special/ie10review01/ie10review01_01.html 52. Web FirefoxOS ( ) Web 53. Web Nintendo Web Framework Unity ( WiiU & Playstation & Xbox ) and more.. 54. Web Nintendo Web Framework http://www.4gamer.net/games/032/G003263/20130328113/ 55. Web Tizen IVI Genivi Webinos QNX KDDI and more.. 56. Web http://www.nikkan.co.jp/news/nkx0420131025beai.html 57. Web Tizen IVI https://www.youtube.com/watch?v=HN2qL_meAek 58. Web Hybridcast SmartTV OperaTV and more.. 59. Web Sony BRAVIA (Opera TV Store) http://www.sony-mea.com/TVP-LCD-TV/feature/Sony-Entertainment-Network/498176 60. Web Hybridcast http://html5experts.jp/yusuke-naka/2810/ 61. Web Kindle Cloud Reader Kobo Cloud Reader 62. Web Web PC10 10 iOS30% 63. Web LiveShell TV ChromeCast 64. Web Web WebsocketWebRTC -> UIWeb -> 65. Web Web 66. Working Group W3C 67. Test the Web Forward W3CHTML5 68. html5j W3CHTML5 69. Web 70. Web Web Web 71. Thanks @yoshikawa_t http://www.slideshare.net/yoshikawa_t/html5-27598924 @komasshu https://www.youtube.com/watch?v=nXhEDC2qOLg