• Google Developer Day 2008 レポート（前編）- WebOS Goodies
• Google Developer Day 2008 Japan 基調講演 – 天使やカイザーと呼ばれて
• Google Developer Day 2008 Japan [OpenSocial] – 天使やカイザーと呼ばれて

• Gadget Container JavaScript — core JavaScript foundation for general gadget functionality. This JavaScript manages security, communication, UI layout, and feature extensions, such as the OpenSocial API.
• Gadget Server — an open source version of Google’s gmodules.com, which is used to render the gadget XML into JavaScript and HTML for the container to expose via the container JavaScript.
• OpenSocial Container JavaScript — JavaScript environment that sits on top of the Gadget Container JavaScript and provides OpenSocial specific functionality (profiles, friends, activities, datastore).
• OpenSocial Gateway Server (does not yet exist in the repository) — an implementation of the server interface to container-specific information, including the OpenSocial REST APIs, with clear extension points so others can connect it to their own backends.

via: What is Shindig?

Shindigを動作させる事によって、自分のWebアプリケーション上でGadgetをホスティングでき、さらにOpenSocialアプリケーション機能を提供できます。
今回はShindigのダウンロードからPHP上で動作させるまでをやってみました。


ソースをダウンロード

$> mkdir -p ~/src/shindig
$> cd ~/src/shindig
$> svn co http://svn.apache.org/repos/asf/incubator/shindig/trunk/ .

$> cd /Applications/xampp/xamppfiles/htdocs
$> ln -s ~/src/shindig/php/gadgets .

なぜGadgetなのか？

• Gadgetサーバ
• Javascriptコンテナを提供
• RESTful APIを提供

他のSNSからどのように情報を取得するのか？

まとめ

• プロフィール情報
• 友達情報
• 活動情報

• 上記情報をOpen Socialに準拠したAPIを介し、データを提供する側（コンテナ）
• APIからデータを取得し、サービスを作る側（デベロッパ）

1. orkutに登録
2. orkutのテスト環境(sandbox)に登録
3. sandbox上で友達関係を構築する
4. GGEにてOpen Socialガジェットを作成する
5. sandbox上のマイページに、ガジェットを追加する

1.orkutに登録

2. sandboxに登録

3. 友達情報を取得するAPIを利用するため、sandbox上で友達関係を構築する。

4. ガジェット作成

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
 <ModulePrefs title="My Data">
   <Require feature="opensocial-0.6"/>
 </ModulePrefs>
 <Content type="html">
 <![CDATA[
 <script type="text/javascript">
  function getData() {
    document.getElementById('message').innerHTML = 'Requesting my data...';
    var req = opensocial.newDataRequest();
    req.add(req.newFetchPersonRequest('OWNER'), 'owner');
    req.send(showMyData);
  };
  function showMyData(dataResponse) {
    var owner = dataResponse.get('owner').getData();
    var html = 'My name is ' + owner.getDisplayName();
    document.getElementById('message').innerHTML = html;
  };
  gadgets.util.registerOnLoadHandler(getData);
  </script>
  <div id="message"> </div>
 
  ]]>
  </Content>
</Module>

5. sandbox上のマイページにガジェットを登録する

<Content type="html"><![CDATA[
** ここにHTMLとCSSとJavascriptを記述する **
]]></Content>

<?xml version="1.0" encoding="UTF-8"?>
<Module>
    <ModulePrefs
     title="マイハテブ"
     author="***** 自分の名前 *****"
     author_email="***** メールアドレス *****" />
    <Content type="html">
        <![CDATA[
        <style> #content_div { font-size: 90%;  margin: 5px; background-color: #FFFFBF;} </style>
        <div id=content_div></div>
        <script type="text/javascript">
            // _IG_で始まる関数がGoogleガジェットAPIです。
            _IG_FetchFeedAsJSON("***** ここに自分のはてブRSS *****",
                    function(feed) {
                        if (feed == null){
                            alert("There is no data.");
                        return;
                    }
                    // タイトル部分
                    var html = "<div><b>マイハテブ</b></div>";
                    // ブックマークリストを作成
                    if (feed.Entry) {
                        html += '<ul>';
                        for (var i = 0; i < feed.Entry.length; i++) {
                            html += '<li><a href="' + feed.Entry[i].Link + '" target="_blank">'
                                   + feed.Entry[i].Title + '</a></li>';
                        }
                        html += "</ul>";
                    }
                    _gel("content_div").innerHTML = html;
            // ブックマーク取得件数
            }, 5);
        </script>
        ]]>
    </Content>
</Module>