Post on 30-May-2020
mixi PlatformのAndroidへの取り組み
2011年 1月9日
株式会社 ミクシィ
プラットフォームサービス開発部
田中 洋一郎
自己紹介
• 田中 洋一郎 (たなか よういちろう)
– 株式会社ミクシィ
• プラットフォームサービス開発部 開発グループ
マネージャ
– Google公認API Expert (OpenSocial)– Mashup Award 3rd 3部門同時受賞
– 書籍
• OpenSocial入門 〜ソーシャルアプリケーションの実践開発
• mixiアプリ開発&運用コンプリートブック
2
2009年度・・・
3
mixiのオープン化
4
利用者 mixi, Inc
開発者
mixi Platformの歩み (2009年度)
• 2009年8月24日 - mixiアプリPC版公開
• 2009年10月24日 - mixiアプリモバイル公開
5
6
建てるおみやげ屋アイテム市場マイミクを招待(特典あり)
ネットビレッジ(4400人)MB PC
7
2010年度・・・
8
mixi Touch
mixi Touchリリース(Webベース)mixi Touchリリース(Webベース)2010.52010.5
・フィード、日記、ボイス、メッセージ、プロフィール、足あとなど、メジャーな機能を続々対応。
※未対応部分はPC版へリンク
・フィード、日記、ボイス、メッセージ、プロフィール、足あとなど、メジャーな機能を続々対応。
※未対応部分はPC版へリンク
9
スマートフォンでのmixi利用状況
Mobile 261.2 億PVPC 045.1 億PVTouch 006.0 億PV
全体 312.4 億PV
月間PV*
* 2010年10月 当社調べ
0
20
40
60
80
100
120
800
900
1,000
1,100
1,200
1,300
1,400
1,500
4月 5月 6月 7月 8月 9月 10月
11月
12月
1月 2月 3月 4月 5月 6月 7月 8月 9月 10月
11月
12月
1月 2月 3月 4月 5月 6月 7月 8月 9月 10月
月間ログインユーザー数*(万人) (万人)
10
mixi Platformの歩み (2010年度)
• 2010年9月10日 - mixiアプリ スマートフォン版公開
11
スマートフォンでのmixiアプリ
世界初3デバイスプラットフォームを実現
mixiアプリ
まずは、Webベースで対応
12
mixiアプリ for Touch アーキテクチャ
13
← アプリが自由に利用できるCanvasエリア
(外部ドメインiframe)
14
15
iframe (developeriframe (developer’’s domain)s domain)
mixiSocial Data
RESTful APIwith 2‐leggedOAuth
<script src=“http://mixi.jp/touch‐apps.js”></script>
OpenSocial JavaScript API
App developer Server
invite friendspost activityetc.
DB* Request with OAuth Signature
postMessagepostMessage
• HTML5 をフルに利用可能
• 細いネットワークに最適化されたAPIセット
– 多量のAPIアクセス vs 1ページ分のHTMLの転送
• ユーザへの手軽なアプリ提供
• PC、モバイル向けmixiアプリとの連携
16
• 2011年1月7日 − mixiアプリ for Touch 個人開発者への開放開始!
17
mixi Platformの歩み (2010年度)
• 2010年9月10日 - mixi Graph API公開
18
mixi Graph API
19
/people/@me/@self
{ entry : [{ id : "qgjw87yg3djw",displayName : “あやこ",thumbnailUrl : "http://img.mixi.jp/img/ayako.gif",profileUrl : "http://mixi.jp/show_friend.pl?uid=123" },
・・・],・・・ };
あやこ
mixi Graph API
20
People API
Friends
People lookup API
yoichiro@eisbahn.jp‐> 1159556 (よういちろう)
Groups API
同じ部署テニスサークル
mixi Graph API
21
Voice API
Updates API
Photo APIMessage API
In near future…
22
People API People lookup API Groups API
Voice API
Updates API
mixi Check Button SimplePost
OAuth 2.0, OpenSocial, PortableContacts, ActivityStreams, Twitter API
Open Graph Protocol
mixi Plug‐in
mixi G
raph
API
Like! Button
Feed Plugin
Calendar API
Photo API
Message API
Friend request API
Diary API
Feed post API
Invite API
Paym
ent A
PI
mixi Business Platform
Analysis API
mixi Check API
Calendar Plugin Voice Plugin
OAuth 2.0
23
• Web server profile サポート
• Resource Owner Password Credentials サポート
mixi公式アプリ
mixi 公式アプリ(native app)mixi 公式アプリ(native app)2010.122010.12
・ ボイス、プロフィール、友人の最新情報(日記、チェック、フォトetc)、フォト投稿など続々対応。※未対応部分はWeb版へリンク
・ ボイス、プロフィール、友人の最新情報(日記、チェック、フォトetc)、フォト投稿など続々対応。※未対応部分はWeb版へリンク
24
• 2010年12月20日 mixi Graph APIを個人開発者にも開放!
25
2011年度・・・
26
より簡単に・・・より幅広く・・・
OAuth 2.0の認可フロー
27
Application Web browser mixi server
認証・認可
Authorization code
トークン発行要求
Access token, refresh token
トークン更新要求
Access token, refresh token
• (開発者) 各アプリケーションで実装する手間
• (ユーザ) 各アプリケーションごとに要求される認証認可の手間
AccountManagerの提供
28
mixiAccountManager
認可
ユーザ
Application
Access token
/people/@me/@self
Access token
APIサーバ
Access token
• アプリごとにOauth認可フローを行う必要がない
(実際にはいくつか手順が追加されます)
mixiアプリ for スマートフォンアプリ
29
Appsベース
• 3デバイスプラットフォームの拡張
• Apps(iphone、Android apps)on mixiアプリの実現
に向け鋭意環境整備中
mixiアプリ(Webベース)
選択可能に選択可能に
mixiアプリそれぞれによって、Webベースか、ネイティブアプリケーションか、
どちらがいいのか、異なる。
mixiアプリそれぞれによって、Webベースか、ネイティブアプリケーションか、
どちらがいいのか、異なる。
超えなければならない壁
30
セキュリティ
超えなければならない壁
31
Client credential
Web browser Web server mixi API server
Client credential
mixi API server
• Client credentialがユーザの端末に存在– Androidアプリのセキュリティレベルが非常に重要
mixi Hackathon
32
今後の取り組みの軸
mixi Platformmixi Platform
オープンなプラットフォームを整備し、パートナーさん、デベロッパーさんと一緒にスマートフォンマーケットに取り組んでいきたいと思っています。
今後ともよろしくお願いいたします。
33