トップ » 技術記事 » OpenSocialを始めよう(3) - 5分で学ぶGoogleガジェット開発

OpenSocialを始めよう(3) - 5分で学ぶGoogleガジェット開発

タグ: Googleガジェット OpenSocial sns

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タグの内容をそのまま埋め込むことができるわけですね。

Series Navigation«Orkutを使ってみよう

1 2 3 4 5 6 7

執筆者紹介

shiraishi

shiraishi

最近書いてばっかりいます。 眠いとおんなじことばかり書きます。 そして、大概眠いです。

TrackBack URL :

mixiアプリを作るまで 〜その0〜…

mixiアプリを作ろう!・・・ってことで、
「mixiアプリ オープンβ」コミュニティへの参加とデベロッパー登録まで、何とか完了。

次の、アプリの作成をしようとおもったら、ガジェッ…

mixiアプリを作ってみようと思うんだ その3~画面を切り替えてみよう[1/2]~…

アプリを作っていくと、画面が一つだけでは足りない場合があります そういった場合に、複数の画面を使わないといけないのですが、今回はそのやり方を考えてみます。…

みんな大好き!ソーシャルアプリの作り方をコンパイルするよ…

マイコミさんの回し者みたいなことになってるべにぢょだ(・∀・)
2010年はソーシャルアプリが来るぜ!熱いぜ!というソーシャルバブルが楽しそうなので、
私もハローワールドしてみ…