と言っているうちに、同じくリクルートが主催するMashup Award 5 に合わせて、デベロッパーに対してアプリプラットフォームを一部公開しました。

【MA5参加開発者限定】CREYLEアプリプラットフォーム（OpenSocialコンテナ）クローズドβ先行リリース！ : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ

Ningにもいえることですが、コミュニティの集合体としての性格が強いCREYLEにはmixiやgooなどとは違ったアプリの使われ方があるはず。CREYLE自体はまだユーザー数の問題もありますが、これからどう発展していくのか楽しみです。

Introducing Ning Apps for your Ning Network! – Ning Developer Network

Ning Appsについては以前こちらで取り上げたので合わせてお読みください。

自分のSNSを作れるサービス「Ning」にある2種類のOpenSocialアプリの形式とは | ソーシャルアプリ.jp

Ningについては日本では使ってる人もそれほどいないし、影響は極めて限定的だと思いますが、私が注目したいのはNingのSNS集合体としての特殊性です。mixiやモバゲー、Facebookなどのように一枚岩のSNSと違ってNingは100万個以上の中小のSNSの集合体です。そこでどのようにNing Appsが利用されていくのか、さらにはマネタイズはそこで可能なのか、といったあたりが大いに気になっています。

（参考リンク）

Ning Adds Apps to Its White-label Social Networking Platform – Business Center – PC World

プレスリリース　株式会社ディー・エヌ・エー

DeNA デベロッパーズサイト モバゲーオープンプラットフォーム

パートナー30社には現在、mixiアプリを展開中の企業も多く含まれています。もともとデベロッパーは特定のプラットフォームにこだわることはないと思うので、業界全体としてもとてもよいことだと思います。

少なくとも今は市場が拡大期にある段階。ミクシィ、ディー・エヌー・エー両社ともに競争しながら魅力的なプラットフォームを作っていって欲しいものです。

Playfish共同創業者のSebastien de Halleuxによると、現在のソーシャルゲーム市場は年間1000億円くらいとのこと。5億人の西欧圏ユーザーのうち20％から40％が1ヶ月あたり1ドル使っているという試算に基づいています。

FT.com / UK – Playfish develops a new DNA with online gaming

しかしそれよりもびっくりしたのは次の言葉。

- all with virtually no marketing. “99 per cent of our distribution is from users inviting each other,” he says.
（全てバーチャルにはマーケティングしていない。私たちのゲーム流通のうち99％はユーザーがお互いに招待しあったものだ）

同じくソーシャルゲームで好業績を出しているZyngaが広告を使った強烈なプッシュをしている一方で、Playfishはほぼ全ユーザーを口コミ経由で獲得しているとのこと。その分ユーザー数ではZyngaに圧倒的な差をつけられていますが、利益率では分かりません。”Virtually” no marketingの意味がよく分かりませんが、2社の対照的なやり方に、「絶対これしかない」という戦略はないのかなと思いを新たにしました。

また話がそれますが

The video games industry is one of the last media sectors to face disruption from the internet.
（ビデオゲーム業界はインターネットによって崩壊の危機に直面している直近の（最後の）メディアだ）

という言葉もFinancial Timesらしく含蓄に富んでいますね。

OpenSocial API Blog: Check out Cyworld’s developer sandbox

Dev Square – Home

いよいよ世界中でOpenSocialが普及してきそうです。

ちなみに日本版CyWorldは終了してしまいました。

モバイルゲーム最大手のモバゲータウンがOpenSocialをベースにしたプラットフォームのオープン化を選択しました。

プレスリリース　株式会社ディー・エヌ・エー

モバゲータウンがゲームAPIを公開–SNSオープン化の波がモバイルにも:モバイルチャンネル – CNET Japan

もともと多くの人が予想しているところではありましたね（昨日の勉強会でも国光さんがずばり指摘しておられましたが）。

mixi、モバゲー、GREEというモバイルでSNSを展開している大手のうち2つがOpenSocial対応を決めました。今後がとても楽しみです。

各デベロッパーは一番魅力的なプラットフォームを選ぶし、ユーザーも然り。魅力的とは、デベロッパーにとっては「開発しやすく」「儲かる」、ユーザーにとっては「楽しめる」ことだと思います。

また、mixi、モバゲーの2つがOpensocialという共通規格を採用したことで楽しみなのは、2つのコミュニティの接続です。もちろん直接ではないですが、mixiとモバゲーのそれぞれのプラットフォームで同じゲームを遊んでいるユーザー同士が一緒に遊ぶことができるようになります。プラットフォームによってそういうゲーム設計が禁止されなければですが。

OpenSocialがSNS間の接続もビジョンに含まれた規格であるかどうかは、ちょっと調べた限りでは分かりませんでしたが、仕様上は、プロフィール・ソーシャルグラフ・アクティビティなどについてAPIを呼ぶと同じデータ形式を返してくるので、共通化が可能です。

Facebookはそこをオープンにしていません。「セキュリティのため」といった理由のようですが、複数のSNSが同一規格上でつながるということがどういう結果をもたらすのか、純粋なセキュリティの問題だけでは測れなさそうです。そのあたりの動きについても今後注視してみていきたいと思います。

※カテゴリに「モバゲー」を追加しました。

サンプルコードだけでもけっこう貴重なので、非常に参考になります。

opensocial-signed-request-php-library – Project Hosting on Google Code

Google Watch – OpenSocial – New iGoogle Gadgets Leverage OpenSocial to Rival Facebook

iGoogleでOpenSocialの技術を用いたSocial GadgetsがFacebookアプリのようなソーシャルアプリとしての機能をもちえるという記事。ちなみにSocial Gadgetsはまだ日本では使えません。

ただ、いまのiGoogleの仕様ではソーシャルな利用のされ方はなさそうな気がします。Google Friend Connectもそれなりに広まってはいますが、参加者同士のつながりを生み出すには至っていません。もうちょっと上手いやり方があるんじゃないかと思いますが・・・

ただ、

For Google, ads are what it’s all about.

とあるように、Googleのビジネスモデルは検索連動広告でがっちり固まってますから、それ以外の分野は半ばビジネスモデル無視で突き進んでくるのが常道。iGoogleを使っているユーザーは日本でもそれなりに多い（Facebookよりは、たぶん）と思いますし、これからの展開に注目です。

（参考リンク）

iGoogle Developer Blog: iGoogle is a social being

OpenSocialを利用するうえでの仕様の違いについても述べられていますね。

iGoogleは中心となるSNS機能もないし、アクティビティなどは個別に出すのでしょうかね。

前回のエントリーも参考にしてください。

【ゼロからのmixiアプリ開発（１）概要編】「AppliTwitter」α版を作ってみました | ソーシャルアプリ.jp

mixiアプリのPC版は、とりあえず動作するものを作るだけなら難しくありません。HTML/CSS/JavaScriptと、OpenSocialの基本的な知識をつけておけば大丈夫です。

開発者側で用意するものは、アプリの内容（コード）を記述したXMLファイルを、どこかのサーバーに置くだけです。それをmixiアプリの設定画面で読み込ませると、ユーザーがアプリを使うときにmixiはそのXMLファイルを読み込みにいき、その内容をmixiのサイト内でユーザーに表示します。

XMLの内容は、下記が基本構成です。

<?xml version="1.0" encoding="UTF-8" ?>

<Module>

<ModulePrefs title="任意のタイトル">

<Require feature="opensocial-0.8" />

</ModulePrefs>

<Content type="html">

<![CDATA[

//ここにHTML,JavaScriptなどを記述していく

]]>

</Content>

</Module>

これを任意のエディタに記述し、「〜〜.xml」というファイル名で保存し、どこかの外部サーバーに置き、mixiアプリの設定画面でそのURLをひもづけるだけ、となります。

その外部サーバーというのも、いったん読み込んだxmlファイルはキャッシュが生成されますので、xmlを置いたファイルに負荷はほとんどかかりません。そもそもいまはGoogle App EngineやDropboxなど無料でサーバーとして使えるサービスがたくさんありますので、サーバー代もほぼ無料のようなものです。

ただしサーバーサイドの技術を使って外部サーバーと連携したアプリを作る場合などはもちろん別です。また、モバイルのmixiアプリはPC版とは仕様が違います。

基本的なmixiアプリ・OpenSocialの説明は他サイトで多く取り上げられていますので、詳しいチュートリアルはそちらを参照してください。いくつかリンクを貼っておきます。

連載インデックス「基礎から分かる、mixiアプリ作成入門」 – ＠IT

ラボブログ : OpenSocial入門 アーカイブ

連載：OpenSocialを利用してガジェットを作ろう！｜gihyo.jp … 技術評論社

ウノウラボ Unoh Labs: OpenSocialを始めよう！第1回

OpenSocial 例文辞典

【ポイント１】JavaScriptライブラリ「opensocial-jquery」を使って記述を大幅に簡略化

JavaScriptを書くにあたっては、オープンソースで公開されている「opensocial-jquery」というライブラリを使わせていただきました。これはいまやメジャーなJavaScriptライブラリである「jQuery」をOpenSocialの仕様を盛り込む形で拡張したもので、これを使うと複雑なコードの記述を大幅に簡略化することができます。mixiアプリはOpenSocialに準拠していますので、このライブラリが利用できます。

同様のライブラリにjOpenSocialというのもありますが、両方を比較検討した結果、現時点ではopensocial-jqueryのほうがドキュメントが充実していたため、私はそちらを使うことにしました。

jOpenSocial と opensocial-jquery についてまとめ ( ラボブログ )

opensocial-jqueryはjQueryの書き方をそのまま使えます。といっても私はそれまでjQueryを使ったことはなかったので（Prototype.jsなどは多少使っていました）jQueryの基本から始めたのですが・・・jQuery素晴らしいですね！　いや〜分かりやすい。しかも多機能。

はじめてのjQuery

CSSを書く感じで使えてしまいます。コードが飛躍的に分かりやすくできます。

【ポイント２】データを保存したい・・・さて、どうする？

mixiアプリを開発していると、ユーザーが繰り返しアプリを使う際に備えて、データを保存しておきたい場合があります。このときに、mixiアプリでは、

（１）外部のウェブサーバー・データベースなどに保存する
（２）Persistance APIを使って、mixiアプリ内でデータを保存（永続化）する

のどちらかになります。本来OpenSocialであれば（３）としてUserPref（ユーザー設定項目）を使って各ユーザーのデータを保持しておくことができるのですが、mixiではこれができません。今回は（２）を使ってみることにしました。データベースを使うような大量のデータの保存・整理には適しませんが、ちょっとしたデータの保存であれば便利に使えそうです。

Persistance APIの記述もけっこうややこしいのですが、opensocial-jqueryを使うと簡潔に記述できます。

UserPrefの代わりに永続化データを設定したりする画面を作ってみる – プログラマー、再起動中

私がつまづいたのはviewerかownerかというところ。mixiアプリではそのアプリを見ている人（viewer）と、そのアプリのオーナー（owner）が一致するとは限らないので、場合分けが必要になります。中でもポイントだったのは、「ownerとしてデータは保存できない」です。mixiデベロッパーのサイトにもこのことは書いてありますが、データが保存できないと勘違いして悩んでいました。

mixi Developer Center (ミクシィ デベロッパーセンター) » 情報を共有してみよう

第1引数のユーザIDは、Viewer固定となります。他のユーザへの情報の永続化は、セキュリティの観点からmixi Platformでは許可されません。

【ポイント３】本人がアプリを使っている場合と、他のユーザーが見に来た場合で見せ方をかえる

今回作ったAppliTwitterでは、マイミクのTwitterIDを入力する箇所がありますが、これはアプリのオーナーのみが可能な操作であるべきで、他のユーザーがそのアプリを見に来た場合には、勝手に編集されないように隠しておく必要があります。

そこで、いまそのアプリを見ている人がそのアプリをインストールしたオーナーなのか、それとも他のユーザーなのかを判定する処理が必要になります。

Owner = Viewer のチェック方法いろいろ ( ラボブログ )

これもopensocial-jqueryで簡潔に書けます。

viewerがownerと違うときには、Twitter IDの入力画面は表示されないようにした

–

まだ本格的な外部サイトとの連携や、アクティビティストリームを使っていないので、mixiアプリの機能の半分も使えているとはいえません。今後より使われるアプリにするために、ソーシャルな仕組みを考えて取り入れていかなければなりませんね。

また、7月17日(金)に行われるOpenSocial Hackathonに参加することになったので、それに向けてもう少し知識をつけておこうと思います。

mixi Engineers’ Blog » mixi、gooホーム共催！OpenSocial Hackathonを開催いたします！

関連リンク：

mixi Developer Center (ミクシィ デベロッパーセンター)

OpenSocial-Japan | Google グループ

opensocial-jquery – Google Code

「Ning」について簡単に説明すると、ユーザーが独自のSNSを手軽に作成できるサービスです。ユーザーはNing内にあるウィザードに沿って進めていくだけで、簡単に専用のSNSを立ち上げることができます。そこに一般のユーザーがそれぞれのSNSに所属し、コミュニケーションできます。1つのユーザーアカウントで複数のNing内のネットワークに入ることができます。現在、Ningには2700万人以上のユーザーと100万以上のネットワークがあります。

専門SNSの集合体といえますが、友達リストや近況アップデート（つぶやき）などは共通に利用することもでき、ネットワークを横断した集合体としての機能も持っている点が特徴です。

“Ning Apps”と”Profile Apps”の2つのOpenSocialアプリ

私は勘違いしていて今回調べて分かったのですが、NingにはOpenSocialアプリケーションの形態が2種類あります。

（１）Profile Apps（すでに利用可能）
・個々のユーザーのプロフィールページに表示
・アプリを入れるのは個々のユーザー
・約170種類が利用可能

（２）Ning Apps（間もなく一般に利用開始になる）
・現在ベータテスト中（専用のURL経由でSNSを作成すれば利用可能）
・仕様ドキュメントや開発用のサンドボックスはすでに公開されている
・現在約90種類を利用可能

この中で、Profile Appsのほうは他のSNSと同じで、各ユーザーが好みでアプリを導入して利用します。一方Ning Appsは、Ning内に作られた各ネットワークの管理者が、ネットワーク内の全ユーザーに対して同一のアプリを一括で導入するというものです。

分かりづらいので例を挙げて説明します。

例えば、ある大学のテニスサークルがNing内に1つのネットワークを作り、そこにサークルのメンバーが所属しているとします。そこでサークルの部長（管理者）が「飲み会調整アプリ」を作ってサークルのメンバーに使って欲しいとします。こういう場合、サークルの部長が「飲み会調整アプリ」をそのネットワーク内に加える操作を一回するだけで、そのネットワークに所属するすべてのメンバーのホーム画面にそのアプリが追加され、使えるようになります。

これを例えばFacebookで同様のことをしようとしたら、各ユーザーにアプリの招待状を送って、入れたかどうか確認しないといけません。

そもそもNingはアプリやウィジェットの配置を各ネットワークの管理者が自由に決められるので、任意のアプリを全員に使って欲しいという目的の達成度において大きな差がつくでしょう。

下記はNing Appsのイメージ動画です。

Find more videos like this on Ning Developer Network

Profile AppsとNing Appsの仕様は、基本的にはOpenSocial-0.8に沿っているという点で同じですが、いくつかの点で異なる仕様があるようです。当然やれることにも違いがあるのだと思いますが、デベロッパー向け仕様書をまだよく見ていないので、何か分かったらまた取り上げます。

“Profile Apps”を利用する

試しにProfile Appsを追加してみます。ユーザーとしてログインして、「コンテンツを追加」を選択します。

「アプリケーション」を選択します。

現在、166のアプリケーションを利用できます。

Twitter Trackerを追加してみました。これは、特定のキーワードが含まれたつぶやきをTwitter全体から検索して表示するアプリです。下図のようにNingではレイアウトがかなり自由なので、マイページの中央トップにアプリを置くこともできます。

”Ning Apps”を利用する

次にNing Appsを追加してみます。Ning Appsはネットワークの管理者のみが追加できるので、まず管理者アカウントでログインし、管理（Manage）タブを選択します。

Your Network（あなたのネットワーク）→Features（機能）を選択。

ここでは日記・フォーラム・イベントなどの各ウィジェットのレイアウトを設定することができますが、それらウィジェットの1つとして「Ning Apps」があります。追加してみます。

Profile Appsとはだいぶ違った画面です。共通して利用できるアプリもありますが、Ning Appsとしてしか使えないアプリも多くあります。

Ning Appsとして特徴的なものとして、「Wiki」を追加してみます。

これはその名の通り、WikiをソーシャルアプリとしてNing内に提供します。

シンプルですがWikiとしての機能を一通り備えており、アプリを導入したネットワークのメンバー間で編集することができるようになっています。

それでは、Profile AppsとNing Appsはユーザーインタフェース的にはどう表示されているのでしょうか？

下図はMain（ホーム）画面です。ネットワークに所属する全ユーザーにとって同じものが表示される画面ですね。ここにはNing Appsだけが表示され、各ユーザーが自分で入れているProfile Appsは表示されていません。

それに対して下図はマイページ。各ユーザーで導入したProfile Apps、今回の例ならさきほど入れたTwitter Trackerがまずトップに表示され、そのすぐ下にNing AppsであるWikiが表示されています。マイページではProfile AppsとNing Appsが混在して表示されます。そして使っていくうえでは特に両者の垣根は感じません。

Wiikiみたいなアプリは、Facebookやmixiなどではなかなか出てきにくい種類のアプリですよね（もちろん可能ですが）。ネットワークの管理者が導入するアプリというものが存在するNingならではだと思います。私個人的には、ソーシャルアプリというものを基本的には個人間の関係で利用するものとして捉えていたので、Ning Appsのアプローチはけっこう新鮮に感じました。

Ningはこれ以外にもOpenSocialプラットフォームとして興味深い点があるので、後ほどまた取り上げたいと思います。

関連リンク：

Ning Developer Network アプリを含む、Ningに関する開発を行うデベロッパーのためのポータル。

Choose which Profile Apps show up on your social network ネットワーク毎にアプリを制限する方法。

インサイド ソーシャルアプリjp – social game 今回の記事のために作ったNing内のネットワーク。実験用です。