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タグの内容をそのまま埋め込むことができるわけだ。
- 今日のトップ記事
- 2日前
- 4日前
- 6日前
- 7日前
- ホワイトペーパー
- 読者投票
いよいよ7月11日に売り出される「iPhone 3G」。今のところの購入予定は?
- 話題のタグ
Linux
iPhone 3G
server
Ajax
Firefox
PHP
Leopard
開発環境
ライブラリ
HTML
CSS
Microsoft
Adobe
Off Topic
Apache
Windows
仮想化
フレームワーク
Python
JavaScript
Opera
オープンソース
Solaris
Database
iPhone
小技
入門
Apple
Safari
RIA
Firefox 3
Ruby
SOA
ブラウザ
Tips
Flash
C/C++
Webアプリケーション開発
iPod touch
Java
Mac OS X
リファレンス
Webデザイン
XHTML
Eclipse
Google
Mozilla
MySQL
イロハ
Internet Explorer
話題のタグを見る »
MS、Vistaとの互換性をチェックできる「Compatibility Center」リリースへ
「似非」SOAを見破る10の方法
Firefox 3のアドオンやテーマ管理を容易にする
openSUSE 11.0を試してみた
フォトレポート:世界各国の優秀な技術者がパリに集結--Imagine Cup 2008世界大会
バッチ処理でデータベース活用:4つの課題と5つの解決ポイント
Rubyでどう書く?:RubyでWord文書を作成する
今知るべき仮想化情報
「未来の、その先」をどう提言していくか
DELL連載第4回〜「Microsoft System Center」
Techno Exchange
ZDNet Japan Green IT