Condividi tramite

Windows 8 Developer Preview: IE10 Platform Preview 3

  • Articolo

Windows Developer Preview (英語) に含まれる新しい IE10 エンジンの登場により、開発者はさらに多くの HTML5 テクノロジを活用して、タッチ操作がしやすく、美しい、インタラクティブな Web アプリケーションを開発できるようになりました。

Windows Developer Preview に含まれる IE10 Platform Preview 3 に組み込まれた、タッチ操作関連の HTML5 テクノロジを紹介したビデオ

Windows 8 は、1 つの HTML5 ブラウジング エンジンで、2 種類のエクスペリエンスを提供します。新しい Metro スタイルのブラウザーと、デスクトップ用の IE10 です。共通して使用される HTML5 エンジンは Web 標準を強力にサポートし、安定した高速性と安全性を備えたパワフルな Web プログラミング モデルを、ブラウザーのエクスペリエンスと Metro スタイル アプリの両方に提供します。新しい Metro スタイルのブラウジング エクスペリエンスについては、Building Windows 8 ブログで詳しくご覧いただけます。

この更新により、IE10 は、タッチ操作向けのサイトで、さまざまな新しいテクノロジの使用に対応できるようになっています。

  • リッチな視覚効果: CSS テキスト シャドウ、CSS 3D トランスフォーム、CSS3 によるトランジションとアニメーション、CSS3 グラデーション、SVG フィルター効果
  • 高度なページ レイアウト: CSS3 による印刷物クオリティのページ レイアウトとアプリケーション UI (CSS3 グリッド、可変ボックス、複数列、Positioned Floats、リージョン、ハイフネーション)、HTML5 フォーム、入力コントロール、検証
  • 強化された Web プログラミング モデル: IndexedDB と HTML5 Application Cache によるローカル ストレージを使った、より優れたオフライン アプリケーション、Web Socket、HTML5 History、Async スクリプト、HTML5 File API、HTML5 ドラッグ アンド ドロップ、HTML5 Sandbox、Web Workers、ES5 Strict Mode のサポート

また、IE Test Drive サイトもタッチ操作がしやすいように更新し、Particle Acceleration (英語)、Lasso Birds (英語)、Touch Effects (英語) といったマルチタッチ対応の興味深いデモを追加しています。

IE Test Drive にタッチ操作向け HTML5 の例が追加され、サイト自体もタッチ対応している
IE Test Drive にタッチ操作向け HTML5 の例が追加され、サイト自体もタッチ対応している

IE10 ではまた、スペル チェックに加えてオートコレクト機能のサポートも追加されており、Web ページで入力を行う際に一般的なタイプミス (英語なら "teh" など) を減らすことができます。

今後を見据えて: コンシューマー対応と協調

IE10 は、IE9 の先例にならい、Web アプリケーションがプラグインを使うことなくブラウザー内でさまざまな動作を実現できることを目指しています。多くのサイトが、他のデバイスやブラウザーでプラグイン フリー動作を実現しており、開発者の皆さんには、プラグインが利用できないことが検知された場合にネイティブ ブラウザー パターンを使用する動作を検討するようお勧めします。これによって、より多くのユーザーがサイトのエクスペリエンスを正しく得ることができます。

同様に、IE10 のような新しいブラウザーで適切に処理されない (こちら (英語) で紹介されているような) 古いライブラリをサイトで使用している場合は、更新することをお勧めします。

また、常に変化するブラウザー間の差異に対応する方法としては、機能検出 (ブラウザー検出ではなく) を使用することを引き続きお勧めします。

// Best Practice: Use native XHR when available

var xmlHttp;

if (window.XMLHttpRequest) {

// In IE7+, Gecko, WebKit: Use native object

xmlHttp = new XMLHttpRequest();

}

else if (window.ActiveXObject) {

// ...if not native, try the ActiveX control

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

}

else {

// no XHR support

xmlHttp = null;

}

各ブラウザーの HTML5 エンジンの品質や正確さには、まだ大きなばらつきがあります。各ブラウザーが同じ動作を同じマークアップで実現するようになることで、HTML5 の可能性が実現されていくでしょう。相互運用性とマークアップ共通化 (Same Markup) の実現に向け、私たちは標準化団体で開発が続いているテスト スイートへの貢献も続けています。今回の IE10 の更新では、312 を超える新しいテスト (英語) を IE Testing Center 公開すると共に、標準化団体に提供しています。

IE10 で利用可能になった新機能の完全なリストは、IE10 開発者向けガイド (英語) でご確認いただけます。更新された IE10 を試すには、Windows 8 Developer Preview (英語) をダウンロードしてください。引き続き、開発者のコミュニティと連携して取り組みを続けていきたいと思います。また、Connect (英語) でのフィードバックをお待ちしています。

- Internet Explorer 担当コーポレート バイス プレジデント Dean Hachamovitch

追記 - 多くのサイトではプラグイン フリー版が提供されており、たとえば YouTube では次の URL でオプトインすることで HTML5 版を利用することができます。https://www.youtube.com/html5?hl=ja