Web 2.0 Expo Tokyo http://www.cmptech.jp/web2expo/

1. Mash up の現在とこれから
1

2. Agenda
Mash up とは？
●
Mash up サービスの紹介と開発 Tips
●
Web API 提供側からみた Mash up の
●
意義と課題
リアルとの Mash up サービスを実現する
●
プラットフォーム

3. Mash up とは？

4. Mash up
Technology API
Mash up Mash up Mash up Mash up Mash up
Platform

5. Mash up Award
file:///C:/Users/Jun/Documents/Pictures/kom.jpg

6. Mash up Award からみる Mash up の現在
API 提供企業 Technology API
API 提供数の増加
ニッチなニーズに特化
➢
SNS や Second Life などの既存
➢
Mash up Mash up Mash up Mash up Mash up
サービスとの連携
マッシュアップサービスを
➢
開発するためのプラット
Platform フォーム
ゲーム機器やカーナビ、
コピー機などデバイスの
多様化

7. Mash up がもたらすもの
新製品開発
今までの顧客に
新しい製品を
サービスの
既存ビジネス 新規事業
拡充
今までの顧客に
新しい顧客に
今までの製品を 新規顧客層への
新しい製品を
リーチ
市場開拓
新しい顧客に
今までの製品を

8. Mash up サービスの紹介と
開発 Tips

9. ONGMAP.COM
http://ongmap.com/
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

10. ONGMAP.COM のコンセプト
地図から探す
地図を読めない人には使えません
マウスだけで探す
探したいものを「言語化」しなくてもいい
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

11. ONGMAP
デモ
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

12. ONGMAP.COM で利用している WEB API /RSS
全世界を対象
 写真  旅行・地理書籍  無線 LAN （ FON ）
 動画  地震  ホテル
 Wikipedia 記事  天気予報  空港
 イベント  標高  世界遺産
 ローカルニュース  住所  国・都市
一部を対象
 無線 LAN （日本）  TSUTAYA （日本）
飲食店（日米）
 タリーズ（日本）  快水浴百選（日本）
コンビニ（日米）
 マクドナルド（日本）  病院（米国）
スーパー（日米）
 モスバーガー（日本）  ネズミ取り機（欧州）
ATM （日米）
ヘアサロン（日米）  鉄道の駅（日本）  doodle （日本）
 バス停（日本）  Edy 利用可能店舗
教育機関（日米）
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

13. ONGMAP.COM で利用している WEB API /RSS
全世界を対象
 Flickr/Panoramio  Amazon  FON
 YouTube  USGS  じゃらん /Booking.com/Yelp
 空港
 GeoNames/Simple API  Yahoo.com/Livedoor
 Eventful  世界遺産
 USGS
 国・都市
 72 紙の RSS ＋ Google  GeoNames
News +Google Blog
Search
一部を対象
 無線 LAN （日本）  TSUTAYA （日本）
食べログ /Hotpepper/ ぐるな
び
 タリーズ（日本）  快水浴百選（日本）
ドコイク？ /Yelp
コンビニ（日米）
 マクドナルド（日本）  病院（米国）
Yelp
スーパー（日米）
ドコイク？ /Yelp
 モスバーガー（日本）  ネズミ取り機（欧州）
FoxyTag
ATM （日米）
ドコイク？ /Yelp
ヘアサロン（日米）  鉄道の駅（日本）  doodle （日本）
doodle
Hotpepper Beauty/Yelp
 バス停（日本）  Edy 利用可能店舗
バスでお出かけ MAP
進学ネット /Yelp
教育機関（日米）
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

14. ONGMAP.COM の仕組み
各種 API/RSS
API 呼び出し
（ HTTP GET ）
ONGMAP.COM
Flickr
(PHP5)
Ext.JS
各種データ
Yahoo!
（ JSON ） ユーザーインター
データ
Weather フェース（アクセス
（ XML/JSON) 時にダウンロード）
各種データのリ
ドコイク？
クエスト
一部キャッシュ （ XMLHttp ）
データ
Hotpepper
独自データ
キャッシュデータ
doodle
（ MySQL ） 地図データの
リクエスト
Google Maps
YouTube
地図データ
・
・
GeoIP
ユーザーの
・ 位置特定
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

15. ONGMAP.COM 開発体制
企画：直鳥
小学生のころ、 MSX の BASIC でデビュー
・・・
開発：直鳥
大学～社会人 2 年目まで C/C++
・・・
社会人 13 年目にして PHP/JavaScript
運営：直鳥
期間： 2007 年 6 月より開発開始、現在も継続中
費用：ドメイン代～ 2,000 円
サーバー代～ 5,000 円
書籍代～ウン万円
直鳥の人件費～プライスレス
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

16. Mash up の今後
情報マッチング手法の進化
ライフスタイル的な側面は別途考察
DB とアプリレイヤーの分離
DB レイヤーの寡占化・肥大化と端末の多様化
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

17. Web 1.0
・ ・
・
・ ・ ・
・
・ ・
出版社
出版社
出版社
PC
Amazon
Amazon
Amazon
出版社
出版社
店舗
PC
楽天
楽天
楽天
出版社
出版社
個人売買
eBay PC
eBay
eBay
出版社
出版社
ニュース
PC
Yahoo
Yahoo
Yahoo
Web
出版社
出版社
・ ・
サイト
・ ・
・ ・
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

18. Web 1.0
・ ・
・
・ ・ ・
・
・ ・
出版社
出版社
出版社
PC
Amazon
Amazon
Amazon
出版社
出版社
店舗
PC
楽天
楽天
楽天
リアルな情報、ネット上の情報の集約と整理（ポータル、囲い込み）
出版社
端末はほとんどが PC
出版社
個人売買
eBay PC
eBay
eBay
出版社
出版社
ニュース
PC
Yahoo
Yahoo
Yahoo
Web
出版社
出版社
・ ・
サイト
・ ・
・ ・
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

19. Web 1.x
・ ・
・
・ ・ ・
・
・ ・
出版社
出版社
出版社
PC
Amazon
出版社
出版社
店舗
PC
楽天
出版社 Google
出版社
個人売買
PC
eBay
出版社
出版社
ニュース
携帯電話
Yahoo
Web
出版社
出版社
・ ・
サイト
・ ・
・ ・
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

20. Web 1.x
・ ・
・
・ ・ ・
・
・ ・
出版社
出版社
出版社
PC
Amazon
出版社
出版社
店舗
PC
楽天
増大する情報を効率よく検索するための技術が発達（ Google ）
出版社 Google
携帯インターネットも発達
出版社
個人売買
PC
eBay
出版社
出版社
ニュース
携帯電話
Yahoo
Web
出版社
出版社
・ ・
サイト
・ ・
・ ・
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

21. Web 2.x
・ ・ ・
・
・ ・ ・ ・
・
・ ・ ・
出版社
出版社
出版社 Weathe
Amazon PC
rBonk
出版社
出版社
店舗 楽天
Panoramio 車載 PC
出版社 eBay
出版社
個人売買
Aucfan ゲーム機
Yahoo
出版社
出版社
ニュース
gogo.gs 携帯電話
Google
Web
出版社
出版社
・ ・ ・
サイト
・ ・ ・
・
・ ・ ・
・
・
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

22. Web 2.x
・ ・ ・
・
・ ・ ・ ・
・
・ ・ ・
出版社
出版社
出版社 Weathe
Amazon PC
rBonk
出版社
出版社
店舗 楽天
Panoramio 車載 PC
ネット上 DB の巨大化・寡占化→マッチングコストの増大
出版社 eBay 端末の多様化
出版社
個人売買
Aucfan ゲーム機
Yahoo
出版社
出版社
ニュース
gogo.gs 携帯電話
Google
Web
出版社
出版社
・ ・ ・
サイト
・ ・ ・
・
・ ・ ・
・
・
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

23. 参考にしたいもの
Facebook/Twitter
DB とアプリレイヤーを意図的に切り離した事例として
ExtJS
Version2.0 になって更に充実
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

24. まとめ
墨俣城
最初はアプリレイヤーで他人のフンドシ（ DB ）で立ち上げる
楽市楽座
人が集まれば価値は必ず生まれる。目指せ DB レイヤー
国際化
日本語だけではリスクが高い。お問い合わせは、 7ns.jp まで (^^;
http://7ns.jp
7ns.jp, Inc. Some rights reserved.

25. Web API 提供側からみた
Mash up の意義と課題

26. リクルートの事業
• リクルートは、企業と人（ Business to
Consumer ）、もしくは企業と企業
（ Business to Business ）を結びつける
場を、情報誌・インターネット・モバイ
ルなど多彩なメディアを通じて提供して
います。

27. リクルートの目指す世界観と果たす役割
• 世界観 「ＦＯＬＬＯＷ ＹＯＵＲ ＨＥＡＲＴ」
> 十人十色、百人百色の自己実現が可能な
世の中こそ豊かな世の中である
• 役割 「まだ、ここにない、出会い。」
> リクルートは、ひとりひとりと真正面から向き合っ
て、きちんと出会うところまで応援します。出会い
が表現しているのは、可能性、チャンス、新たな
生活、仲間、そして希望です。

28. リクルート Web サービス公開の意味
• 「 FOLLOW YOUR HEART 」と「まだ、ここに
ない、出会い。」の実現
> より多くのかたに、必要な情報をお届けしたい。
> ひとりひとりに、マッチした情報を選んで届けた
い。
• この思いを実現する手段として Web2.0 の流れに
のった。
> 従来の課題をＷｅｂ 2.0 でクリアしてゆこう
> 変化をチャンスに

29. リクルート Web サービス公開の意味
• 「ひとりひとり」の情報を追求
> ますます多様化
“ ロングテールに関わりあっても固定費をま賄えるだけの売り上げを生
まない”
“ 絶対に儲からないから、そんな小さな客や、そんな小さなメディアを
相手にするな”
引用：梅田望夫著「ウェブ進化論」（ちくま新書）１１１Ｐ
これまでと、同じ発想では、多様化への対応は
実現できそうにない

30. リクルート Web サービス公開の意味
• リクルート島から、リクルート経済圏へ
> 開発者が自分のサービスを開発するために、リク
ルートの情報が使えるように
> 検索軸の多様化
> 情報への意味付け（編集）を多様化

31. リクルート Web サービス公開の意味
• 個人が発信してゆく時代
• 個人でも、サイト運営ができる時代。
機会：新しい情報配信経路ができる◎
• ブログや、いろんな個人メディアを、リク
ルート情報への入り口に
> より、多くの人に、情報を届けるために

32. リクルート Web サービス公開の意味
• ブログ等、多様化する、メディアや機器に対して
情報を届けるために、データを扱いやすいＷｅｂ
サービスを活用。
• ブログパーツによる、コンテンツに連動した、
情報配信
• 自分のサービスへの、リクルートの情報付加を
Ｗｅｂサービスで行ってもらう。

33. リクルート Web サービス公開の今後
• リクルートＷｅｂサービスは出揃ってきました
> もうすこし、追加もある予定
• いよいよ、活用フェーズへ
> どうぞ、みなさま、お使いください。
を実現するために、 Web2.0 の流れにのってゆきます。

34. リクルート Web サービス活用事例
• シンプル飲食検索
> http://hotpepper.tatamilab.jp/simple/
> ソースも公開中
• 地球で旅行検索
> http://mtl.recruit.co.jp/sandbox/virtual_earth/
• BOOOT.tv : ボーッとみんなで中古車探し
> http://car.booot.tv/

35. リアルとの Mash up
サービスを実現する
プラットフォーム

36. CARWINGS とは
日産の CARWINGS 対応ナビに携帯電話を接続し利用できる情報サービス
[ 主な機能 ]
・ オペレータサービス
→ ハンズフリー機能でセンターに電話し、
ナビの目的地検索や設定、その他の操作を代行してもらうサービス。
・ 情報チャンネル (AutoDJ)
→ 現在地や目的地周辺の情報や天気、
ニュースなどを取得し、ナビに表示する機能。
・ メール機能
→ 設定したメールアドレスに届いたメールを読み上げたり、
あらかじめ設定した送信先に位置情報付きメールを送る機能。
・ 最速ルート探索機能 ※対応端末のみ
→ センターから渋滞情報や統計情報を取得し、より早いルートを探索する機能。

37. CARWINGS － CASTING とは
CARWINGS 対応ナビに情報配信するための仕様で、 RSS 2.0 をベースに独自のタグを追加し拡張したもの。
CARWINGS センター
CARWINGS ナビ コンテンツプロバイダ
車両情報 HTTP リクエスト生成 プログラム
現在地、目的地、経由地、
進行方向、車速
ここに行く（目的地） 緯度・経度
デ
電話する（ハンズフリー） 電話番号
ｌ
タ
読み上げテキスト
音声読み上げ 形
式
リンク先 URL
変
QR コード（携帯リンク）
換 rendering HTML
HTML レンダリング画像
CWC 対応 RSS

38. ナビからの情報
CARWINGS 端末から情報チャンネルを取得する際、コンテンツ配信元に
HTTP の GET パラメータとして以下のデータが送付される。
パラメータ
説明
名
世界測地系 (WGS84) 、度単位 (yyy.yyy) （例） 35.6675
lat
世界測地系 (WGS84) 、度単位 (xxx.xxx) （例） 139.7666
lon
カーナビに設定されている目的地の緯度 設定されていない場合は省略
lat_dst
カーナビに設定されている目的地の経度 設定されていない場合は省略
lon_dst
カーナビに設定されている経由地 1 ～ 5 の緯度 経由地 1 の場合 lat_1 となる 設定されていない場合は省略
lat_?
カーナビに設定されている経由地 1 ～ 5 の経度 経由地 1 の場合 lon_1 となる 設定されていない場合は省略
lon_?
アクセス時の車両の進行方向の方位。東 :0 → 北 :90 → 西 :180 → 南 :270 。 0 ～ 360 までの整数。
car_dir
アクセス時の車両速度
speed
例） http://www.nissan.co.jp/drivenavi.cgi?
lat=35.6675&lon=139.7666&lat_1=&lon_1=&lat_2=&lon_2=&lat_3=&lon_3=&lat_4=&lon_4=&
lat_5=&lon_5=&lon_dst=&lat_dst=&lon_dst=&car_dir=71&speed=20

39. Mash up の実例とデモ
（株）リクルート様提供のホットペッパー・グルメサーチ API と Mash up
した例（作成：メイサンソフト（株）脇本様）
ホットペッパーのコンテンツを取得
CARWINGS-CASTING に変換
CARWINGS 対応ナビで閲覧

40. おわりに
フルブラウザではなく CARWINGS-CASTING にすることで、
走行中の安全性と操作性に特化することで、ドライブを豊かに。
ナビ機能との連動により、単なるブラウザではなく車とコンテンツを融合
Mash up などを通して CARWINGS-CASTING を普及させ、
車向け情報配信のデファクトスタンダードへ！