1. Ambrotypeにおける、Facebook連携方法
大井宏友
株式会社リクルートホールディングス メディアテクノロジーラボ

2. Agenda
• Media Technology Labsのご紹介
• Ambrotype
• サービスのご紹介
• Facebookとの連携方法について

3. リクルートグループ

4. リクルートGの実証実験機関
http://mtl.recruit.co.jp

5. MTL
事業化
新規事業開発
R&D

9. MTLのスマートフォンアプリ

10. cameran.in

11. ambrotype.com

12. toC向けの、
スマートフォン向け
ソーシャル⃝⃝
グローバルな
サービスを
速く沢山生み出しています。

13. http://ambrotype.com

14. 1827年

15. 約200年後

16. 「写真撮影」は
より⾝身近に

17. 10%

18. 20%

20. 思い出
の
所在...

21. Ambrotype
=
「思い出アルバム」

22. Re-fetching
your photos
from these
serivices

23. Sort by
date
“Automatically”

24. Notify a photo
of your
memories
daily
= Serendipity

25. Communication

26. Make album
by Face
recognition

27. Make
album
by Geo

28. Make a
Greeting Card

29. Make a
Greeting Card

30. 写真を集める
思い出を整理理する
思い出に出会う
思い出コミュニケーション

31. Ambrotype: for your memories

32. Ambrotypeは
Facebookと連携して
なにやってるのか

33. Architecture
Titanium

34. Titanium: JSでマルチOSのスマホアプリが
作れる

35. Facebookとの連携
1.Facebookログイン
2.写真の取得
3.投稿

36. 1. Facebookログイン
①認証
③Fb Token
④Am Token
②Fb Token

37. TitaniumはFacebookコネクトが楽
• Ti.Facebookモジュールが標準でビルトイン!
Ti.Facebook.appid = '[YOUR APPID]';
// Permissions your app needs
Ti.Facebook.permissions = ['publish_stream'];
Ti.Facebook.forceDialogAuth = false; //SSO
Ti.Facebook.addEventListener('login', function(e) {
if (e.success) {
var aToken = Ti.Facebook.accessToken;
} else if (e.error) {
alert(e.error);
} else if (e.cancelled) {
alert("Canceled");
}
});
Ti.Facebook.authorize();

38. TitaniumはFacebookコネクトが楽
• Ti.Facebookモジュールが標準でビルトイン!
Ti.Facebook.appid = '[YOUR APPID]';
// Permissions your app needs
Ti.Facebook.permissions = ['publish_stream'];
Ti.Facebook.forceDialogAuth = false; //SSO
Ti.Facebook.addEventListener('login', function(e) {
if (e.success) {
var aToken = Ti.Facebook.accessToken;
} else if (e.error) {
alert(e.error);
} else if (e.cancelled) {
alert("Canceled");
}
});
Ti.Facebook.authorize();

39. TitaniumはFacebookコネクトが楽
• Ti.Facebookモジュールが標準でビルトイン!
Ti.Facebook.appid = '[YOUR APPID]';
// Permissions your app needs
Ti.Facebook.permissions = ['publish_stream'];
Ti.Facebook.forceDialogAuth = false; //SSO
Ti.Facebook.addEventListener('login', function(e) {
if (e.success) {
var aToken = Ti.Facebook.accessToken;
} else if (e.error) {
alert(e.error);
} else if (e.cancelled) {
alert("Canceled");
}
});
Ti.Facebook.authorize();

40. TitaniumはFacebookコネクトが楽
• Ti.Facebookモジュールが標準でビルトイン!
Ti.Facebook.appid = '[YOUR APPID]';
// Permissions your app needs
Ti.Facebook.permissions = ['publish_stream'];
Ti.Facebook.forceDialogAuth = false; //SSO
Ti.Facebook.addEventListener('login', function(e) {
if (e.success) {
var aToken = Ti.Facebook.accessToken;
} else if (e.error) {
alert(e.error);
} else if (e.cancelled) {
alert("Canceled");
}
});
Ti.Facebook.authorize();

41. 2. 写真の取得
②処理
①GET

42. 2. 写真の取得
1.自分のアルバム一覧を取得
2.アルバム毎に入っている写真を取得
3.位置情報がついている場合、その情報を取得
• FQL爆速！
• とにかく高速
• 全件取れる（他のサービスはリミットが少ない）

43. 2. 写真の取得
• FQLはこんな感じ
SELECT pid, caption, src, src_big, created,
modified, place_id, link, src_small_width,
src_small_height, src_big_width, src_big_height,
object_id, like_info, comment_info FROM photo
WHERE aid IN (SELECT aid FROM album WHERE
owner=me())
• Restfb(http://restfb.com)を利用
FacebookClient facebookClient = new
DefaultFacebookClient("facebookのトークン");
List<JsonObject> faceBookPhotos =
facebookClient.executeQuery(SELECT_OWN_ALL_PHOTO
S, JsonObject.class);

44. 3. 投稿
②URL生成
①Req ③API

45. 3. 投稿
fbparams = new Parameter[] {
Parameter.with("message", comment),
Parameter.with("picture", pictureUrl),
Parameter.with("link", url),
Parameter.with("name", name),
Parameter.with("privacy", "{"value":"" +
perm+ ""}")
};
String publishMessageResponse =
facebookClient.publish(
"me/feed", String.class, fbparams
);

46. はまったところ
• Facebookの仕様が複雑で分かりにく
い。
•feedで結構ハマった

47. はまっているところ
• 写真のURLが変わる!?
•FQLのレスポンスURLをそのままDBに突っ込ん
でる筈なのに、古くなるとURLが変わっていて
Not Foundになってしまう。
•懇親会でPlease Help Me!

48. ステッカーあります。