最新Webテクノロジーのショーケースと互換性・テスト関連情報

以前にも紹介したことがある「かんたん開発」(Start Something!)に、新手のコンテンツが登場した。今回、それを糸口にして、HTML 5やCSS (Cascading Style Sheet) 3といったWeb関連技術の情報、WebブラウザやWebコンテンツのテストについて、現時点で最新の情報をまとめてみた。

Start Something!
http://msdn.microsoft.com/ja-jp/hh315652

「モーグリのツイートキャッチ」のバックグラウンド

きっかけとなるのが、「モーグリのツイートキャッチ」なるWebアプリケーションである。これは、「FINAL FANTASY XIII-2」のキャンペーンWebアプリケーションなのだそうである(URLは http://www.ff13-2-ie9.com/)。

その「モーグリのツイートキャッチ」は、HTML5やCSS3といった最新Web関連テクノジーとインフラとしてWindows Azureを活用した、一種のテクノロジー・ショーケースとも言える存在のようだ。そしてMSDNオンラインの「かんたん開発」(Start Something!)で、その「モーグリのツイートキャッチ」のバックグラウンドについて解説しようというわけだ。

それが、「メイキング・オブ・モーグリのツイートキャッチ」である。どこからどこまでが何なのかわかりにくいが、「メイキング・オブ "モーグリのツイートキャッチ"」という意味のタイトルである。

メイキング・オブ・モーグリのツイートキャッチ
http://msdn.microsoft.com/ja-jp/hh670630

そしてこれから、IE9、Windows Azure、Windows Phoneのそれぞれについて、関連技術解説を公開する予定となっている。情報の公開を知るには、MSDNオンラインの更新情報、あるいは上記のWebページをチェックするとよいだろう。

IE 9/Azure/Windows Phoneについて解説するということは、以下のデベロッパーセンターについても関わりが生じると思われる。併せてチェックしておきたくなるかもしれないので、以下にリンクをまとめておこう。また、IE 9には製品情報や新機能に関する情報もリンクしておく。

Internet Explorer デベロッパーセンター
http://msdn.microsoft.com/ja-jp/ie/

Windows Azure Platform デベロッパーセンター
http://msdn.microsoft.com/ja-jp/windowsazure

Windows Phoneデベロッパーセンター
http://msdn.microsoft.com/ja-jp/windowsphone/

Internet Explorer 9 製品情報
http://windows.microsoft.com/ie9

Internet Explorer 9 の新機能
http://windows.microsoft.com/ja-JP/internet-explorer/help/ie-9/whats-new-in-internet-explorer-9

IE 9向け開発の関連リソースいろいろ

本連載の第18回でもIE 9を取り上げたが、この時はまだ「これから出てくるIE9に備えよう」というスタンスだった。ところが、すでにIE 9は製品版がリリースされているし、IE 10のプレビュー版も出回り始めているので、改めて拾い集めてきた関連リソースのリンクをまとめておこう。第40回で取り上げたものと重複しているものもあるが、そこは御容赦いただきたい。

まず、HTML5を扱う開発者に向け「Beauty of the Web」を紹介しておきたい。タイトルだけ見ると単なるダウンロードサイトかと思ってしまいそうだが、実はそうではなくて、「HTML5で何ができるか」をアピールするためのサイトという姿勢が感じられる。それと関連して、英語版になるが「HTML5 Labs」というサイトもある。

Download Internet Explorer 9 - Beauty of the Web
http://www.beautyoftheweb.jp/

HTML5 Labs (英語)
http://html5labs.interoperabilitybridges.com/

そして、実際に開発する過程になると、IE9やHTML5が備える機能をいかにして「活用するか」「テストするか」「従来の環境との互換性を確保するか」という課題が出てくるのは間違いない。そこで、互換性やテストに関する情報源をまとめたのが以下のリストである。

Internet Explorer 9 Test Drive
http://ie.microsoft.com/testdrive/

「ピン留め」サイトの実装
http://msdn.microsoft.com/ja-jp/library/gg581716(v=VS.85)

Internet Explorer 9テストガイド 日本語版(はじめに)
http://msdn.microsoft.com/ja-jp/ie/gg317662

Internet Explorer 9テストガイド 日本語版(評価時に注意すべき点)
http://msdn.microsoft.com/ja-jp/ie/gg317663.aspx

Internet Explorer 9テストガイド 日本語版(新機能や仕様に関する情報)
http://msdn.microsoft.com/ja-jp/ie/gg192863

Internet Explorer 9の互換性ガイド
http://msdn.microsoft.com/ja-jp/library/ff986083(v=VS.85).aspx

旧バージョンのIEとの互換性と検証のポイント(XPS版)
http://download.microsoft.com/download/E/5/A/E5A11B50-1C8D-4AF4-915A-60694F8EB7FE/IE9_Compatibility_point.xps

旧バージョンのIEとの互換性と検証のポイント(PDF版)
http://download.microsoft.com/download/E/5/A/E5A11B50-1C8D-4AF4-915A-60694F8EB7FE/IE9_Compatibility_point.pdf

また、タグをいちいちゼロから手作業で記述するわけではなく、開発ツールに頼る場面が多いだろうから、開発ツールとしてExpression Web、プラットフォーム環境を整備するためのツールとしてWeb Platform Installerをそれぞれ紹介しておく。

Expression Web 4
http://www.microsoft.com/japan/products/expression/products/web_overview.aspx

Web Platform Installer
http://www.microsoft.com/web/downloads/platform.aspx

なお、まだサイトは英語版のみだが、すでに次世代バージョン・IE 10のプラットフォーム・プレビューも公開が始まっている。正式リリースされてから慌てないように、こちらをチェックしておくのも良さそうだ。

IE 10 Platform Preview (英語)
http://ie.microsoft.com/testdrive/Info/Downloads/Default.html