スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

MA8の応募作品Webアプリに使用したAPI

2012-11-26

Webコラボ

API

今後も、ショコシス姉妹のWebコラボには欠かせない要素となると思われるAPIについて、ちょこっと書いておきたいと思います。

APIとは?


APIって何?って、時々聞かれますが、、、
新しい用語が次々誕生し、その言葉が持つ意味合いも、微妙に変わってしまったりする中、現時点でのAPIを、ショコシス姉ご用達のウィキペディアで調べてみると…

アプリケーションプログラミングインタフェース (API、英: Application Programming Interface)とは、ソフトウェアコンポーネントが互いにやりとりするのに使用するインタフェースの仕様である。APIには、サブルーチン、データ構造、オブジェクトクラス、変数などの仕様が含まれる。APIには様々な形態があり、POSIXのような国際規格、マイクロソフトの Windows API のようなベンダーによる文書、プログラミング言語のライブラリ(例えば、C++の Standard Template Library や Java API(英語版) など)がある。(ウィキペディア アプリケーションプログラミングインタフェースより)

とのことです。


ショコシス姉がよく利用するAPIは、俗に言うウェブAPI(WebサービスAPI)というもので、

これまた、Webサービスについて、ウィキペディアで調べてみると…

Webサービス(ウェブサービス)とは、HTTPなどのインターネット関連技術を応用して、SOAPと呼ばれるXML形式のプロトコルを用いメッセージの送受信を行う技術、またはそれを適用したサービス。W3Cにおいては、Webサービスとは、さまざまなプラットフォーム上で動作する異なるソフトウェア同士が相互運用するための標準的な手段を提供するものと説明されている。(ウィキペディア Webサービスより)

とあります。


具体的な例を挙げると、各種スマートフォン向けを含むWebアプリにも良く使われている

Google Web APIs

や、

アフィリエイト等で活用されている

リクルートWEBサービス
じゃらん Webサービス
Yahoo!デベロッパーネットワーク
楽天ウェブサービス

などがあります。


ここで、漸く、本題に入りますが…(前振り長っ。汗)

先日の、ショコシス姉妹の初挑戦、MA8へのWebコラボチャレンジの各応募作品に使用したAPIについて、ズラズラ~っとご紹介しておきます。APIを利用したデータの取り込みは、PHP又は、Javascriptで処理しました。

各APIの使い方について、より詳しく知りたいという方や、ショコシス姉妹の応募作品内で、どのようにAPIを活用したかという具体的な使い方例(サンプルコード)を知りたい方は、ChocosisのFacebookページから、メッセージをお送り下さいませ。


↓下手な鉄砲も数打ちゃ当たる戦法で、5作品も応募した姉妹です。(笑)
(それにもかかわらず、ひとっつも、ホントに全くな~んにも、賞を貰えなかった姉妹です。爆)

電力使用状況地図


MA8内作品ページ: http://ma8.mashupaward.jp/works/171
作品解説ページ: http://ma8.nademoya.biz/denryoku.html
アプリDEMO: http://ma8.nademoya.biz/denryoku/

震災関連情報:電力使用状況API
電力の最大供給量と使用量を取得できるAPIを利用。
APIのレスポンス取得により、現在の使用量を円の大きさで、最大供給量に占める現在の使用量の割合を、割合が低い場合は緑、高くなるにつれて、黄色、そして赤と変化する色で、地図上に表示しています。

Yahoo! 知恵袋 API
Yahoo!知恵袋に公開されている質問を検索し、質問本文とベストアンサーを取得する質問検索APIを利用。
APIのレスポンス取得により、節電に関する質問とベストアンサーをランダム表示しています。

Google Visualization API
Google Chart ToolsのGeochartを利用。
電力使用状況APIで取得したデータを、対象を日本に指定したGeochartのエリアに関連付けて、地図上に表示しています。


通販ランキング検定


MA8内作品ページ: http://ma8.mashupaward.jp/works/183
作品解説ページ: http://ma8.nademoya.biz/gg-test.html
アプリDEMO: http://ma8.nademoya.biz/gg-test/

楽天商品ランキングAPI(+Rakuten Web Service PHP SDK)
楽天市場内のコンテンツ「ランキング市場」の情報を取得することが可能なAPIを利用。
APIのレスポンス取得により、総合又は、年代や性別による上位5商品をランダム表示しています。その商品を正しい順序に並び替えることによって、現在のランキングに対する知識をテストする検定アプリに仕上げています。

ケイコとマナブ.net通信講座 講座検索API
ケイコとマナブ.net、通信講座に掲載中の講座・レッスン情報から複数の軸での講座情報を検索することが可能なAPIを利用。
資格取得に関連するカテゴリを指定したAPIのレスポンス取得により、通信講座をランダムに一つずつ表示しています。

Facebook Dialogs, Facebook Social Plugins
Facebook Social PluginsのCommentsと、DialogsのFeed Dialogを利用。
通販ランキング検定に対するコメントを残したり、診断結果をFacebook上で公開出来る様にしています。

Twitter API
Twitter Developers内、Embedded Timelinesのsearch timeline for any query or #hashtagと、Web IntentsのTweetを利用。(どちらも、API version 1.1対応)
通販ランキング検定のハッシュタグ付きでつぶやいたり、診断結果をつぶやいたり出来る様にしています。


天気DE旅行


MA8内作品ページ: http://ma8.mashupaward.jp/works/232
作品解説ページ: http://ma8.nademoya.biz/tenkiyado.html
アプリDEMO: http://ma8.nademoya.biz/tenkiyado/

週間天気予報(天気予報API)
全国の明日から向こう1週間の天気予報・降水確率・予想最高最低気温などを取得可能なAPIを利用。(天気予報APIには、この週間天気予報も含めて、全12種類あり、通常は有料。MA8応募作品には、期間限定で無料使用権を提供して下さっていました。)
APIのレスポンス取得により、選択した地域の向こう一週間の天気予報を表示しています。

じゃらんWebサービス エリア検索API
じゃらんnetに登録されているエリアのコード、名称の情報を検索する機能を提供しているAPIを利用。
APIのレスポンス取得により、じゃらんWebサービスの空室検索対象地域と週間天気予報の対象地域を結びつけています。

じゃらんWebサービス 空室検索API
じゃらんnetに公開されている宿泊施設の空室情報を検索する機能を提供しているAPIを利用。
APIのレスポンス取得により、天気予報の対象地域にある宿泊施設の空室情報を表示しています。


リンク名刺


※いろんな方にご利用いただいている様で、今回の応募作品の中では、一番人気。ありがとうございま~す!
MA8内作品ページ: http://ma8.mashupaward.jp/works/267
作品解説ページ: http://ma8.nademoya.biz/meishi.html
アプリDEMO: http://ma8.nademoya.biz/meishi/

Twitter & Facebook影響力スコアQrust API
SNSユーザーの影響力などの指標をスコア化して提供するサービスQrust API(無料版)を利用。
作成したリンク名刺上に、Qrustスコア(ソーシャル影響力スコア)及び、スコアに応じたchocosisによる他人紹介文を表示しています。

inf.to 短縮 URL API
シンプルで高機能な短縮 URL サービスを提供しているAPIを利用。
APIのレスポンス取得により、作成したリンク名刺のURLを短縮URLに変換表示しています。

Twitter API
Twitter Developers内、REST API v1.1のGET users/showと、Web IntentsのUser Intents(Follow or Display a User)を利用。
作成したリンク名刺上に、TwitterのユーザーIDが指定されている場合には、ユーザーの表示名やプロフィール画像(画像有が選択された時のみ)を表示しています。また、フォローボタンへ適切なリンクURLも追加しています。

Facebook API
パーミッション等の追加リクエストを必要としない、Dialogsの中の、友達申請機能を実装出来るFriends Dialogを利用。
作成したリンク名刺上に、FacebookのユーザーIDが指定されている場合には、1クリックで友達申請画面を表示出来る様に、友達申請ボタンへ適切なリンクURLを追加しています。


JAMIE


MA8内作品ページ: http://ma8.mashupaward.jp/works/398
作品解説ページ: http://ma8.nademoya.biz/jamie.html
アプリDEMO: http://ma8.nademoya.biz/jamie/

ホットペッパーWebサービス
対象店、特集、地域等を指定して、該当するレストランを検索出来るグルメサーチAPIを利用。
地図の中心点である緯度経度を指定したAPIのレスポンス取得により、周辺レストラン情報を一覧表示しています。

ルビ振りAPI
漢字かな交じり文に、ひらがなとローマ字のふりがな(ルビ)を付けてくれるAPIを利用。
レストランの読み仮名をローマ字表記に変換しています。APIのリクエスト回数を最小限に押さえる為に、各検索結果ページに含まれるお店の名前の読み仮名を一括にまとめてリクエストし、レスポンス取得後、各レストランデータに再度振り分けています。

Microsoft Translator Widget
Websiteを、リアルタイムで、ユーザーが希望する言語に翻訳するサービスを提供しているWidgetを利用。
翻訳機能が適用される要素を指定して、レストラン情報の検索結果を英語で表示しています。

Google Maps JavaScript API v3
Google マップをウェブページに埋め込むことが出来るAPIを利用。
地図上に、初期状態では現在地を表示する他、シティリストや駅リスト、直接地図をドラッグすること等により、レストランの検索対象とするエリアを表示しています。また、検索結果からは、レストランの場所をマーカー表示しています。


複数のAPIを複合的に活用したマッシュアップアプリは、今後もますます増えそうです。
今までに、APIを使ったことが無いという方も、是非ぜひ一度、APIを使ってみて下さい。

使い方もより簡単になってきている他、オンラインチュートリアルサイト等も増えてますよ~♪

コメントの投稿

非公開コメント

PAGETOP

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。