1. 第四回Web APIを使ってWebアプリケーションを作る勉強会 〜 twitter , facebookのAPI を使って 連携アプリを作り始めてみよう〜

2. 前回のおさらい ホットペッパーのAPI（リクルートWebサービス）とtwitter のAPIによる投稿のみのプログラミング体験を2時間で行いました 2つのAPIを無理矢理こじつけたマッシュアップなどもやってみました・・・

3. twitterでは twitterアプリの登録 ライブラリの利用 ひな形を元にお知らせbotを作成しました <?php require_once("twitteroauth.php"); // OAuthアプリ登録で取得したConsumer keyを設定 $consumer_key=“xxxxxxxxxxxx"; // OAuthアプリ登録で取得したConsumer secretを設定 $consumer_secret=”xxxxxxxxxxxx"; // https://dev.twitter.com/apps/で取得したoauth_tokenを設定(Access token) $oauth_token=”xxxxxxxxxx"; // https://dev.twitter.com/apps/で取得したoauth_token_secretを設定(Access token secret) $oauth_token_secret=”xxxxxxxxxxxxxx"; // twitter アカウントに発言させる内容 $message = "もしかして aaaa"; $status = $message; // 発言を行うメソッドを指定 $method = "statuses/update"; // パラメータを指定（ここでは発言内容を指定） $parameters = array("status" => $status); // TwitterOAuthのインスタンスを生成 $twitter = new TwitterOAuth( $consumer_key, $consumer_secret, $oauth_token, $oauth_token_secret ); // Twitterに発言をPOST $response = $twitter->post($method, $parameters); $http_info = $twitter->http_info; $http_code = $http_info["http_code"]; // ツイートの成功可否を判別してその結果を画面表示（テキストonly） if($http_code == "200" && !empty($response)) { print "ツイート成功"; } else { print "ツイート失敗"; } ?>

4. 本日のテーマは認証 自分が登録したアカウントで発言させるのみでした（この勉強会では初の投稿系API） 今日は第三者に自分が作ったサイトで認証してもらい、そこでその第三者のアカウントで発言してもらうことを目指します（この勉強会では初の認証系API） その第一歩として認証を行います

5. twitter& facebook

6. 1時間目 twitterで認証、タイムラインの取得、friendsタイムラインの取得

7. 1時間目の流れ 前回のbotの復習について ライブラリを使いましょう！ 画面フローの確認（友達のツイートを見るためのフロー） 作業ファイルのセットアップ、準備 動作テスト friends_timelineにアクセス HTMLに整形

8. twitterお知らせbotの復習 oshirase.botにアクセスするとすぐに発言される（そこに設定情報等すべて書かれている） Oauth.phpとtwitteroauth.phpというライブラリを利用している 登録したアプリケーション名が表示される（日本語文化圏でないクライアントでは全角文字は表示されない）

9. OAuth認証 ライブラリを使いましょう！ twitteroauthat master from abraham/twitteroauth– GitHubhttps://github.com/abraham/twitteroauth/tree/master/twitteroauth/ 細かい認証の仕組みを気にせずに開発に集中出来る！

10. 画面フローの確認 「Signinボタン」 友達のタイムライン表示

11. 作業ファイルのセットアップ templateフォルダから下記ファイルをworkフォルダにコピーして作業を始めます socialconfig.phptwitterのアクセストークンやコールバック関数を書き込んでください apifunc.php callback.php clearsessions.php connect.php html.inc imagesフォルダ（ボタンデザインが2種類入っている） index.php redirect.php OAuth.php twitteroauth.php

12. 準備事項 callbackURLの設定例：http://127.0.0.1/webapi4/sample/twitteroauth/callback.php※http://localhost/は受け付けられない※当然、サーバーにアップした場合はサーバーのURLに書き換える必要がある

13. ファイルにアクセス http://127.0.0.1/webapi4/work/index.php ※はじめての時だけ

14. statuses/friends_timelineの取得 自分のfriendsのツイートと自分のツイートで構成される（homeと異なりリツイートは含まれない） index.php内の $content = $connection->get(‘account/verify_credentials’);を $content = $connection->get(‘statuses/friends_timeline’);と書き換えるだけ

15. HTMLの形に整形するには？ 配列変数から一つずつの情報を取り出しHTMLテンプレートの中に埋め込んでいく $content=""; foreach ($contents as $hit) { $content .="<strong>".$hit->user->screen_name."</strong>"; $content .=$hit->text."<hr>"; }

16. twitterマッシュアップのヒント タイムラインは人それぞれ、同じ物が存在しない。また、友達や気になる人が多い テキスト解析で感情をアイコン化したり、形態素解析もしくはキーフレーズ抽出でコンテンツマッチで商品紹介するなど※切り口＝検索、トレンドAPIの利用等 twitterクライアントを作る。自分専用に使いやすくしたこだわりにクライアントを作る 掲示板投稿の認証にtwitterを使い、掲示板投稿内容の頭100字ぐらいを本人とサイトアカウントのtwitterタイムラインに流す

17. 2時間目 facebook APIの概念、PHP SDKの利用方法、アプリにする方法

18. 2時間目の流れ 開発者登録の確認 facebookアプリ登録 アプリをfacebokに結合する 開発中はsandboxモードにする PHP SDKモードの利用方法 プロフィール情報の表示解説 friendsリスト表示の解説

19. facebookの開発者登録 事前に開発者登録のお願いをしております（そこそこ時間と手間がかかります） これからされる方はさっと済ませておいてください 下記URLが最新の開発者登録の方法を解説しているサイトです。無料の会員登録が必要ですが、有益な記事ですので、ご確認ください。 http://itpro.nikkeibp.co.jp/article/COLUMN/20110929/369675/

20. facebookアプリ登録 https://developers.facebook.com/apps 上記URLから右上の「新しいアプリケーションを作成」ボタンを押して必要事項を記入します アプリの名前を入れます 半角英数字7文字以上で入力

21. アプリをFacebookに結合する

22. 開発中はSandboxモードにする 開発中は他の人がアプリに触れないようにするため、Sandboxモード（開発者のみ使える）にしておく 関係者を指定して使えるようにすることは出来る

23. PHP SDKの利用方法 https://github.com/facebook/php-sdk/ 上記URLからダウンロードできる しかし、最新版はすでに動かない・・・。$session = $facebook->getSession();ここに問題があるらしい。下記の通り書き換えて、その後も準じて書き換えていきます。$uid= $facebook->getUser();※元となる参考ソースhttp://d.hatena.ne.jp/ramyana/20101012/1286897340

24. プロフィール情報 $me = $facebook->api('/me'); プロフィール情報の取り出しは$meに配列の形で入っているので、<?phpecho $me[‘name’]; ?>といったPHPタグの形で記述できる。写真URLはhttps://graph.facebook.com/ユーザーID/pictureとなる

25. Friendsリスト表示 $friends = $facebook->api('/me/friends'); $friendsに複数の友達情報が含まれていて、$friendsから$friendに一人ずつ情報を代入してforeachで回します。$friend[‘name’]でその人の名前を取り出すことが出来ます

26. facebookマッシュアップヒント 今回の事例はfacebookアプリライク 日常facebook使う人向けのコンテンツアグリケーションサービス Youtube、ホットペッパー、地図等アプリとして登録しておくことでそのサイトに行かなくても便利なもの（付加価値がつくもの。例：居住地域や最寄り駅をベースにデフォルト検索されている等）

27. 3時間目 1時間集中ワーク、マッシュアップを目指す

28. 舞台がどこになるかを決めよう アプリ プラットフォーム twitter,facebook,mixi等 アプリ

29. レファレンス ▽Documentation | Twitter Developers https://dev.twitter.com/docs ▽Graph API - Facebook開発者 https://developers.facebook.com/docs/reference/api/ ▽Getting Started - Facebook開発者 https://developers.facebook.com/docs/

30. 参考書籍（twitter） Twitter API プログラミング Twitter API ポケットレファレンス 書籍ではないですが・・・Twitter API 仕様書http://watcher.moe-nifty.com/memo/docs/twitterAPI.txt

31. 参考書籍（facebook） スマートにプログラミングfacebookアプリ開発 facebookアプリケーション開発ガイド（中級技術者向け） facebookデザインブックステップアップ活用編 書籍ではないですが・・・facebookアプリの作り方・PHP 編（2010 年 10 月版） - 19790401173.4http://d.hatena.ne.jp/ramyana/20101012/1286897340 仕様変更が頻繁にあるためサンプルソースがそのまま使えないことに注意