ブログパーツを自作しよう Webサービス+JavaScript編

【目次】
■第1章　Webサービスの基礎知識
●Webサービスとは?
・RSSもWebサービス?
●WebサービスをJavaScriptで利用するための基礎知識
・JSONPデータをテキストファイルで取得する方法
●JavaScriptでWebアプリケーションを作成する手順を知る
・JavaScriptのデバッグにはFirefoxを使う!
●Webサービスを使ったアプリケーションをブログに取り付ける
・Webサービスを活用するにはJavaScriptが設置可能なブログを選ぶ!
・スタイルシートの設定が無効になる場合の対処方法
・スタイルの設定はドキュメントタイプで異なることがある
コラム　Webアプリの開発時に役立つページはここだ!

■第2章　Google AJAX APIを活用する
●Google AJAX APIの種類と特徴
・Google AJAX APIのサンプルコード
●Google AJAX Search APIを利用するためのキーを取得する
・「Google AJAX Search API」のAPIキーは1つ取得すればOK!
●キーワードでWebサイトを検索する
・Webサイト検索は「GwebSearch」サービスを使う!
●キーワードでブログを検索する
・組み込むサービスを変更するだけで検索対象を変更!
●キーワードで関連する画像を検索する
・画像のファイル形式を限定して検索する方法
・画像サイズやカラー化の種類を限定して検索する方法
●キーワードに関連する地域を検索する
・検索結果の地図画像を表示する方法
●キーワードにマッチする動画を検索する
・検索結果の動画イメージ画像のサイズはスタイルシートで設定!
●キーワードに関連するサイト・画像・動画をまとめて検索する
・複数の検索サービスを組み込んで関連コンテンツを一括検索!
・検索結果をタブ形式で表示する方法
●特定のサイトの画像を検索する
・検索サイトを限定するには「setSiteRestriction」メソッドを使う!
●指定したポイント周辺の地図を表示する
・特定ポイントの地図を表示するには経度と緯度を指定する!
・Google Maps APIを使う場合はサイトのごとにAPIキーを取得する
・文字コードがUTF-8以外のページでGoogle Maps APIを利用する方法
●入力した住所周辺の地図を表示する
・住所の位置情報を取得するには「getLatLng」メソッドを使う!
・Internet Explorerの文字コードのエラーを防止する方法
●入力した日本語を英語に翻訳する
・翻訳は「translate」メソッドを使う!
・翻訳言語を変更する方法
●マウスで選択したテキストを英語に翻訳する
・選択文字列の取得には「document.selection.createRange」を使う!
・Yahoo! UIライブラリで対話的Webアプリを簡単作成!
コラム　Google Chart APIでグラフを簡単作成!

■第3章　さまざまなWebサービスを活用する
●今日の星占いの結果を取得して表示する
・今日の占いデータを取得するには「西暦/年/月/日」形式で日付を指定!
●価格比較サイトから商品情報を取得する
・画像ありの商品情報のみを取得するにはimageFlagを「1」に設定!
●自動車のカタログを検索して表示する
・メーカーごとに車種を検索するにはブランドコードを指定する!
●日本全国の飲食店情報を検索する
・フリーワードで検索するには「keyword」パラメータを使う!
・検索結果のレイアウトを調整する方法
●飲食店の所在地を地図上に表示する
・所在地を地図上に表示するには経度と緯度を使う!
・Internet Explorerでエラーが発生する場合の対処方法
●キーワードにマッチするブログ記事を検索する
・キーワード検索は「searchByKeyword」メソッドを使う!
●マウスで選択した用語をインターネット百科事典で引く
・HTMLでの取得結果は<iframe>タグで表示する!
・Wikipedia APIを利用する際の注意点
●入力した住所の最寄り駅の地図を取得する
・最寄り駅Webサービスを利用する際の注意点
●指定した場所の航空写真を表示する
・四隅の経度/緯度を取得するには「getBounds」メソッドを使う!
・日本政府が取り組んでいる地図Webサービス
コラム　まだある!　日本国内のWebサービス

■第4章　動画・画像共有サイトのWebサービスを活用する
●キーワードにマッチするYouTubeの動画を検索する
・動画を検索するブログパーツを簡単に作るにはVideo Barを使う!
・設定キーワードの検索結果を次々に切り替え表示する方法
●検索結果の動画をブログ上に大画面で再生する
・動画を大画面で再生するにはフローティング機能を使う!
・検索結果のイメージ画像を小さいサイズで表示する方法
●キーワードにマッチするFlickrの画像を検索する
・キーワード検索するには「flickr.photos.search」APIメソッドを使う!
●マウスで選択したキーワードにマッチするFlickrの画像を検索する
・選択キーワード検索機能はチェックボックスで切り替える!
・選択キーワード検索機能を常に有効にする方法
●検索結果の画像をページ上にオーバーレイ表示する
・画像はダウンロードの完了をチェックしてから表示する!
●キーワードでAmeba Visionの動画を検索する
・検索結果の並び順の指定はリストボックスの値で渡す!
・検索結果を一覧で表示する方法
●選択した動画に関連する動画リストを表示する
・Ameba VisionのAPIには動作しない機能がある
コラム　APIがなくてもRSSで作れる動画アプリケーション

■第5章　フィード配信される情報を活用する
●RSSとGoogle AJAX Feed APIの基礎知識
●Google AJAX Feed APIを利用するためのキーを取得する
●最新ニュースのタイトル一覧を表示する
・データの取得件数は「setNumEntries」メソッドで設定する!
・取得するRSSを変更する方法
●複数のニュースサイトの情報をタブで切り替えて表示する
・フィードを一括取得するには「feedControl」関数を使う!
・表示形式を変更する方法
●今日の星占いのランキングを表示する
・JSON形式でデータを取り出せないときはXML形式で取得する!
・「Google AJAX Feed API」を使いこなすには
●現在放送中のテレビ番組表を表示する
・都道府県ごとに割り当てられている番号でフィードを切り替える!
●毎日の献立を日替わりで表示する
・フィードの日付と現在日付を比較して今日のレシピを表示する!
●レシピ画像を次々に切り替えて表示する
・「setTimeout」関数でフィードを自動切り替え!
・切り替えて表示する項目を増やす方法
●Amazonで人気の商品を表示する
・取得結果の表示はフィードのHTMLをそのまま使う!
・アソシエイトIDを設定してお小遣いを稼ぐ方法
●iTunesストアのJ-POPの新譜情報を表示する
・カバー画像の取得には「google.feeds.getElementsByTagNameNS」を使う!
・ブログパーツを活用するにはiTunesをインストールしよう
●キーワードにマッチするFlickrの画像をスライドショーで表示する
・スライドショーで表示できるのはMedia RSSだけ!
コラム　RSS/ATOMフィードのソース表示・解析テクニック

■第6章　Webサービスでお金を稼ぐ
●楽天ウェブサービスの種類と特徴
●楽天ウェブサービスを利用するためのIDを取得する
●キーワードにマッチする商品を検索する
・全商品を対象にするにはジャンルIDを「0」に設定する!
・商品検索を書籍検索に変更する方法
●ジャンルを絞って楽天市場の商品を検索する
・ジャンルはリストボックスで選択できるようにする!
●オークションに出品されている商品を検索する
・オークション商品を検索するには「AuctionItemSearch」を使う!
・Webサービスのバージョンアップや仕様変更に注意
●ページの記事にマッチする商品を自動で表示する
・ダイナミックアドAPIで商品紹介のメンテナンスを省く!
●指定日時に出張先で宿泊できるホテルを検索する
・空室検索に必要なパラメータはトラベル地区コードAPIで取得!
・チェックアウト日はチェックイン日以前に設定できないようにする!
・情報量の多い検索結果はポップアップウィンドウで表示する!
コラム　まだある!　お小遣いを稼げるWebサービス

■第7章　Yahoo! Pipesを活用する
●Yahoo! Pipesの概要
・Pipesは自由にコピーして利用できる
●Yahoo!ミュージックの番組リストを表示する
・Pipesのデータを取得する方法
・リンククリックでプレーヤーを起動するにはProgramURLを使う!
●キーワードにマッチするYahoo!グルメのレシピ画像を検索する
・入力パラメータを増やす方法
・検索サイトを変更するはsiteパラメータの設定アドレスを変更する!
・検索結果の画像サイズを調整する方法
●マウスで選択した文書の誤りをチェックする
・校正対象の文字列の位置と長さを取得する方法
●キーワードにマッチするYouTubeの動画を検索する
・ウィンドウ表示中に他の操作をできなくする方法
コラム　まだある!　GUIなマッシュアップツール


▼JavaScript（ジャバスクリプト）に関連する解説本
　Ｌ JavaScriptマスターブック
　Ｌ JavaScript辞典 第3版
　Ｌ JavaScript 第5版
　Ｌ JavaScript 中級講座 ~Ajaxを学ぶ前の基礎知識
　Ｌ 初めてのJavaScript―Ajax&DOM対応
　Ｌ JavaScriptクイックリファレンス 第5版―JavaScript1.5対応
　Ｌ 標準DOMスクリプティング JavaScript＋DOMによるWebアプリデザインの基礎
　Ｌ 基礎 Ajax + JavaScript
　Ｌ JavaScript ポケットリファレンス 改訂第4版
　Ｌ 改訂新版 JavaScript 例文活用辞典
　Ｌ JavaScriptプログラミング入門 第2版
　Ｌ はじめてのJavaScript―プログラミング初心者のための定番スクリプト言語入門
　Ｌ 基礎からのJavaScript
　Ｌ JScriptハンドブック―Java Scriptを越えた最強のツール
　Ｌ JavaScriptビジュアル・リファレンス
　Ｌ JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集
　Ｌ Technique Bible JavaScript