20111219 gumistudy#11
-
Upload
yasuhiro-horiuchi -
Category
Technology
-
view
5.457 -
download
2
Transcript of 20111219 gumistudy#11
![Page 1: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/1.jpg)
はじめてのFACEBOOKアプリ
株式会社gumi
Thursday, December 22, 11
![Page 2: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/2.jpg)
株式会社gumi 取締役CTO
Twitter: @horiuchi
1978年7月12日生まれ
AWS User Group Japan 東京支部 副代表
経歴
2004年 Vcube BtoB Webシステム開発
2006年 FlipClip 動画共有サービスの開発、運用
2009年 gumi ソーシャルゲーム
最近の関心
大規模データ処理、EMR、RDS、MongoDB、英語
堀内康弘
Thursday, December 22, 11
![Page 3: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/3.jpg)
対象:Facebookアプリって何?って方内容:Facebookアプリを作る上で知っておくべき概要の説明
Thursday, December 22, 11
![Page 4: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/4.jpg)
Q. Facebookアプリって?
Thursday, December 22, 11
![Page 5: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/5.jpg)
A. Facebook上で提供されるウェブアプリケーション
Thursday, December 22, 11
![Page 6: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/6.jpg)
A. Facebook上で提供されるウェブアプリケーション
A. FacebookとAPIで連携したウェブアプリケーション
Thursday, December 22, 11
![Page 7: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/7.jpg)
Q. 従来のウェブアプリケーションとの違いは?
Thursday, December 22, 11
![Page 8: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/8.jpg)
A. 大量のユーザーとそれにアプローチできる仕組みがある
Thursday, December 22, 11
![Page 9: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/9.jpg)
5億人/日
Facebookに1日にアクセスするユーザー数
Thursday, December 22, 11
![Page 10: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/10.jpg)
3.5億人/月
モバイルからFacebookに1月にアクセスするユーザー数
Thursday, December 22, 11
![Page 11: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/11.jpg)
1000万人/月
日本からFacebookに月にアクセスするユーザー数
(2011年8月)
Thursday, December 22, 11
![Page 12: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/12.jpg)
Q. どうやってアプローチするの?
Thursday, December 22, 11
![Page 13: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/13.jpg)
•人、写真、イベント、ページ、全てオブジェクト
•全てのオブジェクトには固有のIDを持っている
•ユーザーネームを持っているオブジェクトにはIDの代わりにユーザーネームが使える
•全てのオブジェクトにアクセス可能
オブジェクトという概念
Thursday, December 22, 11
![Page 14: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/14.jpg)
オブジェクトとオブジェクト間の関係
Thursday, December 22, 11
![Page 15: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/15.jpg)
基本コンセプト
•ソーシャルプラグイン
•Open Graph protocol
•ソーシャルチャネル
•Graph API
Thursday, December 22, 11
![Page 16: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/16.jpg)
ソーシャルプラグイン
アプリケーションにFacebookの機能を埋め込む仕組み
Thursday, December 22, 11
![Page 17: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/17.jpg)
用意されているプラグイン• Like Button
• Send Button
• Comment Box
• Activity Feed
• Recomendations
• LikeBox
• Login Button
• Registration
• Facepile
• Live Stream
Thursday, December 22, 11
![Page 18: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/18.jpg)
LIKE BUTTON
Thursday, December 22, 11
![Page 19: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/19.jpg)
SEND BUTTON
Thursday, December 22, 11
![Page 20: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/20.jpg)
OPEN GRAPH PROTOCOL
Facebookにアプリケーションの情報を伝えるための仕組み
(私はこんなオブジェクトですよ)
Thursday, December 22, 11
![Page 21: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/21.jpg)
• og:title
• og:type
• og:image
METAタグで伝える
• og:url
• og:site_name
• fb:admins
Thursday, December 22, 11
![Page 22: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/22.jpg)
新OPEN GRAPH
Thursday, December 22, 11
![Page 23: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/23.jpg)
ソーシャルチャネル•ニュースフィード
•リクエスト
Thursday, December 22, 11
![Page 24: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/24.jpg)
GRAPH API
オブジェクトとオブジェクト間の関係(交友関係、共有されたコンテンツ、写真のタグ、など)の
情報を扱うためのAPI
Thursday, December 22, 11
![Page 25: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/25.jpg)
1 ユーザー: https://graph.facebook.com/btaylor (Bret Taylor)2 ページ: https://graph.facebook.com/cocacola (コカコーラのページ)3 イベント: https://graph.facebook.com/251906384206 (Facebook
Developer Garage Austin)4 グループ: https://graph.facebook.com/195466193802264 (Facebook
Developers group)5 アプリ: https://graph.facebook.com/2439131959 (the Graffitiのアプリ)6 ステータスメッセージ: https://graph.facebook.com/367501354973 (Bre
1 友達: https://graph.facebook.com/me/friends?access_token=…2 ニュースフィード: https://graph.facebook.com/me/home?
access_token=…3 ウォール: https://graph.facebook.com/me/feed?access_token=…4 いいね!: https://graph.facebook.com/me/likes?access_token=…5 映画: https://graph.facebook.com/me/movies?access_token=…6 音楽: https://graph.facebook.com/me/music?access_token=…
Thursday, December 22, 11
![Page 26: 20111219 gumistudy#11](https://reader036.fdocuments.us/reader036/viewer/2022081403/554ef6c0b4c90580698b4782/html5/thumbnails/26.jpg)
【エンジニアカフェ×AWS×GUMI 】FACEBOOKモバイルアプリ ハンズオン&ハッカソンVOL.2
【日程】1月28 日(土) 10:00-19:00(受付開始9:30~)
【会場】パソナグループ本部 地下1階コワーキングスペース「GrowSEEDs」
【定員】50名
【費用】無料
【特典】【$25】分AWSクーポンをプレゼント!(AWSアカウント新規の方に限る)
【$1000】分AWSクーポンを最優秀アプリ開発者に贈呈!
http://www.facebook.com/events/135957709849932/
Thursday, December 22, 11