Facebook Night vol.9 発表資料

1. リアルFacebook
ガジェットを
作った
株式会社鳥人間
郷田 まり子

2. 株式会社鳥人間
プログラマ
郷田まり子

3. www.facebook.com/maripo

4. PageAge
いいニャ

5. 2011年4月発売
たぶん日本最古の
FBアプリ開発本

6. 苦労話を
しろと
言われたので

7. 苦労したという
前提
苦労話を
しろと
言われたので

8. 書いても
書いても
古くなる

9. 印刷所入稿の
直前に
API仕様変更

10. 発売の
直後に
API仕様変更

11. PageAge

12. 2011年
ユーザ & ページの
タイムライン表示が
開始

14. 重要な
出来事

15. まとめて表示

16. いいニャ

17. Google
Chrome
拡張機能

19. いいね!

20. いいね!
いいニャ!

22. にゃー

34. Facebookが
気になって
仕方ない

35. 生産には
お金がかかる

36. クラウド
ファンディングで
支援を募集

38. 開発
チーム

39. 企画・デザイン
Bsize Inc. 八木 啓太

40. 中身・ソフトウェア
久川真吾 郷田まり子
株式会社鳥人間

41. Kickstarter担当
株式会社Cerevo

43. 試作

44. 基板を
作る

45. 設計
基板設計CAD EAGLE

46. プリント基板を
発注して
2週ほど待つ

47. 調達

48. 実装

49. 試作0号

50. 試作0号

51. ケース

52. USB

53. 対応OS
Mac OS X
Windows

54. 本日の
技術的
本題

55. Mac & Windows
ネイティブアプリで
Facebookの
APIを叩く

57. Facebook
API HTTPS Request
(FQL)
Response PC
(通知数)
Native
App
USB通信
(通知数)
NOTICE

58. Facebook
API HTTPS Request
(FQL)
Response PC
(通知数)
Native
App
アップデート前提
USB通信
(通知数)
NOTICE

59. 辛いところ1
公式SDKが
提供されてない

61. 辛いところ2
情報が
すごく少ない

62. 課題1
通知数を
取得する

63. FQL

64. 通知数
SELECT notification_id
FROM notification
WHERE recipient_id=me()
AND is_unread=1

65. 未読メッセージ数
SELECT tags
FROM unified_thread
WHERE has_tags('inbox')
AND NOT (has_tags('seen'))

66. 未読友達申請数
SELECT uid_from
FROM friend_request
WHERE uid_to=me() AND
unread=1

67. 小技
FQLのレスポンスを
ちょっと軽くする

68. FQLで
COUNTは
使えない
だめな例:
SELECT COUNT(*)
FROM friend_request ...

69. FQLで
COUNTは
使えない
だめな例:
SELECT COUNT(*)
FROM friend_request ...
SQL脳の恐怖

70. Query:
SELECT notification_id FROM notification
Response:
{
"data": [
{
"notification_id": "123456789"
}, {
"notification_id": "987654321"
}
]
}

71. Query:
SELECT notification_id FROM notification
Response:
{
"data": [
{
"notification_id": "123456789"
}, {
"notification_id": "987654321"
}
]
}
わりと
どうでもいい

72. Before:
SELECT notification_id
FROM notification ...

73. Before:
SELECT notification_id
FROM notification ...
After:
SELECT
FROM notification ...

74. Query:
SELECT FROM notification

75. Query:
SELECT FROM notification
{
"data": [
{
"anon": ""
}, {
"anon": ""
}
]
}

76. Query:
SELECT FROM notification
Response:
{
"data": [
{
"anon": ""
}, {
"anon": ""
}
]
}
すっきり
さわやか

77. Multi-query
複数クエリをまとめて実行
結果もまとめて返ってくる
{
"notification":
"SELECT '' FROM notification
WHERE recipient_id=me() AND is_unread=1",
"message":
"SELECT '' FROM unified_thread
WHERE has_tags('inbox') and not (has_tags('seen'))",
"friend_request":
"SELECT '' FROM friend_request
WHERE uid_to=me() AND unread=1"
}

78. 課題2
Authentication

79. Mac OS X

80. WebView

81. 表示&デリゲート登録
WebView *webView;
// デリゲートをセット
[webView setResourceLoadDelegate:self];
// URLを開く(認証ダイアログを表示)
[webView setMainFrameURL:@ https:// ];

82. URL変更をハンドル
- (void)webView:(WebView *)sender resource:(id)identifier
didFinishLoadingFromDataSource:(WebDataSource *)
dataSource
{
NSString *url = dataSource.request.URL.absoluteString;
NSRange match = [url rangeOfString:@"access_token="];
if (NSNotFound !=match.location)
{
// Access Token Found
NSString *accessToken =
[[url substringWithRange:match] substringFromIndex:
[@"access_token=" length]];
NSLog(@"Short Access Token Found.: %@", accessToken);
}
}

83. Windows

84. WebBrowser

85. 表示
browser.Url = new Uri("https://...");

86. URL変更をハンドル
private void onLoad(object sender,
WebBrowserDocumentCompletedEventArgs e)
{
string url = browser.Url.ToString();
if (url.Contains("access_token="))
{
Regex regex =
new Regex("access_token=([A-Za-z0-9]+)");
Match match = regex.Match(url);
string token = match.Groups[1].Value;
Console.WriteLine(token);
}
}

87. アクセス
トークンの
延長

89. 開発に必要な
スキルセット

90. ケース ソフトウェア
プロダクトデザイン 本体側
3D CAD AVR
試作品の製造 Mac OS X
美意識:-) Objective-C
C
Windows
回路 .Net + C#
回路設計 Facebook API
電磁気学
基板作り
PCB基板生産 量産
配線 (アートワーク) EMS (受託生産)
発注
部品調達
実装
普通のはんだづけ
表面実装
各種規制・規格

91. 企画・デザイン 中身・ソフト Kickstarter
・量産
Bsize Inc. 株式会社
株式会社鳥人間 Cerevo
八木 啓太

92. Kickstarter担当
株式会社Cerevo

93. NOTICE
開発メンバーで
イベントやります

94. 09/18
19:00
東京

96. Happy Hacking:-)