今後10年を支えるWindowsアプリの条件：Windows Liveが魅せる次世代マッシュアップ（2/5 ページ）

Vistaの登場で知名度が上がるであろうWindowsガジェット。その中でもWindows Liveは、オンラインOSとしてMSの新たなプラットフォームとして位置付けられた。この記事では、Webページ作成の延長先上と考えられるそのテクニックを見せる。

[大澤文孝，ITmedia]

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　List 2では、このコンストラクタ引数の値を、次のようにオブジェクトの変数として保存している。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　これにより、以降の処理では、m_el変数を通じて、Liveガジェット内にコンテンツを差し込むことができる。

innerHTMLメソッドによるコンテンツの作成

　コンテンツを作成するもっとも簡単な方法が、innerHTMLメソッドを使う方法だ。

　例えば、次のようにする。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　実際、このコードをガジェットが初期化される時に呼び出されるinitializeメソッドの内部に実装すれば、ガジェットの表示結果は、下の画面1のようになる。

画面1■innerHTMLメソッドによるコンテンツの作成

DOMを操作する

　innerHTMLメソッドを使うのと似た方法として、DOM操作によって、HTML要素を追加する方法も取れる。

　例えば、次のような具合だ。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　この場合も、結果は画面1と同じになる。