Enterprise Site Discovery Toolkit for IE11 を発表

本日、IT プロフェッショナルの皆様が企業のどの業務アプリケーションが重要で、ユーザーが実際に使用しているかを把握するための、Internet Explorer 11 の新機能を発表いたします。エンタープライズ モードの IE とこのツールキットを使用することで、エンタープライズのアップグレードがシンプルになります。今すぐ Enterprise Site Discovery Toolkit for IE11 をダウンロードして、Technet で詳細をご確認ください。 企業が最新バージョンの Windows にアップグレードする場合、通常は最新バージョンの Internet Explorer によるすべての業務アプリケーションの互換性テストが必要になります。多くの企業でこのようなテストの実施を難しくしている原因は、社内のどの業務アプリケーションが重要で、実際に従業員が使用しているのかを把握していないことです。このため、使用されていないアプリケーションであっても、コストや時間がかかるとしても、IT プロフェッショナルとしてすべての内部アプリケーションをテストしなければならないケースが頻繁に発生しています。テストに加え、アプリケーションがどのように作成されているのかを詳細に理解していないと互換性問題への対応が困難になる可能性もあります。 Enterprise Site Discovery Toolkit は、ユーザーがどのように Internet Explorer 11 を使用してブラウズしているかを把握するための手段を IT プロフェッショナルの皆様に提供します。このツールキットを使用すると、企業内で使用されるサイトのリストを作成するため、企業ユーザーが訪れたすべてのサイトに関する情報を Internet Explorer 11 から収集できます。この情報は、IT プロフェッショナルの皆様が Internet Explorer でアプリケーション互換性テストを行う際にアプリケーションの優先順位を設定するときに役立ちます。また、このツールキットによって、サイトがどのようなデザインで、Internet Explorer によってどのように使用されているか、などの情報も取得できます。このような情報は、エンタープライズ モードのサイト リストへのデータ入力時に利用でき、重要なサイトの互換性問題を減らすことができます。 収集される情報 既定では、データ収集は行われません。収集機能が有効になっていると、Internet Explorer 11 を使用してユーザーが訪れたすべてのサイトからデータが収集されます。データは、各ブラウジング イベント中に収集され、閲覧した URL に関連付けられます (以下参照)。このようなデータの収集は、Internet…


Windows Phone 用 Internet Explorer 11 の新機能

Windows Phone 8.1 での IE11 の新機能について、部分的には既にご存じかもしれませんが、今日はユーザー エクスペリエンスの改善点の全体像を共有できることを嬉しく思います。私たちのチームは、ブラウジング エクスペリエンスの 4 つの重要領域、サイトへのすばやいアクセス、高速で滑らかなブラウジング、安全とプライバシー、アクセシビリティを大幅にアップグレードすることに重点的に取り組んできました。 このリリースでの Web 開発者向け新機能については、近日公開する別の記事をご覧ください。 サイトへのすばやいアクセス 高速なブラウザーを誰もが常に求めています。これは取り組むのが楽しい課題です。私たちのチームはこの課題を 2 つの部分に分けて考えました。まず、ユーザーはブラウザーにどのページにアクセスするかを伝える必要があります。次に、ブラウザーはそのページに可能な限り高速に移動する必要があります。通常は 2 番目の部分がほとんどの注目を集め、(SunSpider、Acid3、Octane などの有名な) ブラウザーのパフォーマンス ベンチマークが議論の種となります。ベンチマークについても進歩がもたらされましたが、今回は最初の部分、つまりブラウザーにどのページにアクセスするかを伝える部分に大幅な進歩をもたらすことに重点的に取り組んでいます。これを実現した方法を次に示します。 頻繁なサイトおよび URL 予測 アドレス バーがタップされたときには、現在見ているサイトから別のサイトに移動しようとしていることが分かります。誰もが頻繁に訪れるサイトをいくつか持っています。これらのサイトがアドレス バーから離れた場所にすばやくタップできるように表示されるようになりました。ブラウジングを行うことで、これらのサイトはスマートフォンで訪れることが多いサイトを反映して更新されます。私のスマートフォンのスクリーンショットを以下に示します。 アドレス バーに入力する場合には、移動しようとしているサイトを予測するようになりました (下のスクリーンショットの強調表示部分)。URL 全体を入力することなく、タップするだけで入力し、より高速に移動することができます。この機能は一度使用すると手放せなくなります。目的のサイトに移動するために必要な手間が少なくなり、よりスマートなブラウザーとなっています。 無制限の (アクセスしやすい) タブ、1 つの IE をどこの場所でも Web ブラウジングがモバイル デバイスで行われることが多くなるにつれて、私たちはこれらのデバイスでより複雑なタスクを行えるようにしたいと考えるようになりました。1 つの例として、マルチタブ ブラウジングが挙げられます。以前は最大 6 つのタブのみを使用できました。また、(アドレス バー ボタンを変更する設定を使用している場合を除いて) […] メニューでタブにアクセスするには若干のスピード バンプがありました。 そのため、この制限をなくすことにしました。誇張なしに、好きなだけ多くのタブを開くことができます。また、アドレス バーの横のボタンからは既定でタブにアクセスできるようになりました。タブにアクセスしやすくなったことは喜ばしい変更点ですが、その他に更新のしやすさに対するご要望もいただいています。そこで、このご要望も両立させることにしました。タブ ボタンと更新ボタンの両方にすばやくアクセスできるようになっています。    よく見ると、上のスクリーンショットの中にある「別の」重要な点に気が付くはずです。Internet…

1

IE11 の縦書きモードの改良

Internet Explorer 11 の 2014 年 6 月の更新では、縦書きモードのレイアウトが改良され、進化しています。この更新により、一貫した中央ベースラインや行間を維持したふりがな配置などの機能が有効になっています。これらの改良点を組み合わせることで、日本語ロケールなどの縦書きモードをサポートするロケール用にリッチでインタラクティブなテキストブックや出版物を実現できます。 実際に体験して改良点を確認するには、Vertical Writing Mode Improvements Test Drive を試してみてください。 中央ベースラインにより、要素の行間を維持した状態で配置された追加のふりがな文字がある場合でも、文字や記号が正しく揃います これらの更新により、コンテンツ作成者は Internet Explorer の強力な縦レイアウト機能を Web サイト、Web アプリケーション、最新の Windows アプリで活用することができます。皆様のフィードバックをお待ちしております。その際は、Connect をご利用いただけるとさいわいです。 — Internet Explorer 担当グループ プログラム マネージャー Bogdan Brinza

1

Windows 8.1 Update での F12 の新機能

このたび、IE の開発者ツール (F12) と、Visual Studio 2013 Update 2 において大規模な更新を実施しました。F12 の更新は、IE11 の新しいリリースに含まれています。 以前、このブログで F12 の機能と、F12 では高速で反復的なワークフロー、DOM Explorer での正確なデータの提供、メモリおよびパフォーマンス ツールでの実用的なデータの提供に注力していることを説明しました。 F12 の今回の更新では、次のような機能強化が施されています。 CSS ツールの変更管理による、より緊密で反復的なワークフロー。 CoffeeScript や TypeScript などで作成したコードのデバック機能。ソース マップをサポートするほか、他の開発者が作成したライブラリを使っている場合は、”マイ コードのみ” のデバッグが可能。 すばやい問題解決を支援するための機能の強化。たとえば、メモリ リークの検出時に使用できる、JS スナップショット ツールやフィルター機能が強化されています。 では、今回 F12 に施された機能強化を見ていきましょう。 CSS に対する変更の履歴を変更バーを使って管理 F12 などのツールの最大の利点は、ソース コードを開かなくても、Web サイトの表示状態をブラウザーから直接編集できることです。ただし、時間をかけて編集していると、CSS に対するすべての変更を把握し、元のソースに最終的な編集内容を適用することは難しくなります。この状況を改善するため、変更を記録および管理する機能を導入しました。変更は、”変更バー” を使って視覚的に、または DOM Explorer の新しい [変更] CSS パネルを使って管理できます。 DOM Explorer の [スタイル] ウィンドウから…

7

IE11 の読み取りビューの紹介

IE11 では、アドレス バーのボタンをクリックまたはタップすると、Web ページの記事を読み取りビューで表示することができます。 読み取りビューは、Windows 8.1 向け Internet Explorer 11 の新機能です。この機能を使用すると、読みたい Web ページのメイン コンテンツに集中することができます。読み取りビューは、記事に関連するしないを問わず、周りにある不要な情報は表示せずに、読みたい Web ページの記事やブログ記事だけを表示する機能です。読みたい記事を見つけたら、読み取りビューに切り替え、落ち着いて読むことができます。記事を読み終えたら、読み取りビューを終了するだけで、サイトのブラウジングに戻ることができます。 読み取りビューで表示した Web ページの記事 読み取りビューは "イマーシブ" な IE にネイティブに実装された機能です。追加でインストールする必要はありません。IE がサポートするすべての言語に対応しており、テキスト量が多いページで利用できます。 IE11 の読み取りビューの使用方法 読み取りビューの使い方は簡単です。アドレス バーの [読み取りビュー] ボタンをクリックするだけです。キーボードを使用している場合、Ctrl + Shift + R キーを押して、読み取りビューでページを表示することもできます。 [読み取りビュー] ボタンは、"記事に相当" するコンテンツを持つページのアドレス バーに表示されます。ボタンが表示されていない場合、ページを読み取りビューで適切に処理することはできません。 読み取りビューを終了するには、アドレス バーのボタンをもう一度タップまたはクリックするか、Esc キーを押します。前のページに戻るには、[戻る] ボタンをタップまたはクリックします。タッチ対応デバイスを使用している場合は、スワイプして前のページに戻ります。 優れたリーディング エクスペリエンスの条件 IE11 で読み取りビューを開発したときの目標は、ページを快適に読めるビューを作成することでした。ブラウザーを一時的に特定の記事を読むためだけの場とすることで、元のページよりも読みやすくすることを目標としました。同時に、記事の URL、著者、その他の関連するコンテキスト情報だけでなく、コンテンツの整合性も保持したいと考えました。IE はこの機能を実装した最初のブラウザーではありませんが、印刷媒体の発行者たちが何世紀にもわたって使用し、改良し続けてきた読みやすさに関するベスト プラクティスを取り込み、オンラインでの閲覧に適用することで、他のブラウザーよりも優れたエクスペリエンスを実現する機会を得ました。 フォントの選択、行の長さ、余白、段落の設定マーカー、行間、カーニング、コントラスト、画像の配置など、ページの読みやすさにかかわる項目はたくさんあります。IE11 の読み取りビューにおける工夫をいくつか紹介します。 オンラインでの閲覧向けに新しいフォントをデザイン IE11…


IE11 の仮想マシンが modern.IE で新たに公開されました

Windows 7 向け Internet Explorer 11 のリリースに伴い、modern.IE で公開されている仮想マシンのラインナップに Windows 7 向け IE11 と Windows 8.1 向け IE11 が追加されました。各種のプラットフォームとバージョンによる Internet Explorer のテストに、ぜひこれらの新しい仮想マシンを加えてください。また、ユーザーのフィードバックに基づきすべての仮想マシンが更新され、よりスムーズなテストが可能になりました。無料で入手できる VM は、Internet Explorer の全バージョン、あらゆるプラットフォームでのサイトのテストにお役立ていただけます。イメージは Linux 用、Mac 用、Windows 用がそれぞれ用意され、主要なデスクトップ仮想化テクノロジのほぼすべてに対応しています。 更新された VM には、以下の変更点が追加されています。 以前のバージョンの IE が新しいバージョンに自動更新されないよう、Windows Update を既定で無効化 イメージの有効期限を延長 よく寄せられる質問への回答に、Windows デスクトップから直接アクセスできるようにした VM のビルド バージョン番号を追加し、VM の更新を確認できるよう IE のホーム ページを modern.IE に設定 modern.IE では、IE テスト用の VM の他にも数多くのツールを無料で公開しています。以下に紹介するその他のツールも、テスト期間の短縮にご活用ください。 一般的に発生する互換性の問題をチェックする、サイト…


IE チームより季節のごあいさつ

残り少なくなりましたが、今年も皆様には本当にお世話になりました。感謝の気持ちを込めて IE チームよりクリスマスのご挨拶をお届けします。Holiday Lites (英語) は HTML5 と CSS3 で作成された、GPU を活用するデモで、画面上に細かなライトを点灯させながら、ブラウザーのレイアウトとレンダリングのパフォーマンスを測定します。このデモをご覧いただくと、IE11 がコンテンツを徐々に更新していること、つまり、ページ全体のレイアウトとレンダリングを開始するのにすべての DOM 操作の完了を待つ必要がないことがおわかりいただけると思います。HTML5、CSS3、Border-Image、Flexbox、MP3 オーディオ、電源効率に優れたタイマーなど、さまざまなテクノロジが駆使されたデモをぜひお楽しみください。 Holiday Lites (英語) では、ブラウザーのレイアウト/レンダリング パフォーマンスをテストできます この一年を振り返って この一年を振り返ってみると、Web がさらに飛躍的な進化を遂げたことに感動さえ覚えます。IE チームにとっても楽しい一年でした。特に IE11 の Windows 8.1 版と Windows 7 版は、IE10 から 1 年もたたずに公開できました。タッチ、セキュリティ、ネットワーク、編集などさまざまな面が強化された IE11 によって、現実世界の Web サイトを 30% 高速化することができます。もちろん、F12 開発者ツールの刷新も忘れることはできません。 現在の開発者の活躍には目覚ましいものがあります。GlacierWorks (英語) などの新しい取り組みは WebGL の進展なしにはあり得ませんでしたし、ホバー (英語) を始めとする古典的なエクスペリエンスが生まれ変わったのも WebGL のおかげです。また、メディア ストリーミングに関連する最新の各種標準をサポートしたことで、ネットワークの最新状態に順応する、スムーズで滑らかなビデオ再生が可能になりました (Netflix (英語) にてご確認いただけます)。また、modern.IE…


IE11 に実装されたさまざまなブラウジング高速化手法を紹介します

Internet Explorer 11 では、ネットワーク待ち時間がブラウジングに与える影響を解消することで、バッテリー寿命、CPU、ネットワーク帯域幅、メモリを浪費することのない、高速でサクサクとしたブラウジングをいつでも楽しむことができます。ネットワーク待ち時間の問題が解消されなければ、かつてないほど広がった現在の帯域幅に見合うだけの Web パフォーマンスは得られません。IE11 では、バックグラウンドでのページと Web リソースのダウンロードおよびプリレンダリング、SPDY/3 プロトコルを使った複数の Web リソースの並列ダウンロード、ページ上で最も重要なリソースの優先ダウンロードによって、ネットワーク待ち時間の影響を最小限に抑えています。 ページ予測、プリロード、プリフェッチ ページの予測、プリロード (プリレンダリング)、プリフェッチなどの IE11 の機能を使うと、次のページを事前にダウンロード/レンダリングしたり、次のページのリソースを事前にダウンロードすることができます。最も一般的なブラウジング パターンに従って、バックグラウンドの非表示タブにページが事前に読み込まれ、構築されます。リンクをクリックすると、このページが瞬時に表示されます。この技術を使うことで、検索、記事を読む、写真を次々にめくるといった Web でよく使う操作を、ローカル コンテンツの場合と同じ程度にまで高速化できます。 IE11 が提供する、ページの予測、プリロード、プリフェッチ機能を使えば、Web でよく使う操作を高速化できます IE11 は、IE の「ページ予測」テクノロジによって得られる情報と、サイト開発者が設定するマークアップが提供する情報を根拠に、プリロードとプリフェッチの対象を判断します。 自動ページ予測を使って Web ページをプリロードする Internet Explorer は、ユーザーが次にアクセスするページを自動ページ予測機能を使って予測し、そのページを事前に読み込むことで、ほぼ遅延を感じさせないページ ナビゲーションを可能にします。この予測のために、Microsoft は、さまざまなブラウジング パターン、ブラウズ中のユーザーの習慣、さらに、ページ上の手掛かり ([次へ] リンクやページ番号など) を分析しています。予測精度の向上には、Bing 事業を通して Web とデータ マイニングに関する研究を深めたことが大きく貢献しています。 たとえば、最新の Internet Explorer を使って記事を読む場合、ページ フリップを使うと次のページが事前にレンダリングされるため、ユーザーはスワイプで次々にページを進んでいくことができます。見たいものがすぐに見つかる、自然で楽しい雑誌のような感覚がよみがえります。この機能については Page Prediction Test Drive (英語) を参照してください。 Page…

3

EtchMark の内部のしくみ: タッチ、マウス、ペン、そしてデバイス シェイクを処理する Web サイトの構築

EtchMark は昔からおなじみのお絵描きおもちゃの新しいバージョンであり、IE11 の向上したタッチ サポートと最新の Web 標準 (ポインター イベント、デバイスの方向など) を紹介するサンプルです。この記事では、サイトに簡単に追加できるいくつかの機能について説明します。それらの機能を使用すると、タッチ、マウス、ペン、キーボード、さらにはデバイス シェイクにも対応して、スムーズで自然な操作感を実現できます。 デモの構造 EtchMark では、タッチ、マウス、ペン、または方向キーを使用して、画面上に自由に線を描くことができます。 描画サーフェスは、つまみを回すと更新される HTML5 Canvas 要素です。 ベンチマーク モードでは、requestAnimationFrame API を使用して、60 フレーム/秒のスムーズなアニメーション ループを行い、バッテリ寿命を延ばします。 つまみのドロップ シャドウは、SVG フィルターを使用して作成します。IE11 のハードウェア アクセラレーションによって、この作業の大部分が GPU に移されるので、非常に高速なエクスペリエンスが実現できます。 以下のビデオで、これらの機能の動作を確認してください。その後、実際の構築方法の説明に入ります。 EtchMark では、HTML5 Canvas、requestAnimationFrame、SVG フィルター、ポインター イベント、および Device Orientation API を使用して、昔からおなじみのおもちゃの新しいバージョンを作成します ポインター イベントを使用するタッチ、マウス、キーボード、およびペン ポインター イベントを使用すると、マウス、キーボード、ペン、およびタッチのいずれを使用しても、1 つの API に対するコードを記述するだけで、同じようにうまく動作するエクスペリエンスを構築できます。ポインター イベントは、Windows デバイス全般でサポートされており、間もなく他のブラウザーでもサポートされます。 ポインター イベント仕様は W3C の勧告候補となり、IE11 ではプレフィックスを使用しないバージョンのポインター イベントをサポートしています。 まず、最初に行う必要があるのは、Knob.js のポインター イベントの接続です。最初に標準のプレフィックスを使用しないバージョンを確認し、その確認が失敗したら、IE10 をサポートできるようにするために必要な、プレフィックスの付いたバージョンに戻ります。 次の例で、hitTarget はつまみの画像を含む単純な…


modern.IE の新しいパフォーマンス スキャン ツールによる実際のサイトの高速化とユーザー エクスペリエンスの向上

本日、modern.IE コード スキャナーの改良版がリリースされました。このツールを使うと、実際のサイトのパフォーマンスの改善につながり、ユーザーが訪問先のサイトで実際に行う操作に影響する可能性がある一般的なパターンを認識することができます。さらに、新しいチュートリアルも公開しました。このチュートリアルでは、swish.com で modern.IE と Internet Explorer 11 の F12 開発者ツールを組み合わせて使用し、Internet Explorer を始めとする最新ブラウザーでホーム ページのパフォーマンスを 40% 向上させる方法を紹介しています。今後も modern.IE を定期的に更新し、開発者がブラウザー互換性を短時間で検証できるようにするためのツールを提供する予定です。 modern.IE の新しいパフォーマンス スキャン ツールにより各種の最新ブラウザーでページを表示したときの応答性が向上します。 スキャンによる Web パフォーマンスの評価 スキャンを実行して、5 種類の一般的なパフォーマンス パターンを検出できます。多くの場合、推奨される修正は簡単に実行でき、しかも修正後はパフォーマンスが目に見えて改善されます。次に、新しいツールについて簡単に紹介します。 画像の最適化このテストでは、Web ページの画像をスキャンした後、kraken.io などの画像最適化サービスを利用してページの読み込み速度を改善する方法を提案します。現在の Web サイトのトラフィックの 60% 以上は画像データで占められています。ユーザーが Web ページのブラウジングに使うデバイスは、携帯電話から大画面 TV まで、さまざまです。デバイスに応じてブラウザーに送信する画像の解像度を調整できれば、ユーザー エクスペリエンスが大きく改善される可能性があります。 圧縮コンテンツこのテストでは、Web ページで gzip などの圧縮テクニックが使われているかどうかを判別します。画像最適化と同様に、コンテンツを圧縮しておき、ユーザーの要求に応じてコンテンツを圧縮解除することで、サイトのパフォーマンスを向上することができます。 コンテンツのプリレンダリングこのテストでは、ユーザーが次に表示する可能性が最も高いコンテンツを特定し、そのコンテンツをブラウザーで事前に取得できるようにするための HTML マークアップを検出します。この手法を使うと、ユーザーがサイトの奥に移動するほどページの表示速度が速くなるため、実際のサイトのパフォーマンスが大幅に向上する可能性があります。開発者は、Web ページ全体のプリレンダリング、個々のリソース ファイルのプリフェッチ、DNS 名の事前解決を要求することができます。どの場合も、1 行分のメタデータを追加するだけでパフォーマンスを向上できます。 ページ フリップ ブラウジングこのテストでは、Web…

6