• HTMLの知識なしでWebページを作成できる
• グループ内（同じ会社、あるいは社外のプロジェクトメンバ）で情報共有できる
• Appsの他のサービス(Docs, Calendar)を貼付けられる
• Google の他のサービス(YouTube, Picasa)を貼付けられる

• ドキュメント(文書、スプレッドシート、画像）など
• スケジュール、問題点の共有
• 各担当毎のタスク進捗状況の把握
• ドキュメント毎のACL（アクセスコントロール）
• アカウント管理

• 利用者はGoogle Appsを利用していなければなりません。
• 現在は英語版のみ

Sitesの有効化の手順

1. Appsのコントロールパネル、ドメインの設定ページ下部の、コントロールパネルのラジオボタンを、「拡張版（アメリカ英語のみ）」にする。
   
2. Dashboardに戻って、「Add more services」 をクリック
   
3. Sites を 「Add it now」
   

設定

• 外部ドメインのユーザーには共有を許可しない
  
• 外部ドメインのユーザーには共有を許可するが、毎回警告を出す
  
• 外部ドメインのユーザーには共有を許可する（警告なし）
  

使ってみる

1. SitesのTOPから、「Create a Site」をクリック
2. 必要情報を入力し、「Create site」をクリック
    - サイト名
    - カテゴリ（オプション）
    - サイトの説明
    - 共有の設定
     - synapz.jpの全員
     - もしくは、指定したユーザーのみ
    - サイトのテーマ（20個から選択できます）
   

• 何も無いWebページ
• ガジェット、Docs、YouTubeなどを貼付けやすいグリッド状のテンプレート
• 掲示板のようなページ(Twitterっぽいかも)
• ファイル共有
• アクションアイテム、課題リストなど一覧系

まとめ

• ドキュメント共有
• 可能
• スケジュール、問題点の共有
• 可能
• 各担当毎のタスク進捗状況の把握
• Docsに進捗表を作成しておき、Sitesに貼付ける
• リストページのテンプレートを利用する
• ドキュメント毎のACL（アクセスコントロール）
• Sites毎に、オーナー、共同編集者、閲覧者を選択できるが、Sites内の個々ページでは、コントロールできない
• DocsデータはSites上に貼付けられるが、編集はできない。Docs側でのACLをすればOK。
• アカウント管理
• 社外メンバは、Googleアカウントが必要

気づいた点

• Webアプリのオフライン対応
• 通信量が多く、重いWebアプリを軽量化

• 基本図形
• フローチャート
• 矢印、吹き出し
• ネットワーク
• Windows UI
• Mac UI
• フロアレイアウト
• オフィスレイアウト
• キッチン&バス
• 家具
• 回路図

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

• 上記情報を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>

まとめ

    <link rel="openid.server" href="http://www.openid.ne.jp/user/auth" />
    <link rel="openid.delegate" href="http://mrsy.openid.ne.jp" />

delegateの利用シチュエーション

• OpenIDプロバイダで気に入ったIDが取得できなかった場合
  別途簡潔なURLを準備して、本来のIdentityにdelegateします。
• 自分のblogのURLをIDにしたい場合

自分のドメインのOpenIDを使うことで、なんだか愛着が湧きますね。
]]> http://www.synapz.jp/mrsy/2008/01/identity-openiddelegate/feed/ 0 http://www.synapz.jp/mrsy/2008/01/openid/ http://www.synapz.jp/mrsy/2008/01/openid/#comments Fri, 25 Jan 2008 08:05:15 +0000 mrsy http://www.synapz.jp/mrsy/2008/01/25/post38/ 多くのインターネットサービスでは、そのサービスをユーザーに提供する代わりに、ユーザーへログインを要求します。


サービス提供者側から見た「ログイン」の意味は、サービスを享受しようとするユーザーを特定（認証）し、そのユーザーに対し適切なコンテンツやサービスを提供する（認可）するためのものです。


一方、サービス享受者側からしてみると、さまざまなインターネットサービス毎にIDとパスワードを管理しなければならず、パスワード忘れ等のトラブルに見舞われてしまいます。忘れるのがいやなので、もしかすると同じIDやパスワードを使い回してはいませんか？


OpenIDとは、そのようなログインにひつようなアカウント情報を一元管理するためのサービスです。OpenIDに対応しているサイトでは、そのアカウント一つでアクセスすることが可能です。


OpenIDについて詳細な情報は、下記のリンクに掲載されています。
仕様から学ぶOpenIDのキホン


今回は実際にOpenIDの発行から、OpenID対応サービスへのログインまでを行ってみます。




OpenIDの取得

OpenIDの発行は、特定のベンダに依存ていません。
日本でも複数のサービスがOpenIDを発行しています。
今回は、Openid.ne.jpから取得してみました。


まず、http://www.openid.ne.jp/にアクセスします。TOPページの「OpenIDアカウント作成」リンクをクリックし、登録フォームに遷移します。



OpenIDは、URL形式でユーザーを識別します。
画像のようにユーザーIDにsynapzと入力すると、そのOpenIDはhttp://synapz.openid.ne.jp となります。



その他必要情報を入力し、利用規約に同意後、「アカウント登録完了」ボタンをクリックします。その後、登録したメールアドレスに確認メールが送付されるので、本文中のリンクをクリックし、登録完了となります。





ログインしてみる

一旦openid.ne.jpのTOPに戻り、先ほど発行されたOpenIDでログインしてみましょう。


個人認証ページに遷移しました。このページが僕のアイデンティティというわけです。






対応サービスを利用

さて、いよいよOpenIDに対応したサービスを利用してみます。今回はアバウトミーにしてみました。

アバウトミーのTOPページ右側に、「OpenIDでログイン」があるので、http://xxxx.openid.ne.jp と入力し、ログインします。


次に、OpenID側にリダイレクトされ、アバウトミー側から認証要求があった旨が表示されます。認証を通す場合は「認証拒否」以外のボタンを押します。


再びアバウトミー側のページに遷移し、ログイン完了です。この後は他のIDでログインした場合のフローと同じです。




まとめ

アメリカではすでに1200以上のOpenID対応サービスがあり、ユーザー数では7500万人になるとのことです（スゴイ！）。日本でも今回ご紹介したアバウトミーやはてなスターなど、続々と対応サービスが増えています。

また、OpenIDを発行／認証するサービスもOpenid.ne.jpのほか、livedoor Authでも行われています。

この技術が普及することで、少しでもログインの手間が省けるといいですね。
]]> http://www.synapz.jp/mrsy/2008/01/openid/feed/ 0