2015年10月1日の「Microsoft Edge Japan ブログ」の開始に伴い、本ブログは運用を終了させていただくこととなりました。今後、Internet ExplorerとMicrosoft Edge に関する情報はMicrosoft Edge Japan ブログから発信させていただきます。なお、先行して公式Twitterアカウントは9月1日より、@IE_Japanから@MSEdgeJapanへと変更になっております。今後ともInternet Explorerをよろしくお願いします。

[View:https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-35-07/3073.IE_5F00_chart_5F00_jp.pdf:550:0]

Internet Explorer のいままでとこれから

最新のInternet Explorer 11に至る歴史を振り返りつつ、次期Windows OS、Windows 10に搭載されることが発表された新ブラウザ「Project Spartan」を含めた今後の方向性について、現在公表可能なIEに関する情報をまとめてお伝えします。
春日井 良隆　日本マイクロソフト　エバンジェリスト

[View:https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-35-07/3201.Internet-Explorer_6E3044307E307E306730683053308C304B308930_.pdf:550:0]

Internet Explorer 11 への対応を進めた先行検証事例

IEのサポート ライフ サイクル ポリシー変更に伴い、先行して検証されたお客様の、移行方針、検証結果、対応方法、発生した非互換情報についてご紹介いたします。
胡口 敬郎　日本マイクロソフト　シニアテクノロジースペシャリスト

[View:https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-35-07/6661.Internet-Explorer-11_78306E30FE5BDC5F9230329081305F3048514C881C693C8A8B4E8B4F_.pdf:550:0]

今こそ知っておきたい、既存 Web コンテンツの最新 Internet Explorer へのマイグレーション方法

昨年の 8 月に発表があったとおり、2016 年の 1 月 12 日をもって、使用している Windows にインストール可能な最新の Internet Explorer しかサポートされなくなります。 そのため、サポートが終了してしまうバージョンの Internet Explorer 向けにつくられた Web コンテンツは、最新の Internet Explorer で動作するようなんらかの対策を施す必要があります。 このセッションでは、既存の Web コンテンツを最新の Internet Explorer に対応させる方法、そのためのツール、効率よく作業を進めるためのノウハウをご紹介します。
物江 修　日本マイクロソフト　エバンジェリスト

[View:https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-35-07/0777._CA4E53305D30E577633066304A304D305F3044300130E265585B_-Web-_B330F330C630F330C4306E300067B065_-Internet-Explorer-_7830DE30A430B030EC30FC30B730E730F330B965D56C_.pdf:550:0]

横書きと縦書きが混在するレイアウトを使用するというのは、日本語のほかには数言語しかない、世界でもとてもユニークなフォーマットです。中国語も今は横書きが主流で、特にデジタルの世界ではほとんど縦書きは使われていないそうです。日本でも縦書きは使われなくなってきているイメージがあるかもしれませんが、新聞、書籍、漫画や国語の教科書ではまだまだ現役です。近年はデジタル書籍が普及し、画面上で縦書きを見る機会が増えていますし、日本政府の政策もあり、今後ますます書籍や教科書の電子化が進んでいくことが予想されます。日本の開発チームでは、日本人が紙の媒体で「あたりまえ」と思っているテキストフォーマットをデジタルで再現できるように開発を進めています。

Windows タブレットで子供たちが勉強するという日もそう遠くないかもしれません。

このたびマイクロソフトは、Windows 8.1 アップデートと Windows 7 で利用可能な Internet Explorer 11 の更新プログラムに加えて、Windows Phone 8.1 向け Internet Explorer 11 (以下、IE11) をリリースすることを発表しました。Windows 8.1 アップデートは本日から MSDN および TechNet からダウンロード可能で、Windows 8.1 と Windows 7 をご利用のお客様には 4 月 8 日から Windows Update を通じて提供される予定です。また、Windows と Windows Phone の IE11 の新機能をご体験いただくべく 22Tracks と FishGL という 2 つの新しいショーケースを公開しました。

いま、世界中の多くの人々は一日の生活の中でノートPC、タブレット、スマートフォンなど、様々なデバイスを使い分けながら、Web を閲覧しています。今回、発表した IE11 の更新プログラムにより、どのデバイスを使用していても、いつでも自分のタブやお気に入りが、最後に閲覧をやめた状態から再現されるようになります。

Windows 8.1 と Windows Phone 8.1 は IE11 という同じエクスペリエンス、同じ Web 標準を採用しており、Web デザイナーや Web 開発者は、これらの異なるブラウザーやデバイス間でも、同じように表示され、機能する、相互運用性を備えたサイトとアプリケーションを構築できるようになります。さらに WebGL は最新の仕様に対応、ハードウェア アクセラレーションを利用率や安定性も向上してます。クローズド キャプション（字幕）、アダプティブ ストリーミング、コンテンツの著作権管理を含む HTML5 ビデオにも対応しました。

Internet Explorer 11 はスマートフォン、タブレット、ノートPC でシームレスに動きます

Windows Phone 8.1向け IE11 の登場

Windows Phone 8.1 向け IE11 のリリースにより、最新の技術とフル機能を備えたスマートフォン向けのブラウジング環境が実現します。異なるデバイスでも共通のデバイス エクスペリエンスを提供できるように共通のエンジンを採用し、デバイス間で「お気に入り」や「タブ」がローミングされる機能を導入したことに加えて、Windows で利用できた最新 IE と同じ機能の多くが Windows Phone でも提供されます。

Windows Phone 向け IE11 とライブタイルを利用し、お気に入りのサイトをスタート画面に「ピン留め」して、一目で最新の Web 情報を提供することも可能です。Windows Phone 8.1 向け IE11 では、スマートフォンでも記事を読みやすいように表示を最適化する閲覧モードと、デバイスに向かって自然に話すことによってお気に入りの Web サイトにすばやくアクセスできる音声コマンドも追加されています。

くわえて、閲覧履歴を他人から見られないようにする InPrivate ブラウズも搭載されました。スマートフォンのデータ使用量をより効率良く管理するために、新しい High Savings Mode を有効化して、画像のダウンロードを減らし、表示したいコンテンツに関連するページ要素のみを読み込むことにより、データ消費量を 60 ～ 80% 削減することができます。

Windows 8.1 向け IE11 の更新プログラム

今回の更新により、IE11 では、使用している Windows デバイスと入力タイプ （8インチタブレットを縦で使っているのか横で使っているのか？タッチなのか？マウスとキーボードが接続されている 24 インチ デスクトップか？など）を検出することによって、ユーザーのブラウズ エクスペリエンスを調整できるようになりました。Web が中心的要素であることに変わりありませんが、新しいデザイン拡張により、たとえば、画面上のタブの数、フォント サイズ、メニューなど、ユーザーのブラウズ エクスペリエンスはあたかも自分のデバイスのために特別に用意されたかのように最適化されます。さらに、全画面ブラウズの際には、ブラウザーを画面上に残す場合と、非表示にする場合を制御できるようになりました。

Internet Explorer 11 はデバイスによって Web サイトの表示をレスポンシブに表示します

F12 開発者ツールの強化

IE11 では、F12キーで呼び出せる「F12開発者ツール」が一新され、このデベロッパーツールを利用してWeb開発者はモダンな Web サイトや Web アプリのデバッグやプロファイリング、最適化などがより効率的になりました。

マイクロソフトでは、多くのツール間で共通して使えるショートカットが欲しい、IE のさまざまなバージョンをエミュレートする高い柔軟性が欲しいという、開発者のリクエストに応え、今回の更新では、これらの要望に対応する機能強化とともに、UIを改良、またメモリ ツールが搭載されました。デバッガーツールは、トランスコンパイルや最小化されたコード、jQuery のようなサードパーティ ライブラリの一部のコードを識別、検出、分離する作業を容易にします。

強化された機能の詳細については、IEデベロッパーセンター のこちらをご覧ください。

企業の最新ブラウザーへの移行を支援するエンタープライズ モード

Windows 8.1 および Windows 7 で利用可能な IE11 向けエンタープライズ モードは、指定したサイトの Internet Explorer 8 との互換性向上を実現します。企業ユーザーは、指定したサイトに対して、エンタープライズ モードを有効化することで、IE11 で閲覧しながらも、Internet Explorer 8 以前のIE向けに構築された Web アプリケーションの下位互換性を保つことができるため、更新コストを節約し、最新の Web 標準、パフォーマンスの改善、最新 Web ブラウザーのセキュリティの向上によるメリットを IE11 で得ることができます。

Internet Explorer の旧バージョンに対する下位互換性が強化されたことで、企業は、Office 365 などの最新のサービスを最新の環境で利用できるほか、Surface Pro 2 のようなデバイスを導入できるようになります。

情報システム部門のみなさまへ、IE 向けエンタープライズ モードに関する詳細は  IE engineering blog と Internet Explorer TechNet page (英語、日本語 順次展開中)、をご参照ください。

22tracks とFishGL: 高速で美しく、タッチに最適

1 月、マイクロソフトは開発者やパワーユーザーをお招きして、Web でできることを再考する (英語) 試みを行いました。IE11の今回の更新では、2つの新しいエクスペリエンスの発表により、このビジョンをさらに前進させました。また、これ前に何度かお伝えしている通り、マイクロソフトでは、オープンで相互運用性に優れた Web の構築に取り組んでいます。こうしたエクスペリエンスは、タッチブラウズに最適ですが、ほかの最新ブラウザーでも同様に高い効果を得られます。

22tracks: https://t.22tracks.com

マイクロソフトは、まったく 新しいタッチ ファーストのミュージック エクスペリエンス を実現するために、22tracks のチームとタッグを組みました。22tracks では、ヨーロッパ 4都市（アムステルダム、ロンドン、パリ、ブリュッセル）のトップDJ が選んだ新しい音楽に出会うことができます。このサイトが証明したのは、開発者は、たった1行のコードを使って、ユーザーが使用するデバイスを自動的に検出し、それに従ってインターフェイスを調整することで、Windows Phone とファブレット（「Phone」と「Tablet」とを合わせた造語）に対応する応答性の高いサイトを作ることができるということです。マイクロソフトは、WebGL を利用して、タッチに対応した、音声のリズムに適応するインタラクティブな 3D ビジュアライザーを開発しました。音楽を聴きながら、タップ、ホールド、ドラッグすると何が起きるか、ぜひお試しください。さらにこのサイトは、アプリケーション風の外観をもたせるWindows の機能を利用しています。たとえば、お気に入りのトラックを Windows のスタート画面にピン留めし、チャーム バーを用いてトラックを共有したり、あるいは、Windows のリーディング リスト アプリケーションを使ってトラックを保存して後で聞いたりすることができます。22Tracks のメンバーとサイトについての追加情報は、彼らのブログでご覧になれます。

22tracks を使って、あらゆるデバイスで新しい音楽を見つけましょう

FishGL: https://fishGL.com

WebGL と 3D JavaScript ライブラリの three.JS のパワーを活用するとブラウザーを生き生きとさせることができます。以前ご紹介した FishBowl に続く、FishGL は、複数のエクスペリエンスにおいて 3D グラフィックでどんなことが可能になるかをみなさまにも想像していただけるように開発されたインタラクティブな事例です。タンクを回転させて色とりどりの魚を見てみましょう。魚の数を増やして、あなたのブラウザーが何匹の魚を動かせるかを観察し、その場でガラスをタップして魚を追い散らしたり、ガラスを長押しして 1 対 1 の対話操作を試したりしてみましょう。画面を横方向にスワイプして部屋を回転させ、ピンチ操作でズームしてください。コントロール パネルを使って、スキューバダイバーの目線で水槽内を見るビューに切り替えます。パワー ユーザーは、水槽の物理的性質も調整できます。

水槽のライトのスイッチは見つかりましたか?

その先の未来へ

今回の発表を嬉しく思うのと同時に、新たな気持ちで次の更新に取り組む準備をしなければならないと考えています。これからは、ユーザーや開発者のみなさまにもこの取り組みに参加していただきたいと考えています。マイクロソフトは、次の目標に向け、ご意見をもっと聞きたいと考え、このたび、マイクロソフトの IE チームとコミュニティとの双方向の会話を育むためのベータ サイトを立ち上げました。status.modern.ie では、IE でサポートされる内容と、将来のバージョンに向けてマイクロソフトが検討中の基準についての情報をご覧いただけます。マイクロソフトは、@IEDevChat、カンファレンス、およびオンラインフォーラムを通じて、IE の次バージョンへの要望についてもっと多くのご意見をいただきたいと願っています。

status.modern.IE (ベータ版）。IEや他のブラウザー間でどのプロパティや API が利用できるのか、次にサポートされるのはどれかといった概要がわかります

MSDN または TechNet から今回の Windows 8.1 アップデートとWindows Phone 8.1 更新プログラムをインストールし、すぐに IE11 を使ってみましょう。22Tracks と FishGL もお試しください。4 月 8 日、Windows Update を通じて、Windows 8.1 アップデートと Windows 7 向け IE11 更新プログラムが提供されます。そして、業界の前進とブラウザーの継続的な改善のために、@IEDevChat または Connect から、みなさまのご意見をお寄せください。

Sam George

Internet Explorer 担当パートナー グループ プログラム マネージャー

マイクロソフトは、企業のお客様が新しいソフトウェア、サービス、およびデバイスで最新の状態を保てるように、大きな一歩を踏み出しました。Windows 7 と Windows 8.1 への更新として今回発表された Internet Explorer 11 向けエンタープライズ モードは、旧バージョンの Internet Explorer に対する互換性の強化を実現し、このモードを使用する Web アプリケーションを管理するツールを提供します。

企業は、レガシ Web アプリケーションへの投資を延長しながら、最新の Web 標準、パフォーマンスの改善、および最新ブラウザーのセキュリティ向上によるメリットを得ることができます。また、旧バージョンへの依存を軽減することによって、Internet Explorer は、お客様が Windows 8.1、Office 365 などのサービス、および Surface Pro 2 などのデバイスで、最新の状態を維持できるようにします。

エンタープライズ モードで企業のお客様が最新の状態を保てるしくみ

現在、多くの企業が、新しい Web アプリケーションやサービスと、古い Web アプリケーションやサービスとの間に生じる問題を実感しています。前者は HTML5 や CSS3 のような最新の標準を要件とし、後者は旧バージョンの Internet Explorer 向けに設計されています。
レガシ アプリケーションには、概して多額の投資がなされており、長期にわたるライフサイクルを有しているため、これを所有する企業は、これらの Web アプリケーションを最新の Web 標準に更新できるようになるまで、どうしても旧バージョンの Internet Explorer に依存することになります。

2009 年に公開された Internet Explorer 8 は、Windows 7 向けの最初のブラウザーで、古い Web サイト用の「互換表示」のような革新的機能を備えていました。
IE8 は Windows XP でも動作するため、多くの企業と開発者が、Windows 7 への移行を円滑にするために IE8 で標準化する方法を選択しています。Net Applications の報告 (英語) によれば、Internet Explorer 8 はデスクトップ ブラウザー市場でいまだに 20% 以上のシェアを有しているということです。既にシェア多くは IE9、IE10、IE11 が IE8 に取って代わっていますが、多数の企業のお客様が現在も IE8 を使用して事業を運営しています。

Internet Explorer 11 向けエンタープライズ モードは、Internet Explorer 8 への下位互換性を強化することによってこの依存関係を打開する目的で開発され、両者の長所を活かすものとして、古い Web アプリケーションに行った投資の延長を可能にする最新ブラウザーを提供します。

エンタープライズ モードが強力な互換性を提供する方法

Internet Explorer 11 向けのエンタープライズ モードを設計するにあたって、エンジニアリング チームは、お客様から報告いただいた互換性の問題を検討し、一連の類似する問題を特定しました。

エンタープライズモードが対象とした分野には以下が含まれます。

1. ユーザー エージェント文字列の違い:
   多数のレガシ Web アプリケーションが、現在のベスト プラクティスである機能検出ではなく、ブラウザー検出を使用しています。エンタープライズ モードはで、元の IE8 ユーザー エージェント文字列をレプリケートすることにより、サイトが IE8 をブラウザーとして認識できずにエラーが発生した場合に問題を解決します。
   
2. ActiveX コントロールおよびその他のバイナリ:
   一部の ActiveX コントロールは、ブラウザー バージョンをクエリして、予想していない応答を受け取ったときに、メッセージを出さすにエラーを起こします。エンタープライズ モードでは、IE8 の応答を模倣することにより、これを回避します。テストにおいて、複数のお客様から、こうした ActiveX コントロールがエンタープライズ モードで「問題なく動作した」という報告をいただいています。
   
3. 廃止された機能:
   Internet Explorer 8 は、オブジェクトを動的にページ上に配置するために使用されていた CSS Expressions のような独自機能の一部を現在も含んでいます。この機能は、Internet Explorer 9 以降のバージョンで削除されましたが、レガシ Web アプリケーションの中には、この機能を使用してボタンやその他の要素を配置しているものもあります。エンタープライズ モードでは、CSS Expressionsを含む、廃止された機能の一部を復活させます。
   
   Web アプリケーションは、Internet Explorer 11 のエンタープライズ モード (右図) で表示されたとき、正しく動作します。アドレス バーの丸で囲まれたエンタープライズ モード アイコンに注目してください。
   
   
4. 事前キャッシュおよび事前レンダリング:
   Internet Explorer 11 などの最近のブラウザーの多くは、より滑らかな閲覧のために、ページの事前キャッシュと事前レンダリングを行います。事前キャッシュされたリンクをクリックすると、事前レンダリングされたコンテンツ タブが表示され、1 つのタブが消えます。従来のナビゲーション コントロールにとって、この動作は紛らわしいため、エンタープライズ モードではこれを無効にします。

Internet Explorer 11 がエンタープライズ モードでページをレンダリングするとき、多数の設定とコードの変更によって、さまざまな部分で共通する互換性の問題を解消します。また、Internet Explorer 8 (ならびに IE8 の互換表示) を対象とすることによって、エンタープライズ モードは、Internet Explorer 7 のようなさらに古いバージョン用に設計されたサイトにまでメリットをもたらします。これは、仮想化ではなくエミュレーションです。エンタープライズモードは、IE11 内で IE8 のより円滑なエミュレーションを提供し、同時に、古い Internet Explorer 8 のバイナリを実行することに伴うパフォーマンス、セキュリティ、およびその他の多くの問題を回避します。

パフォーマンスに関して言えば、Internet Explorer 11 は過去 5 年間になされた改良で IE8 よりもはるかに高速になり、Web アプリケーションを 2 倍の速さで実行します。エンタープライズ モードは、ハードウェアアクセラレーションやネットワークの改良点、刷新されたレイアウト エンジンとスクリプトなどの改良点を活用します。
ブラウザーの評価にあたっては、実際のパフォーマンスが重要ですが、以下に示した JavaScript のテスト結果は、エンタープライズ モードを使った Internet Explorer 11 と、オリジナルの Internet Explorer 8 との圧倒的な速度の違いを示しています。実際にアプリケーションを実行して、ご自身で確認してみてください。

Internet Explorer 11 向けエンタープライズ モードは、すべての互換性の問題を解消するものではありませんが、最も一般的な問題の多くに対処します。
いずれにしても、これはマイクロソフトにとって継続的に投資を行うべき分野であり、お客様が Internet Explorer の最新バージョンを使用して最新の状態を維持するための重要なステップなのです。

エンタープライズ モードの管理方法

Internet Explorer 11 向けエンタープライズ モードは、既定では無効になっています。レガシ Web アプリケーションのリストに対して有効にすると、IE11 は、ユーザーの Web 閲覧に伴って動的にエンタープライズ モードを切り替えます。
Internet Explorer ではシームレスなブラウズ エクスペリエンスが提供されるので、ユーザーは、「サイトごとにどのブラウザーを使うべきか」と気にする必要はありません。

企業の IT 担当者は、一元管理された XML リストまたはリスト グループを通じて、エンタープライズ モードでレンダリングするサイトとパスを制御することができます。たとえば、www.contoso.com/travel はエンタープライズ モードを使用し、www.contoso.com/erp は最新の「エッジ」標準モードを使用するといった設定が可能です。
以下のように、リストの管理用に新しい Enterprise Mode Site List Manager ツールが用意されています。(4/9 更新)

Enterprise Mode Site List Manager: 新規 (既定) パスとレガシ (エンタープライズ) パスをもつ CRM と ERP システム

新しいグループ ポリシーを使用して設定できる 2 つのレジストリ キーが、エンタープライズ モードを有効化/無効化し、XML リストへの URL パスまたはローカル リンクを提供します。たとえば、異なる部門または場所ごとに、異なるリストを使用して設定を行うことができます。

エンタープライズ モードを有効化し、管理されたサイト リストを指定するレジストリ キー。“Enable“ キーは、指定された URL とポートに POST をトリガーすることもでき、特定の Web アドレスについてエンタープライズ モードが有効化または無効化されたことを通知します。これを取得することで、企業は自社のサイト リストを編集および管理することができます。

エンタープライズ モードが有効化されると、エンドユーザーは、[ツール] メニュー [オプション] によりページをエンタープライズ モードにすることができます。これは、全ユーザーに利用できるように設定することも、あるいはテストの目的で一部のユーザーのみに利用できるように設定することも可能です。
このレジストリキーは、手動でなされた変更を収集するためにも使用できます。有効な URL とポートで “Enable” キーを設定することにより、ユーザーがエンタープライズ モードを有効化または無効化するたびに、Internet Explorer は指定されたアドレスに対してシンプルな POST を開始します。
これによって、お客様は、自社ユーザーから互換 Web アプリケーションのリストをクラウドソーシングすることが可能になり、トリアージやテストのコスト削減につながります。

エンタープライズ モードについて更に詳しく知るには

Internet Explorer 11 向けエンタープライズ モードの詳細については、TechNet (順次、更新)、および What is Enterprise Mode? (英語) および BUILD のセッション Better App Compat with Enterprise Mode for Internet Explorer 11 (英語)を参照してください。

Internet Explorer 11 は、パフォーマンスの向上、セキュリティの強化、および今日の Web サイトやサービスの原動力となる HTML5 や CSS3 のような最新技術のサポートを提供します。
エンタープライズ モードで下位互換性を強化することによって、Internet Explorer 11 では、お客様が最新のブラウザーで最新の状態を維持し、新しいソフトウェア、サービス、およびデバイスの導入を推進できるよう支援いたします。

monoe’s blog - 無償で Web ページの検証ができる modern.IE. とは? 

少し前の話になりますが 12 月 21 日に 第11回Creators MeetUp に登壇してきました。

私のセッションではマイクロソフトが提供する無償の Web ページの検証サイト、modern.IE について紹介しました。

セッションで使用したスライドは以下です。説明はすべてデモで行っているので、あまりスライドを見る意味はないかもしれません。

まさに内容がないよ….う、です。。(今日はなんだか寒いですね、お風邪など召さぬよう)

セッションの様子は以下で見ることができます。ただし、カメラが画面から遠いのでデモの内容を確認するのは難しいかもしれません。
雰囲気を味わいたい方はどうぞ。

All about modern.IE.

2013年11月、Windows 8.1と同時にInternet Explorer 11がリリースされました。

新しくメジャーなWebブラウザーがリリースされると、それまでのWebサイトや、あるいはこれからリリースするWebサイトについても検証を行う必要が出てきます。しかしながら、Internet Explorerはその性質上、異なるバージョンを単一のWindows上にインストールすることはできません。

modern.IEでは、この問題に対処するためWindowsとMac、Linuxで動作する検証用の仮想マシン、イメージの提供、Webサイトの解析と各メジャー Webブラウザーでの画面ショットの取得、リモートデスクトップサービスなど、Webページを検証する上での様々な機能を提供します。

今回の記事では、このmodern.IEについて紹介します。

(modern.IE のトップ画面)

modern.IE とは?

マイクロソフトが提供する Webページを検証するためのWebサイトで、そこで提供される機能は、一部のサードパーティー製のサービスを除き、無償で使用することができます。
modern.IEは、OS の種別を問わず、最新のモダンWebブラウザーから使用することができます。

modern.IEが提供するWebページを検証するめの機能は以下の4つです。

1. Webページのスキャン
2. クロスブラウザーの表示テスト
3. 最新のInternet Explorerとの互換性テスト
4. 仮想マシンの提供

さらには、もう1つ、検証用の仮想環境をリモートデスクトップで提供するBrowserStackというサードパーティー製のサービスを試用することができます。

ここからは、前述の各機能について、具体的な使用方法を解説していきます。

Webページのスキャン

指定されたURLのWebページをWeb標準、およびInternet Explorerのバージョン互換の観点からマークアップ、スクリプトをチェックし、問題点を明らかにし修正案を提示します。
具体的な使用方法は以下の通りです。

1. Web ブラウザーで modern.IE にアクセスします。
2. 「一般的なコーディングの問題をスキャンします。こちらにWebページのURLを入力してください。」というキャプションの下に「URL を入力してください」というウォーターマークのあるテキストボックスがあるので、検証の対象となるWebページのURLを入力し、[スキャン]ボタンをクリックします。

   

3. 指定されたWebページの検証が行われ、完了するとスキャン結果がレポートされます。

   

4. 各レポートを示す行の右端にある [詳細を表示]ボタンをクリックすると、検出された問題についての詳しい解説、修正案の概要、より詳しい情報へのリンクが表示されます。

   

レポートの内容には「検出内容」、[なぜ重要なのか]、[実装方法]について、詳細なドキュメントへのリンクが表示されるので、これらの内容を参考にWebページを修正していきます。

取得されたレポートは、ダウンロード(pdf 形式)はもちろん、電子メール、Facebook、Twitterで共有することができます。

クロスブラウザーの表示テスト

modern.IEでは、検証の対象となるWebページを、異なる複数のOS、異なる複数のWebブラウザーの組み合わせで表示した場合の画面ショットを取得することができます。

なお、これら画面ショットはサーバーサイドで取得されるため、テストを行うクライアント側になにか特別な準備を行う必要はありません。具体的な画面ショットの取得手順は以下のとおりです。

1. 前述の[Web ページのスキャン]の手順に従い、検証対象となるWebページをスキャンします。
2. Webページのスキャンが完了し、レポートが表示されたあと、[サイトのブラウザー別、デバイス別のスクリーンショットが撮れます。]タブをクリックし、同タブ内の[Begin scan]をクリックします。

   

3. サーバーサイドでの画面ショット生成プロセスが完了すると、タブ内にスクリーンショットが表示されます。

   

取得されたスクリーンショットは、ダウンロードはもちろん、電子メール、Facebook、Twitterで共有することができます。

スクリーンショットは、既定では、プリセットされたOSとWebブラウザーの9つの組み合わせの画面ショットのみ取得できます。

さらに多くのスクリーンショットを取得する場合は、後述するサードパーティー製のサービスBrowserStackを使用します。

最新のInternet Explorerとの互換性テスト

以前のバージョンのInternet Explorerでは、Web標準に準拠しない独自の仕様や機能が多数存在していましたが、そういった独自機能の使用は、Web標準に準拠したInternet Explorer 10以降のIEでは、サポートされないか非推奨となっています。

そのため、古いInternet Explorer用に作成されたWebページを最新のInternet Explorerで表示すると正常に描画されなかったり、スクリプトが正常に動作しない可能性があります。

こういった最新のInternet Explorerと、旧いInternet Explorerの機能の差分を抽出するために以前からCompat Inspectorというツールが用意されていました。
しかしながら、Compat Inspectorを使用するには検証対象となるWebページにjsファイルへの参照を追加する必要があったり、それを避けるためには無償のHTTPデバッガFiddler を使ったハックが必要でした。 (※)

modern.IE では、そういった面倒な設定をすることなく Compat Inspectorの機能を使用することができます。

この機能を使用するための具体的な手順は以下の通りです。

1. 前述の[Webページのスキャン]の手順に従い、検証対象となるWebページをスキャンします。
2. Webページのスキャンが完了し、レポートが表示されたあと、[modern IE で現在サポートされないコードを検出します]タブをクリックし、同タブ内の [Begin scan]をクリックします。

   

3. 指定されたWebページの検証が行われ、完了するとスキャン結果がレポートされます。

   

4. 各レポートを示す行の右端にある[詳細を表示]ボタンをクリックすると、検出された問題についての説明と、問題のマークアップ、あるいはコードが使用されているファイル名と位置、より詳しい情報へのリンク(※)が表示されます。

   

取得されたレポートは電子メール、Facebook、Twitterで共有することができます。

仮想マシンの提供

modern.IEから仮想マシンのイメージをダウンロードし、Webページの検証に使用することができます。仮想マシンは、Windowsはもちろん、Mac OS、Linux用も用意されており、仮想環境も複数の環境から任意のものを選択できます。(※Linuxは VirtualBoxのみです)
仮想マシンのイメージの入手方法は以下の通りです。

1. modern.IEにアクセスします。
2. ページ内の黒いバーの中の[複数のブラウザーにわたってテストする]をクリックします。
3. 遷移したページの「Mac、Linux、Windows用の仮想マシンをダウンロードします。」の囲みの中の[無料のVMを入手する]をクリックします。

   

4. OS と仮想環境を選択するドロップダウンリストボックスが表示されるので、指定します。

   

   

5. Windows、Internet Explorer の各バージョンの組み合わせの一覧が表示されるので、検証対象となる組み合わせの仮想マシンのイメージをダウンロードします。

   

   なお、仮想マシンのイメージは分割されているので、 Part1.exeから始まるrarファイルをすべて同一フォルダにダウンロードし、Part1.exeを実行して仮想イメージを生成してください。

   生成された仮想マシンのイメージの使用方法については、使用する仮想環境のマニュアルを参照してください。

仮想マシンのイメージの有効期間について

modern.IEで提供される仮想マシンのイメージは、90日間でライセンスが切れるようになっています。これは仮想マシンのイメージをWebページの検証目的以外で使用できないようにするためのものです。

90日経過してライセンスが切れた場合は、仮想マシンのイメージを再度ダウンロードすれば再度使用することができます。

以前の環境を引き継がせる際には、スナップショットを取得するなど、使用している仮想環境がサポートしている仕組みを使用してください。

仮想マシンの日本語表示について

提供されている仮想マシンのイメージは英語環境のものです。日本語環境にするには Language Pack を適用する必要があります。

コントロールパネルの Region and Launguages でダウンロードインストールしてください。

リモートデスクトップでの仮想環境の提供

サードパーティーBrowserStackの提供するリモートデスクトップサービスを試用した検証環境を3か月間無償で試用することができます。
クラウド上にある仮想デスクトップにWebブラウザーを介してアクセスするので検証環境をローカルに用意する必要がありません。

BrowserStackのサービスには以下の手順でアクセスします。

1. Webブラウザーでmodern.IEにアクセスします。
2. ページ下部にある「キャンペーン」バナーの[BrowserStackを試す]をクリックします。

   

3. 「クロス ブラウザー テストが簡単に」と書かれたページに遷移するので、

   

   Internet Explorer以外のWebブラウザーを使用している場合は、使用しているWebブラウザー用のアドオンを入手してセットアップします。

   

4. Internet Explorerを使用している場合、または各Webブラウザー用のアドオンのセットアップが完了したら 「https://yoursite.com」とウォーターマークが表示されているテキストボックスに検証の対象となるWebページのURLを入力し、[Test on BrowserStack]ボタンをクリックします。

   

5. BrowserStackのフリートライアル用アカウントの登録ページに遷移するので、必要項目を入力してアカウントを作成しします。

   

6. 作成したアカウントでBrowserStackにサインインし任意のOSとWebブラウザーを選択し、[Start Testing]ボタンをクリックして仮想マシンを起動します。

   

7. 仮想マシンの起動が完了すると、Web ブラウザー内にクラウド上の仮想マシンのデスクトップに、Webブラウザーが起動した状態で表示されるので、Webページのテストを行います。

   

BrowserStackでは、Windows OS以外のOSや、さまざまなWebブラウザーを、ローカルに検証環境を構築することなく検証作業を行うことができます。無償で使用できるのは90日間なので、試用してみて便利であれば、有償契約をご検討ください。

まとめ

今回はマイクロソフトが提供しているWebページの検証サイトmodern.IEを紹介しました。

機能が豊富で最初は戸惑うかもしれませんが、まずはWebページのスキャンからぜひお試しください。

マイクロソフトのエバンジェリストからはInternet Explorer 11（以下、IE11）の概要やIE11で大きく進化したF12開発者ツールとmodern.IEを用いて検証作業を軽減するテクニック、コンサルタントからは実践的な業務アプリケーションの IE11 への対応について、さらにIE MVPの村地様から「HTML5 の今日と明日」、NTT コムウェア株式会社のSEであり、html5j エンタープライズ部 コミュニティ部長を務める川田様からは「現役 SE である html5 エンプラ部部長が提案するIE11 への移行」と題したセッションが行われました。

 ご参加いただいたみなさまには最後まで熱心にお聞きいただきありがとうございました。ここでアンケートにいただいたコメントをご紹介したいと思います。

• 「検証作業を削減する～セッションは、業務に直結するものばかりで非常に有意義でした。もう少し時間をかけてもらいたいくらいです」
• 「IE11のPreview版が配布されている時期に行っていただけると、業務の対応にいかすことができます」
• 「F12ツールはIE9のころから使用していますが、新機能について全く知らなかったのでとてもためになりました。IE12が出た際にはすぐにこのようなセミナーに参加したいです」
• 「自社内でIE11対応を推進する上で力強い材料が得られた。JavaScriptの性能向上やセキュリティの強化は、アピールポイントとして大きい。」
• 「最新のブラウザを利用することで、セキュリティの脅威が大幅に低減するのであれば、お客さまが最新のブラウザに移行しやすいよう、サービスも速やかに最新のブラウザに対応するのが本来あるべき姿だと改めて認識した次第です」

Preview版が公開されている時期は我々、社員も新しいIEの情報を消化している真っ最中なので、同時期に今回のような内容をお届けするのは難しいのですが、できる限り早くこのようなセミナーをお届けしたいと思います。

ちなみにHTML5とCSS3の取り組みについては、このような回答になっています。

セッションの資料は、IE11影響調査報告書、IE11移行ガイドとともにこちらのOneDriveで公開されていますので、ご利用ください。

IE11 を使うメリット

IEBlog で紹介した通り、IE11 では実際の Web サイトが 30% 高速になる等のパフォーマンス改善のほか、 セキュリティやプライバシー、信頼性の向上を実現しています。また、プラグインなしで 3D 画像やビデオが再生でき、より快適にリッチなコンテンツがお楽しみいただけます。

開発者の皆様向けには、IE10 より新しい、または改善された Web 標準のサポート機能が 25 個以上追加されています。WebGL や Media Source Extensions などが一例です。新しくなった F12 開発者ツールによりデバッグもより高速に行えます。

開発者の皆様へ

自動アップグレードにより、IE11 の利用率が飛躍的に伸びます。ぜひ積極的に以下のリソースをご活用いただき、IE11 の検証と対応を進めてください。

• Internet Explorer デベロッパー センター
• Internet Explorer 11 開発者向けガイド
• Internet Explorer 互換性クックブック
• Web サイト検証ツール modern.ie
• Internet Explorer Test Drive
• IT 担当者向け IE11 コンテンツ

企業の Web システムを管理されている皆様へ

業務システムに IE11 が対応していないなど、自動アップグレードを延期したい場合には無効化するためのツールをご利用いただけます。

Internet Explorer 11 自動配布の無効化ツールキット

また、WSUS や SCCM などの更新プログラム管理ツールを導入いただいているお客様は、こちらのツールよりブロッカーツール同様、自動アップグレードを無効化いただくことも可能です。

今後も開発者の皆様と緊密に連携し、フィードバックをいただき製品に反映しながら、Windows をご利用のお客様に対してより先進的で、安全なブラウジング エクスペリエンスを提供してまいります。

太平洋標準時 12 月 23 日の 23 時 (日本時間 24 日の 16 時) にサンタ追跡サイトが更新され、北アメリカ航空宇宙防衛司令部 (通称 “NORAD”) が追跡のスタンバイを始めます。  

妖精たちがそりにプレゼントを積むのに時間がかかるので、サンタが出発するのは太平洋標準時 24 日の午前 3 時（日本時間 24 日の 20 時）予定と聞いています。  

ルドルフの赤い鼻が点灯したら、追跡の始まりです。NORAD は 25 日の 20 時までサンタの居場所を地図上でリアルタイムにお知らせし、夜の空を飛び回る間、彼の安全を保証する任務を実行します。

サンタ追跡サイト開発チームの舞台裏の動画（英語）をご紹介します。

※英語の動画ですので、サンタ追跡サイト（https://www.noradsanta.org/）の「NORAD HQ」の日本語での解説ページを一緒にご覧ください。

※NORAD HQ サンタの秘密ファイルより

NORAD とその前身である中央防衛航空軍基地 (CONAD) は50 年以上に渡りサンタの飛行を追跡して来ました。

この恒例行事は1955 年にコロラド・ スプリングスに拠点を置くシアーズ ・ローバック社が子供向けに「サンタへの直通電話」を開設した時に誤った電話番号を広告に掲載したのがきっかけとなって始まりました。サンタに繋がるはずのその番号は何と CONAD の司令長官のホットラインの番号だったのです。子供達からの電話を受けた当時の司令官ハリー シャウプ大佐は、サンタが北極から南に向かった形跡がないか部下にレーダーで確認させました。そして電話をかけてきた子供達にサンタの現在地の最新情報を順次伝えたことからこの伝統が生まれました。

1958 年にカナダと米国の両政府は北米航空宇宙防衛司令部、通称 NORADとして知られる両国が共同運営する北米防空組織を創設しました。そしてそれがサンタ追跡という伝統も引き継いだというわけです。

それ以来NORAD 職員とその家族や友人の献身的なボランティアによって世界中の子供達からの電話やメールへの対応が続けられています。また現在ではサンタ追跡にインターネットも利用しています。サンタの現在地を調べようとNORAD サンタ追跡ウェブサイトにアクセスする人の数は何百万人にものぼります。

自宅、外出先。サンタはどこからでも追跡することが可能です。NORAD のサンタ追跡オペレーションセンターに Skype で電話してみるのもよいでしょうし、3D の地球をタブレットやスマートフォンでズームイン、アウトしてみるのも楽しいでしょう。時折、地図上にマーカーが付いた場所が出現するので、よーく見ていてくださいね。クリックするとその場所の情報、はたまた、サンタが装着しているカメラの映像も見られるかもしれません！