今さら聞けないfacebook

今さら聞けない facebook 2011-12-21株式会社マイネット・ジャパン伊藤祐策

今日のテーマ

facebookthe Social Networking Service

今回はアプリ開発編使い方編の2本でお送りいたします

<アプリ開発編>

このセクションではfacebookの実装の世界についてご紹介します

facebookアプリ開発といえば

facebookGraph API

まずはGraph APIを使うための基礎についてご紹介

題して

ここが凄いよ facebook

何が凄いのか？

facebook実装のここが凄い1.データ構造がシンプル2.URL構造がシンプル3.APIがシンプル

simple is best!

１.データ構造がシンプル

facebookの中では全てが「オブジェクト」

これらが全部「オブジェクト」• ユーザー• Facebookページ – 場所（例：「東京都」） – 趣味（例：「野球」） – 言語設定の言語（例：「日本語」）• ウォールへの投稿• 共有した写真• etc

オブジェクトは共通してid と type という属性を持つ

基本オブジェクトObject id type

しかもidは全て同じID空間で管理されている

Object statusUser link Photo Page

例for example

私のObjectIDは11億6310万2843 です

FacebookユーザーオブジェクトUser < Object id:1163102843 type:user name:伊藤祐策 username:ito.yusaku

こんな感じで、 IDさえわかればあらゆるオブジェクトを特定することができる仕組みになっている

ちなみに

facebookアプリ開発者が絶対に使いこなしておくべきたった一つのfacebookアプリ

facebook公式アプリGraph API Explorer

これさえあればfacebookの内部データ構造がまるわかり！

オブジェクトの話に戻って

facebookアプリ開発者が覚えておくべき基本的な8種類のオブジェクトタイプ

1.FacebookユーザーUser < Object type:user facebookを利用しているユーザー

2.FacebookページPage < Object type:page 会社、学校、言語、宗教、場所、音楽、映画等、世の中に存在するあらゆる存在。

3.ユーザーによる投稿Status < Object type:status ユーザーによって投稿された文字だけの近況

4.リンクのシェアLink < Object type:link ユーザーによって投稿されたURL ※URLを含んだ近況を投稿すると linkになる

5.写真Photo < Object type:photo ユーザーによって投稿された画像 ※facebookアプリからもよく自動生成される

6.アルバムAlbum < Object type:album ユーザーによって作成された写真アルバム ※facebookアプリからもよく自動生成される

7.イベント（行事予定）Event < Object type:event ユーザーによって企画された行事予定。

8.友達リストFriendList < Object type:friendlist ユーザーが任意に作成した友達のリスト。または所属先によって自動的に生成された友達リスト。 ※後述

以上8種類これだけ覚えておけば多分大丈夫

2.URL構造がシンプル

例for example

http://www.facebook.com/ito.yusaku

名前空間のトップレベルからユーザーにあげちゃうなんて超太っ腹！

もうひとつ例for example

ユーザーの友達リストのURL

http://www.facebook.com/ito.yusaku/friends

超シンプル！わかりやすい！

実はGraph APIでもほとんどURL構造が同じ

https://graph.facebook.com/ito.yusaku/friends

このURLでユーザーの友達情報をjsonで取得できる！

あれ、もしかして

Graph API Explorerでhttps://graph.facebook.com/1163102843って打ったら自分のユーザー情報引っ張れたよね？

じゃあさ、

http://www.facebook.com/1163102843 って打ったらどうなるのっと・・・

表示された！（リダイレクトされます）

誰が得するのか分からないけどなんか凄い！

3.APIがシンプル

例for example

status(近況投稿)の GETで取得できるデータ構造

{ "id": "1163102843_2861493774125", "from": { "name": "伊藤祐策", "id": "1163102843" }, "message": "ぽっぽっぽ～♪ぬるぽっぽ～♪データが欲しいかもうないぞ～♪", "actions": [ { "name": "Comment", "link": "http://www.facebook.com/1163102843/posts/2861493774125" }, { "name": "Like", "link": "http://www.facebook.com/1163102843/posts/2861493774125" } ], "privacy": { "description": "Only Me", "value": "SELF" }, "type": "status", "created_time": "2011-12-19T09:49:16+0000", "updated_time": "2011-12-19T09:49:16+0000",

じゃあ近況をGraph APIから投稿したいときはどんなデータ構造にすればいいの？

{ "id": "1163102843_2861493774125", "from": { "name": "伊藤祐策", "id": "1163102843" }, "message": "ぽっぽっぽ～♪ぬるぽっぽ～♪データが欲しいかもうないぞ～♪", "actions": [ { "name": "Comment", "link": "http://www.facebook.com/1163102843/posts/2861493774125" }, { "name": "Like", "link": "http://www.facebook.com/1163102843/posts/2861493774125" } ], "privacy": { "description": "Only Me", "value": "SELF" }, "type": "status", "created_time": "2011-12-19T09:49:16+0000", "updated_time": "2011-12-19T09:49:16+0000",

{ "message": "ぽっぽっぽ～♪ぬるぽっぽ～♪データが欲しいかもうないぞ～♪", "privacy": { "value": "SELF" },}, 投稿に必要そうな属性だけ抜き出して、同じデータ構造でPOSTしてあげればいいだけ！

これでOK

超簡単！

簡単すぎて技術仕様書要らず！

これで今日から君も facebookアプリ開発者だ！

</アプリ開発編 >

<使い方編>

このセクションではfacebookの機能仕様について紹介します

しかもお題はなんと

「動作仕様がよくわからない機能」

10人中8人くらいはちゃんと理解して使っていないだろうと思われる機能を３つ紹介

その１友達の親密度設定

トモダチ

facebookには 3種類の友達レベルがあるのをご存知でしたか？

1.普通の友達2.親密な友達3.知り合い

親密度設定をすると一体どうなるのか？

デフォルト設定では・・・※この状態に特に名前はついていないので、便宜上「普通の友達」と言うことにします• フィードの表示対象が「ほとんどのアップデート」になる。• あとはfacebookの表示対象選定エンジン任せ

「親密な友達」に設定すると・・・• フィードの表示対象が「すべてのアップデート」になる。• その人が何か投稿するたびに左上の通知領域に通知が表示されるようになる。

主な利用用途ネットストーキング

「知り合い」に設定すると・・・• フィードの表示対象が「重要なアップデートのみ」になる。• いわゆる「友達以下」に分類される人用• 近況に興味がない友達の設定としてオススメ• 転職したり、結婚した時に「おめでとう！」と言っておしまい程度の関係

おまけ1：「フィードの購読をやめる」• 友達申請を受理したものの、正直近況を見たくない人用• これを設定すると、その名の通りフィードが一切表示されなくなる• 先方からは察知されないので安心

おまけ2：「アプリからの投稿を非表示にする」• やたらむやみにPOSTしてくるアプリをつかっている人におすすめ• 「アプリ」単位で非表示設定ができる• 「個人×アプリ」単位では非表示設定はできない• これを行使されたアプリ開発者は深く反省すべき

ちなみに

これらの親密度設定は Graph API からは一切取得できません

こんなの他人にバレたら大変ですもんね

それ以上に自分がハブられてることを知ってしまうことのほうが辛いかもしれませんが

その２友達リスト

友達リストとは• 増えすぎた友達をグループ化して管理する機能• あまりにも使われなかったせいか、 facebookのアップデートが進むにつれ隅に追いやられてしまった不遇な存在• でも「情報の共有範囲」に神経質な人にとっては非常に便利な機能

使い方

マウスオーバーしないとでてこない！

友達リストの活用例• 「あれ、こいつ誰だっけ？」を防ぐ – 「X年Y月Z日の合コンで知り合った人」 – 「○○株式会社」 – 「ナントカ勉強会で会った人」• 投稿の共有範囲の設定に使う – 「同僚」 – 「取引先」 – 「大学の友人」

この投稿を「同僚」ではない人 or 「上原仁」が閲覧しようとすると

もちろんフィードにも表示されることはありません

閲覧可能な人の図公開対象者を足し算してから非表示対象者を引き算公開対象者非表示対象者

友達リストの登録方法その２

その３「いいね！」ボタン

facebookには 2種類の「いいね！」があるのをご存知でしたか？

1.ユーザー投稿に対する「いいね！」2.facebookページに対する「いいね！」

1.ユーザー投稿に対する「いいね！」• 友達の投稿を見ておもしろかったら押すもの• 投稿者が喜ぶので気軽にやるべし• 「投稿を読んだよ」というメッセージの代わりでもよい

2.facebookページに対する「いいね！」• そのページに書かれているものに対して「ファンになることを宣言」することを意味する• そのページの所有者による投稿が自分のフィードに表示されるようになる ※facebookページには所有者が存在している

例for example

押したら最後あなたは「イ」という番組のファンとみなされます

facebookページ所有者からみた「いいね！」• 大抵のfacebookページ作成者は、プロモーション目的でページの作成を行う• 「いいね！」の数はそのままメディア力となる• だからページ所有者達は「いいね！」数を稼ぐことに必死

facebookページあるある「いいね！」をクリックして診断スタート！

facebookページあるある「いいね！」をクリックしてキャンペーンに応募！

facebookページあるあるみんなもう「いいね！」をクリックしましたよ！

知られざる「いいね！」の仕様• 「いいね！」は取り消すことができる ※ページ所有者が最も恐れている行為• 取り消さなくても、ページからの投稿を非表示にすることができる• 「いいね！」をつけれるページの数は1 ユーザーあたり500ページまで

</使い方編>

まとめ• 開発編 – facebookの実装仕様はとってもシンプル – Graph API Explorerを使いこなそう – 基本を押さえるだけで技術仕様書要らず• 使い方編 – 知らなかったで済まされる機能は結構沢山ある – facebookページへの「いいね！」は重い

おしまい

http://d.hatena.ne.jp	2542
http://a0.twimg.com	14
http://webcache.googleusercontent.com	4
http://us-w1.rockmelt.com	1

今さら聞けないfacebook

by 祐策祐策 on Dec 21, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 2,561

Statistics