WebとIE10とWindows 8

2,082 views
2,010 views

Published on

WCAN 2013 Spring
http://wcan.jp/2013spring/

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,082
On SlideShare
0
From Embeds
0
Number of Embeds
577
Actions
Shares
0
Downloads
8
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

WebとIE10とWindows 8

  1. 1. WebとIE10とWindows 8 WCAN 2013 Spring春日井良隆日本マイクロソフト株式会社UXエバンジェリスト
  2. 2. 日本マイクロソフトという会社
  3. 3. 自宅の机にはWindows PC
  4. 4. ポケットにはiPhone 5
  5. 5. リビングにはiPad
  6. 6. 佐渡に持っていったデバイス
  7. 7. 初めての電子書籍デバイスはKobo
  8. 8. Nexus 7とKoboはKindle Fire HDへ
  9. 9. いま、なにが起きているのか?① デバイスの多様化② ローカルからクラウドへ③ タッチインターフェイス
  10. 10. Mozillaの浅井さんのスライドから拝借
  11. 11. Pointer Events Specification
  12. 12. HTML5 LABS
  13. 13. IE10
  14. 14. Internet Explorer 9CSS 2D Transforms DOM StyleCSS Backgrounds & Borders DOM Traversal and RangeCSS Color DOMParser and XMLSerializerCSS Fonts ECMAScript 5CSS Media Queries HTML5 CanvasCSS Namespaces HTML5 GeolocationCSS OM Views HTML5 SelectionCSS Selectors HTML5 semantic elementsCSS Values and Units HTML5 video and audioData URI ICC Color ProfilesDOM Element Traversal Selectors API Level 2DOM HTML SVG, standalone and in HTMLDOM Level 3 Core XHTML/XMLDOM Level 3 Events
  15. 15. Internet Explorer 10CSS 2D Transforms DOM Level 3 Core HTML5 trackCSS 3D Transforms DOM Level 3 Events HTML5 video and audioCSS Animations DOM Style JavaScript Typed ArrayCSS Backgrounds & Borders DOM Traversal and Range ICC Color ProfilesCSS Color DOMParser and XMLSerializer IndexedDBCSS Flexbox ECMAScript 5 Page VisibilityCSS Fonts File Reader API Pointer (Mouse, Pen, and Touch)CSS Grid File Saving EventsCSS Hyphenation FormData RequestAnimationFrameCSS Image Values (Gradients) HTML5 Application Cache Navigation TimingCSS Media Queries HTML5 async Selectors API Level 2CSS multi-column Layout HTML5 BlobBuilder SVG Filter EffectsCSS Namespaces HTML5 Canvas SVG, standalone and in HTMLCSS OM Views HTML5 Drag and drop Web MessagingCSS Positioned Floats (Exclusions) HTML5 Forms and Validation Web SocketsCSS Selectors HTML5 Geolocation Web WorkersCSS Transitions HTML5 History API XHTML/XMLCSS Values and Units HTML5 Parser XMLHttpRequest (Level 2)Data URI HTML5 Sandbox XMLHttpRequest CORSDOM Element Traversal HTML5 Selection >>DOM HTML HTML5 semantic elements >>>
  16. 16. IE10は 速い
  17. 17. IE10は 省電力 Windows 8 + Firefox 15Windows 8 + Chrome 21 Windows 8 + IE10 Windows 7 + IE9 Windows Vista + IE7 Windows XP + IE6 0 10 20 30 40 50 60 バッテリー持続時間 (分)
  18. 18. IE10は 安全 ソーシャルエンジニアを使ったマルウェアのブロック率 Safari 5 4.30% IE10 99.10% Firefox 15 4.20% Chrome 21 70.40% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%https://www.nsslabs.com/reports/browser-security-comparative-analysis-socially-engineered-malware
  19. 19. Windows 7版 IE10の提供を開始
  20. 20. Contre Jour
  21. 21. キリンジ『いつも可愛い』
  22. 22. Thief of Thieves
  23. 23. IE Test Drive
  24. 24. Modern.IE
  25. 25. ブラウザのHTML5対応を確認する
  26. 26. ブラウザの市場を調べる
  27. 27. Web Applications 1.0と呼ばれていたHTML5
  28. 28. HTML5の代表的なAPI Media Capture
  29. 29. 『ウェブ進化 最終形』から
  30. 30. HTML5 : Native to Windows
  31. 31. Windows 8
  32. 32. Windows 8 のデザインに影響を与えたトレンド① 常時接続② ファイルからソーシャルへ③ クラウドストレージ④ デスクトップからノートへ⑤ マウス&キーボードからタッチへhttp://blogs.msdn.com/b/b8_ja/archive/2012/06/06/windows-8-user-experience.aspx
  33. 33. Office 2013の小話
  34. 34. OS
  35. 35. Windowsアプリの開発言語
  36. 36. iOSアプリの開発言語
  37. 37. Androidアプリの開発言語
  38. 38. Windows 8アプリの開発言語
  39. 39. HTML5+JSで作られているWindows 8アプリ
  40. 40. JS系フレームワーク
  41. 41. Windows ストア
  42. 42. Windows ストアアプリいつ作るの?今でしょ!
  43. 43. Microsofts New Envisioning Center: Live, Work, Play

×