API/マッシュアップニュース » マッシュアップ紹介 http://wafl.net/news ワッフル/WAFLの運営スタッフが見つけた役に立つAPIやおもしろいマッシュアップサイトなどをこちらでご紹介します。 Sat, 15 Oct 2011 12:57:35 +0000 http://wordpress.org/?v=2.8.4 ja hourly 1 みんなで作る暮らしのレシピ「nanapi」のWeb APIがあった 他 http://wafl.net/news/mashup/755 http://wafl.net/news/mashup/755#comments Fri, 11 Jun 2010 03:33:14 +0000 h_takimoto http://wafl.net/news/?p=755

【API】みんなで作る暮らしのレシピ「nanapi」のWeb APIがあった
これ、どこかで発表されていましたっけ？ 不覚にも見逃していました。
ぜひ、使いたい！
http://sites.google.com/a/rocketstart.jp/nanapi/home

【API】Google I/O 2010で、いくつかの新APIについて発表がありました。
■新APIのリリース
※[Code Site Group Japan] Google API Expert ミーティングレポート 【6月】 より

■App Engine Mapper API
■App Engine Channel API
■Google Buzz API
■Google Font API
■Google Feed API(with push!)
■Google Big Query API
■Google Latitude API
■Google Moderator API
■Google Prediction API
■Google Wave Media API

■現行APIの提供に冠する、発表がありました。Google Maps API v2が非推奨との事なので、
これから利用を開始する方は「Google Maps JavaScript API V3」をご利用ください。
※[Code Site Group Japan] Google API Expert ミーティングレポート 【6月】 より

■Google Maps API v2 が正式にdeprecated、5月19日
■Google Wave Robot API v1が6月以降使えなくなる

【マッシュアップ】リクルートさんの実験プロジェクト「デザインショーケース」第四弾リリース
リクルートさんが提供しているAPI群を利用した、実験プロジェクト「デザインショーケース」の
第四弾がリリースされました。テーマは「住」です。
どのコンテンツも作りこみ具合が凄いことになってます。
http://www.designshowcase.jp/

20100611_recruit

【マッシュアップ】ヤフーインターネットクリエイティブアワード 今年も開催！
APIを使った作品に贈られる、Creative Hack賞あります！
http://creative-award.yahoo.co.jp/

Creative Hack賞
賞金5万円/賞状/トロフィー（1作品）
対象･･･企業の部、一般の部エントリー作品のなかで、ウェブ上で公開されているAPI、もしくは、それに類するウェブ上で提供される各種サービスを利用した作品

滝本

]]> http://wafl.net/news/mashup/755/feed 0 twitterAPIを使ったマッシュアップのサンプル紹介 http://wafl.net/news/mashup/676 http://wafl.net/news/mashup/676#comments Thu, 11 Mar 2010 12:04:27 +0000 h_wakabayashi http://wafl.net/news/?p=676
今巷で大流行しているtwitterとjQueryを使ってマッシュアップを作成するサンプルプログラムです。

今回はtwitterのリプライを取得するサンプルです。
まず、準備するのはjQuery本体とjquery.twitter.mentions.jsというプラグインを使用します。
それぞれダウンロードして任意のディレクトリに保存してください。
・jQuery-1.3.2
・jquery.twitter.memtion.js

twitter.mention.jsをダウンロードするとサンプルプログラム「index.html」が入っています。
ほぼ変更するところなく動作すると思いますが、ユーザーの指定箇所だけテキストボックスから指定できるようにしてみようと思います。
せっかくjQueryを使っているので、ajaxでテキストボックスの値を送信して表示するように変更しました。

【head部分】

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.twitter.mentions.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#send').click(function() { // 送信ボタンがクリックされた
			var users = new Object();
			if ($('#user').val()) {
				users = $('#user').val().split(',');
				$('#content').twitterMentions(users, {  // 引数にオブジェクトでユーザーを渡す
					avatar : true, // 画像を表示するかどうか
					maximum : 10, // 取得件数
					ulClass : 'twitter-mentions', // 表示の際のulタグのクラス指定
					odd : true, // リストを一行ごとにシマシマにするか
					oddClass : 'odd' // シマシマにするクラス指定
				});
			}
		});
	});
</script>

※jquery、twitter.mentionsのjsファイル名、パスは各自の環境に合わせてください。

【body部分】

<body>
<div id="container">
  表示したい＠リプライのユーザーを入力してね<br />
  <input type="text" name="user" id="user" value="" size="30" style="height:20px; font-size:16px;" />
  <input type="button" name="send" id="send" value="送信" />
  <br />
  <br />

  <h1>Twitter reactions</h1>
  <div id="content"></div> // データが取得できたらここに表示される
</div>
</body>

するとこんな感じに！！　デモ画面はこちら>>
サンプル画像

サイトのサイドのスペース等に表示しようとすると、ダウンロードしたファイルに含まれている画像等を
使用するとちょっと大きいかもしれませんので、デザインやレイアウトは独自のものを使用してもオモシロいですね。

以上、こんな感じであっさりとマッシュアップサイトができてしまいます。
これを機会にマッシュアップサイトをたくさん作って、WAFLを盛り上げていきたいですね！！
（最近はマッシュアップというより、クラウドっていうほうが流行ってる感じですが。。。）

若林

]]> http://wafl.net/news/mashup/676/feed 0 Yahoo! JAPAN インターネット クリエイティブアワード2009 決まる！ http://wafl.net/news/mashup/525 http://wafl.net/news/mashup/525#comments Thu, 19 Nov 2009 02:50:10 +0000 h_takimoto http://wafl.net/news/?p=525

Yahoo! JAPAN インターネット クリエイティブアワード2009の授賞式が11/18に行われました。
Yahoo! JAPAN Internet Creative Award – ヤフー株式会社 | トップ | オフィシャルチャンネル

すでに各ニュースサイトで取り上げられていますので、詳細はそちらを。
ヤフー、「インターネット クリエイティブアワード2009」発表 -BB Watch

グランプリ受賞作をはじめ、凄い作品が揃っておりますが、
waflではAPIを利用した作品に贈られる「Creative Hack賞」に注目してみます。

この賞の選考対象は以下の通り。

企業の部、一般の部エントリー作品中で、ウェブ上で公開されている
API、もしくは、それに類するウェブ上で提供される各種サービスを利用した作品です。

「Creative Hack賞」を受賞したのは、ごうだまりぽさん（株式会社鳥人間）の「ToriSat　～　国際宇宙ステーションを見よう！」です。

ToriSat　～　国際宇宙ステーションを見よう！

Google Maps上で位置を指定すると、いつ・どの方角に衛星が見られるかをシミュレートしてくれるツールです。

衛星軌道情報を元に、方角などを計算をしていると思うのですが、
使う側としては、小難しい事を考えず手軽に見られるのがうれしいですね。

ストリートビューを利用してプラネタリウム風に衛星を眺めたり
Google Earthを利用して「衛星から見た地球」を眺めたりと
見せ方に工夫が感じられます。

プラネタリウム風（軌道に合わせてカメラが移動）

プラネタリウム風

衛星軌道と衛星からの眺め（軌道に合わせてカメラが移動）

衛星軌道と衛星からの眺め

また、株式会社鳥人間さんでは、APIとしてTORIck.Star (衛星軌道計算API)を提供しており、
衛星の接近情報や高度などが公開されています。

「宇宙を舞台にマッシュアップをしてみたい！」という方は利用してみてはいかがでしょうか。

滝本

]]> http://wafl.net/news/mashup/525/feed 0 API/マッシュアップ関連記事まとめ（7/24） http://wafl.net/news/world/416 http://wafl.net/news/world/416#comments Fri, 24 Jul 2009 02:20:56 +0000 h_takimoto http://wafl.net/news/?p=416

7月も残すところ後1週間ですね！今月に入ってからリリースされた
APIやマッシュアップ関連の気になる記事をまとめてみました。

■7/22 [海外][API] 音楽業界誌「Billboard」がAPIを公開

image9

Billboardが消費者サイトへと180度方向変え, APIを公開して音楽マッシュアップの多産を期待する(Tech Crunch JAPAN)
日本でも音楽チャートでおなじみの音楽業界誌「ビルボード」がAPIを公開。
アーティスト名からチャート情報を取得したりする事ができる様です。
開発者向けサイト

■7/22 [海外][API] グーグル、約10万人の「Google Wave」のパブリックベータテストを今秋実施へ(CNET JAPAN)

image2

チャットや電子メールといったコミュニケーションを統合する、メッセージング＆コラボレーションツール「Google Wave」。
現在は一部の開発者向けにのみ提供されていますが、9月末には10万人に開放してパブリックベータテストを実施するとの事。
APIに関するドキュメントはこちら
Google Wave API – Google Code

■7/21 [API] はてなブックマーク
(開発者さま向け)マイブックマーク全文検索APIを公開しました – はてなブックマーク日記 – 機能変更、お知らせなど

はてなブックマークに登録したエントリに対して全文検索が可能になりました。
ただし、こちらは有料サービスの「はてなブックマークプラス」申込者限定となっていますのでご注意を。

■7/18 [マッシュアップ]マッシュアップアワード5開催予告サイトが公開

image3

リクルートさんが毎年開催しているコンテスト「マッシュアップアワード」ですが、サイトが更新されないので
開催しないのかも、と思っていましたが「MA5 2009 AUTUMN」として予告サイトが公開されていました。
良いマッシュアップネタを持っている方は、ご準備を。
MA5 2009 AUTUMN

■7/7 [海外][API] Amazon APIモバイル利用は規約違反

なぜあのアプリはApp Storeから消えたのか？–Amazon APIのモバイル利用 – builder by ZDNet Japan
利用規約に書いてあるのですが、Amazonに別途書面にて承諾を得ない限り「Amazon APIはモバイルで利用出来ません」
今回はリリース後に、Amazonからの指摘でアプリケーションの配信停止をする事態となってしまったケース。
商用利用する場合は、利用規約を十分にチェックしておきたいですね。

■7/7 [マッシュアップ] Yahoo! API・Flickr API・独自クローラを駆使したグラビアアイドルまとめサイト「cee」

image61

Yahoo! API・Flickr API・独自クローラを駆使したグラビアアイドルまとめサイト「cee」(Gigazine)
顔写真からみつかるグラビアアイドルまとめサイト「Cee」のGigazineさんによる紹介記事です。
ランキングの集計軸などに、熱いこだわりを感じさせますね。。。
cee – グラビアアイドル まとめサイト

7/8 [API]モディファイ、ミニブログ「SMART4C」で画像投稿対応。外部APIも併せて公開(ベンチャーナウ）

image7

「ミニブログ」サービス「SMART」のAPIが公開。
Twitterを筆頭にこういったサービスが増えてきましたが、どんな住み分けがされていくんでしょうか。
SMART

以下は6月ですが、重要な更新でしたのでご紹介

■6/19 [API] Google Maps API のルート検索APIが日本国内に対応

image8

Google Japan Blog: ルート案内 API が日本でも使えるようになりました
指定した地点間のルートがラインが引かれ、「舞浜ローズタウン前（交差点） を左折する」の様な
ルート情報を取得する事ができる様になりました。

以上、API/マッシュアップ関連記事まとめ（7/24）でした！

]]> http://wafl.net/news/world/416/feed 0 自作ポップでお気に入りの商品を紹介できる「POPit(ポップイット)」 http://wafl.net/news/mashup/400 http://wafl.net/news/mashup/400#comments Fri, 10 Jul 2009 08:35:01 +0000 h_takimoto http://wafl.net/news/?p=400
ゼロベース株式会社さんから7月2日にリリースされた「POPit（ポップイット）」をご紹介します。

本やDVD、ゲームなどを買いに行くと、店員さんの「熱い」おすすめコメントが書かれたカードが貼ってありますよね？
あの「ポップ」です。

ポップ一覧

POPitでは、Amazonの商品に自作のポップを貼り付けて、みんなに紹介する事ができます。

操作は、いたってシンプル。ユーザー登録またはOpenIDでログインした後
————————————————————
１．Amazon商品の選択
２．ポップの種類を選択
３．熱いおすすめコメントをたたき込む！！
４．公開
————————————————————
POP編集画面
といった簡単操作で、オリジナルのポップを作成する事ができます。
また、設定画面で自分のアソシエイトIDを入力すれば、収益を得る事ができます。
↓こんな感じで、自分のブログにポップ付きの商品画像を表示するブログパーツ機能もあります。

Powered by POPit

「俳句」や「川柳」など、決められたフォーマット内で美しくまとめるのが得意な
日本人ならではのサービスだな、と思います。

「運営ブログ」や「twitter アカウント」によれば、今後は
Amazon以外の商品への対応やブログパーツの改善などを予定しているそうです。

Amazonサイトに書かれているレビューも参考になりますが、
短いコメントによる紹介も、面白いですね！

Amazon Associates Web Service

]]> http://wafl.net/news/mashup/400/feed 0 ショッピングサイトの商品情報をメモできる「memotto!」 http://wafl.net/news/mashup/370 http://wafl.net/news/mashup/370#comments Fri, 12 Jun 2009 12:05:25 +0000 h_wakabayashi http://wafl.net/news/?p=370
凸版印刷がショッピングサイトの商品情報をメモできるソーシャルメモサービス「memotto!」のβ版を公開しました。

「memotto!」は、Amazon.co.jpや楽天市場、Yahoo!ショッピング、その他の提携ショップを対象に商品名や画像、価格、商品情報などをAPIで取得してメモできるサービスです。

商品は「memotto!」サイト内での検索に加え、ブックマークレットを利用した直接登録にも対応し、登録したメモから各サイトに移動して商品の購入手続きも可能だ。

商品メモはドラッグ＆ドロップで移動することができ、他ユーザーが登録したメモを自分のメモにコピーできる機能や、登録したメモの内容に近い他ユーザーのメモなどを表示する「つながりメモ・ノート」機能などSNS的な機能も備える。

インターフェイスがFlashで作成されて、実際にユーザーが商品を手にとって品定めするようなカンジは使っていてかなり楽しい。買う気もないのに、ついいろんな商品を検索してはメモ登録しちゃいます。

また、OpenIDにも対応しているので、次回からのログインにはOpenIDを利用してのログインも可能。
※一度ユーザー登録を行った後にユーザー設定画面でOpenIDを登録する必要がある

サービス開発にあたっては、株式会社カヤックと株式会社ソニックジャムが協力しているみたいです。
Flashを利用してのユーザーを飽きさせない工夫や直感的な操作ができるところが使っていて楽しいですね！！

]]> http://wafl.net/news/mashup/370/feed 0 リクルートAPIを使った実験プロジェクト「DESIGN SHOWCASE」の第３弾は「職」がテーマ http://wafl.net/news/trend/274 http://wafl.net/news/trend/274#comments Wed, 22 Apr 2009 11:32:57 +0000 h_takimoto http://wafl.net/news/?p=274
株式会社リクルートさんが自社のAPIを利用した実験プロジェクトを公開しているサイト「DESIGN SHOWCASE」では、従来のAPIを利用した、新しい形のユーザーインタフェースを提案しています。

第１弾は「食」をテーマとして、飲食店情報が取得できるAPI「ホットペッパー」を。
第２弾は「旅」をテーマとして、海外旅行ツアー情報が取得できるAPI「エイビーロード」を。

そして新しくリリースされた第３弾は「職」をテーマとして、フロム・エー ナビ上に登録されている仕事情報を取得できる「フロム・エー ナビお仕事検索Webサービス」を利用した物になっています。
各方面で活躍されているクリエイターの方達による4つのFLASH作品が公開されています。

早速、それぞれの作品を見てみました。

1作品目は「WORDS WORKS by SAQOOSHA x GA4」
image5
「拡張現実ライブラリ FLARToolKit」を利用した作品です。
上から降ってくるお仕事条件の箱を「CATCH!」していくと、希望にあった仕事と出会う事ができます。
Webカメラをお持ちの方は、是非、自分の指で「CATCH!」してみてください。

2作品目は「from A to Be by TAROUT x CROSSOVER STD.」
image6
自分の分身となる「toBe(トゥビー)」の服や被り物を着せ替えて行くと、自分を求めている友達（仕事）を捜してきてくれます。
最後には自分で作ったtoBeの待ち受け画像もダウンロードできます。

3作品目は「one after another by MOUNT INC.」
image10
ぶつかり、転がり、砕けていく仕事条件を逃さず選択していくと希望する仕事情報にたどり着きます。
ボーッと眺めていると、チャンスがどんどん逃げていく！

最後は「Form B by 1PAC.INC.」
image111
「やりたい事を探す」のでは無く「やりたくない事を消す」という画期的なアイディア。
この考え方なら
時給1,000円以上などで条件を設定してしまった場合に時給980円ですばらしいアルバイトに出会えるはずなのに、それを見落としてしまう可能性があります。
という事を防ぐ事ができるんだそうです。
が、「Comming Soon…」と表示されて仕事は探せず。
「やりたくない事を消したら、結局何も残らなかった」と考えると、非常に深い作品なのですが…
更新されたらまた改めて。

実用的でない物もありますが、「新しい形のユーザーインタフェース」という明確なコンセプトにもとづいた作品達です。
きっと、どこか刺激を受ける点があると思いますので、興味のある方は是非見てみてください。

DESIGN SHOWCASE
ニュースリリース | クリエイターの個性が競演するWEBギャラリー『DESIGN SHOWCASE』2009年4月22日　第３弾 OPEN！ － RECRUIT

]]> http://wafl.net/news/trend/274/feed 0 商品情報を自動収集して提供してくれる「あとで買うかも!?」 http://wafl.net/news/mashup/254 http://wafl.net/news/mashup/254#comments Tue, 07 Apr 2009 12:22:48 +0000 h_wakabayashi http://wafl.net/news/?p=254
今回はショッピングが大好きというアナタにうってつけのサイトをご紹介します。

株式会社レモンが提供しているその名も「あとで買うかも!?」。
「あとで買うかも!?」は、商品検索をして興味のある商品を指定すると、
Amazon、価格com、Yahoo!、楽天などから、商品の価格情報やレビューを
自動的に収集してくれます。なので、対象のサイトをわざわざ検索しなくてもいいからずいぶんと手間が省けますね。

ですが、ユーザ登録（無料）を行うともっと便利な使い方ができちゃったりします。

「あとで買うかもリスト」で買い忘れを防ぐ！
「あとで買うかもリスト」では、今まで自分が選んだ商品の履歴を管理することができます。
しかも、リマインダー機能もついてて、商品ごとに日時を指定してメールやRSSによるアラームが
設定可能となっています。
なので、「いまお金ないんだけどな～」とか「ちょっと冷静になって考えよう」とか
「あの子の誕生日まで貯金して、プレゼントを買おう」なんていう使い方もできちゃいます。

「OpenIDに対応」
新規でユーザー登録を行わなくても、mixiやYahoo!、Google、Livedoorなどのアカウントを既に
持っているならばそのIDを利用してログインすることが可能です。
サイトごとに情報を登録しなくても良いので非常に便利ですね。

こういったショッピングサイトがあると、ついつい「あとで買うかもリスト」がイッパイになっちゃいそうですね。

]]> http://wafl.net/news/mashup/254/feed 0 サッカーとフットサルをもっと楽しくするコミュニティ「LaBOLA」 http://wafl.net/news/mashup/136 http://wafl.net/news/mashup/136#comments Sat, 21 Mar 2009 17:50:12 +0000 h_wakabayashi http://wafl.net/news/?p=136 もうすぐ、2010 FIFAワールドカップが南アフリカで開催されます。
われらが日本代表も出場権獲得に向けて最終予選の真っ只中です。

今回は株式会社ラクシーズさんがGoogle Maps APIを活用したチャットサービスを
利用して運営されているサッカーファンにはとてもウレシイサイトをご紹介いたします。

Google Map上でユーザー同士がチャットできたり、実際のスタジアムの場所や
現地の周辺状況も確認することができちゃいます。

「LaBOLAカフェ」

地図上で移動しながらチャットを楽しめるサービスです。
実際の地図を使って、そこでいろんなスタジアムに行ってみたり、
ユーザ同士でチャット ( 会話 ) をしてコミュニケーションをすることができます。
（利用には、無料のLaBOLAメンバー登録が必要です）


そのほかにもクラブ情報や、プロ選手のブログなども掲載されているので
見ていてとても楽しいです。

実際に南アフリカまで観戦に行くのは難しいですが、こういったサイトを使って
みんなでチャットしながらワイワイ盛り上がって応援するのもきっと楽しいですよね！！

]]> http://wafl.net/news/mashup/136/feed 0 パーカーと街を人でつなぐ「UNIQLO PARKA STYLE 1000｜TOKYO FASHION MAP」 http://wafl.net/news/mashup/90 http://wafl.net/news/mashup/90#comments Thu, 19 Mar 2009 01:12:42 +0000 h_takimoto http://wafl.net/news/?p=90
キャンペーンサイトが毎回評判になるユニクロさんの「UNIQLO PARKA STYLE 1000｜TOKYO FASHION MAP」です。

1000人が1000着のパーカーを着まわしていくリレームービーと連動して
Google Mapsが自動でスクロールしていき、撮影した場所がアイコンでマッピング表示されます。

UNIQLO WEB NEWS – UNIQLO ユニクロ
いまや世界中から注目される東京のリアルファッションを、
1000人のパーカのスタイリングを通じて世界へ発信いたします。
東京を代表する街（原宿、銀座、秋葉原など15エリア）をパーカがつなぐ「リレームービー」、
圧倒的なストリートスナップでお楽しみください

それぞれの街が持つ文化の違いが、ムービーにあらわれていて見ていて飽きません。

「東京タワー」 → 「原宿」 から始まるパーカーリレーは、
渋谷、秋葉原、巣鴨を通過し、最後はどこに辿り着くのでしょうか。

]]> http://wafl.net/news/mashup/90/feed 0