Archive for category webservice

Date: 3月 30th, 2011
Cate: webservice, works

カンタンにルーレットが作成できる「ROULETTE MAKER」というサービスを公開しました。

roulettemaker

ROULETTE MAKER
http://roulettemaker.com/

先日、「ROULETTE MAKER」というサービスを公開しました。

簡単にルーレットが作成でき、PCやスマートフォンでそのルーレットを動かすことができます。

ルーレットを作成するときは、「ルーレット名」とルーレットの「項目名」を入力。

create

こんなルーレットができます。

roulette

このルーレットは、ぼくがランチをどこで食べようか?と思ったとき用のものですが、こんな感じで自由に作ることができます。

スマートフォンでも動きます。

smt1

smt2

ルーレットはHTML5のCanvas要素を利用して描画しています。
以下のエントリのソースをほぼそのまま使わせていただいています。

Creating a Roulette Wheel Using HTML5 Canvas

最近、個人的には、Rails、jQuery、HTML5、CSS3を使ってサービスを開発することが多いですが、そうやって作るとPCでもスマートフォンでも動かせて楽だなーと思っています。

あと、ロゴ作成にはGoogle Font APIが便利でいいですね!

「ROULETTE MAKER」、飲み会とかで気軽に使ってみてください!


Date: 3月 18th, 2011
Cate: webservice, works

jishinhelp.com 東日本大震災 救助要請・安否確認・避難ツイート検索というサービスを公開しました。

jishinhelp.com   東日本大震災 救助要請・安否確認・避難ツイート検索

jishinhelp.com | 東日本大震災 救助要請・安否確認・避難ツイート検索
http://jishinhelp.com/

今回の震災では、Twitterでも救助要請、安否確認などが活発に行われています。

ただ、Twitter検索では、公式RTされたツイートも検索結果に含まれるため、
重複した内容のツイートが多く表示されていました。

jishinhelp.com では、#j_j_helpme #anpi #hinan というハッシュタグがついたツイートを収集し、公式RTを除いて表示しています。フリーワード検索も可能です。

何か情報を探している方のお役に立てればという気持ちで作りました。
今後も自分にできることをやっていきたいと思います。


Date: 3月 14th, 2011
Cate: webservice, works

みんなのあかりが、だれかに届きますように。「akarifrom.me」というサービスを公開しました。

akarifrom.me

akarifrom.me
http://akarifrom.me/

東日本大震災により、日本は大変な事態になっています。

あの日以来、被害を受けていない自分に何ができるのか?ということをずっと考えていました。

しかしWebエンジニアである自分には、Webサービスを作ることしかできません。

そこで、節電する気持ちを伝えるサービスを作ろうと思いました。

サービスのコンセプトは「みんなのあかりが、だれかに届きますように。」

節電している際の、部屋の灯りの写真とコメントをシェアするサービスです。

今回節電している自分たちは、単に電気を消すのではなく、
この電気をだれかに届ける、という気持ちで行動していると思います。

そんな気持ち、思いが、いろんなところに広がればいいなと思い、作りました。

このサービスを公開することが、いいことなのか、悪いことなのか正直分かりません。

ただ何かできることをしたいと思い、作りました。

今後も、被災された方々の支援や被災地の復旧・復興について考え、行動していきたいと思います。


Date: 3月 10th, 2011
Cate: webservice

ホテル選びの新基準「Room 77」

Room 77 - Find your perfect room.

Room 77
http://www.room77.com/

部屋からの眺め、エレベーターからの距離、コネクティングルームかどうか、など様々な視点から、ホテルの部屋の点数(このサービスでは「Room Match」と呼んでます)を独自に算出し、その点数をもとにホテルの部屋を選べるサービス。

Find the best rooms at Hilton Boston Back Bay - Room 77

図の中の部屋をクリックすると、その部屋からの眺めが分かります。これすごい!

77_1

・階数は上のほうがいい or 下のほうがいい
・眺めは重要 or そんなでもない
・エレベーターからは近いほうがいい or 遠いほうがいい
・コネクティングルームがいい or どっちでもいい

これらの要素を選択することで、部屋の点数は動的に変動します。

77_3

図の中の部屋がグリーンの場合は自分の嗜好にマッチしている、イエローの場合はまあまあマッチしている、レッドの場合はマッチしていないことを表します。

77

77_2

iPhoneアプリもあるみたいです。
このサービス、ホテル選びを劇的に変えてしまいそうですね。素晴らしいサービスだと思いました。

それにしても、このサービスで使用しているホテルのデータベースと、
独自の点数(Room Match)の算出ロジックはすごいですね。
どうやって集めたんでしょうね?あと、ホテルの建築様式とか、それぞれ独特なはずなのにどうやって距離とか計算してるんでしょうね??

Jobs at Room 77

そんなことを思いながら採用情報を見ていたら「↑こんなパズルが好きだったら、Room77で楽しく働けるよ!」って書いてありました。Room77のエンジニア、かなりすごそうです!!!


Date: 3月 10th, 2011
Cate: webservice

大自然にチェックイン「Project Noah」

Project Noah

Project Noah
http://www.projectnoah.org/

自分が訪れた場所の自然の写真をスマートフォンアプリで撮影し、共有するサービスです。
いろんな動物、植物、昆虫、動物の写真が、撮影された場所の情報とともに共有されています。
いろんな場所をスポットととして登録すると、foursquareのバッジのように、パッチがもらえます。

Eric Gyllenhaal s Collection   Project Noah

これらの写真を見た瞬間に、このサービスのファンになってしまいました。
素晴らしいコンセプトのサービスだと思います。

参加しているユーザも、9歳の女の子からお年寄りまで幅広く、
デザインから何からすごく温かみのあるサービスのように感じました。

noah

↑スポットを登録したりするともらえるパッチ。
質感がいいです。

Mission   Project Noah

「世界の鳥」とか「赤いもの」など、ミッション(テーマ)もいろいろ設定されていて、
みんなでそのミッションに沿ったスポットを登録したりもできます。

久しぶりにすごくいいなーと思ったWebサービスでした。

うちの子供たちがもう少し大きくなったら、
iPhoneにこのアプリを入れて持たせて、好き勝手に使わせてみたいです。


Date: 3月 9th, 2011
Cate: webservice

日常の会話を共有「Bnter」

Bnter_logo

Bnter
http://bnter.com/

友達同士で「昨日、こんなことがあって・・・」みたいな会話をすることはよくあると思いますが、
このBnterは、そんな日常の出来事を会話形式で共有するサービスです。

Bnter - Post Conversation

会話を投稿するときは、その会話をした人の名前を2人記入します。
「自分と友達」でも、「地下鉄のホームにいたサラリーマンAとサラリーマンB」でもなんでもOK。
あとは、その2人が行った会話の内容を記入して投稿するだけ。

Bnter - Staff Favs

↑すると、こんな形式でその会話が表示されます。
Bnterのユーザは、この会話についてコメントすることが可能です。

「だれかとだれかの会話」を共有の対象にしたところが新鮮に感じました。

Bnter

殿堂入りした会話は、マンガ風にして紹介されています。
こんな紹介の仕方、すごくいいですね。

Bnter - About

あと、この開発チームの紹介でも使われている独特のイラストレーション、
サービスのユルい雰囲気を作り出していて最高です。


Date: 3月 8th, 2011
Cate: webservice, works

自分が知らないことは友達に聞いてみよう!「friend interview」というサービスをリリースしました!

friend interview - 自分が知らないことは友達に聞いてみよう

friend interview
http://friendinterview.net/

というサービスをリリースしました!

■これはなに?

自分が知らないことや分からないことを友達に質問できるサービスです。

Yahoo!知恵袋とか、Q&Aなうとか、Quoraとか、
Q&Aサービスはいろいろありますけど、
「自分が信頼している友達の意見が聞きたい!」というときに使えるサービスが
なかったような気がします。

また、質問される側の気持ちとしても、
Twitterなどで不特定多数に向けてされた質問よりも、
自分だけに向けられた質問のほうが回答しよう!という気になると思います。

そんな思いがあったので、
今回、友達にインタビューできるサービス「friend interview」を作りました。

■なにができるの?

グルメに詳しい友達に「どこどこ周辺で美味しいお店教えて」とか
音楽に詳しい友達に「最近おすすめのCDある?」とか
インターネットに詳しい友達に「最近気になるWebサービスある?」
など聞いたりすることができます。

各質問にはカテゴリーがつくようになっているため、
自分が興味あるカテゴリーのインタビューをまとめて見ることができます。

また、インタビューに回答したユーザの場合、
ユーザページにおいて、回答したインタビューの一覧が表示されます。
(例: http://friendinterview.net/daisaku

daisakuさんへのインタビュー   friend interview

ユーザページでは、カテゴリーごとのインタビュー数も表示されるので、
その友達がどういうカテゴリーの質問をよくされる人なのかも知ることができます。

■使い方

・まずはTwitterでログイン
Twitter

・質問を投稿!
Twitterでログインしたあとに、質問したい相手のTwitterIDを入力、カテゴリーを選択後、
質問内容を入力して投稿!Twitterの@つきのつぶやきで相手に通知されます。
add

・友達の回答を待つ
そのあとは、ただ回答を待ちましょう!
回答があったら、Twitterの@つきのつぶやきで通知されます。

・回答が来る
やりましたね!回答が来ました!
osusume_sample

・お礼
最後は、回答してくれた友達に感謝の気持ちをこめて、
「ありがとう!」「さすが!」などのボタンを押しましょう!
like

■最後に

このサービスをきっかけにして、
楽しいことが生まれたり、新しい友達ができたりする人が増えたらいいなーと思っています。
ぜひ使ってみてください!


Date: 2月 26th, 2011
Cate: webservice

みんなで作るなんでもトップ10「Top10」

top10_1

Top10
http://top10.co/

「みんなで作るなんでもトップ10」がコンセプトのサービス。

top10_2

・何に関することでもいいので、まずはテーマ(例:怖い映画トップテン)を決めてトップテンリストを作成。
・友達やフォロワーが、そのリストをリミックス。
・作られたトップテンリストを集計し、そのテーマのマスターリストが決定!

top10_3

↑リストのイメージ。映画に出てくる悪者トップテン。

top10_4

↑ほかの人のリストをもとに作りたいときはリミックス。
「リミックス」というネーミングがばっちりはまってます。すごくいいですね。

top10_5

↑マスターリストの例。それぞれのリストの1位が9ポイントで1ポイントずつ下がって10位が0ポイント。
マスターリストは、そのポイントの合計値が高いアイテムをもとにできたリストです。
ひとつのテーマに最低2つはリストがないと、マスターリストは表示されないようです。

top10_6

↑新規でリストを作成するときはこんな画面。
まずトップテンのテーマを決めて、そのトップテンリストのアイテムを入力していきます。
画像をアップするのがめんどくさそうだなーと思ってたら・・・

top10_7

ちゃんと画像検索ができました。いいですね!
ソースを確認したら、Yahooの画像検索APIを使っているようでした。
データベース(もしくはサーバ上)に画像を保存しなくて済むし、これはいい割り切り方だと思いました。

キュレーション×集合知という、いまどきっぽいサービスで、
デザインも勢いがあっていいですね。

最近、90年代ロックを久しぶりに聴き直しているところ(マイブラ、ダイナソーJr.は今でも普通に聴ける!)なので、この90年代アルバムトップテンリストをリミックスしてみようと思ってます!


Date: 2月 25th, 2011
Cate: webservice

おすすめのレストランリストを共有「Dinevore」

Dinevore

Dinevore
http://www.dinevore.com

行ったことのあるレストランや、行きたいレストランのリストを共有するサービス。

ユーザをフォローすると、そのユーザが登録したレストランの情報が自分のダッシュボードで確認できるようになります。
また、フォローはリスト単位でもできて、フォローしたリストにレストランが追加されたときには、その情報が流れてきます。

Dinevore2

だれかのリスト内のレストランが気になったら、そのレストランを自分のリストに追加することもできます。
そして、このサービスのデータベースに存在しないレストランは追加することはできません。

同じサービスを日本でやるんだったら、ホットペッパーAPIぐるなびAPIを使ってやりたいところですが、どちらもAPIから引っ張ってきた情報をデータベースに保存するのは禁止されてるので、残念ながら無理ですね。。

このサービスはレストランでしたが、こういうリストサービスというかキュレーションサービスは、その対象を絞ることが重要だと思います。どんな分野に絞ると面白いサービスができますかねー?


Date: 2月 24th, 2011
Cate: webservice

ソーシャルウィッシュリスト「Wantlet」

Wantlet   Shopper’s best friend

Wantlet
http://www.wantlet.com

自分の欲しいものをリスト化して、みんなと共有できるサービス。

ただ公開するだけのウィッシュリストではなく、ソーシャルの要素ももちろんあって、
フォローや、欲しいものでほかのユーザとつながることができます。

Wantlet   macbook pro

↑ぼくもMacbookProをWantしてみました。
だれかがすでに「MacbookPro」をWantしていたら、そのWantにぼくも関連づけられるというような仕組みです。

「行った場所」でつながるのがfoursquare、「好きなもの」でつながるのがGetGlueだとしたら、このWantletは「欲しいもの」でつながるというサービスですね。
こんな感じで、チェックインサービスはまだまだいろんな形で派生していきそうで楽しみです。

(それと、トップページにある「WANT IT BEFORE BUYING IT」というコピーが、いまの世の中の空気をすごくよく表しているなーと思いました)