<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tender Surrender &#187; Facebook</title>
	<atom:link href="http://devlog.agektmr.com/en/archives/category/facebook/feed" rel="self" type="application/rss+xml" />
	<link>http://devlog.agektmr.com</link>
	<description>SocialWeb Evolves</description>
	<lastBuildDate>Mon, 05 Jul 2010 05:13:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>EN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>Facebook Connectに見る未来のソーシャルウェブ</title>
		<link>http://devlog.agektmr.com/en/archives/221</link>
		<comments>http://devlog.agektmr.com/en/archives/221#comments</comments>
		<pubDate>Thu, 20 Nov 2008 11:15:29 +0000</pubDate>
		<dc:creator>Eiji</dc:creator>
				<category><![CDATA[DataPortability]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Service]]></category>
		<category><![CDATA[SocialWeb]]></category>
		<category><![CDATA[Facebook Connect]]></category>

		<guid isPermaLink="false">http://devlog.agektmr.com/en/?p=221</guid>
		<description><![CDATA[
topsyWidgetPreload({ "url": "http%3A%2F%2Fdevlog.agektmr.com%2Fen%2Farchives%2F221", "style": "big", "title": [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: left;margin-right: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fdevlog.agektmr.com%252Fen%252Farchives%252F221%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Facebook%20Connect%E3%81%AB%E8%A6%8B%E3%82%8B%E6%9C%AA%E6%9D%A5%E3%81%AE%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%82%A6%E3%82%A7%E3%83%96%22%20%7D);"><script type="text/javascript">topsyWidgetPreload({ "url": "http%3A%2F%2Fdevlog.agektmr.com%2Fen%2Farchives%2F221", "style": "big", "title": "Facebook Connectに見る未来のソーシャルウェブ" });</script></div>
<p>DataPortabilityを実現するData AvailabilityやFacebook Connect、FriendConnectの技術が公表されて半年が経ちますが、ようやくこれらを実際に使ったサービスが登場してきました。</p>
<p>これまでのFacebookやOpenSocialにおけるガジェットや埋め込み型アプリケーションは、中心となるソーシャルネットワークに外部サービスが機能を提供する形でプラグインするものばかりでした。Data AvailabilityやFacebook Connectは逆に、RESTful API等を活用して外部サービスにソーシャルネットワークをエキスポートします。今日はCitysearchというサービスで実現されたFacebook Connectを例に、これからのソーシャルウェブの具体的なカタチを紹介したいと思います。</p>
<h2>CitysearchがFacebook Connectにβ対応</h2>
<p>僕の知る限り、これが初のまともなFacebook Connect対応 / DataPortability対応のサービスです。</p>
<p><a href="http://beta.citysearch.com/" target="_blank">Citysearch</a>は、レストランやホテル等、実際に利用した人がレビューを書いて共有するタイプのソーシャルネットワークです。</p>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch1.jpg"><img class="alignnone size-medium wp-image-222" title="citysearch1" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch1-300x180.jpg" alt="" width="300" height="180" /></a></p>
<p>よく見ると画面右上に&#8221;Sign In Using Facebook&#8221;の文字があります。</p>
<p><img class="alignnone size-full wp-image-230" title="signinfacebook" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/signinfacebook.png" alt="" width="367" height="25" /></p>
<p>早速クリックしてログインを試みます。</p>
<h3>認証</h3>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch1.jpg"></a><img class="alignnone size-medium wp-image-223" title="citysearch2" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch2-300x180.jpg" alt="" width="300" height="180" /></p>
<p>Lightbox風のダイアログがポップアップして、Facebookアカウントを使ってサインインしても良いかの確認が。</p>
<p>ここで重要なのは</p>
<ul>
<li>Citysearchのロゴが入っている。つまり、FacebookとCitysearchの間には、自動化されているにしろ、事前に何かしらのやりとりがあったことが伺える。</li>
<li>このダイアログは<strong>iframe</strong>です。僕の場合は既にFacebookにログイン状態だったので確認しか表示されませんでしたが、ログインしていない場合は(フィッシング対策として)別ウィンドウがポップアップしてFacebookのIDとパスワードを求めるようです。</li>
<li>利用規約に同意する必要があります。地味ながら、日本での法的なハードルも今後課題になるとは思われます。</li>
</ul>
<h3>サービス登録</h3>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch3.jpg"><img class="alignnone size-medium wp-image-224" title="citysearch3" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch3-300x175.jpg" alt="" width="300" height="175" /></a></p>
<p>コネクトすると、未登録のためメンバー名を求められます。既存アカウントが無い人のために用意されているようです。ここでもいくつかポイントがあります。</p>
<ul>
<li>Facebookの認証は独自方式ですが、これがオープン仕様なら<a href="http://step2.googlecode.com/svn/spec/openid_oauth_extension/drafts/0/openid_oauth_extension.html" target="_blank">OAuth/OpenIDのコンボ</a>になると考えられます。つまり、Facebookの独自方式では認証と認可が同時に行われているようです。</li>
<li>この後分かりますが、できあがったアカウントにはFacebookのプロフィール写真、名前、友達リストが少なくともインポートされています。オープン仕様であればOpenIDでsregを使ってニックネームとプロフィール写真を、OAuthで友達リストをインポートすることになるのでしょうか。OAuthだけでもいいかもしれません。</li>
<li>&#8220;Merge your Facebook profile with an existing Citysearch account?&#8221;というリンクが用意されています。既存アカウントとOpenIDをマージできるサービスが少ない事を考えると、なかなか気が利いています。</li>
<li>ここではCitysearch自体の利用規約に同意させているようです。</li>
</ul>
<h3>コネクト完了</h3>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch4.jpg"><img class="alignnone size-medium wp-image-225" title="citysearch4" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch4-300x180.jpg" alt="" width="300" height="180" /></a></p>
<p>ログインしてみると、画面右上に自分のFacebookプロフィールの写真が表示されています。</p>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch5.jpg"><img class="alignnone size-medium wp-image-226" title="citysearch5" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch5-300x180.jpg" alt="" width="300" height="180" /></a></p>
<p>マイページには自分の名前とプロフィール写真しか掲載されていません。他にエキスポートされる情報があるかは未調査です。</p>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch5.jpg"></a><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch6.jpg"><img class="alignnone size-medium wp-image-227" title="citysearch6" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch6-300x180.jpg" alt="" width="300" height="180" /></a></p>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch6.jpg"></a>ここが最大のミソになる、友達リストです。残念ながら&#8221;None of your Facebook friends are Citysearch members&#8221;とあるように、両方に登録しているFacebook friendsしか友達として表示されないようです。ここで未登録の友達も表示して、&#8221;Citysearchに招待する&#8221;なんて機能があってもいい気がします。</p>
<h2>フィードバックとなるアクティビティ</h2>
<p>さて、ここまで見てきたものはすべてCitysearch上の画面でした。Facebookは自身が持つデータを提供するばかりで、考えてみればいいことなど何ひとつないように見えます。広告を貼る方法だって見つけられません。では、なぜ惜しげもなくソーシャルグラフを提供するのでしょうか？</p>
<p>実は、Facebook ConnectはアクティビティをFacebookにフィードバックする仕組みを持っており、これによってFacebookはコネクトされたサービスのアグリゲータになれるからなのです。下記画像の「掲示板に記事を掲載」とあるのがこの部分です。OpenSocialで言えばアクティビティストリームがこれに当たります。</p>
<p><a href="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch7.png"><img class="alignnone size-full wp-image-231" title="citysearch7" src="http://devlog.agektmr.com/wp-content/uploads/2008/11/citysearch7.png" alt="" width="449" height="327" /></a></p>
<p>実際の画面イメージを掲載したいところですが、Citysearchにレビューを書く勇気がないので<a href="http://www.flickr.com/photos/56624456@N00/3044329360/" target="_blank">John McCrea氏のサンプル</a>にリンクしておきます。</p>
<p><a href="http://farm4.static.flickr.com/3278/3044329360_6171dc1f04.jpg?v=0"><img class="alignnone" title="Citysearch_Facebook" src="http://farm4.static.flickr.com/3278/3044329360_6171dc1f04.jpg?v=0" alt="" width="500" height="313" /></a></p>
<p>アクティビティのアグリゲータになることは、トラフィックを集める上で非常に重要な戦略です。Facebookにさえ来れば、友達が関わる様々なサービス上の活動を一目で確認することができるのです。今まで知らなかったサービスも、友達を介して知ることができます。さらに、集めたアクティビティには<a href="http://www.ideaxidea.com/archives/2007/11/facebooksocial_ads.html" target="_blank">こんな利用法</a>もあり、様々なマネタイズの可能性も秘めていると言えます。</p>
<h3>参考サイト</h3>
<ul>
<li><a href="http://therealmccrea.com/2008/11/19/citysearch-goes-social-with-great-facebook-connect-implementation/" target="_blank">CitySearch Goes Social with Great Facebook Connect Implementation &#8211; The Real McCrea</a></li>
<li><a href="http://www.25hoursaday.com/weblog/2008/11/19/SomeThoughtsOnFacebookConnectAndCitySearch.aspx" target="_blank">Dare Obasanjo aka Carnage4Life &#8211; Some Thoughs on Facebook Connect and CitySearch</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://devlog.agektmr.com/en/archives/221/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
