Share via

Windows 開発者向けプレビュー: IE10 Platform Preview 3

  • Article

本記事は、マイクロソフト本社の IE チームのブログ から記事を抜粋し、翻訳したものです。 

【元記事】Windows Developer Preview: The Third IE10 Platform Preview (2011/9/14 9:11 AM)

Windows Developer Preview に含まれている新しい IE10 エンジンを使用すると、HTML5 テクノロジをより高度に活用して、タッチ操作に対応した美しいインタラクティブ Web アプリケーションを作成することができます。

このビデオには、Windows Developer Preview に含まれている IE10 Platform Preview 3 による、タッチ操作対応の HTML5 テクノロジの一部が表示されます。

Windows 8 には 1 つの HTML5 ブラウジング エンジンが搭載され、これにより新しい Metro スタイルのブラウザーと、デスクトップで使用する IE10 という 2 種類のブラウザー エクスペリエンスを実現しています。この共通の HTML5 エンジンによって、ブラウザー エクスペリエンスと Metro スタイル アプリケーションの双方に対し、Web 標準の強力なサポートと、常に高速で安全かつ強力な Web プログラミング モデルが提供されます。新しい Metro スタイルのブラウジング エクスペリエンスの詳細については、Building Windows 8 ブログを参照してください。

今回の更新により、IE10 はタッチ操作対応のサイトをサポートし、次のような多くの新しいテクノロジを使用できるようになりました。

充実した視覚効果: CSS Text Shadow、CSS 3D Transforms、CSS3 Transitions/Animations、CSS3 Gradient、SVG Filter Effects

洗練されたページレイアウト: 出版品質のページ レイアウトやアプリケーション UI を実現する CSS3 (CSS3 grid、flexbox、multi-column、figures、regions、hyphenation)、HTML5 フォーム、入力制御、検証機能

Web プログラミングモデルの強化: IndexedDB および HTML5 Application Cache によるローカル ストレージでのオフライン アプリケーション機能の向上、Web ソケット、HTML5 History、非同期スクリプト、HTML5 File API、HTML5 Drag and Drop、HTML5 Sandbox、Web Workers、ES5 Strict モードのサポート

また、IE Test Drive サイトもタッチ操作対応になり、Particle Acceleration、Lasso Birds、Touch Effects などのマルチタッチが可能な楽しいデモが追加されました。

The IE Test Drive now includes examples of touch-friendly HTML5 and is itself touch-friendly
IE Test Drive にタッチ操作対応の HTML5 サンプルが新しく追加され、IE Test Drive 自体もタッチ操作に対応するようになりました。

また IE10 にスペル チェック機能のほか、オートコレクト機能も搭載されたため、Web ページ上でよく起きる入力ミスを減少できると考えられます。

将来を見据えた、コンシューマー向けの対応

IE10 では、"Web アプリケーションは、プラグインを使用しなくてもブラウザー内で多くのことを実行できる" という、IE9 の慣例を引き継いています。さまざまなデバイスやブラウザーに対応できるよう、既に多くのサイトがプラグインなしで実行されるようになっています。プラグインを使用できないことがコードで検出された場合、ブラウザーのネイティブ パターンを使用されることをお勧めします。そうすることで、より多くの人がサイトを問題なく利用できるようになります。

同時に、IE10 のような新しいブラウザーで正常に機能しない古いライブラリ (たとえば、こちら) をご自身のサイトで使用している場合には、ライブラリの更新をお勧めします。

さらに開発の際には、ブラウザーの検出ではなく機能の検出を行うことで、常に変化するブラウザー間の相違を調整することをお勧めします。

// ベスト プラクティス: 利用可能な場合は、ネイティブの XHR を使用

var xmlHttp;

if (window.XMLHttpRequest) {

// IE7 以降、Gecko、WebKit の場合は、ネイティブ オブジェクトを使用

xmlHttp = new XMLHttpRequest();

}

else if (window.ActiveXObject) {

// ...ネイティブ オブジェクトを利用できない場合は、ActiveX コントロールを使用

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else {

// XHR をサポートしていない場合

xmlHttp = null;

}

HTML5 エンジンの質や正確性は、いまだにブラウザーごとに大きく異なっています。さまざまなブラウザーが、同じマークアップによって同じ結果を生成するようになれば、あらゆる人に HTML5 の真価が認められるようになります。この相互運用性と同じマークアップという目標を達成するために、マイクロソフトは引き続き、標準化団体が開発中のテスト スイートに貢献していきます。今回の IE10 の更新にあたり、私たちは 312 以上の新しいテストを IE Testing Center に送り、その結果を標準化団体に提出しています。

開発者が利用可能な新機能の完全な一覧については、こちらの IE10 開発者ガイドで参照できます。更新された IE10 を利用するには、Windows 8 Developer Preview をダウンロードしてください。最後になりましたが、今後も開発者コミュニティの皆様のご協力をよろしくお願いいたします。また、Connect へのフィードバックもお待ちしております。

― Dean Hachamovitch、コーポレート バイス プレジデント、Internet Explorer