Internet Explorer 10 概要と変更点

Internet Explorer 10 概要と変更点

日本マイクロソフト株式会社 デベロッパー＆プラットフォーム統括本部 UX&クライアントプラットフォーム推進本部

春日井 良隆

IE10

IE9

HTML5

MSが協力している標準化団体

マイクロソフトのアプローチ

安定した

仕様の実装

進行中の

仕様の検証

作り手への

情報提供

作り手から

のフィード

バック

プレビュー

版への反映

Windows 8

Internet Explorer 10

Internet Explorer 10

高速

http://blogs.msdn.com/b/ie/archive/2011/04/26/understanding-differences-in-hardware-acceleration-through-paintball.aspx

IE9のHWアクセラレーション

IE10のHWアクセラレーション

セキュア

SmartScreen フィルター

追跡防止

http://blogs.msdn.com/b/ie_ja/archive/2012/03/21/enhanced-protected-mode.aspx

互換性

IE9標準 IE8標準

IE7標準 IE6Quirks

IE10標準

ブラウザーの管理と制御

Active Directory グループポリシー

グループポリシー設定を1,500に拡張 • アクセスの制御

• セキュリティゾーン

• 閲覧履歴の削除

• キャッシュとストレージ制限の変更

• デスクトップのデフォルトブラウザー設定

http://technet.microsoft.com/ja-jp/library/hh846775.aspx

相互運用性

相互運用性 - IE Testing Center

CSS3 ドラえもん

5.0 3.6 10.53 8

自動アップグレード機能

Metro版 Internet Explorer 10

クロムレスUI

タッチジェスチャー

長押しで調べる タップしてみる

ピンチでズーム ローテートで回転

タッチジェスチャー

http://blogs.msdn.com/b/ie_ja/archive/2012/04/28/guidelines-for-building-touch-friendly-sites.aspx

値 説明

要素の動作はブラウザーが決定します。 の既定値です

既定の動作は許可されません

パン、ピンチによるズーム、スワイプによる前 次ページへの移動が許可されます

ダブルタップによるズームだけが許可されます

要素は の値を親から継承します

ターゲットサイズ

あらゆるブラウザーでタッチするために

あらゆるブラウザーでタッチするために

http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx

プラグインフリー

Touch-friendly Adobe Flash in Metro style Internet Explorer 10

http://blogs.msdn.com/b/ie/archive/2012/05/31/windows-release-preview-the-sixth-ie10-platform-preview.aspx

なぜプラグインフリーなのか？

一般ユーザー

•軽快なWebブラウジング •バッテリーの長寿命化 •セキュリティ、プライバシー保護 •信頼性の強化

Web制作者

•ブラウザーとデバイス間の相互運用性と互換性の向上

•メンテナンスの効率化

http://msdn.microsoft.com/ja-jp/library/ie/hh968248(v=vs.85).aspx#

IE10のユーザーエージェント

http://blogs.msdn.com/b/ie_jp/archive/2011/08/10/10194334.aspx

デスクトップIEへの切り替え

一般ユーザー

Web制作者

http://msdn.microsoft.com/ja-jp/library/ie/hh968248(v=vs.85).aspx#

互換表示 (CV) リスト

ローカルの保存先 %LOCALAPPDATA%\Microsoft\Internet

Explorer\IECompatData\iecompatdata.xml

最新のCVリストhttp://cvlist.ie.microsoft.com/ie10/201112/iecompatvi

ewlist.xml

http://msdn.microsoft.com/ja-jp/library/gg622935(v=vs.85).aspx

“ピン留め”が進化

http://blogs.msdn.com/b/ie_ja/archive/2012/04/12/pinned-sites-in-windows-8.aspx

Metroアプリへの誘導

Metroアプリへの誘導

http://blogs.msdn.com/b/ie_jp/archive/2011/12/12/10246582.aspx

互換性の検証のポイント

バージョンアップ

に伴う変更

新機能の実装や機能の 進化に伴う変更

IE10標準モードでの Web 標準の扱い

http://msdn.microsoft.com/ja-jp/ie/gg317662.aspx

• ユーザー エージェントの変更

• ブラウザーモードとドキュメントモード

• METAタグ、HTTPヘッダー

• Direct 2D, DirectWrite

• XPSのネイティブ サポート

• DXFilter

• VMLからSVGへ

• HTML5

• CSS3

• EcmaScript 5

F12 開発者ツール

基本的な検証の手順

2つのQuirksモード

ブラウザーモードとドキュメントモード モード 種類 補足

ブラウザーモード

ブラウザーの種類や

バージョンを判定するモード

IE10

• ユーザーエージェントで指定

• IE7/8/9の各モードはF12開発者

ツールのみが変更可能

IE10 互換表示

IE9

IE8

IE7

ドキュメントモード

レンダリング方法を決定するモード

標準（デフォルト）

優先順位

1. METAタグ

2. HTTPレスポンスヘッダ

3. DOCTYPE

Quirks

IE9 標準

IE8 標準

IE7 標準

IE5 Quirks

http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

Compat Inspector

http://blogs.msdn.com/b/ie_ja/archive/2012/02/08/ie10-compat-inspector.aspx

リソース Internet Explorer ブログ (日本語) http://blogs.msdn.com/b/ie_ja/

Building Windows 8 ブログ (日本語) http://blogs.msdn.com/b/b8_ja/

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

IE10 開発者ガイド (日本語) http://msdn.microsoft.com/ja-jp/library/hh673549(v=vs.85).aspx

IE10 互換性ガイド (英語) http://msdn.microsoft.com/en-us/library/ie/hh801219(v=vs.85).aspx

リソース 2 Internet Explorer デベロッパーセンター http://msdn.microsoft.com/ja-jp/ie/centrum-internet-explorer.aspx

Internet Explorer TechCenter http://technet.microsoft.com/ja-jp/ie/bb265256.aspx

Beauty of the Web http://www.beautyoftheweb.jp/

HTML5 Labs http://html5labs.interoperabilitybridges.com/

Windows 8 プラットフォーム

開発者向けの支援施策 + Metro