Microsoft Conference 2014 でのセッションスライドです。 古い Internet Exolorer 向けに作られた Web コンテンツを Web 標準に準拠した Internet Explorer 11 用に移行する手順と方法について紹介します。

1. The Microsoft
Conference 2014
ROOM
C

2. Web Internet Explorer 11 Internet Explorer Web

4. The Microsoft
Conference 2014

5. 企業のニーズ Web～新旧アプリ対応をめぐるジレンマ～
既存資産との互換性
最新のWeb 標準への対応
現行のWeb アプリ
新規構築するWeb アプリ
Web 標準への対応
パフォーマンスの向上
セキュリティの強化
信頼性の向上
既存アプリの有効活用
テスト費用の削減
アップグレードに伴う作業の軽減

6. Internet Explorer ～それまでの機能を強化し、できなかったことが可能に～
Web/HTML5

7. Internet Explorer
2016 112Windows OSInternet Explorer
Windows
Internet Explorer
延長サポート終了
Windows Vista SP2
Internet Explorer 9
2017年4 月11 日
Windows Server 2008 SP2
2020年1 月14 日
Windows 7 SP1
Internet Explorer 11
Windows Server 2008 R2 SP1
Windows 8.1
Internet Explorer 11
2023年1 月10 日
Windows Server 2012
Internet Explorer 10
Windows Server 2012 R2
Internet Explorer 11

8. The Microsoft
Conference 2014

9. Internet Explorer
Internet Explorer 7
Internet Explorer 8
Internet Explorer 9
Internet Explorer 10
Internet Explorer 11
Internet Explorer 6
Windows XP
Windows Vista
Windows 7
Windows 8
Windows 8.1

10. 既存資産の 情報収集
優先順位付け
計画と実施
業務担当者、利用者、 開発者からの聞き取り
販売店、開発元に 問い合わせ
•ビジネスインパクト
•利用範囲
•利用者数
1.重要ではない
2.あると便利
3.必要(クリティカルではない)
4.重要
5.ミッションクリティカル
•暫定的な対応
•後方互換機能
•仮想化
•中長期的な対応
•修正
•新規開発
インベントリ
優先順位 づけ
プラン/
実行

11. 既存資産の 情報収集
優先順位付け
計画と実施
業務担当者、利用者、 開発者からの聞き取り
販売店、開発元に 問い合わせ
•ビジネスインパクト
•利用範囲
•利用者数
1.重要ではない
2.あると便利
3.必要(クリティカルではない)
4.重要
5.ミッションクリティカル
•暫定的な対応
•後方互換機能
•仮想化
•中長期的な対応
•修正
•新規開発
優先順位 づけ
プラン/
実行

12. 既存資産の 情報収集
優先順位付け
計画と実施
業務担当者、利用者、 開発者からの聞き取り
販売店、開発元に 問い合わせ
•ビジネスインパクト
•利用範囲
•利用者数
1.重要ではない
2.あると便利
3.必要(クリティカルではない)
4.重要
5.ミッションクリティカル
•暫定的な対応
•後方互換機能
•仮想化
•中長期的な対応
•修正
•新規開発
プラン/
実行

13. 既存資産の 情報収集
優先順位付け
計画と実施
業務担当者、利用者、 開発者からの聞き取り
販売店、開発元に 問い合わせ
•ビジネスインパクト
•利用範囲
•利用者数
1.重要ではない
2.あると便利
3.必要(クリティカルではない)
4.重要
5.ミッションクリティカル
•暫定的な対応
•後方互換機能
•仮想化
•中長期的な対応
•修正
•新規開発

14. 実施
決定
トリアージ
影響調査
切り分け
判断
トリアージ
影響の度合い(レベル)分け
例)
a.実運用に支障(データが入力/視認できない等)
b.入力/視認は可能であるものの意図しない動作 が発生
c.わずかなレイアウトの崩れなど

15. 実施
決定
トリアージ
影響調査
切り分け
判断
新しいIE に対応できるもの
できないものの切り分け
◆対応できない場合は理由を明らかに 例)
a.予算/工数がかかりすぎる
b.他社の作ったパッケージ
c.その他(ActiveX、Java ランタイム、etc..)

16. 実施
決定
トリアージ
影響調査
切り分け
判断
対応させるサイト
/させないサイトを決定

17. 実施
決定
方法
優先順位
トリアージ
切り分け
判断
決定
マイグレーション方法 の決定
◆ソースの編集が可能
a.新しいIE 向けに Web サイトを修正
b.IEの後方互換機能を使用
◆ソースの編集が不可
a.作り直し
b.仮想環境で旧いWindows & 古いIEで運用
c.廃棄
影響調査

18. 実施
決定
トリアージ
切り分け
判断
方法
優先順位
どの順序で作業を すすめるか
例)
a.必要性の高い
b.影響が少ない
c.複数の方法の組み合わせ
影響調査

19. 決定
実施
トリアージ
切り分け
判断
方法
優先順位
アップデート
後方互換
仮想化
影響調査

20. 実施
アップデート
後方互換
仮想化
CompatInspector
F12
Fiddler
modern.IE
最新IE に対応
そのまま使用
Hyper-V(VDI)
WindowsXPMode, MED-V(Windows 7 )
そのまま使用

21. The Microsoft
Conference 2014Internet Explorer Web

22. Internet Explorer
(※) Internet Explorer 11

23. ～以前のバージョンの描画ルールで表示～

25. 設定値
IE8
IE9
IE10
IE11
EmulateIE10
〇
10
〇
EmulateIE9
〇
〇
9
〇
〇
〇
EmulateIE8
〇
〇
〇
〇
8
〇
〇
〇
〇
EmulateIE7
〇
〇
〇
〇
7
〇
〇
〇
〇
5
〇
〇
〇
〇
edge
〇
〇
〇
〇

26. <!DOCTYPEHTML PUBLIC“-//W3C//DTD HTML 4.01 Transitional//EN” "http://www.w3.org/TR/html4/loose.dtd">
～Internet Explorer 6～ (Standard)
•HTML 4.01DOCTYPE
•HTML 4.0「Strict」 (Quirks)
•DOCTYPE
•HTML

27. ～Internet Explorer 11 上でInternet Explorer 8 をエミュレート～
エンタープライズ モード

28. HKLM¥SOFTWARE¥Policies¥Microsoft¥Internet Explorer¥Main¥EnterpriseMode
[ツール] メニューを有効化: “Enable” = “” または“{URL}{:ポート}”
XML サイトリストを有効化: “SiteList” = “{ファイルパスまたはURL}”
～使いやすいグループポリシーとレジストリキー～

•メニュー[ツール] –[エンタープライズモード] を選択
•エンタープライズモードのIE Web サイトリストを使用

29. The Microsoft
Conference 2014
DEMO
Internet Explorer 11

30. 2016 年
1 月12 日
2020 年
1 月14 日
2023 年
1 月10 日
Windows Vista
Windows 7
Windows 8
Windows 8.1
2017 年
4 月11 日
Internet
Explorer 7
Enterprise mode (IE8)
Enterprise mode (IE8)
Internet
Explorer 8

31. The Microsoft
Conference 2014

32. ？

33. CompatInspector
<scriptsrc="http://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js"> </script>

34. •ProxyHTTP

35. Fiddler
•http://fiddler2.com/

36. The Microsoft
Conference 2014
DEMO
CompatInspector Fiddler

37. |modern.IE
http://modern.ie/

38. |modern.IE

39. The Microsoft
Conference 2014
DEMO

40. 2013UI
詳しくはVisual Studio ブースで!

41. |modern.IE
•CompatInspector
•Fiddler
•F12
InternetExplorer

42. monoe‘s blogde:code2014 セッション DE-016 資料 http://bit.ly/de-016

43. © 2014 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.