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

1. WebとIE10とWindows 8
WCAN 2013 Spring
春日井良隆
日本マイクロソフト株式会社
UXエバンジェリスト

2. 日本マイクロソフトという会社

3. 自宅の机にはWindows PC

4. ポケットにはiPhone 5

5. リビングにはiPad

6. 佐渡に持っていったデバイス

7. 初めての電子書籍デバイスはKobo

8. Nexus 7とKoboはKindle Fire HDへ

9. いま、なにが起きているのか?
① デバイスの多様化
② ローカルからクラウドへ
③ タッチインターフェイス

11. Mozillaの浅井さんのスライドから拝借

12. Pointer Events Specification

13. HTML5 LABS

14. IE10

15. Internet Explorer 9
CSS 2D Transforms DOM Style
CSS Backgrounds & Borders DOM Traversal and Range
CSS Color DOMParser and XMLSerializer
CSS Fonts ECMAScript 5
CSS Media Queries HTML5 Canvas
CSS Namespaces HTML5 Geolocation
CSS OM Views HTML5 Selection
CSS Selectors HTML5 semantic elements
CSS Values and Units HTML5 video and audio
Data URI ICC Color Profiles
DOM Element Traversal Selectors API Level 2
DOM HTML SVG, standalone and in HTML
DOM Level 3 Core XHTML/XML
DOM Level 3 Events

16. Internet Explorer 10
CSS 2D Transforms DOM Level 3 Core HTML5 track
CSS 3D Transforms DOM Level 3 Events HTML5 video and audio
CSS Animations DOM Style JavaScript Typed Array
CSS Backgrounds & Borders DOM Traversal and Range ICC Color Profiles
CSS Color DOMParser and XMLSerializer IndexedDB
CSS Flexbox ECMAScript 5 Page Visibility
CSS Fonts File Reader API Pointer (Mouse, Pen, and Touch)
CSS Grid File Saving Events
CSS Hyphenation FormData RequestAnimationFrame
CSS Image Values (Gradients) HTML5 Application Cache Navigation Timing
CSS Media Queries HTML5 async Selectors API Level 2
CSS multi-column Layout HTML5 BlobBuilder SVG Filter Effects
CSS Namespaces HTML5 Canvas SVG, standalone and in HTML
CSS OM Views HTML5 Drag and drop Web Messaging
CSS Positioned Floats (Exclusions) HTML5 Forms and Validation Web Sockets
CSS Selectors HTML5 Geolocation Web Workers
CSS Transitions HTML5 History API XHTML/XML
CSS Values and Units HTML5 Parser XMLHttpRequest (Level 2)
Data URI HTML5 Sandbox XMLHttpRequest CORS
DOM Element Traversal HTML5 Selection >>
DOM HTML HTML5 semantic elements >>>

17. IE10は 速い

18. IE10は 省電力
Windows 8 + Firefox 15
Windows 8 + Chrome 21
Windows 8 + IE10
Windows 7 + IE9
Windows Vista + IE7
Windows XP + IE6
0 10 20 30 40 50 60
バッテリー持続時間 (分)

19. 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

20. Windows 7版 IE10の提供を開始

21. Contre Jour

22. キリンジ『いつも可愛い』

23. Thief of Thieves

24. IE Test Drive

25. Modern.IE

26. ブラウザのHTML5対応を確認する

27. ブラウザの市場を調べる

29. Web Applications 1.0と呼ばれていたHTML5

30. HTML5の代表的なAPI
Media
Capture

31. 『ウェブ進化 最終形』から

32. HTML5 : Native to Windows

34. Windows 8

35. Windows 8 のデザインに影響を与えたトレンド
① 常時接続
② ファイルからソーシャルへ
③ クラウドストレージ
④ デスクトップからノートへ
⑤ マウス&キーボードからタッチへ
http://blogs.msdn.com/b/b8_ja/archive/2012/06/06/windows-8-user-experience.aspx

36. Office 2013の小話

37. OS

38. Windowsアプリの開発言語

39. iOSアプリの開発言語

40. Androidアプリの開発言語

41. Windows 8アプリの開発言語

42. HTML5+JSで作られているWindows 8アプリ

43. JS系フレームワーク

44. Windows ストア

45. Windows ストアアプリいつ作るの？今でしょ！

46. Microsoft's New Envisioning Center: Live, Work, Play