とことこロゴス
メニュー

マッシュアップ

読み：まっしゅあっぷ　／　英語表記：mashup

複数のWebサービスが提供する機能や情報を、Web APIなどを通じて組み合わせ、1つの新しいサービスやコンテンツを作ること。

イマシルちゃんの解説

お店の場所を地図で案内したいとき、地図の機能まで一から作るのは大変だよ。
そこで、地図サービスが提供する機能と自分のお店の情報を組み合わせれば、場所が分かる案内ページを作れるんだ。
こうして複数のサービスの機能や情報を組み合わせ、新しいサービスを作る手法をマッシュアップというよ。
外部の機能や情報をプログラムから利用する窓口として、Web APIなどを使うんだ。
すでにある機能を生かせるから、自分が届けたい情報やサービスを作ることに力を注げるね。

より深い解説

定義

マッシュアップ（mashup）は、複数の提供元のWebサービスやデータを、それぞれが公開しているAPIを使って取得し、組み合わせることで、新しい価値を持つWebアプリケーションやコンテンツを作る手法である。

例

組み合わせるもの作られるもの
自社の店舗情報 ＋ 地図サービスのAPI店舗案内のページに、他のサイトが提供する地図検索機能で得た地図を表示する
不動産の物件情報 ＋ 地図 ＋ 周辺施設の情報物件の周りの学校やスーパーを地図上に表示する
天気予報のAPI ＋ 交通情報のAPI天候による遅延の予測を表示する
商品検索のAPI ＋ 口コミのAPI価格と評判を一覧で比べる

実現する技術

技術役割
Web API（REST APIなど）外部のサービスの機能やデータを、プログラムから呼び出す
JSON、XMLAPIでやり取りするデータの形式
JavaScript（Ajax）ブラウザ上で、APIからデータを取得し、ページに組み込む
サーバ側での組み合わせサーバのプログラムが、複数のAPIを呼び出して結果をまとめる

長所と注意点

長所注意点
一から作らずに、高度な機能を短期間で利用できる提供元のAPIの仕様変更や停止の影響を受ける
複数の情報を組み合わせて、新しい価値を作れる利用規約（利用回数の制限、表示の条件、商用利用の可否）を守る必要がある
外部から取得したデータを表示するため、内容の信頼性やセキュリティ（不正なスクリプトの混入など）に注意が必要

似た例との区別

例当てはまる技術
Webブラウザにプラグインを組み込み、動画やアニメーションを表示するプラグイン
地図上のカーソル移動に合わせて、ページを切り替えずに表示を更新するAjax
検索結果に、ほかのWebページへのリンクを表示するハイパーリンク
自分のWebページの上に、ほかのサイトが提供する機能を利用して得た情報を表示する（これがマッシュアップ）

リンクを表示するだけでは、ほかのサービスの機能やデータを自分のページに組み込んでいないため、マッシュアップとはいえない。

実際の試験ではここに出る！全1問

ネットワークスペシャリスト

午前Ⅱ

この用語が出てくる記事

↑