5分で学ぶGoogle Gadget開発

白石俊平
2008/04/03 18:00

Google Gadgetに興味のない人はいませんよね? この記事ではGoogleガジェット開発の基本をざっくり体験してみよう。

3分目:Hello, Worldを書いてみよう

 構成がだいたい解ったところで、3分目は実際に動くガジェットのソースコードを見ていこう。以下に示すのが、「Hello, World」という文字列を画面に大きく表示するだけのガジェットのソースコードだ

<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="Hello"/>
  <Content type="html"><![CDATA[
    <h1>Hello, World</h1>
  ]]></Content>
</Module>

 2分目で学んだコードの構成そのまま。少しだけ補足しておこう。

  • ModulePrefsタグのtitle属性で、ガジェットの名前を指定する
  • Contentタグのtype属性に”html”を指定することで、HTMLコードはファイル内に埋め込まれることを宣言している
  • Contentタグの内部に、HTMLのbodyタグに書く内容を文字列で記述する。上の例のように、CDATAセクションを使うのが常道

 Contentのtype属性は、他にも”url”と言う値をとることができる。この場合、ガジェットのソースコードは指定されたURLから読み込まれて表示さる。”html”を指定することで、上のようにbodyタグの内容をそのまま埋め込むことができるわけだ。

記事の感想やご意見をコメントでお寄せください(CNET_IDログインが必要です)
ログイン パスワードを忘れた方  |  新規登録
  • 新着記事
  • 人気記事
  • 特集
  • ブログ
  • 読者投票
    いよいよ7月11日に売り出される「iPhone 3G」。今のところの購入予定は?

    投票受付期間:2008年7月7日 〜 2008年7月11日
  • » 投票しないで結果だけ見る