ROOM

E

Windows 8.1 に標準搭載！Internet Explorer 11 概要

日本マイクロソフト株式会社Windows 本部シニア プロダクト マネージャー

内河 恵

高速、なめらか、タッチに最適

高速で滑らか

より安全に

タッチに最適

最新のWeb 標準とツール

簡単

ハードウェアを活用して高速化

• IE9 からの新しい JavaScript エンジン• ページのプリフェッチとプリレンダリング、戻るナビゲーションのキャッシュ

• ネットワークの優先順位付け

パフォーマンス最適化

OSとハードウェアを最大限活用し、Webページを高速に表示

高速 & なめらか

出典: WebKit SunSpider

Windows 8.1 での JavaScript 実行速度

全画面表示

必要な時に表示するナビゲーションとタブ

タッチ最適化

“タッチファースト” の UI

Internet ExplorerInternet Explorerデスクトップ版

2 つのエクスペリエンス

ピン留めライブタイルお気に入り

{IMAGE OF IE EDGE}

マルチタスク

ローミング

簡単

DEMO

IE11 基本操作と速度体験

http://ie.microsoft.com/testdrive/Performance/Popcorn/

ブラウザーの速さを計測してみる

出典: Evolutions in Browser Security, NSS Labs, October, 2013

安全

拡張保護モード

SmartScreen フィルター

追跡防止

Malware and Phishing Block Rates for Top Browsers

HTML5 CSS3 SVG ES6

• 標準化団体 (W3C, Ecma International, IETF) における規格策定に協力• 相互運用性確保のためのテストケースの開発・提出 (合計 8,742)

• 最新Web 標準への対応 (IE9 → IE10 → IE11 → IExx)

10/28 現在 http://samples.msdn.microsoft.com/ietestcenter/default-JA.htm

Web 標準

CSS 2D Transforms

CSS Backgrounds & Borders

CSS Color

CSS Fonts

CSS Media Queries

CSS Namespaces

CSS OM Views

CSS Selectors

CSS Values and Units

Data URI

DOM Element Traversal

DOM HTML

DOM Level 3 Core

DOM Level 3 Events

DOM Style

DOM Traversal and Range

DOMParser and XMLSerializer

ECMAScript 5

HTML5 Canvas

HTML5 Geolocation

HTML5 Selection

HTML5 semantic elements

HTML5 video and audio

ICC Color Profiles

Selectors API Level 2

SVG, standalone and in HTML

XHTML/XML

IE9 hardware-accelerated platform

IE10 hardware-accelerated platform

CSS 2D Transforms

CSS 3D Transforms

CSS Animations

CSS Backgrounds & Borders Level 3

CSS Color

CSS Flexbox Layout Module

CSS Fonts

CSS Grid

CSS Hyphenation

CSS Image Values (Gradients)

CSS Media Queries

CSS multi-column Layout

CSS Namespaces

CSS OM Views

CSS Positioned Floats (Exclusions)

CSS Selectors

CSS Transitions

CSS Values and Units

Data URI

Device Orientation Events

DOM Element Traversal

DOM HTML

DOM Level 3 Core

DOM Level 3 Events

DOM4 Mutation Observers

DOM Style

DOM Traversal and Range

DOMParser and XMLSerializer

ECMAScript 6

File Reader API

File Saving

FormData

Fullscreen API

HTML5 Application Cache

HTML5 async

HTML5 BlobBuilder

HTML5 Canvas

HTML5 Custom Data

HTML5 Drag and drop

HTML5 Forms and Validation

HTML5 Geolocation

HTML5 History API

HTML5 Page Transition Events

HTML5 Parser

HTML5 Sandbox

HTML5 Selection

HTML5 semantic elements

HTML5 track

HTML5 video and audio

JavaScript Typed Array

ICC Color Profiles

IndexedDB

Input Method Editor API

Media Source Extensions

Navigation Timing

Page Visibility

Pointer Events (Mouse, Pen, and Touch) as

emerging web standard

RequestAnimationFrame

Navigation Timing

Screen Orientation API

Selectors API Level 2

SVG Filter Effects

SVG, standalone and in HTML

Tracking Preferences Expression (DNT)

Web Cryptography API

Web GL

Web Messaging

Web Sockets

Web Video Text Tracks Format

Web Workers

XHTML/XML

XMLHttpRequest (Level 2)

XMLHttpRequest (Level 3)

XMLHttpRequest CORS

IE11 hardware-accelerated platform

DEMOWebGL

WebGL のデモを見てみる

http://ie.microsoft.com/testdrive/Performance/Levitation/

Hover.IE で遊んでみるhttp://hover.ie/

前 Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

後 Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

互換性に関する変更点

• ユーザーエージェントストリング変更• 互換性 ("compatible") トークンとブラウザー ("MSIE") トークンが削除• "like Gecko" トークンが追加• ブラウザーのバージョンが、新しいリビジョン (“rv”) トークンによって報告される

• エッジモードが優先ドキュメントモードに

MODERN.IE

modern.IE

http://modern.ieWeb サイトを無償で検証できるツール

• 検証ウィザード（互換性、マルチプラットフォーム & ブラウザー、

Windows 8 新機能）

• 仮想環境のダウンロード• BrowserStack お試し• スクリーンショット自動生成

開発者の負担を軽減

• レガシー IE (6, 7, 8) の存在

• 対応プラットフォームの増加＆バージョン断片化

• （スマホ、タブレット、ゲーム コンソール）

• テスト環境の準備が困難 (社内の規定など)

• コストの問題

• 面倒くさい

検証したい URL を入力して “スキャン” をクリック

検証ウィザード

互換性

クロスブラウザー・プラットフォーム

Windows 8 新機能

検証ウィザード

•クラウド ベースの仮想環境• BrowserStack 3 ヶ月無料

• Chrome/Firefox 用BrowserStackアドオン

•ローカルの仮想環境 (IE7-11)• Windows、Mac、Linux

•デバイス別の画面ショット

検証のための仮想環境

BrowserStack

さまざまなプラットフォーム、ブラウザー、ブラウザー バージョンを検証可能

DEMOmodern.IE

皆様へのお願い

• Internet Explorer デベロッパー センターで開発者向けガイドと最新情報を確認し、IE11 対応をご検討下さい

• modern.IE でサイトをご検証ください

リソース

• Internet Explorer デベロッパー センター (日本語)http://msdn.microsoft.com/ja-jp/ie/centrum-internet-explorer.aspx

• Internet Explorer 11 開発者向けガイドhttp://msdn.microsoft.com/ja-jp/library/ie/bg182636(v=vs.85)

• Internet Explorer ブログ (日本語)http://blogs.msdn.com/b/ie_ja/http://blogs.msdn.com/b/ie_jp/

• modern.IEhttp://modern.ie/

• IE で問題があるサイトを見つけた際の報告先http://www.modern.ie/en-us/compat-issue-report

• IE Test Drive (英語)http://ie.microsoft.com/testdrive/

• Twitter@IE_Japan

アンケートにご協力ください。

EXPO会場にてタッチ＆トライ実施中！

EXPO(展示会場)WindowsZoneで紹介中Windows ストア アプリ

業務アプリケーションも続々リリース!!

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the

part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.