DataPortabilityを実現するData AvailabilityやFacebook Connect、FriendConnectの技術が公表されて半年が経ちますが、ようやくこれらを実際に使ったサービスが登場してきました。

これまでのFacebookやOpenSocialにおけるガジェットや埋め込み型アプリケーションは、中心となるソーシャルネットワークに外部サービスが機能を提供する形でプラグインするものばかりでした。Data AvailabilityやFacebook Connectは逆に、RESTful API等を活用して外部サービスにソーシャルネットワークをエキスポートします。今日はCitysearchというサービスで実現されたFacebook Connectを例に、これからのソーシャルウェブの具体的なカタチを紹介したいと思います。

CitysearchがFacebook Connectにβ対応

僕の知る限り、これが初のまともなFacebook Connect対応 / DataPortability対応のサービスです。

Citysearchは、レストランやホテル等、実際に利用した人がレビューを書いて共有するタイプのソーシャルネットワークです。

よく見ると画面右上に”Sign In Using Facebook”の文字があります。

早速クリックしてログインを試みます。

認証

Lightbox風のダイアログがポップアップして、Facebookアカウントを使ってサインインしても良いかの確認が。

ここで重要なのは

• Citysearchのロゴが入っている。つまり、FacebookとCitysearchの間には、自動化されているにしろ、事前に何かしらのやりとりがあったことが伺える。
• このダイアログはiframeです。僕の場合は既にFacebookにログイン状態だったので確認しか表示されませんでしたが、ログインしていない場合は(フィッシング対策として)別ウィンドウがポップアップしてFacebookのIDとパスワードを求めるようです。
• 利用規約に同意する必要があります。地味ながら、日本での法的なハードルも今後課題になるとは思われます。

サービス登録

コネクトすると、未登録のためメンバー名を求められます。既存アカウントが無い人のために用意されているようです。ここでもいくつかポイントがあります。

• Facebookの認証は独自方式ですが、これがオープン仕様ならOAuth/OpenIDのコンボになると考えられます。つまり、Facebookの独自方式では認証と認可が同時に行われているようです。
• この後分かりますが、できあがったアカウントにはFacebookのプロフィール写真、名前、友達リストが少なくともインポートされています。オープン仕様であればOpenIDでsregを使ってニックネームとプロフィール写真を、OAuthで友達リストをインポートすることになるのでしょうか。OAuthだけでもいいかもしれません。
• “Merge your Facebook profile with an existing Citysearch account?”というリンクが用意されています。既存アカウントとOpenIDをマージできるサービスが少ない事を考えると、なかなか気が利いています。
• ここではCitysearch自体の利用規約に同意させているようです。

コネクト完了

ログインしてみると、画面右上に自分のFacebookプロフィールの写真が表示されています。

マイページには自分の名前とプロフィール写真しか掲載されていません。他にエキスポートされる情報があるかは未調査です。

ここが最大のミソになる、友達リストです。残念ながら”None of your Facebook friends are Citysearch members”とあるように、両方に登録しているFacebook friendsしか友達として表示されないようです。ここで未登録の友達も表示して、”Citysearchに招待する”なんて機能があってもいい気がします。

フィードバックとなるアクティビティ

さて、ここまで見てきたものはすべてCitysearch上の画面でした。Facebookは自身が持つデータを提供するばかりで、考えてみればいいことなど何ひとつないように見えます。広告を貼る方法だって見つけられません。では、なぜ惜しげもなくソーシャルグラフを提供するのでしょうか？

実は、Facebook ConnectはアクティビティをFacebookにフィードバックする仕組みを持っており、これによってFacebookはコネクトされたサービスのアグリゲータになれるからなのです。下記画像の「掲示板に記事を掲載」とあるのがこの部分です。OpenSocialで言えばアクティビティストリームがこれに当たります。

実際の画面イメージを掲載したいところですが、Citysearchにレビューを書く勇気がないのでJohn McCrea氏のサンプルにリンクしておきます。

アクティビティのアグリゲータになることは、トラフィックを集める上で非常に重要な戦略です。Facebookにさえ来れば、友達が関わる様々なサービス上の活動を一目で確認することができるのです。今まで知らなかったサービスも、友達を介して知ることができます。さらに、集めたアクティビティにはこんな利用法もあり、様々なマネタイズの可能性も秘めていると言えます。

参考サイト

• CitySearch Goes Social with Great Facebook Connect Implementation – The Real McCrea
• Dare Obasanjo aka Carnage4Life – Some Thoughs on Facebook Connect and CitySearch

OpenSocial-Japanのメーリングリストで出した小ネタを貼っておきます。

OpenSocialアプリ(ガジェット)はiframe内に表示されているのですが、iframeタグのsrc属性に含まれるURLのquery部分に、実はソースコードとなるXMLのURLが書いてあります。 このブックマークレットを使えば、ワンクリックでソースコードを開くことができます。

Open Orkut Gadget XML

↑上記をブックマークレットとして保存し、Orkutアプリを表示した状態でクリックすると、ソースコードのページが新規ウィンドウで開きます。 (複数表示されている場合は、一番上のアプリのソースコードが開きます)

※Firefoxでしか動作確認してないので、動かなかったら教えてください。

今日は久々にいけてるサービスを見つけたのでご紹介。

MindMeister

マインドマップとは、言葉を枝上に分岐して記述することで、アイディアの整理するのに役立つ記法/ツールです。僕なんかは、TODOとかアイディアはポンポン出てくるんだけど、体系的にまとめることが苦手なため、これまで無料のマインドマップツール、FreeMindを利用してきました。

利用法としては

• 議事録や講演会のメモ
• やることメモ
• 仕様書作成中の頭の整理
• プレゼン資料作成中の頭の整理

という感じで、いずれもとにかく書きなぐり書きなぐり、後でグループごとにまとめる、という感じ。

なんですが、問題は、FreeMindのスピード。Mac OS Xバージョンだと、Core2DuoのMacBookですら起動に数分かかるという状況(バージョン0.8.1以降？)で、最近は立ち上げるのが億劫だったところに、MindMeisterのバージョンが2になったというリリース。

というわけで、早速試してみました。

編集機能

見ての通り、(MindManagerは使ったことないですが)FreeMindよりも多機能です。ノードごとにアイコンを付けられるだけでなく、色や文字の大きさ、メモも加えることができます。もちろん日本語も問題ありません。メモ機能は個人的にFreeMindにぜひ欲しかったものです。

さらに、まだ試していませんが、TODO管理的な機能もあるようです。

OpenID対応

最近人気が出てきたOpenIDにも対応しています。OpenIDはYahooなど、他サービスのID認証でサービスが利用可能になる共通プロトコルです。(※OpenIDを使うと認証できないため、後で紹介するウィジェットが使えません)

FreeMindやMindManagerからのインポート

マインドマップツールとしてはメジャーなFreeMindとMindManagerのマインドマップをインポートすることができます。これはありがたい。

ウィジェットやブラウザから一発投稿

箇条書きにするのがもったいないくらいですが、下記ウィジェット/ガジェットに対応

• WIndows Vistaのサイドバーガジェット
• iGoogleガジェット
• Yahoo! Widget Engineウィジェット
• Mac OS X Dashboardウィジェット

ウィジェット/ガジェットから一発投稿で、デフォルト指定されたマインドマップに追記されていきます。TODO管理で役立ちそう。これはありがたい。

他にも、IE/Firefoxの機能拡張、iPhone用追加ページなどが用意されています。

オフラインでの利用が可能

なんといってもこれでしょうか。オフライン機能。

FirefoxまたはInternet ExplorerでGoogle Gearsが必要ですが、オフラインでMindMeisterを利用することができます。これで、いつでもどこでもアイディアを書き留めていくことができますね。

まとめ

ここでは書ききれませんでしたが、実はマインドマップを共有して編集する機能や、APIまで提供されています。(今となっては古臭さすら感じる言葉ですが)Web2.0を絵に描いたようなサービスではないでしょうか。

ただ、オフライン機能等はまだ成熟しきった技術とは言えないため、今後の動向が気になるところ。Google Gears / Prism / HTML5の棲み分けはどうなっていくのか？また、ウィジェット/ガジェットの重要性は日に日に高まってきています。JavaScriptの技術は今のうちに磨いておかなければ…!

TechCrunch Japanese アーカイブ » OpenIDの一般利用拡大を図る「Clickpass」OpenIDとは、ドメインをまたがってシングルサインオンを可能にする、ウェブ上のパスポートと言える技術です。日本でもYahooやlivedoor、はてな、mixiがOpenIDの発行に対応/将来的に対応を表明しています。そんなOpenIDですが、便利な反面問題もあります：

• OpenIDを発行するサイトは増えているが、OpenIDを受け入れるサイトはまだまだ少ない
• フィッシングのリスクがある
• 既存アカウントとの統合ができない/対応が不便

Clickpassはこれらの問題を一気に解決するというサービス。

OpenIDを初めて使う際にはClickpassの方から、ログインしようとしているサービスに既にアカウントを持ってるか尋ねてくるので持ってる人はその情報を渡すと、Clickpassがその情報を認証先サイトにパスしてアカウント同士をひとつに繋げてくれる。自分のClickPassのOpenIDにサイトを追加していくと、Clickpassサイト上で一覧で確認できる。Clickpassのサイト固有のOpenID用URLも渡されるので、これを使って複数IDが管理できるし、IDは全てClickPass上でひとつに繋がっている。また、Clickpassでプロフィール情報を記入しておきたい人はしておくと、新たなサイト加入ごとに個人情報が自動入力される。Clickpassではプライバシーコントロールも徹底しており、サイトと共有したい情報は自分で選べる。

新規登録時はClickpassのOpenIDアカウントを使ってAXなりSregで個人情報を渡してくれるので、手軽に登録が可能。既存アカウントなら、毎回パスワードを入力しなくても良い。Yahooのログインシール的なものも、画像で可能とのことで、フィッシング対策もできている。言い換えれば、ウェブ上のキーチェーンサービスということでしょうか。

はじめから個人情報のアグリゲートとディストリビューションが目的のサービスだとユーザーが認識できるのであれば、個人情報のやりとりも法的な問題にならないだろうし、なかなかよいアイディアかも。後は提携サイトが増えることと、ユーザーが自分の認証情報をClickpassに預けることにためらわなければうまくいきそう。