Internet Explorer 10 移行セミナーで使用したIE10の概要です。

1. IE10
Internet Explorer 10
概要と変更点
日本マイクロソフト株式会社
デベロッパー＆プラットフォーム統括本部
UX&クライアントプラットフォーム推進本部
春日井 良隆

2. IE9

3. HTML5

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

5. マイクロソフトのアプローチ
安定した
仕様の実装
プレビュー 進行中の
版への反映 仕様の検証
作り手から
作り手への
のフィード
情報提供
バック

6. Windows 8

7. Internet Explorer 10

8. Internet Explorer 10

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

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

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

12. セキュア
SmartScreen
追跡防止
フィルター
http://blogs.msdn.com/b/ie_ja/archive/2012/03/21/enhanced-protected-mode.aspx

13. 互換性
IE9標準 IE8標準
IE10標準
IE7標準 IE6Quirks

14. ブラウザーの管理と制御
グループポリシー設定を1,500に拡張
Active Directory • アクセスの制御
• セキュリティゾーン
グループポリシー • 閲覧履歴の削除
• キャッシュとストレージ制限の変更
• デスクトップのデフォルトブラウザー設定
http://technet.microsoft.com/ja-jp/library/hh846775.aspx

15. 相互運用性

16. 相互運用性 - IE Testing Center

17. CSS3 ドラえもん
5.0 3.6 10.53 8

18. 自動アップグレード機能

19. Metro版 Internet Explorer 10

20. クロムレスUI

21. タッチジェスチャー
長押しで調べる タップしてみる
ピンチでズーム ローテートで回転

22. タッチジェスチャー
値 説明
要素の動作はブラウザーが決定します。 の既定値です
既定の動作は許可されません
パン、ピンチによるズーム、スワイプによる前 次ページへの移動が許可されます
ダブルタップによるズームだけが許可されます
要素は の値を親から継承します
http://blogs.msdn.com/b/ie_ja/archive/2012/04/28/guidelines-for-building-touch-friendly-sites.aspx

23. ターゲットサイズ

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

25. あらゆるブラウザーでタッチするために
http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx

26. プラグインフリー
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

27. なぜプラグインフリーなのか？
一般ユーザー Web制作者
• 軽快なWebブラウジング
• ブラウザーとデバイス間の相互運
• バッテリーの長寿命化
用性と互換性の向上
• セキュリティ、プライバシー保護
• メンテナンスの効率化
• 信頼性の強化
http://msdn.microsoft.com/ja-jp/library/ie/hh968248(v=vs.85).aspx#

28. IE10のユーザーエージェント
http://blogs.msdn.com/b/ie_jp/archive/2011/08/10/10194334.aspx

29. デスクトップIEへの切り替え
一般ユーザー Web制作者
http://msdn.microsoft.com/ja-jp/library/ie/hh968248(v=vs.85).aspx#

30. 互換表示 (CV) リスト
ローカルの保存先
%LOCALAPPDATA%MicrosoftInternet
ExplorerIECompatDataiecompatdata.xml
最新のCVリスト
http://cvlist.ie.microsoft.com/ie10/201112/iecompatvi
ewlist.xml
http://msdn.microsoft.com/ja-jp/library/gg622935(v=vs.85).aspx

31. “ピン留め”が進化
http://blogs.msdn.com/b/ie_ja/archive/2012/04/12/pinned-sites-in-windows-8.aspx

32. Metroアプリへの誘導

33. Metroアプリへの誘導
http://blogs.msdn.com/b/ie_jp/archive/2011/12/12/10246582.aspx

35. 互換性の検証のポイント
バージョンアップ IE10標準モードでの 新機能の実装や機能の
に伴う変更 Web 標準の扱い 進化に伴う変更
• ユーザー エージェントの変更 • HTML5 • Direct 2D, DirectWrite
• ブラウザーモードとドキュメ • CSS3 • XPSのネイティブ サポート
ントモード • EcmaScript 5 • DXFilter
• METAタグ、HTTPヘッダー • VMLからSVGへ
http://msdn.microsoft.com/ja-jp/ie/gg317662.aspx

36. F12 開発者ツール

37. 基本的な検証の手順

38. 2つのQuirksモード

39. ブラウザーモードとドキュメントモード
モード 種類 補足
IE10
ブラウザーモード IE10 互換表示
• ユーザーエージェントで指定
IE9 • IE7/8/9の各モードはF12開発者
ブラウザーの種類や
ツールのみが変更可能
バージョンを判定するモード IE8
IE7
標準（デフォルト）
Quirks 優先順位
ドキュメントモード IE9 標準
1. METAタグ
レンダリング方法を決定するモード IE8 標準 2. HTTPレスポンスヘッダ
IE7 標準 3. DOCTYPE
IE5 Quirks
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

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

42. リソース
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

43. リソース 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/

44. Windows 8 プラットフォーム

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