11

マッシュアップ技術とマッシュアップ技術とインターネットの新しい潮流インターネットの新しい潮流

2009.03.192009.03.19株式会社リクルート株式会社リクルート

メディアテクノロジーラボメディアテクノロジーラボチーフアーキテクトチーフアーキテクト

川﨑川﨑 有亮有亮

清⽔清⽔ Web Web フォーラムフォーラム

22

TODAYTODAYʼ̓S AGENDAS AGENDA

• かんたんに⾃⼰紹介

• リクルートにおける新サービス事例のご紹介– コマーシャライザー– AIR 焼⾁

• THE BIG SWITCH（クラウドコンピューティング）

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

• まとめ

33

かんたんに⾃⼰紹介かんたんに⾃⼰紹介

44

学⽣ベンチャー学⽣ベンチャー ⇒⇒ リクルートリクルート

かわさき ゆうすけ

川﨑 有亮1977.01.17 ⽣まれhttp://www.kawa.net/

1998年 合資会社いなかっぺ（※千葉⼤の学⽣４名で起業）

↓2000年 株式会社かっぺ

↓2006年 株式会社リクルート現在：メディアテクノロジーラボ

55

リクルートリクルート メディアテクノロジーラボメディアテクノロジーラボ

株式会社リクルート(1960年3⽉31⽇創業)主な事業領域– ⼈材– 進学・スクール– 住宅– ブライダル– 旅⾏– ⾃動⾞– クーポン

メディアテクノロジーラボ(2007年4⽉1⽇設⽴)『明⽇のメディア・コミュニケーションを創造する実証研究機関』

66

リクルートは2007年4⽉、実証研究機関『メディアテクノロジーラボ』(MTL) を設⽴。⽇夜、インターネットを使った新しいメディア・サービスの開発に取り組んでいます。

スゴイ地図アフィレットbooot.tv

コマーシャル簡単作成サイトコマーシャライザー

演劇ライフ

メメディアテクノロジーラボディアテクノロジーラボ

みんなのクリエイティブエージェンシー

C-TEAMひとこと交換ノート

ハモニナ

77

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

88

ココマーシャライマーシャライザーザー• 株式会社リクルート• デジカメ写真をアップロードするだけで、

⼿軽に『動画 CM』を作成できる（無料）• 動画編集ソフトのパッケージを購⼊せずに、動画 Flash を作成できる。

インストールも不要。• 全ての動画作成作業を

ブラウザから操作し、サーバ上で⾏う。

• http://cmizer.com/ （2008年6⽉公開）

SaaS

99

コマーシャライザーはコマーシャライザーは APIAPI の塊の塊< ? x m l v e r s i o n = " 1 . 0 " e n c o d i n g = " U T F - 8 " ? >< h a s h >< t e m p l a t e U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / t e m p l a t e / c m _ s p o r t . s w f < / t e m p l a t e U r l >< m u s i c U r l > h t t p : / / p l a y 2 . c m i z e r . c o m / c m / m u s i c / 0 2 3 . m p 3 < / m u s i c U r l >< s p e e d > 1 0 0 < / s p e e d >< d r a f t > f a l s e < / d r a f t >< t i t l e > コマーシャライザーＣＭデモ< / t i t l e >< e d i t o r N a m e > k a w a n e t < / e d i t o r N a m e >< j u m p U r l > h t t p : / / w w w . k a w a . n e t / < / j u m p U r l >< i m a g e U r l s t y p e = " a r r a y " >< i m a g e U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / i m a g e / 5 / b f / 7 v / w 6 r 5 i . p n g < / i m a g e U r l >< i m a g e U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / i m a g e / e / k 7 / e h / 3 w 6 r 5 . p n g < / i m a g e U r l >< i m a g e U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / i m a g e / s / h w / v 9 / q 8 t z g . p n g < / i m a g e U r l >

< / i m a g e U r l s >< t e x t U r l s t y p e = " a r r a y " >< t e x t U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / t e x t / t / w k / i p / 6 u c k d . p n g < / t e x t U r l >< t e x t U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / t e x t / w / m c / a h / 7 d h t x . p n g < / t e x t U r l >< t e x t U r l > h t t p : / / m o v i e s . c m i z e r . c o m / c m / t e x t / n / 9 a / z i / n m z 9 6 . p n g < / t e x t U r l >

< / t e x t U r l s >< t e x t F r a m e s t y p e = " a r r a y " >< t e x t F r a m e > 7 2 < / t e x t F r a m e >< t e x t F r a m e > 1 1 2 < / t e x t F r a m e >< t e x t F r a m e > 1 8 0 < / t e x t F r a m e >

< / t e x t F r a m e s >< / h a s h > （※イメージです。実際とは少し異なります）

SaaS

1010

エア焼⾁エア焼⾁• 株式会社リクルートメディアコミュニケーションズ• 焼⾁を⾷べている感覚を楽しめるサービス。

スーパーで⽜⾁のパッケージを買ってくる必要がないので、SaaS?• http://airyakiniku.cosaji.jp/ （2009年2⽉公開）

エア焼⾁の召し上がり⽅http://www.youtube.com/watch?v=OR-oM3ZWR2g&fmt=22

SaaS?

1111

バズりました。バズりました。• Yahoo! ニュースに掲載• Yahoo! 検索ランキング『急上昇ワード』に登場• アクセス急増

↓• 混雑で、回線がパンク。

• 通信量の測定すら不能な状態。↓

• Amazon CloudFront 導⼊を決定。↓

• 2時間で導⼊完了。安定稼動に。（→１晩で通信料10万円也）

http://searchranking.yahoo.co.jp/

SaaS?

1212

Amazon CloudFrontAmazon CloudFront• Amazon の提供する CDN サービス。

(Contents Delivery Network＝キャッシュ）• 世界14箇所に「エッジロケーション」を設置。

• 料⾦計算は、転送容量＋リクエスト回数の⼆段構成。東京 （転送容量課⾦） $0.221／GB（10テラバイトまで）

（リクエスト数課⾦） $0.013／1万リクエスト

IaaS

http://s3.amazonaws.com/awsdocs/CF/20080630/cf_dg_20080630.pdf

1313

THE BIG SWITCHTHE BIG SWITCH

1414

邦訳邦訳『『クラウド化する世界クラウド化する世界』』THE BIG SWITCH

Rewiring the World, From Edison to Google

著：Nicholas Carr

クラウド化する世界ビジネスモデル構築の⼤転換

訳：村上彩（翔泳社）

1515

⾃家発電から発電所の時代へ⾃家発電から発電所の時代へその昔、電気を利⽤するためには、⾃家発電が必要でコストが⾼かった。発電所の登場・送電ネットワークの実現により、新たな需要が広がった。

発電コストの低減安定供給の実現

発電所の登場さらなる⼤型化

電気利⽤コストの低減製品の⽣産性の向上

応⽤製品・新⽤途の登場新たな需要の創出

Dynamo

エコシステム

GE

1616

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

(CC) Matalynhttp://www.flickr.com/photos/matalyn/630044143/

(CC) skpyhttp://www.flickr.com/photos/skippy/202111591/

(CC) zdwhttp://www.flickr.com/photos/zdw/65675213/

1717

データセンターのサーバ集積データセンターのサーバ集積ブロードバンド回線が普及した結果、サーバはインターネットに繋がった『どこか』に設置されていればOK。（空調が安く済む寒い⼟地が良い？ 地震の無い地域が良い？等）⼤規模に集積されてコスト効率の⾼いデータセンターで、信頼性も担保。

(CC) Paul Hammondhttp://www.flickr.com/photos/paulhammond/2872919132/

(CC) Robert Scoble

http://www.flickr.com/photos/scobleizer/2341031948/

@tokyo 巨⼤な発電所？

1818

4th Generation Data Center4th Generation Data Center• マイクロソフトが5年以内の建設を計画中の第4世代データセンター• サーバが詰まったコンテナを「ブロックを組み⽴てるように」接続

Gen 1 – 従来型データセンターGen 2 – 環境配慮型Gen 3 – モジュール型(柔軟性)Gen 4 – 組⽴ブロック型(電気・空調までも徹底したモジュール化)

2008.09.30Microsoft shares its 4th generation data center vision

1919

繋げば使える繋げば使える ＝＝ ユティリティが重要ユティリティが重要

Schema of Electricity networks- Generation, Tranmission and Distribution(CC) JMesserly english language version of German original by Stefan Rieplhttp://commons.wikimedia.org/wiki/File:Electricity_grid_schema-_lang-en.jpg

2020

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

2121

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

Mash up Award 1stMash up Award 1st• Sun x Recruit Mash up Award

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

2323

Mashup Awards 4Mashup Awards 4• ⽇本最⼤のマッシュアップ Web アプリケーション開発コンテスト• サン・マイクロシステムズ＋リクルートの共催で2006年より開始• Mashup Awards 4 (MA4) 2008年6⽉3⽇〜2008年9⽉16⽇

協⼒企業数：44社（132API）、応募作品数：259作品• http://mashupaward.jp/

2424

Mashup Awards 4Mashup Awards 4• Mashup Awards 4（2008年6⽉〜9⽉）

http://mashupaward.jp/• 協⼒企業数：44社（132API）• 応募作品数：259作品• 最優秀賞：『Chamap（チャマップ）』Kentaro様（福井県）

http://chamap.net/

2525

地⽅からの活躍地⽅からの活躍• MA1 – みんなの⽔遊びMAP CALTA Project様（静岡県）• MA2 – 出張JAWS（ジョーズ） ⿊⽥哲司様（北海道）• MA3 – ONGMAP（オンジーマップ）yuki様（東京都）• MA4 – Chamap（チャマップ） Kentaro様（福井県）

• MA1,2,4 の最優秀賞は地⽅からの応募作品

• MA2,3,4 の最優秀賞は個⼈の応募作品（MA1はグループ）

• Mashup 技術を切り⼝に独⽴起業や新規事業化、地域との連携にも繋がる

2626

マッシュアップ・キャラバンマッシュアップ・キャラバン

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 の使い⽅や最新情報を、また、各地の地元開発者（マッシュアップアワード受賞者）からアプリケーションの開発事例やノウハウなどを発表頂くイベント。

2727

Ext.JSExt.JS（イーエックスティー）（イーエックスティー）• Ext.JS – RIA 開発フレームワーク（オープンソース）

国内では Ext Japan, LLC がサポートサービスを提供• 採⽤事例： 北海道建設新聞 会員専⽤『⼊札情報検索』サービス

http://e-kensin.net/• 会員向け検索システムのインターフェース開発に Ext.JS を採⽤

ライブラリ利⽤により、使いやすい⾼度なインターフェースを実現

2828

まとめまとめ

2929

オープンなサービス開発オープンなサービス開発

• クラウドコンピューティングは、突然、誕⽣した技術ではない。これまでの技術の積み重ねの上に、マッシュアップの技術が誕⽣し、それを活かしたリッチな I/F により、SaaS/PaaS が実現できた。インフラ技術が⾼度に進化してきた先に、IaaS が実現できた。

• リクルートでウェブサイトを開発する中で、独⾃の API を実装し、⾃然とマッシュアップ技術が使うようになってきた。

• より良いサービス提供のために負荷対策・コスト削減を進めると、⾃社技術・⾃社インフラだけに拘らず、外部の技術・サービスも組み合わせて、積極的に活⽤する必要が出てきている。

3030

開発者のチャンスの時代！開発者のチャンスの時代！• クラウドコンピューティングの時代では、初期投資や

インフラコストを抑えつつ、独⾃のアプリを提供できる。複雑・巨⼤なシステム全体を全て⾃社で開発しなくても、既存サービスをマッシュアップすることで、オリジナル技術・サービスに注⼒した開発が可能。

• ネットワークや、インフラは繋げば使える電源コンセント状態。規模の論理により、低コスト化が今後さらに進んでいく。東京でも、地⽅でも、海外からも同じようにアプリは開発できる。世界に向けて発信、直接ビジネスできる時代がやってきた。

• 誰にでもチャンスが拡がると同時に、競争は激しくなる。既存の技術を磨きつつ、いち早くクラウドの新しい技術を取り⼊れ、新サービスの⽴ち上げや、クライアント企業への提案に活かす。

3131

““Blue sky over the monday morningBlue sky over the monday morning”” by by Gui TrentoGui Trentohttp://www.flickr.com/photos/guitrento/2564986045/http://www.flickr.com/photos/guitrento/2564986045/

Questions?Questions?