internet explorer 10 概要と変更点
DESCRIPTION
Internet Explorer 10 移行セミナーで使用したIE10の概要です。TRANSCRIPT
![Page 1: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/1.jpg)
Internet Explorer 10 概要と変更点
日本マイクロソフト株式会社 デベロッパー&プラットフォーム統括本部 UX&クライアントプラットフォーム推進本部
春日井 良隆
IE10
![Page 2: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/2.jpg)
IE9
![Page 3: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/3.jpg)
HTML5
![Page 4: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/4.jpg)
MSが協力している標準化団体
![Page 5: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/5.jpg)
マイクロソフトのアプローチ
安定した
仕様の実装
進行中の
仕様の検証
作り手への
情報提供
作り手から
のフィード
バック
プレビュー
版への反映
![Page 6: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/6.jpg)
Windows 8
![Page 7: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/7.jpg)
Internet Explorer 10
![Page 8: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/8.jpg)
Internet Explorer 10
![Page 9: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/9.jpg)
高速
http://blogs.msdn.com/b/ie/archive/2011/04/26/understanding-differences-in-hardware-acceleration-through-paintball.aspx
![Page 10: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/10.jpg)
IE9のHWアクセラレーション
![Page 11: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/11.jpg)
IE10のHWアクセラレーション
![Page 12: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/12.jpg)
セキュア
SmartScreen フィルター
追跡防止
http://blogs.msdn.com/b/ie_ja/archive/2012/03/21/enhanced-protected-mode.aspx
![Page 13: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/13.jpg)
互換性
IE9標準 IE8標準
IE7標準 IE6Quirks
IE10標準
![Page 14: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/14.jpg)
ブラウザーの管理と制御
Active Directory グループポリシー
グループポリシー設定を1,500に拡張 • アクセスの制御
• セキュリティゾーン
• 閲覧履歴の削除
• キャッシュとストレージ制限の変更
• デスクトップのデフォルトブラウザー設定
http://technet.microsoft.com/ja-jp/library/hh846775.aspx
![Page 15: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/15.jpg)
相互運用性
![Page 17: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/17.jpg)
CSS3 ドラえもん
5.0 3.6 10.53 8
![Page 19: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/19.jpg)
Metro版 Internet Explorer 10
![Page 20: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/20.jpg)
クロムレスUI
![Page 21: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/21.jpg)
タッチジェスチャー
長押しで調べる タップしてみる
ピンチでズーム ローテートで回転
![Page 22: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/22.jpg)
タッチジェスチャー
http://blogs.msdn.com/b/ie_ja/archive/2012/04/28/guidelines-for-building-touch-friendly-sites.aspx
値 説明
要素の動作はブラウザーが決定します。 の既定値です
既定の動作は許可されません
パン、ピンチによるズーム、スワイプによる前 次ページへの移動が許可されます
ダブルタップによるズームだけが許可されます
要素は の値を親から継承します
![Page 23: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/23.jpg)
ターゲットサイズ
![Page 24: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/24.jpg)
あらゆるブラウザーでタッチするために
![Page 25: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/25.jpg)
あらゆるブラウザーでタッチするために
http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx
![Page 26: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/26.jpg)
プラグインフリー
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
![Page 27: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/27.jpg)
なぜプラグインフリーなのか?
一般ユーザー
•軽快なWebブラウジング •バッテリーの長寿命化 •セキュリティ、プライバシー保護 •信頼性の強化
Web制作者
•ブラウザーとデバイス間の相互運用性と互換性の向上
•メンテナンスの効率化
http://msdn.microsoft.com/ja-jp/library/ie/hh968248(v=vs.85).aspx#
![Page 28: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/28.jpg)
IE10のユーザーエージェント
http://blogs.msdn.com/b/ie_jp/archive/2011/08/10/10194334.aspx
![Page 29: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/29.jpg)
デスクトップIEへの切り替え
一般ユーザー
Web制作者
http://msdn.microsoft.com/ja-jp/library/ie/hh968248(v=vs.85).aspx#
![Page 30: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/30.jpg)
互換表示 (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
![Page 31: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/31.jpg)
“ピン留め”が進化
http://blogs.msdn.com/b/ie_ja/archive/2012/04/12/pinned-sites-in-windows-8.aspx
![Page 32: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/32.jpg)
Metroアプリへの誘導
![Page 33: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/33.jpg)
Metroアプリへの誘導
http://blogs.msdn.com/b/ie_jp/archive/2011/12/12/10246582.aspx
![Page 34: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/34.jpg)
![Page 35: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/35.jpg)
互換性の検証のポイント
バージョンアップ
に伴う変更
新機能の実装や機能の 進化に伴う変更
IE10標準モードでの Web 標準の扱い
http://msdn.microsoft.com/ja-jp/ie/gg317662.aspx
• ユーザー エージェントの変更
• ブラウザーモードとドキュメントモード
• METAタグ、HTTPヘッダー
• Direct 2D, DirectWrite
• XPSのネイティブ サポート
• DXFilter
• VMLからSVGへ
• HTML5
• CSS3
• EcmaScript 5
![Page 36: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/36.jpg)
F12 開発者ツール
![Page 37: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/37.jpg)
基本的な検証の手順
![Page 38: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/38.jpg)
2つのQuirksモード
![Page 39: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/39.jpg)
ブラウザーモードとドキュメントモード モード 種類 補足
ブラウザーモード
ブラウザーの種類や
バージョンを判定するモード
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
![Page 40: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/40.jpg)
Compat Inspector
http://blogs.msdn.com/b/ie_ja/archive/2012/02/08/ie10-compat-inspector.aspx
![Page 41: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/41.jpg)
![Page 42: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/42.jpg)
リソース 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
![Page 43: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/43.jpg)
リソース 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/
![Page 44: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/44.jpg)
Windows 8 プラットフォーム
![Page 45: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/45.jpg)
開発者向けの支援施策 + Metro
![Page 46: Internet Explorer 10 概要と変更点](https://reader031.vdocuments.mx/reader031/viewer/2022013114/5564203cd8b42a69298b4c51/html5/thumbnails/46.jpg)