清⽔ Web フォーラム
マッシュアップ技術と
インターネットの新しい潮流
2009.03.19
株式会社リクルート
メディアテクノロジーラボ
チーフアーキテクト
川﨑 有亮
1

TODAYʼS AGENDA
• かんたんに⾃⼰紹介
• リクルートにおける新サービス事例のご紹介
– コマーシャライザー
– AIR 焼⾁
• THE BIG SWITCH（クラウドコンピューティング）
• マッシュアップアワード
• まとめ
2

かんたんに⾃⼰紹介
3

学⽣ベンチャー ⇒ リクルート
かわさき ゆうすけ
川﨑 有亮
1977.01.17 ⽣まれ
http://www.kawa.net/
1998年 合資会社いなかっぺ
（※千葉⼤の学⽣４名で起業）
↓
2000年 株式会社かっぺ
↓
2006年 株式会社リクルート
現在：メディアテクノロジーラボ
4

リクルート メディアテクノロジーラボ
株式会社リクルート
(1960年3⽉31⽇創業)
主な事業領域
– ⼈材
– 進学・スクール
– 住宅
– ブライダル
– 旅⾏
– ⾃動⾞
– クーポン
メディアテクノロジーラボ
(2007年4⽉1⽇設⽴)
『明⽇のメディア・コミュニケーションを創造する実証研究機関』
5

メディアテクノロジーラボ
リクルートは2007年4⽉、実証研究機関『メディアテクノロジーラボ』(MTL) を設⽴。
⽇夜、インターネットを使った新しいメディア・サービスの開発に取り組んでいます。
みんなの
ひとこと交換ノート
クリエイティブエージェンシー
ハモニナ
C-TEAM
コマーシャル簡単作成サイト
コマーシャライザー
スゴイ地図
booot.tv アフィレット 演劇ライフ
6

リクルートにおける
新サービス事例のご紹介
7

SaaS
コマーシャライザー
• 株式会社リクルート
• デジカメ写真をアップロードするだけで、
⼿軽に『動画 CM』を作成できる（無料）
• 動画編集ソフトのパッケージを購⼊せずに、動画 Flash を作成できる。
インストールも不要。
• 全ての動画作成作業を
ブラウザから操作し、
サーバ上で⾏う。
• http://cmizer.com/
（2008年6⽉公開）
8

SaaS
コマーシャライザーは API の塊
<?xm l version=\"1.0\" encoding=\"UTF-8\"?>
<has h>
<t emp lateUrl>http://movies.cmi zer.com/cm/template/cm_sport.swf</templateUrl>
<m usi cUrl>http://play2.cmizer. com/cm/music/023.mp3</musicUrl>
<s pee d>100</speed>
<d raf t>false</draft>
e > コマーシャライザーＣＭデモ<
<t itl /title>
<e dit orName>kawanet</editorNam e>
<j ump Url>http://www.kawa.net/< /jumpUrl>
<i mag eUrls type=\"array\">
<im ageUrl>http://movies.cmiz er.com/cm/image/5/bf/7v/w6r5i.png</imageUrl>
<im ageUrl>http://movies.cmiz er.com/cm/image/e/k7/eh/3w6r5.png</imageUrl>
<im ageUrl>http://movies.cmiz er.com/cm/image/s/hw/v9/q8tzg.png</imageUrl>
</ ima geUrls>
<t ext Urls type=\"array\">
<te xtUrl>http://movies.cmize r.com/cm/text/t/wk/ip/6uckd.png</textUrl>
<te xtUrl>http://movies.cmize r.com/cm/text/w/mc/ah/7dhtx.png</textUrl>
<te xtUrl>http://movies.cmize r.com/cm/text/n/9a/zi/nmz96.png</textUrl>
</ tex tUrls>
<t ext Frames type=\"array\">
<te xtFrame>72</textFrame>
<te xtFrame>112</textFrame>
<te xtFrame>180</textFrame>
</ tex tFrames>
</ha sh> （※イメージです。実際とは少し異なります）
9

SaaS?
エア焼⾁
• 株式会社リクルートメディアコミュニケーションズ
• 焼⾁を⾷べている感覚を楽しめるサービス。
スーパーで⽜⾁のパッケージを買ってくる必要がないので、SaaS?
• http://airyakiniku.cosaji.jp/ （2009年2⽉公開）
エア焼⾁の召し上がり⽅
http://www.youtube.com/watch?v=OR-oM3ZWR2g&fmt=22
10

SaaS?
バズりました。
• Yahoo! ニュースに掲載
• Yahoo! 検索ランキング『急上昇ワード』に登場
• アクセス急増
↓
• 混雑で、回線がパンク。
• 通信量の測定すら不能な状態。
↓
• Amazon CloudFront 導⼊を決定。 http://searchranking.yahoo.co.jp/
↓
• 2時間で導⼊完了。安定稼動に。（→１晩で通信料10万円也）
11

IaaS
Amazon CloudFront
• Amazon の提供する CDN サービス。
(Contents Delivery Network＝キャッシュ）
• 世界14箇所に「エッジロケーション」を設置。
• 料⾦計算は、転送容量＋リクエスト回数の⼆段構成。
東京 （転送容量課⾦） $0.221／GB（10テラバイトまで）
（リクエスト数課⾦） $0.013／1万リクエスト
http://s3.amazonaws.com/awsdocs/CF/20080630/cf_dg_20080630.pdf
12

THE BIG SWITCH
13

邦訳『クラウド化する世界』
THE BIG SWITCH クラウド化する世界
ビジネスモデル構築の⼤転換
Rewiring the World, From Edison to Google
著：Nicholas Carr 訳：村上彩（翔泳社）
14

⾃家発電から発電所の時代へ
その昔、電気を利⽤するためには、⾃家発電が必要でコストが⾼かった。
発電所の登場・送電ネットワークの実現により、新たな需要が広がった。
発電コストの低減
安定供給の実現
発電所の登場 電気利⽤コストの低減
エコシステム
さらなる⼤型化 製品の⽣産性の向上
応⽤製品・新⽤途の登場
新たな需要の創出
GE
Dynamo
15

クラウド前のサーバルーム
多くの企業はサーバを社内に設置して、社内利⽤・外部公開していた。
コンピュータに詳しい技術者を雇う必要があった（１⼈だけでは不安）。
故障・障害時の交換作業は⼀苦労。セキュリティ対策も個別に必要。
みなさんの会社のサーバも右下みたいな状態になっていませんか？w
(CC) zdw (CC) Matalyn (CC) skpy
http://www.flickr.com/photos/zdw/65675213/ http://www.flickr.com/photos/matalyn/630044143/ http://www.flickr.com/photos/skippy/202111591/
16

データセンターのサーバ集積
ブロードバンド回線が普及した結果、サーバは
インターネットに繋がった『どこか』に設置されていればOK。
（空調が安く済む寒い⼟地が良い？ 地震の無い地域が良い？等）
⼤規模に集積されてコスト効率の⾼いデータセンターで、信頼性も担保。
(CC) Robert Scoble (CC) Paul Hammond @tokyo
巨⼤な発電所？
http://www.flickr.com/photos/paulhammond/2872919132/
http://www.flickr.com/photos/scobleizer/2341031948/
17

4th Generation Data Center
• マイクロソフトが5年以内の建設を計画中の第4世代データセンター
• サーバが詰まったコンテナを「ブロックを組み⽴てるように」接続
Gen 1 – 従来型データセンター
Gen 2 – 環境配慮型 2008.09.30
Microsoft shares its 4th generation data center vision
Gen 3 – モジュール型(柔軟性)
Gen 4 – 組⽴ブロック型(電気・空調までも徹底したモジュール化)
18

繋げば使える ＝ ユティリティが重要
Schema of Electricity networks- Generation, Tranmission and Distribution
(CC) JMesserly english language version of German original by Stefan Riepl
http://commons.wikimedia.org/wiki/File:Electricity_grid_schema-_lang-en.jpg
19

マッシュアップアワード
20

リクルートWebサービス（オープンデータ）
リクルートの保有するデータを Web サービスとして API 経由で公開。
2006年に 4 事業のデータで開始。2009年3⽉現在 15 事業に拡⼤。
http://webservice.recruit.co.jp/
21

Mash up Award 1st
• Sun x Recruit Mash up Award
（2006年6⽉〜7⽉）
• 対象：リクルートのAPIとSunの開発ツール
• 応募作品数：56作品
• 最優秀賞：『みんなの⽔遊びMAP』CALTA Project様（静岡県）

Mashup Awards 4
• ⽇本最⼤のマッシュアップ Web アプリケーション開発コンテスト
• サン・マイクロシステムズ＋リクルートの共催で2006年より開始
• Mashup Awards 4 (MA4) 2008年6⽉3⽇〜2008年9⽉16⽇
協⼒企業数：44社（132API）、応募作品数：259作品
• http://mashupaward.jp/
23

Mashup Awards 4
• Mashup Awards 4（2008年6⽉〜9⽉）
http://mashupaward.jp/
• 協⼒企業数：44社（132API）
• 応募作品数：259作品
• 最優秀賞：『Chamap（チャマップ）』Kentaro様（福井県）
http://chamap.net/
24

地⽅からの活躍
• MA1 – みんなの⽔遊びMAP CALTA Project様（静岡県）
• MA2 – 出張JAWS（ジョーズ） ⿊⽥哲司様（北海道）
• MA3 – ONGMAP（オンジーマップ）yuki様（東京都）
• MA4 – Chamap（チャマップ） Kentaro様（福井県）
• MA1,2,4 の最優秀賞は
地⽅からの応募作品
• MA2,3,4 の最優秀賞は
個⼈の応募作品
（MA1はグループ）
• Mashup 技術を切り⼝に
独⽴起業や新規事業化、
地域との連携にも繋がる
25

マッシュアップ・キャラバン
MA4 の開催に合わせ、『マッシュアップ・キャラバン』と題した
マッシュアップ技術のセミナーイベントを全国で開催しました。
（2008年度の開催地）
Mashup Caravan in TOKYO 東京 7⽉12⽇(⼟)
Mashup Caravan in NAGOYA 名古屋 7⽉14⽇(⽉)
Mashup Caravan in OSAKA ⼤阪 7⽉17⽇(⽊)
Mashup Caravan in KYOTO 京都 7⽉18⽇(⾦)
Mashup Caravan in SAPPORO 札幌 7⽉22⽇(⽕)
Mashup Caravan in FUKUOKA 福岡 7⽉28⽇(⽉)
Web サービス API 提供企業から API の使い⽅や最新情報を、
また、各地の地元開発者（マッシュアップアワード受賞者）から
アプリケーションの開発事例やノウハウなどを発表頂くイベント。
26

Ext.JS（イーエックスティー）
• Ext.JS – RIA 開発フレームワーク（オープンソース）
国内では Ext Japan, LLC がサポートサービスを提供
• 採⽤事例： 北海道建設新聞 会員専⽤『⼊札情報検索』サービス
http://e-kensin.net/
• 会員向け検索システムのインターフェース開発に Ext.JS を採⽤
ライブラリ利⽤により、使いやすい⾼度なインターフェースを実現
27

まとめ
28

オープンなサービス開発
• クラウドコンピューティングは、突然、誕⽣した技術ではない。
これまでの技術の積み重ねの上に、マッシュアップの技術が誕⽣し、
それを活かしたリッチな I/F により、SaaS/PaaS が実現できた。
インフラ技術が⾼度に進化してきた先に、IaaS が実現できた。
• リクルートでウェブサイトを開発する中で、独⾃の API を実装し、
⾃然とマッシュアップ技術が使うようになってきた。
• より良いサービス提供のために負荷対策・コスト削減を進めると、
⾃社技術・⾃社インフラだけに拘らず、外部の技術・サービスも
組み合わせて、積極的に活⽤する必要が出てきている。
29

開発者のチャンスの時代！
• クラウドコンピューティングの時代では、初期投資や
インフラコストを抑えつつ、独⾃のアプリを提供できる。
複雑・巨⼤なシステム全体を全て⾃社で開発しなくても、
既存サービスをマッシュアップすることで、
オリジナル技術・サービスに注⼒した開発が可能。
• ネットワークや、インフラは繋げば使える電源コンセント状態。
規模の論理により、低コスト化が今後さらに進んでいく。
東京でも、地⽅でも、海外からも同じようにアプリは開発できる。
世界に向けて発信、直接ビジネスできる時代がやってきた。
• 誰にでもチャンスが拡がると同時に、競争は激しくなる。
既存の技術を磨きつつ、いち早くクラウドの新しい技術を取り⼊れ、
新サービスの⽴ち上げや、クライアント企業への提案に活かす。
30

“Blue sky over the monday morning” by Gui Trento
morning”
http://www.flickr.com/photos/guitrento/2564986045/
Questions?
31