OpenSocialを始めよう

• OpenSocialとは？
• Orkutを使ってみよう
• プロフィールデータを取得する
• 5分で学ぶGoogleガジェット開発
• 友達のデータを取得する
• アクティビティの作成
• アクティビティ応用プログラミング
• OpenSocialの現状を把握する
• Apache Shindigでさくさく開発！
• ShindigをEclipse上でデバッグ（前編）
• ShindigをEclipse上でデバッグ（後編）

SNSからデータを取得するためのOpenSocial API

これから作成するサンプルは、OpenSocialからビューアとオーナのプロフィール情報を取得して表示する、と言う簡単なものです。Orkut上で「Shumpei Shiraishi」がこのアプリを貼付けており、「ダミ石ダミ平」（テスト用のダミーユーザ）がShumpei Shiraishiのプロフィール画面を閲覧すると、以下のように表示されます。

サンプルコードは以下のようになります。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="OpenSocialサンプル4-1">
<Require feature="opensocial-0.7" />
  </ModulePrefs>
  <Content type="html">
<![CDATA[
<script type="text/javascript">
  function init() {
    // (1) リクエストのコンテナを作成する
    var req = opensocial.newDataRequest();
    // (2) プロフィール情報を取得するためのリクエストを追加
    req.add(req.newFetchPersonRequest(opensocial.DataRequest.PersonId.VIEWER), "viewer");
    req.add(req.newFetchPersonRequest(opensocial.DataRequest.PersonId.OWNER), "owner");
    // (3) リクエストを送信し、非同期処理
    req.send(function(resp) {
      // (4) プロフィールデータを取得
      var viewer = resp.get("viewer").getData();
      var owner = resp.get("owner").getData();

      document.getElementById("viewerData").innerHTML = createProfileHtml(viewer);
      document.getElementById("ownerData").innerHTML = createProfileHtml(owner);
    });
  }
  function createProfileHtml(person) {
    // (5) IDと表示名を表示するための文字列を生成
    return "ID:" + person.getId() + "<br>" +
      "表示名:" + person.getDisplayName();
  }
  gadgets.util.registerOnLoadHandler(init);
</script>
<h2>あなたのプロフィール</h2><div id="viewerData"></div>
<h2>オーナーのプロフィール</h2><div id="ownerData"></div>
]]>
  </Content>
</Module>

次ページに、解説を示します。