OpenSocialを始めよう(3) - 5分で学ぶGoogleガジェット開発
3分目: Hello, Worldを書いてみよう
ソースコードの構成がだいたい解ったところで、実際に動くガジェットのソースコードを見ていきましょう。以下は、「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タグの内容をそのまま埋め込むことができるわけですね。
TrackBack URL :
サイト内検索
Wiki
ActionScript
Google
プロジェクト管理
Android
sns
レシピ
AIR
ActionScript3.0
haXe
アーキテクチャ
実践バグ管理
Flash
DWR
日本語プログラミング言語
Lego
Ruby
POSA
SQLite
Lua
未踏
Rails
パターン
swfobject
PHP
Python
OpenSocial
Spring
Flash Lite
なでしこ
ExtJS
Swing
FileMaker
GUI
モデリング
Java
javascript
Ajax
バイトコード
Flex
jQuery
MIDI
プログラミング
Adobe
Mindstorms

mixiアプリを作るまで 〜その0〜…
mixiアプリを作ろう!・・・ってことで、
「mixiアプリ オープンβ」コミュニティへの参加とデベロッパー登録まで、何とか完了。
次の、アプリの作成をしようとおもったら、ガジェッ…
Posted by SIROの独り言 | 2009年04月09日 15:56
mixiアプリを作ってみようと思うんだ その3~画面を切り替えてみよう[1/2]~…
アプリを作っていくと、画面が一つだけでは足りない場合があります そういった場合に、複数の画面を使わないといけないのですが、今回はそのやり方を考えてみます。…
Posted by デジモノ狂想曲! | 2009年09月22日 21:56
みんな大好き!ソーシャルアプリの作り方をコンパイルするよ…
マイコミさんの回し者みたいなことになってるべにぢょだ(・∀・)
2010年はソーシャルアプリが来るぜ!熱いぜ!というソーシャルバブルが楽しそうなので、
私もハローワールドしてみ…
Posted by ギークなお姉さんは好きですか | 2010年01月06日 00:19