&pgid;
米Google、Webサイトをソーシャルにできる「Friend Connect」発表
http://internet.watch.impress.co.jp/cda/news/2008/05/13/19519.html
> Google Friend Connectを使うと、SNSのさまざまな機能をWebサイトに付加し、友人のコメントや行動をどんなサイトでも楽しめるようになる。そのために安全な認証APIを用意し、プログラミングの知識がなくても、こうした機能をサイトに付加できるような仕組みを開発した。
> 認証APIとしては、OpenID、OAuth、OpenSocialに対応。また、Facebook、Google、MySpaceが提供しているデータポータビリティAPIなどに対応している。これらを使用してFacebook、Google Talk、hi5、orkut、Plaxoなどに対応する。
>
> 例えば、フリーミュージシャンのIngrid Michaelson氏は、OpenSocialアプリケーションである「iLike」と、Google Friend Connectを利用したWebサイトを開設した。このサイトでは、コンテンツだけでなく、自分の友人たちがそれぞれのSNSで書いたプロフィールや、友人のコメント、誰がコンサートに行ったかといった情報をまとめて見ることができる。
うーん、よくわからないので、ちょっと試して見た。
** サンプルにでてた、Ingrid Michaelsonさんのページを見てみる [#qb85c5e8]
- Ingrid Michaelson&br;http://ingridmichaelson.com/ilike/index.html
&ref(friend_connect1.PNG);
- ソースを見てみると
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"> </script>
のように、friendconnect.jsというのが読み込まれてる。
- それと、ガジェットに置き換わる用のHTMLタグが用意されてる。
ヘッダ部分。
<div id="div-1208542955474"
style="margin: 0pt auto;
padding: 3px 0pt;
width: 700px;
height: 32px;
background-color:#87785C;"></div>
メイン部分。
<div id="1208506981789" style="width:100%;border:1px solid #7AA5D6;"></div>
- このidの数字はかわらないっぽいので、friendconnectを埋め込みたい人は、このHTMLスニペットをGoogleからもらうことになるっぽい。
#blikimore
- ヘッダ部分のdivの中は、次のjsを読みこむ<script>タグとか、
<script src="http://www.google.com/friendconnect/script/opensocial-0.7.js">
</script>
<script src="http://www.google.com/friendconnect/script/psfeature.js?v=0.46.1">
</script>
<script src="http://www.google.com/friendconnect/script/gadgets.js?v=0.46.1">
あとは、「Sign In」の<a>とかが埋め込まれる
<a href="javascript:void(0);">Sign In</a>
あと、非表示のiframeも埋め込まれてる。
iframeになってて、iframeのURLは、のようになってた。
http://8fkcem1ves287v3g5lu9gep1j91p3kk1.orkut.gmodules.com/
- メイン部分のdivの中は、iframeになっている。これのURLは次のように
http://8avf8abt22o9oh1ejn0fu1kph25ipfr4.orkut.gmodules.com/
- メイン部分がOpenSocialアプリのような感じだけど、どうなんだろう。iframeのドメインが同じになってるので、上のFriend Connectのガジェットでログインした情報など共有してるのかな。
- Sign Inのガジェットは、Friend Connectのプレビュー版の登録申請をすればたぶん、埋め込めるようになると思う。とりあえず申し込んでおいた。
- メインの方のOpenSocialアプリは、iLikeのアプリっぽいからiLikeなどの、OpenSocial準拠のサイトから提供されるものかな。
** Sign Inを押してみた [#i2a7409f]
- Sign Inを押してみたら次のような画面が表示された。
&ref(friend_connect2.PNG);
- 今回は、OpenIDを選んでみた。OpenID URL(http://shida.openid.ne.jp)を入力すると、こういう画面が表示された。
&ref(friend_connect3.PNG);
- FacebookとorkutとGTalkで、「Link」にしてみた。shida.openid.ne.jpでは登録していなかったサムネイルが、Facebookから引っ張ってきたみたいで設定された。
なるほど、各SNSのプロフィールとか友達がリンクされるってことかな。
- saveとすると、別窓が閉じて、ヘッダが、次のようになった。
&ref(friend_connect4.PNG);
- あと、コメント投稿ガジェットで、いままで画像が出てなかったのが出るようになった。上のSign Inのガジェットと連動してるらしい。
メインのHTMLや、ヘッダ、メインのiframeそれぞれに、同じセッションIDがセットされたようだ。
- Ingridさんのコメント入力のガジェットにコメント投稿できるようになった。ためしに投稿してみたら、ちゃんと投稿できた。
- ヘッダのInviteをクリックすると、「Link」設定した、Facebook、Google Talk、Orkutの友達を招待する画面がでてきた。
Facebookの友人に届いた招待メールはこんな感じ。
Yuki Shida yshida invited you to Ingrid Michaelson (live).
Click here to view the invitation.18:17
** まとめ [#j6330006]
- 自分たちが作ることになるのはメインのOpenSocialアプリのようなものの方だろう。
- Friend Connectと連動しているようだけど、今のOpenSocialの仕様のまま作って、Friend Connectとも連動できるようになるんだろうか。
- まだ、イマイチよく仕組みはわかりませんが面白そう!!! &bigsmile;
- まだ、イマイチよく仕組みはわかりませんが面白そうです! &bigsmile;
#blikifooter(志田)
tag: [[OpenSocial>tag/OpenSocial]]
#comment
![[PukiWiki]](image/sandbox.gif "[PukiWiki]")
