yapc

Copyright 2009　© mixi,Inc.　 All right reserved.　 1

株式会社ミクシィ開発部プラットフォーム開発チーム

田中洋一郎

Webエンジニアのためのmixiアプリ開発ガイド


自己紹介

•  田中洋一郎 – 株式会社ミクシィ所属

• 開発部プラットフォーム開発チーム – Google API Expert (OpenSocial) – Mashup Award 3rd トリプル受賞


アジェンダ

•  mixiアプリとは •  仕組み •  リリース時の出来事 •  安定したmixiアプリ •  まとめ


注意事項

•  Perlの話は、ほとんど出てきません。


『mixiアプリ』とは


オープン化

利用者 mixi, Inc 開発者


mixi Platform

2008年8月20日リリース済み -OpenID ver2.0に準拠 -mixi独自認証方式も提供（マイミクシィ認証、コミュニティ認証）

2009年８月２４日 mixiアプリ（PC）一般ユーザー向けリリース開始！

-OpenSocial準拠

一部法人様へ提供 -OAuth認証

“mixiの中”にサービス・アプリケーションを開発し、提供できる仕組み。

“mixiの外”のWebサービスやデバイス等と連携できる仕組み。

“mixi”のユーザー情報（ID・PW）を外部サイトの認証に利用できる仕組み。


一般公開


常に新鮮で継続的なユーザ体験

Person & Friends API Community API

Activities API

Persistence API gadgets. io API

Invite API Albums API


mixiアプリランキング

•  ９月８日現在 – 公開アプリ数： 231

– 1位：通信制脳力大学-漢字テスト(ドリコム) •  User数: 395,598

– 2位：マイミクテトリス(テトリスオンライン) •  User数: 218,529

– 3位：みん顔！(サイバード) •  User数: 163,740


バイラルの仕掛け

Invite（インバイト）

アプリへの招待が１件あります！

このアプリは一緒に使うと面白そう！

お、招待がきてる！やってみるか～


バイラルの仕掛け

アクティビティフィード（マイミクの更新情報）

アプリ更新情報

Copyright 2009　© mixi,Inc.　 All right reserved.　

OpenSocial

13

OpenSocial v0.8.1 ＋ mixi独自API


mixiアプリとOpenSocial

14

mixiアプリ(PC向け) (OpenSocial JavaScript API)

mixiアプリ(モバイル向け) (OpenSocial RESTful Protocol)


mixiアプリ（PC版）

15

<?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> </ModulePrefs> <Content type=“html”><![CDATA[

<div>Hello, mixiアプリ!</div>

]]></Content> </Module>

Person & Friends API

Activities API

Persistence API

gadgets.io API

Gadget XML

XML + HTML + JavaScript + Flash

mixiアプリ

Invite API

Albums API


mixiアプリ（PC版）

16

<?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> </ModulePrefs> <Content type=“html”><![CDATA[

<div>Hello, mixiアプリ!</div>

]]></Content> </Module>

Webサーバ

function init() { var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest( opensocial.IdSpec.PersonId.VIEWER), “viewer”); req.send(function(data) { var viewer = data.get(“viewer”).getData(); // do something… } } gadgets.util.registerOnLoadHandler(init);

開発者が作成したファイル群

アップロード

URLを登録

読み込み・解釈

実行

開発者

ユーザ

mixiアプリ


mixiアプリ（モバイル版）

17

<?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> </ModulePrefs> <Content type=“url” view=“mobile” href=“http://example.com/” /> </Module>

Person & Friends API

Activities API

Persistence API

Gadget XML

HTML + Flash + RESTful API

mixiアプリ

Albums API


mixiアプリ（モバイル版）

18

リクエスト

レスポンス

リクエスト

プロフィール情報・ソーシャルグラフにアクセス

RESTful Protocol + OAuth

レスポンス


Gadget XMLファイル

19

<?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> </ModulePrefs>

<Content type=“html” view=“home,canvas,profile”><![CDATA[ <div>Hello, mixiアプリ!</div> ]]></Content>

<Content type=“url” view=“mobile” href=“http://foo.com/hello.pl” />

</Module>

PC用

モバイル用

ＰＣ/モバイル両対応アプリを記述可能


仕組み


OpenSocial対応

•  必要となる実装 – Social Data API

•  /people, /activities, /appdata, JS(opensocial.*) – Gadget APIの実装

•  /gadgets/makeRequest, JS(gadgets.*) – Gadget Renderingの実装

•  /gadgets/ifr

21


OSSの利用

22

•  Apache Shindig –  Apache Incubatorにて活動中のOSS

–  元々iGoogleのサーバソフトウェア –  初期コミットは2007年12月12日

–  現在もGoogler初め多くのコミッタやコントリビュータが参加 –  Java版、PHP版の並行開発

Shindig -‐ an Apache incubator project for OpenSocial and gadgets

http://incubator.apache.org/shindig/


一般的なOpenSocial対応

23

/gadgets/ifr /gadgets/makeRequest /social/data/people /social/data/activities /social/data/appdata

SNSサーバ

データベース・プロフィール情報・ソーシャルグラフ・アクティビティ・アプリデータ


mixi Platform

24

/gadgets/ifr /gadgets/makeRequest

Main

データベース・プロフィール情報・ソーシャルグラフ・アクティビティ・アプリデータ

/social/data/people /social/data/activities /social/data/appdata

API

(Java版)

(Perl)


API Server

25


API (Perl)

apache mod_perl

memcached MySQL

balancer


API Server

26


API (Perl)

Server Handler::People

Handler::Activity

Handler::AppData

people: uri: /social/data/people/{guid}/{selector} handler: People activity: uri: /social/data/activities/{guid}/{appid}/{selector} handler: Activity appdata: uri: /social/data/appdata/{guid}/{appid}/{selector} handler: AppDAta

socialdata.js

Accept: application/atom+xml ・・・ Atom Feed/Entry Accept: application/json ・・・ JSON

RESTful Protocol


リリース時の出来事


サーバダウン、応答時間低下

•  8/24～8/31 – mixiアプリ起動失敗 – APIレスポンス時間低下、停止

28


Shindigダウン

•  Shindigのダウン – mixiアプリのレンダリングに失敗

•  504エラーの頻発

– Shindigの不具合 • 外部との通信がcloseされていなかった

– OSの上限に達し、以降の通信に全て失敗

• 修正を施し、以降安定して稼働

29


APIダウン

•  APIのダウン –  /social/data/*の応答が遅くなる、停止

•  mixiアプリが起動しない • レンダリングされても何も起きない

– APIは比較的重い処理 • 複雑なパーミッションモデル •  mixiアプリの富豪的プログラミング

30

API


APIダウン

31

mixi Platform パーミッションマトリクス


APIダウン

•  サーバ台数追加により対処 – 初期台数の4倍近く追加！

•  1回目追加： 2倍 •  2回目追加： 4倍

– 根本解決が必要 •  CPU: 100%が継続

32

API


APIダウン

•  Devel::NYTProf

33

API


APIダウン

•  処理効率の向上に成功 – 当初の台数にて稼働可能

• キャッシュヒット率の向上 •  DBアクセスの削減 • 処理順序の見直し

– 仕様変更なし

34

API


mixiアプリダウン

•  負荷に耐えられないmixiアプリ続出

35

時間

安定稼働度

mixi Platform

mixiアプリ


mixiアプリダウン

•  負荷に耐えられないmixiアプリ続出 – mixi Platformが軽くなる – mixiアプリの利用が増える – バックエンドサーバへの要求が増える – mixiアプリが動かなくなる

36

→ いまここ


安定したmixiアプリ


mixiアプリの安定稼働

•  Person & Friends API •  ライブラリの利用 •  Activity + MediaItem •  バックエンドサーバ

38



•  Person & Friends API – 取得件数

•  startIndex + countの指定 –  count=1000なんて、もってのほか

•  hasAppフィルタの指定 – アプリ持ってないユーザの情報、本当に必要？

– 取得項目 •  fieldsの指定

– 全部取得して必要なものだけ使用、は御法度 – パーミッション検査処理の軽減

39

eco



•  ライブラリの利用 – 犠牲となる面を決して忘れない

• 暗黙的なパラメータ値の指定が問題 • 知らず知らずに富豪的プログラミング

– ライブラリの挙動を知る • 開発者に聞く、ドキュメントを読む •  OSSであれば、コードを読む

– ライブラリ作者の方々へ • 暗黙的な設定 → NG 簡単な設定 → OK

40

eco



•  Activity + MediaItem – Activitiyに含めた「画像」は、あなたのもの

41

eco

アプリ更新情報

バックエンドサーバ

makeRequestを受けるサーバ画像を配信するサーバ・・・に分けて負荷分散する、など



•  バックエンドサーバ – アプリの人気が出るほどリクエスト増

• スケールするための仕組みが必要 •  mixi = mod_perl + memcached + MySQL

– クラウドサービスの利用 •  Google AppEngine •  Amazon EC2, S3

42

eco


まとめ


mixi Developer Centerのご案内

mixiアプリをご提供いただくソーシャルアプリケーションプロバイダ様向けに、下記サイトにて、情報提供を行っております。今後、情報を随時更新して参りますので、ご確認ください。

（ミクシィデベロッパーセンター）

http://developer.mixi.co.jp/


最後に

皆様におかれましては、 mixiアプリのご検討、ご展開をいただき、

この試みをご一緒に進めて参りたいと存じます。

どうぞよろしくお願いいたします。

mixi Platform、mixiアプリを通じて、新たな市場・mixiを創造して参ります。

yapc

Documents

mixi api copyright

mixi apicopyright

mixieco mixi

oauth mixi

web mixi copyright

mixi api mixicopyright

shindig shindig mixi

opensocial copyright