facebook apiを活用したサイト構築術

Facebook APIを活用したサイト構築術

河村奨 (かわむらつとむ)[email protected]

Facebook Creator'sMeet-up #1

API って、なに?


API って、なに?Application Programming Interface

あるプラットフォーム(OSやミドルウェア)向けのソフトウェアを開発する際に使用できる命令や関数の集合のこと。また、それらを利用するためのプログラム上の手続きを定めた規約の集合。個々のソフトウェアの開発者がソフトウェアの持つすべての機能をプログラミングするのは困難で無駄が多いため、多くのソフトウェアが共通して利用する機能は、OSやミドルウェアなどの形でまとめて提供されている。個々の開発者は規約に従ってその機能を「呼び出す」だけで、自分でプログラミングすることなくその機能を利用したソフトウェアを作成することができる。


イベント情報

掲示板(ウォール)

参加者の情報


イベント情報


参加者の情報

人間が見れば一目瞭然。でも、このままプログラムで使うのはすごくめんどくさい。


そこで、


プログラムから使いやすいように


いろいろ取り決めたものが「API」

$facebook = new Facebook(a

rray(

'appId'=>”216710185019381”

,

'secret'=>”himitsunobangou

1234”

));


APIいろいろ


サービスにAPIが用意されている

「呪文」を正しく唱えれば、情報を引き出せる (書込もOK)

=


じゃあ、何が取り出せるの?UsersPagesEventsGroupsApplicationsStatus messages

PhotosPhoto albumsProfile picturesVideosNotesCheckins


じゃあ、何が取り出せるの?UsersPagesEventsGroupsApplicationsStatus messages

PhotosPhoto albumsProfile picturesVideosNotesCheckins

要するに、Facebookでやり

とりする

情報のほとんど


使用例 ❶


使用例 ❷


写真アルバム

使用例 ❷


使用例 ❸


イベント参加者

使用例 ❸


やってみよう。


http://graph.facebook.com/M4chairAPIのレスポンスは、ブラウザでも確認できる。


参考資料

ドキュメント API Explorer


構成

JavaScript

HTML

Ajax通信

<script></script>

データ

表示


構成

AppID付きでGraph APIをコールプロクシ(PHP)

JavaScript

HTML

Ajax通信

<script></script>

データ

加工データ

表示

JavaScript


https://github.com/cognitom/EventWall

http://www.osscafe.net/eventwall/ ?eid=126901887401754&hashtag=fbcmeetup

めんどくさい人は、ここで使えます。

Fork me!


8/25発売!

新刊のご案内

毎週水曜 10:00～20:00

9月正式オープン


図書室カフェ放送設備


のために。すべては、と



仕事する・喋る・話すカフェ電源・コーヒー・大型モニタ

www.osscafe.netwww.facebook.com/shimokitazawa.osscafe

詳しくは、サイトまたはFacebookへ!


「オープンコーラ」Jelly!2011/8/31(水)

イベント告知

facebook apiを活用したサイト構築術

Technology