スポンサーサイト

上記の広告は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を使ってみて下さい。

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

ブログのテンプレートが新しくなりました

早速、妹に見つかってしまいました。。。
(いや、まぁ、姉妹のChocosisのFacebookページに書いたから、当然と言えば、当然ですが…)

Webデザイナーの妹の反応は、予想していた通りで…。(汗)

このままにはしておけないっ!

と、抱えている仕事のその日の予定分を終えた後、夜遅くまで頑張って、変更してくれた模様です。(夜更かし苦手なのに…。ありがと~。ダンケッ!)


ではここで、ブログテンプレートのBeforeとAfterを。

Before
http://chocosis.blog.fc2.com/?template=cfdn_b1

After
http://chocosis.blog.fc2.com/

おしゃれで、且つ、すっきりしたデザインになってますねぇ~。
こうやって、スクリーンショットで、パッと見ただけでも、印象が、全然違います。


が、テンプレートデザインで重要なのは、この見た目だけではありません。

ユーザビリティという、ブログに訪れて下さったみなさんにとって閲覧し易い機能性や、
ブログをたくさんの人たちに知ってもらう為には欠かせない、SEOと呼ばれる、サーチエンジン最適化も考慮する必要があります。


地域のボランティア活動等、いろんなことをしているショコシス姉ですが、、、現在、ちょっとした縁で、全盲の方の就職活動と言いますか、インターンシップのお手伝いのようなこともさせていただいています。

どんなに素敵に見えるWebサイトも、視覚障害者の人たちが使っているスクリーンリーダー(JAWSなど)でアクセスすると、内容の読み込みが難しかったり、リンクメニューが分かり難かったりします。

見た目だけではないデザインを心がけるWebデザイナーの妹と、いろんなことに興味を持って、情報収集を欠かさないWebプログラマー兼ライターの姉というショコシス姉妹は、2人で力を合わせることによって、

誰かの役に立つ「Webアプリケーションづくり」

を行うことを、ミッションの一つに挙げています。


英語で例えるなら、not just a pretty faceってことで、姉妹も、姉妹が創り出すWebアプリケーションも、見かけだけでは分からない能力や無限の可能性を持ち続けることが出来るように、これからも努力していきま~す。

Webコラボ企画のネタ帳

2012-11-21

Webコラボ

実現するしないにかかわらず、この記事内に、ショコシス姉妹のWebコラボ企画に使えそうな情報を集めていきま~す。


Windows ストア アプリの開発
http://msdn.microsoft.com/ja-jp/library/windows/apps/br229565
AndroidアプリのGoogle Play、iPhoneアプリのiTunes Storeの様に、Windowsのアプリも、作成や配布がし易くなった模様。しかも、「JavaScript および HTML」で、開発が可能だとか。ちょっと面白そう。

アプリのユーザー エクスペリエンスをデザインする
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh779072
このページからリンクしている、デザイン ガイドの内容は、妹用の資料に。


日本文化を海外へ広める為のAPIを利用したサイト
※既に実施が決定して、準備を進めている企画なので、詳細は、一般公開日まで秘密。


レスポンシブデザインのテンプレート配布
※既に実施が決定して、準備を進めている企画なので、詳細は、一般公開日まで秘密。

妹に内緒で、ブログを始めました

2012-11-21

お知らせ

日本の皆さま、お~は~よ~~ございま~~~す。(←今では、きっと、知らないっていう人も多いと思われる、スターどっきりの寝起き口調で。笑)

現在、ニュージーランドはランチタイム。ドイツにいる妹が、真夜中で眠っている内に、勝手にブログを始めてしまうという暴挙に出た、Chocosis(ショコシス)こと、ショコラシスターズの姉(ニュージーランド在住)です。

ショコラシスターズって誰?
何をやってる姉妹なの?

と、疑問に思われた方は、Facebookページの「ショコラシスターズのスイートビターなWebコラボ」や、先月行った「MA8へのWebコラボチャレンジ」(応募作品やWebアプリ開発中の姉妹のやりとりをまとめたサイト)を、ちょこっとご覧いただけたら嬉しいです。(願)


書くことも、おしゃべりも、大好きなショコシス姉。

現在、8割がWebプログラミング業で、2割が執筆業ですが、、、ゆくゆくは、8割が執筆業で、2割がWebプログラミング業、、、最終的には、100%執筆業に持っていきたいと思っています。

常に、書きたいことが山のようにあるので、このブログでは、広義でのWebアプリ開発やWeb制作、各種サイト作成について、Facebookページでは書ききれない情報を、シャカシャカシャカ~っと書き連ねて、皆さんと情報をシェアしながら、ショコシス姉妹の活動記録として、ネット上に残していきたいと思います。

何かの縁で、このブログに辿り着いて下さった読者の皆さま、以後、宜しくお願いしま~す。 by ショコシス姉

PAGETOP

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