
いまさら聞けないリッチクライアント技術(10)
いまさら聞けない「マッシュアップ」超入門
江原顕雄
2008/3/13
Web 2.0時代の産物「マッシュアップ」
- - PR -
最近はやや落ち着いてきましたが、「Web 2.0」の登場とブームはネットサービスに大きな影響を与えました。Web 2.0とは、特定の意味を表す単語ではなく、さまざまなサービスや現象をまとめて表したものです。Web 2.0の用語として、ロングテール、集合知、フォークソノミー、SNS(ソーシャルネットワークサービス)…… などなどが登場しました。
そのWeb 2.0のキーワードの1つとして「マッシュアップ」があります。今回はこのマッシュアップについて見ていましょう。
もともとは音楽用語で「混ぜ合わせる」という意味
「マッシュアップ」(Mash Up)という単語は「混ぜ合わせる」という意味で、もともとは音楽用語です。いろいろな曲を混ぜ合わせて(マッシュアップして)、違う曲にしてしまう手法のことです。
転じて、Web上で使われる「マッシュアップ」は「2つ以上のWebサービス(Web API)を利用して混ぜ合わせて新しいサービスを生み出す」ことを指します。
編集部注:Web APIについて詳しく知りたい読者は、記事「プログラマならWeb APIという巨人の力を使っちゃえ!」をご参照ください
![]() |
| 図1 マッシュアップの概念図 |
■ マッシュアップの例
百聞は一見にしかず! ということで、実際にマッシュアップされているサイトの例として「Weather Bonk」を見てみましょう。
![]() |
| 図2 「Weather Bonk」のページ |
アクセスをすると、Googleマップ(Google Maps)の上に天気予報のデータが掲載されています。どの場所がどんな天気なのか直感的に分かるサービスですね。このサイトは地図のデータをGoogleマップから、天気の情報を提供しているサイトの2つの機能を使ってサービスを提供しています。
![]() |
| 図3 「Weather Bonk」におけるマッシュアップの概念図 |
もし、地図データや天気情報を何もないところから自分で作成しようとすると、膨大な時間とお金が必要です。しかし、複数のWebサービスをマッシュアップすることによって、手軽にお金を掛けずにサービスを提供できるのです。
■ マッシュアップを支える2つの技術
Googleのサービスを利用したマッシュアップの例を取り上げました。が、ここではどのようにしてGoogleのサービスを利用しているのでしょうか? キーワードとなるのが「Web API」です。
例えば、「Googleの検索 API」を利用すれば、簡単にGoogleの検索機能だけを利用できますし、AmazonのAPIを利用すれば、Amazonで取り扱っている商品のデータベースを簡単に使うことができます。いろいろな企業がWeb APIをリリースしており、その数は増える一方です。
XMLもマッシュアップを支えるための重要な要素の1つです。Web APIは検索・編集・加工といった「機能」面の働きをしていますが、Web APIで提供されるデータフォーマットとして主にXMLが利用されています。
XMLで提供されているデータは加工や編集がとても手軽にできるのが特徴です。なので、「A」というWeb APIから得たXMLデータを「B」というWeb APIで利用する…… といった使い方ができるのです。もし、それぞれが勝手なフォーマットでデータを提供していたら、Web API間でデータをやりとりするのもとても大変な作業になってしまいます。
実際にWeb APIを体験してみよう
では、実際にWeb APIを体験してみましょう。例として、Yahooの検索APIを利用します。手順としては調べたい単語をYahoo APIにアクセスをして結果を得るといった形になります。
Web APIに問い合わせをする方法にはいろいろありますが、今回はWebブラウザのURLを使って利用します。Webブラウザのアドレス欄に以下の文字列を入力します。
http://api.search.yahoo.co.jp/WebSearchService/V1/webSearch?appid=Yahoo |
![]() |
| 図4 Internet ExplorerにURLを入力して実行! |
すると、Yahoo!で「@IT」を検索した結果が、図5の画面のようにXML形式で送り返されてきます。
![]() |
| 図5 実行した結果、取得したXML形式の情報 |
このままではとても見にくいですが、このXMLデータを使って、違うWeb APIで編集・加工して、マッシュアップを行うのです。
マッシュアップのメリット/デメリットとは?
マッシュアップには次のような多くの利点が挙げられます。
- 開発するトータルコスト(開発環境・手間・時間)が安く済む
- アイデアさえあれば、手軽に始めることができる
- 機能の追加・削除が手軽に行える
一方で、デメリットも存在します。それは、以下のことです。
- 機能がWeb APIに依存しているので、Web API側がサービス自体の停止・変更やバージョン変更などされた場合、大きな影響を受けてしまう(参考「マッシュアップの落とし穴。誰がために結び付けるのか」)
これは、最も大きな弱点といえます。
また、Web APIのサービスによっては1分間に何回までの利用、といった使用の制限もあるので、利用する際に規約をしっかりとチェックしておかなければなりません。
![]() |
| 図6 Web APIの規約の例 |
次のページでは、Web APIやマッシュアップの例をいくつか紹介します。
| 1-2-3 |
| INDEX | ||
| いまさら聞けないリッチクライアント技術(10) いまさら聞けない「マッシュアップ」超入門 |
||
| Page1 Web 2.0時代の産物「マッシュアップ」 もともとは音楽用語で「混ぜ合わせる」という意味 実際にWeb APIを体験してみよう マッシュアップのメリット/デメリットとは? |
||
| Page2 Web APIにはどんなものがあるの? マッシュアップの例をいくつか見てみよう |
||
| Page3 マッシュアップはツールもオンライン 「マッシュアップ」という言葉 |
||
いまさら聞けないリッチクライアント技術 バックナンバー
- 第1回 いまさら聞けないWeb2.0時代のXML入門
- 第2回 いまさら聞けないJavaScript入門
- 第3回 いまさら聞けない、“Ajax”とは何なのか?
- 第4回 いまさら聞けない“Web標準”、そしてXHTML+CSS
- 第5回 いまさら聞けない! FlashとActionScriptについて
- 第6回 “リッチクライアント”に至るまでの軌跡と現在(いま)
- 第7回 いまさら聞けないウィジェット/ガジェットで気分転換
- 第8回 いまさら聞けないActiveX&デジタル証明書入門
- 第9回 いまさら聞けないSVG、なぜ知られていないのか?
- 第10回 いまさら聞けない「マッシュアップ」超入門
- 第11回 いまさら聞けない「Webブラウザ」超入門
- 第12回 いまさら聞けない「Webブラウザ」超入門 後編
- 第13回 いまさら聞けない「SEO」で検索結果の最適化を学ぶ
- 第14回 いまさら聞けないオフラインWeb、スタンドアロン型とは
- 第15回 いまさら聞けない「Curl」入門(お菓子じゃない方)
- 第16回 開発現場のUIトラブルを解決!? 画面プロトタイプ入門
| リッチクライアント&帳票 全記事一覧へ |
ホワイトペーパー(TechTargetジャパン)
- Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に - APIでGoogleスプレッドシートの追加/更新/削除 (2010/2/24)
ワークシートの追加・削除、メタ情報の更新、行単位でのデータの追加・更新・削除する方法を徹底解説します - おばかアプリ図鑑 (2010/2/19)
「おばかアプリ」「おばかアプリ選手権」とは何かを解説し、これまでの選手権で登場したアプリたちを、カタログ形式で五十音順に紹介しよう。今後の参考にしてほしい
|
|
- PowerShell 2.0で始めるWindowsシステム管理
- natテーブルを利用したLinuxルータの作成・2
- ERPの“事業仕訳け”でIT予算をもっと有効に!
- 調査の難しい「OutOfMemoryError」事例、5選
- 組み込みシステム開発における“モデル”とは?
- 西和彦、ビル・ゲイツに会う
- 「事業仕分け」「修正予算」って何?国家予算の全体像
- IT業界職種カタログ(8)ITエデュケーション
- .NET TIPS - .NET開発のテクニックとヒント集 -
- Hyper-Vライブ・マイグレーションの運用ノウハウ
- 構造体の便利な用途、インターフェイス入門
- 3人中2人が間違える!? 片持ちばりの計算をしよう
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 New! |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜Java編〜
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |

| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |

| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |
| ◆ | 直属上司が海外にいるのエンジニアに見る 【実例】場所に捉われないワークスタイル |

| ◆ | 「仮想化工房」のマイスターが選んだのは VMware、Hyper-V、そしてVirtageだった! |
| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |












