WebとIE10とWindows 8
    WCAN 2013 Spring


春日井良隆
日本マイクロソフト株式会社
UXエバンジェリスト
日本マイクロソフトという会社
自宅の机にはWindows PC
ポケットにはiPhone 5
リビングにはiPad
佐渡に持っていったデバイス
初めての電子書籍デバイスはKobo
Nexus 7とKoboはKindle Fire HDへ
いま、なにが起きているのか?



① デバイスの多様化

② ローカルからクラウドへ

③ タッチインターフェイス
Mozillaの浅井さんのスライドから拝借
Pointer Events Specification
HTML5 LABS
IE10
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
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       >>>
IE10は 速い
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
                                   バッテリー持続時間 (分)
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
Windows 7版 IE10の提供を開始
Contre Jour
キリンジ『いつも可愛い』
Thief of Thieves
IE Test Drive
Modern.IE
ブラウザのHTML5対応を確認する
ブラウザの市場を調べる
Web Applications 1.0と呼ばれていたHTML5
HTML5の代表的なAPI




           Media
          Capture
『ウェブ進化 最終形』から
HTML5 : Native to Windows
Windows 8
Windows 8 のデザインに影響を与えたトレンド


① 常時接続
② ファイルからソーシャルへ
③ クラウドストレージ
④ デスクトップからノートへ
⑤ マウス&キーボードからタッチへ



http://blogs.msdn.com/b/b8_ja/archive/2012/06/06/windows-8-user-experience.aspx
Office 2013の小話
OS
Windowsアプリの開発言語
iOSアプリの開発言語
Androidアプリの開発言語
Windows 8アプリの開発言語
HTML5+JSで作られているWindows 8アプリ
JS系フレームワーク
Windows ストア
Windows ストアアプリいつ作るの?今でしょ!
Microsoft's New Envisioning Center: Live, Work, Play
WebとIE10とWindows 8

WebとIE10とWindows 8