• はてなブックマークに追加
  • Yahoo!ブックマークに登録
iPhone、Flash活用法…Mashupキャラバン人気セッションを紹介!
賞金100万円!Mashup Award開催中!
今やネットワーク・サービスを支える基盤として急速に注目を集めているMashup。「Mashup Award」は、2006年から始まったMashupアプリケーションの開発コンテスト。Mashup技術の面白さとともにこのアワードに参加する意義をレポートする。
(取材・文/中村仁美 総研スタッフ/宮みゆき 撮影/関本洋介)作成日:08.08.28

Mashup Awardは新しいサービス・ビジネスの提案コンテスト

3年間で応募数も倍増!認知度が高まるMashup Award

 Webアプリケーション全盛の今、非常に注目されている技術がある。それが「マッシュアップ(MashUp)」だ。マッシュアップとは提供元の異なるコンテンツや技術を組み合わせて、一つのサービスとして形成する開発手法のこと。このマッシュアップ技術のけん引役を果してきたのが、サン・マイクロシステムズとリクルートが共催する開発者コンテスト「Mashup Award」である。第1回目は2006年に開催。現在、4回目が開催されている。

「コンテストを開始した当初はWebサービスを公開している企業も少なく、応募作品も50作品しかありませんでした。Mashup技術の認知度向上と共にWebサービス公開企業が増え、応募数も上昇。昨年度は200近い作品が集まりました。応募作品の完成度も年々、上がっています」
 こう語るのは同コンテストの運営事務局を務めるリクルート・メディアテクノロジーラボ・チーフアーキテクトの川崎有亮さんだ。

川崎勇亮さん

リクルート・メディアテクノロジーラボ・
チーフアーキテクト
川崎有亮さん


全国6都市を巡るMashup Caravanも開催

 応募作品の完成度を高めている背景にあるのが、Webアプリケーション公開する企業が増えてきているということ。今年は45社が参画、100を越えるAPIを提供している。もう一つがAward運営事務局によるMashup Caravanの開催である。Mashup CaravanではMashupアプリケーションやサービスの開発に役立つ技術情報だけではなく、WebAPIの提供企業のセッション、さらには受賞者の体験談などが語られる。「今年は北海道から福岡まで全国6都市で開催。8月29日には東京・大崎で追加のCaravanを開催します」(川崎さん)

 始まった当初は開発者支援が主な目的だったMashup Award。今回からは開発者だけではなくデザインやビジネス・アイデアに注目した賞も新設するという。
「対象賞金は100万円。忙しい毎日を過ごしているとは思いますが、週末に時間をつくってぜひ、取り組んでみてほしいと思います」(川崎さん)

Mashup Caravan開催風景

全国6都市で開催されたMashup Caravanの人気4セッションを一挙紹介

1.リクルートWeb UI Libraryを使ったお手軽マッシュアップ開発

 Mashup Awardの運営企業であるリクルートでも、エイビーロードやホットペッパー、カーセンサーなど10を越える媒体でWebAPIを公開している。それらを使うことでマッシュアップ開発が手軽になり、アプリケーション開発が楽しくなる方法をメディアテクノロジーラボの石橋利真さんが紹介した。

リクルートのUIライブラリを活用し、コーディング作業からの解放を

 リクルートではお手軽にマッシュアップ開発ができるよう、10数媒体が40を越えるWeb APIを公開しています。2008年4月現在、毎月7000万リクエストがあり、利用ユーザーも着実に増えています。私たちメディアテクノロジーラボでも、それらのAPIを使ったマッシュアップ事例を多数制作。中でも最近、デザイナーとコラボレーションして「Design Showcase」というWebサイトを立ち上げました。ここでは当社が提供する新しいWebAPIの使い方を提案しています。

 リクルートが提供しているこれら Web API をより手軽に使う為のものが、今回ご紹介する リクルート UI ライブラリ。ページングやプルダウン選択などブラウザのフォームパーツを自動生成してくれます。例えばホットペッパーでは、エリア選択やジャンル選択のプルダウンセットのほか、こだわり条件で結果を絞り込むチェックボックスなどを自動生成してくれます。一からコーディングするとそれなりの手間がかかったUIの開発が、これらのサンプルコードを利用すると、HTMLにコピーして貼り付け、後はJavascriptで1行書くだけという作業で簡単にできます。

 このようなサービス、ツールを活用して実装の手間を削減し、ぜひ、Mashup Awardに参加してください。

石橋利真さん

メディアテクノロジーラボ
石橋利真さん


リクルート UI ライブラリ リクルート UI ライブラリ
UIの実装作業からエンジニアを解放する「リクルート UI ライブラリ」
「リクルート UI ライブラリ」では、ページングやプルダウン選択を自動生成するライブラリを公開

2.Hot Pepper for iPod touch 開発秘話&iPhone向けマッシュアップのヒント

 昨年6月に米国で発売された当初から話題を呼び、今年7月11日、ようやく日本で発売されたiPhone。ユーザー数も着実に伸びており、これをパソコンライクに使いたいというニーズも増えそうだ。そんなユーザーを対象としたマッシュアップアプリケーション開発のコツを、舩見高貴生さんが解説した。

iPhone向けのマッシュアップアプリ開発は狙い目

 iPhoneが発売されて1カ月強。ユーザー数は増えてきているとはいえ、爆発的な普及をしているわけではありません。そんな今だからこそ、ぜひチャレンジしてほしいのがiPhoneやiPod touch向けの作品の応募です。お勧めの理由は、iPhoneのカッコいいインターフェースのおかげでシンプルな作品でも、とっても見栄えがすることです。それは私たち開発した「HotPepper for iPod touch」を見てもらえれば納得いくと思います。

「HotPepper for iPod touch」とは、現在地を把握しその周辺にある条件に合致し、かつその時間に空いているお店をGoogleマップ上に表示するというサービスを提供するアプリケーション。これはネイティブアプリケーションを目指していますが、応募作品はネイティブアプリケーションである必要はありません。DashCode(注1)によるAjaxアプリケーションでも十分なよいものがつくれるはずです。

 Macユーザーではない人も、Safariとテキストエディタさえあれば、アプリケーションの開発は可能です。ただ動作確認するためには、iPod touchがあったほうがいいですね。ない場合はApple Storeで確認するという荒業(?)もあるかもしれませんが……(笑)。

 冒頭でも述べましたがiPod touchやiPhone向けのアプリケーションは、Webアプリとして開発すればかなり敷居が低いのでお勧めです。私たちのブログでも、iPod touchやiPhone向けのサンプルネタを紹介しています。これらを参考に、ぜひ、チャレンジしてみてください。

注1:Appleが提供するiPhone SDKに含まれる開発環境

舩見高貴生さん

舩見高貴生さん
「HotPepper for iPod touch」の検索画面 iPhone向けYahoo!検索画面例
「HotPepper for iPod touch」の検索画面。現時刻に空いているお店を探せるのが特徴
iPhone向けYahoo!検索画面例

3.PHPが3行しかかけなくてもAwardに参加できる リクルートテクニカルセッション?

 今回のAwardからデザインやビジネス・アイデアに着目した賞を設けられるという。今やMashup Awardも技術力だけではなく、企画としての目新しさも必要となる。非エンジニアがMashup Awardに参加する価値について、鈴木拓生さんが紹介した。

Mashup Awardでは3つの目新しさが求められる

 Mashup Awardは技術力だけが、問われるコンテストではありません。企画としての目新しさ、デバイス/ランタイムとしての目新しさ、使うAPIの目新しさという3つの目新しさが問われるものだからです。したがって、これら3つの目新しさを作品の中に入れ込むか、企画力が大きく問われるものなのです。

 例えば企画としての目新しさの例としては、先ほど石橋さんも紹介した「Design Showcase」があります。Design Showcaseはリクルートが提供しているある一つのAPIを使って、複数のデザイナーが新しいインターフェースを提案するというプロジェクトです。これまでにない独創的なインターフェースが、ここでは提案されています。このような企画としての目新しさも、Mashup Awardでは問われる要素です。

 次にデバイスやランタイムとしての目新しさ。目新しいデバイスとしてはiPhoneやwii、ランタイムとしてはAdobe AIRやMicrosoft Silverlightなどが挙げられます。このようなデバイスやランタイムを使ったアプリケーション開発などに、チャレンジしてみても面白いのではないでしょうか。

 最後にAPIとしての目新しさ。まだ日本ではまだまだ実例のないAPIがたくさん、公開されています。それに触る機会にしてみてもいいでしょう。例えば世界第2位のSNSサービスながら、日本でのユーザー数はまだ50万人と少ないFaceBookで公開されているAPIを使い、FaceBookのアプリを作ってみても面白いかもしれません。

 新しいことにチャレンジする意義の第一は、見晴らしのよい場所に立つことができるということ。自分が企画したものに対するユーザーの反応が実感できます。第二は新たなビジネスのチャンスになる可能性があること。この機会にぜひ、新しいことにチャレンジしてほしいと思います。

鈴木拓生さん

鈴木拓生さん
Adobe AIRを使ったアプリケーションの画面例 「Design Showcase」
Adobe AIRを使ったアプリケーションの画面例
複数のデザイナーが新しいインターフェースを提案するというプロジェクト「Design Showcase」

4.土日に頑張れるコツを紹介!「ひとりでもFlash」

 最後のスピーチはクリエイターの寺井周平さん。社会人である限り、Mashup Awardへの応募作品作りは、どうしても土日(休日)になる。だらだらしがちな休日に、モチベーション高くFlashアプリケーション作成に取り組むための秘訣を紹介した。

インスピレーションが湧く画像サイトを活用する

 土日にひとりでFlashを作ることは、そう容易にできることではありません。そんな人にモチベーション高く取り組むための、私なりのコツを紹介します。  第一に思いついたアイデアはどんなくだらないことでもメモしておくことです。例えば私が解説している個人ブログ(http://www.trick7.com/blog/)で紹介されている「ジョネレーター」や「コジマヨシーケンサー」などの作品は、メモをアイデアに生まれたものなのです。

 次に素振り的Flashの実践です。素振り的Flashとはゼロからデザインするのではなく、これが動いたら面白くなるのではとインスピレーションが働いた画像を使ってFlashを作ってみるという方法です。最初は模倣でも、形にすることで自信がつき、スキルアップにつながるのです。お気に入りの画像をストックするときに役立つのが、AutoPagerize(複数ページにまたがる検索ページをスクロールだけですべて見られる)とTombloo(画像登録ツール)です。

 ひとりでFlashを作る際、心がけていることがあります。それはユーザーがその作品に触れたとき、自分の思い描いた気持ちになってもらえるようなものにすること。作り手の意思を表出させるのではなく、ユーザーが恣意的に動いた結果、作り手の意思が共有されるものになるようにしなければなりません。

 またターゲットユーザーを特定することも必要でしょう。一人でつくるということは、リソースも限られています。ユーザーを特定し、その人が喜ぶものを真剣に考えるのです。そうすれば、ターゲットユーザーの心に響く作品ができるはず。とにかく自分の手を動かしてみること。それが面白い作品作りへの第一歩となるはずです。

寺井周平さん

寺井周平さん
「BOOOT.tv」 「モアイ飛ばし」
検索条件にマッチした中古車の情報を大仏キャスターが音声で紹介する「BOOOT.tv」
エイビーロードのブログパーツ「モアイ飛ばし」

君のアイデアがこれからのWebサービスを変える!チャンスをつかめ!マッシュアップアワード開催中

大賞賞金100万円ほか、各種特別賞多数  詳しくはこちら

  • はてなブックマークに追加
  • Yahoo!ブックマークに登録
あなたを求める企業がある!
まずはリクナビNEXTの「スカウト」でチャンスを掴もう!
スカウトに登録する
宮みゆき(総研スタッフ)からのメッセージ 宮みゆき(総研スタッフ)からのメッセージ
今回のセッションで久々にエンジニアってスゴイな!って、感動しました。しかも自分の身近のメディアテクノロジーラボにこんな面白いものを研究して創っている人たちがいたなんて!セッション後にメンバーの皆さんをつかまえて、Tech総研で何かできないか相談してみました。実現できるといいなあ。

このレポートを読んだあなたにオススメします

初の高校生と女性ファイナリストも! Tech総研賞は「PocketCode」

応募466作品「Mashup Awards 8」最終バトルの結果は?

今年もやってきたマッシュアップアワード「Mashup Awards 8」。今回は「TechCrunch Tokyo …

応募466作品「Mashup Awards 8」最終バトルの結果は?

感情解析、画像認識、空席検索、電話、tab、天気予報APIをお試し

MA史上初の女子向けMeetUp開催!初めてのAPI体験☆

Tech×女子5人のユニット“Quintech(クインテック)”と、リクルートのメディアテクノロジーラボ(MTL)が…

MA史上初の女子向けMeetUp開催!初めてのAPI体験☆

応募作品は海外含め500件! Tech総研賞は「tipshare.info」に

MA7最終審査――リング上で凄絶なエンジニアバトル!

全国各地のWeb開発者の勢いを取り込み、今年も元気よく開催されたマッシュアップアワード。その総決算にあたる最終審査会が、12月…

MA7最終審査――リング上で凄絶なエンジニアバトル!

ブラウザベースでHTML5、JavaScript、CSSのコードが投稿できる

5千人以上の技術者が利用する面白法人カヤックjsdo.it

Web開発者が技術、デザイン、アイデアを競い合うWebアプリコンテスト「Mashup Awards 6」。Tech総研編集部も、…

5千人以上の技術者が利用する面白法人カヤックjsdo.it

約180種類のAPIや、プラットフォームをフル活用マッシュアップ!

ハッカソン型開発者イベント潜入!Mashup Awards6開催

Web開発者の祭典、マッシュアップアワード(Mashup Award)が今年も始まっている。セミナーや、1日合宿形式の開発者イベ…

ハッカソン型開発者イベント潜入!Mashup Awards6開催

広める?深める?…あなたが目指したいのはどっちだ

自分に合った「キャリアアップ」2つの登り方

「キャリアアップしたい」と考えるのは、ビジネスパーソンとして当然のこと。しかし、どんなふうにキャリアアップしたいのか、…

自分に合った「キャリアアップ」2つの登り方

この記事どうだった?

あなたのメッセージがTech総研に載るかも

あなたの評価は?をクリック!(必須)

あなたのご意見お待ちしております

こちらもお答えください!(必須)

歳(半角数字)
(全角6文字まで)
  • RSS配信
  • twitter Tech総研公式アカウント
  • スカウト登録でオファーを待とう!
スマートグリッド、EV/HV、半導体、太陽電池、環境・エネルギー…電気・電子技術者向け特設サイト

PAGE TOP