マッシュアップを超えたマッシュアップを
−Mashup Awards 5表彰式レポート
仲里淳2009/12/11
リクルート主催による「Mashup Awards 5」の表彰式が開催された。前回を上回る応募作品数と高いクオリティのなか、数々の賞が決定した
- - PR -
11月29日、「Mashup Awards 5」(MA5)の表彰式が開催され、最優秀賞をはじめとする各賞の受賞作品が発表された。Mashup Awardsは、リクルート主催(昨年まではサン・マイクロシステムズとの共催)によるWeb APIを使ったプログラミングコンテスト。回を重ねるごとに規模を拡大し続けており、今回の応募作品数は346と過去最大となった。業界内では注目イベントの1つであり、Web制作会社やクリエータたちが実力をアピールする場として定着している。
表彰式では、例年どおり最優秀賞にノミネートされた5作品の制作者が、最優秀賞と賞金である100万円を目指してプレゼンテーションを行い、その場で最終審査が行われた。
リアルの電子レンジとWebコンテンツをマッシュアップ
サービス名:CastOven
作者:100kw-sgss
URL:http://100kw-sgss.org/castoven/
最初にプレゼンテーションを行ったのは、「CastOven(キャストオーブン)」という、電子レンジの作品である。「生活の視点、家電、Web APIをマッシュアップした未来の家電」というこの作品は、電子レンジに設定する温め時間とちょうど合う長さのYouTubeの動画を表示する。Adobe AIRによるアプリケーションで、設定時間の認識とYouTube動画のピックアップ、ディスプレイへの表示を行っている。
![]() |
| 電子レンジの窓に当たる部分が液晶ディスプレイになっており、YouTubeの映像が表示される |
「世の中には数多くの魅力的なコンテンツがあるにもかかわらず、忙しい生活の中で、それを楽しむことは難しい。さまざまなタスクに追われるなかで生じる細切れの空き時間を有効に使うために、コンテンツの方を人の空き時間にフィットさせる」というコンセプトで開発された。Webサービスなどソフトウェアの応募作品が大半を占めるなか、ハードウェアで、しかも電子レンジという姿がひときわ目を引いた。
![]() |
| CastOvenのプレゼンを行う100kw-sgss(Watanabe Keita)氏 |
SNSの枠を超えたOpenSocialガジェットプラットフォーム
サービス名:OpenSocial Dashboard
作者:stomita
URL:http://code.google.com/p/opensocial-dashboard/wiki/Introduction
「OpenSocial Dashboard」は、OpenSocialガジェットをWebブラウザ上で実行できるという作品。Mac OS XのDashboardやWindowsガジェットなどと同じように、ちょっとしたツールやWebサービスが利用できる環境だ。しかも、HTMLとJavaScriptのみで実装されているため、Webブラウザさえあれば動作する。ガジェット類は、ブックマークレットを使っていつでも呼び出すことができる。
![]() |
| ブックマークレットを使って呼び出すと、はてなブックマークのガジェットは自動的に閲覧中のページ(この場合は、MA5)に関するページを表示 |
Webページの閲覧中であれば、そのページ上に重ねる形でガジェットが表示される。このとき、閲覧中のページの内容に合わせて取得する情報を自動的に判断する。これは、ページのURLや選択したテキスト文字列、マイクロフォーマットなどの情報を抽出し、ガジェットのパラメータとして利用するという処理を行っている。Google Friend Connectサーバ以外は、すべてローカルのみの処理で実現するという技術力の高さが光った。
![]() |
| OpenSocial Dashboardのプレゼンを行うstomita氏 |
誰もがDJになれる新感覚のムービープレイヤー
サービス名:radioooo
作者:mizzusano
URL:http://radiooofly.com/
「radioooo」は、YouTube動画をTwitterを仲介役としてユーザー間で共有し、視聴するという作品。mizzusano氏は、プレゼンスライドの中で「radioooo Killed the iTunes.app ?」というコピーを示しつつ、「このアプリを使うようになってiTunesを使うことがなくなった」と自ら愛用していることを紹介した。
やっていることは実にシンプル。Adobe AIRで作られたアプリケーションを起動するだけで音楽が再生される(最初の起動時のみTwitterのアカウントなどを設定する)。仕組みは、特定のハッシュタグとYouTubeの動画IDが含まれたTwitterの投稿を読み取り、その動画を再生するというもの。複数のユーザーが参加し、各自で曲のリクエストを投稿しあうことで、ユーザー間で共有できる。みんながDJとなって曲を選べるというわけだ。
![]() |
| radiooooの画面はシンプル。2つのYouTube動画はテレコ式に切り替わって再生される。音楽を聴くだけなら特に何もする必要はなく、まさにラジオのような手軽さ |
YouTubeの動画をソースとするため、厳密には動画プレイヤーなのだが、コンセプトの中心は音楽。みんなで同じ曲を聴くというラジオ的な共有性の再現を目指した故に、名前が「ラジオー」なのである。Twitterをソーシャルツールではなく、曲情報を交換するためのプロトコルとしてとらえるという発想がユニークで、その点が高く評価された。
「技術的にアピールできる点はない」というものの、クリックするだけというシンプルさや、気軽に感想を示せる「CLAP」(拍手)や「STAND」(スタンド)といった機能、クロスフェードで再生する点など、「音楽を楽しむ」ことにフォーカスしたデザインは秀逸だ。以前は、数十秒ごとにポーリングして情報を取得していたが、TwitterのStreaming APIが登場したことで、この処理がスムーズにできるようになったという。また、ユーザー同士でやりとりができるアプリではあるものの、サーバのコードは1行も書かずに済んだところに、マッシュアップのありがたさを感じたという。
![]() |
| radiooooを自らも愛用しているというmizzusano氏 |
| 1/3 |
| INDEX | ||
| D89クリップ(13) マッシュアップを超えたマッシュアップを −Mashup Awards 5表彰式レポート |
||
| Page1 リアルの電子レンジとWebコンテンツをマッシュアップ SNSの枠を超えたOpenSocialガジェットプラットフォーム 誰もがDJになれる新感覚のムービープレイヤー |
||
| Page2 ソーシャルメディアの荒野で闘うペラペラキャラ iPhoneを媒介に電脳の海原へ旅立つアバター |
||
| Page3 マッシュアップを超えたマッシュアップに栄冠 最優秀賞に負けない栄誉? のおばかアプリ賞 |
||
D89クリップ バックナンバー 連載インデックスへ»
- 第1回 マッシュアップ+ひとひねり=MA4の受賞作
- 第2回 Chumby開発者が語る誕生秘話とビジネスモデル
- 第3回 植物の「緑さん」がブロガーになるまで
- 第4回 ペパボ・家入氏が語る、バカとまじめの振り子の関係
- 第5回 ケータイ版AIRでFlashLiteの成功パターンを踏襲
- 第6回 Webにおけるグラフィック表現手段としてのFlash
- 第7回 第1回おばかアプリ選手権はこうして行われた
- 第8回 ユーザーエクスペリエンスのadaptive path訪問記
- 第9回 クリエイターであるためにFlash待ち受けを出し続ける
- 第10回 3回目はあるのか? おばかアプリ選手権レポート
- 第11回 Web標準に準拠し独自技術Silverlightで補完する
- 第12回 3回目にして完成形を迎えた「おばかアプリ選手権」
- 第13回 マッシュアップを超えたマッシュアップを−MA5表彰式
- 第14回 デザイナだからこそ作れるUXに企業が注目している
- 第15回 Flash CS5のiPhoneアプリ変換機能は無駄にならない
- 第16回 おばかアプリ作成のための超まじめな勉強会レポート
- 第17回 4回目を迎えたおばかアプリ選手権、その見所とは
- 第18回 Windows 7でも「おばかアプリ選手権」は大爆笑でした
- 第19回 無料モデルに興味はない、プログラマは創造的だ
- 第20回 歌あり笑いあり過去最大規模となった技術者の祭典
- 第21回 jQuery+PhoneGap+Dreamweaverでスマホ開発?
- 第22回 「iCloud」が示す「こちら側」を中心とした世界観とは?
- 第23回 おばかな人知が集結したブレスト会議レポート
- 第24回 Chrome+HTML5 Conferenceレポート
- 第25回 Adobeが作ったHTML作成ツール、Edgeの本気度
- 第26回 見よ! コレジャナーイアプリの数々を!
- 第27回 ゲームは、スマホ、AR、ナチュラルインターフェイスに
- 第28回 ゲーム開発はHTML5+スマホベースが新潮流
- 第29回 HTML5で今までにないサイトを作る。GDD2011
- 第30回 Processing.js、SVG、WebGL。HTML5周辺の技術
- 第31回 500作品が競った「Mashup Awards 7」表彰式
- 第32回 作りたい欲求を刺激するMake:07@東工大レポート
- 第33回 HTML5のデバイス&位置情報系APIを使いこなそう
- 第34回 グランプリは生徒と先生が作った役に立つARアプリ
- 第35回 学生からプロまで入り乱れてのアプリ合戦頂上対決!
- 第36回 108もあるぞ! HTML5の要素数
- 第37回 Qt5で10億人ユーザーへ、OSSコミュニティ化で健在に
- 第38回 家電のUIになるブラウザ
| 「デザインハック」コーナーへ |
TechTargetジャパン
- NFCやLTE対応予定のiPhoneと、先行するAndroid (2012/2/9)
iPhoneとAndroid、そしてWindows Phoneという3つのOSの今後を占う。それぞれの通信規格とコンセプトは? - 家電のUIになるブラウザ (2012/2/3)
未来の家電はインターネットに接続でき、ブラウザが内蔵されてくる。家電にブラウザが載ったらどうなるか? 未来のホームネットワークを想像しよう - 「汎用のUI技術」として広がるHTML5 (2012/2/2)
すさまじい勢いで成長しているHTML5を中心としたオープンなWebプラットフォーム。HTML5やAPI、Webブラウザのアップデート情報をお伝えする - ビヨンド・クールジャパン!? (2012/1/27)
コンテンツという文化力と、ものづくりという技術力を掛け合わせる。両方を国内に持ち合わせている国は多くない。チャンスなのだ
|
|






