MdNCORPORATION

Twitter・Facebook・YouTube・Ustream── “ソーシャル”なサイト構築のためのWeb API コーディング

Twitter・Facebook・YouTube・Ustream── “ソーシャル”なサイト構築のためのWeb API コーディング

MdN編集部 編
定価 2,530円
(本体 2,300円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2011-04-22
仕様 B5変型判/176pP
ISBN 978-4-8443-6193-0
TwitterやFacebookの普及により、いわゆる「ソーシャル・ネットワーキング・サービス」の要素が存在しないWebサイトは“時代遅れ”と見なされる時代になってきました。これらのサービスはたんにウィジェットを貼り付けるだけでも使うことはできますが、Web APIを利用して組み込むことで、より柔軟に活用できるようになります。 本書は、近年人気の高いサービスが提供しているWeb APIの利用方法を解説した書籍です。基本的な各APIの使い方はもちろん、GoogleマップとUstreamを連携して地図上で動画を再生したり、位置情報で絞り込んで近所のツイートのみを抽出する、FacebookやTumblrをCMS的に利用してサイト更新を効率化するなど、現場で使える実践的なテクニックも多数紹介しています。 コーディング言語はおもにJavaScript+jQuery(一部の記事のみPHP)を使用。サンプルデータをダウンロードできるので、解説を読みながら実際の機能も確認できます。あなたのWebサイトをより本格的に“ソーシャル化”できる必読書です!!

→サンプルデータのダウンロードはこちら



■ページ見本








目次

【“ソーシャル”なサイト構築のためのWeb APIコーディング】

■■■第1部 よく使われるAPI■■■

■CHAPTER01 Twitter API
01 Twitter APIでできること
・Twitter APIの特徴
・Twitter APIのリソース

02 Twitter APIを利用したアプリケーション
・世界中のツイートを検索する
・話題のツイートを取得する
・自分のページからツイートする

03 Twitter API簡易リファレンス


■CHAPTER02 Facebook API
01 Facebook APIでできること
・Graph APIとJavaScript SDK
・Graph APIの特徴
・Graph APIの「オブジェクト」と「つながり」
・Graph APIの提供する機能
・JavaScript SDKの特徴

02 Facebook APIを利用したアプリケーション
・ページの情報を検索する
・現在のユーザの誕生日を表示する
・ウォールへの投稿

03 Facebook API簡易リファレンス


■CHAPTER03 YouTube API
01 YouTube APIでできること
・YouTube APIの特徴

02 YouTube APIを利用したアプリケーション
・YouTube Data APIを使って、動画リストを取得する
・YouTube Data APIを使って、動画を検索する
・YouTube Player APIのウィジェットを使う
・YouTube Player APIを使って、プレイヤーを制御する

03 YouTube API簡易リファレンス


■CHAPTER04 Ustream API
01 Ustream APIでできること
・Ustream APIの特徴
・Ustream APIの準備

02 Ustream APIを利用したアプリケーション
・Ustream APIの基礎
・ユーザ(User)を検索する
・過去のビデオ(Video)を検索する
・番組(Channel)を検索する
・最も視聴者数の多い番組を表示する

03 Ustream API簡易リファレンス


■CHAPTER05 Google Maps API
01 Google Maps APIでできること
・Google Maps APIの特徴
・Google Maps JavaScript APIの特徴

02 Google Maps APIを利用したアプリケーション
・地図を表示する
・検索した位置を表示する
・2点間のルートを表示する

03 Google Maps API簡易リファレンス


■CHAPTER06 Amazon Product Advertising API
01 Amazon Product Advertising APIでできること
・Amazon Product Advertising APIの特徴

02 Amazon Product Advertising APIを利用したアプリケーション
・商品を検索する
・関連商品を検索する

03 Amazon Product Advertising API簡易リファレンス


■CHAPTER07 Flickr API
01 Flickr APIでできること
・Flickr APIの特徴
・Flickr APIを使う準備

02 Flickr APIを利用したアプリケーション
・写真を検索する
・写真の詳細情報を取得する

03 Flickr API簡易リファレンス


■■■第2部 API実践テクニック■■■

■CHAPTER08 APIの発展的な使い方
01 Facebookを利用したサイト内ブックマーク
・Facebook Graph APIを利用する準備
・ログイン処理
・共有リンクの取得
・新規共有リンクの設定

02 Twitter APIを利用したキャンペーン管理アプリ
・Twitter APIを利用する準備
・Twitter APIによる認証処理の実装
・機能の実装――データ取得とインタフェイス作成
・機能の実装――検索処理
・抽選の画面表示

03 Google Mapsの大量マーカーをまとめる
・Marker Clusterを利用する準備
・マップの表示
・マーカーの生成と表示
・マーカーをまとめて表示

04 特定の位置周辺のつぶやきを取得して表示する
・Search APIを利用する準備
・Search APIからデータを取得
・自動スライド表示(下から上)
・ユーザビリティの向上①──リンクへの変換
・ユーザビリティの向上②──自動スライドの停止と再開
・位置の動的変更①──Search APIを利用する準備(変更)
・位置の動的変更②──イベント設定して入力内容を取得
・位置の動的変更③──位置情報に変換
・位置の動的変更④──不要なツイートの削除


■CHAPTER09 複数のAPIを組み合わせる
05 Tumblr、Facebook、Picasaを利用したソーシャルなトップページ
・ページの構成
・各APIを使う準備
・ユーザ名や投稿数などの設定
・Tumblr API①──JSONデータの取得
・Tumblr API②──HTMLの構築
・Facebook API①──JSONデータの取得
・Facebook API②──HTMLの構築
・Picasa APIを利用したスライドショー

06 Google Maps上にUstream 映像を表示
・Google MapsとUstreamを利用する準備
・ライブラリの読み込み
・マップ上に映像を表示
・マーカーごとにオフセットを設定


■CHAPTER10 特定の機能を取り込む
07 「mixiでログイン」ボタンを設置してOpenIDで認証を行う
・OpenIDを利用する準備
・OpenIDによる認証機能の実装
・OpenIDで認証を行う
・mixiのニックネームを取得

08 複数の場所にある情報を検索する
・Google Web Search APIを利用する準備
・パーツの作成
・表示のカスタマイズ
・検索先の拡張
・検索結果表示のカスタマイズ

09 Twitpicに投稿された画像を表示する
・Twitpic APIの特徴
・Twitpic APIを利用する準備
・画像の取得と表示
・フェードでの切り替え
・テキストの追加表示
・フェード開始のタイミングを変更


目的別索引
用語索引

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊