らぼかへ＆アクトトイレ

チームラボ山本遼（ yamaryoxxxx）

らぼかへ＆アクトトイレ

第３回おばかアプリ選手権

第３回おばかアプリ選手権

we are the future…自己紹介

•チームラボ–webのＳＩをやっている会社です

産経新聞 iza

スケッチピストン

第３回おばかアプリ選手権

we are the future…自己紹介

山本遼 (yamaryoxxxx) 博士中退 （手書き数式認識） 研究に飽き、 1 年前にチームラボ入社 主にサーバ側のエンジニア

たまに工作したくなる 今日はその事例を２つ

第３回おばかアプリ選手権

we are the future…目次

•らぼかへ•アクトトイレ

第３回おばかアプリ選手権

we are the future…らぼかへ

•社内に、コーヒーにうるさい人が多い

•なのに基本インスタント or缶コーヒー

•隣席のエンジニア–みんながおいしいコーヒーを飲めるように–初期費用はオレが出す–なんとか元が取れるようなビジネスがしたい

⇒ １杯６０円で社内販売

第３回おばかアプリ選手権

we are the future…らぼかへ

コーヒーメーカー

コーヒーミル

豆

webサイトBBS

管理画面

メーリングリスト

webcamで残量ストリーミング

社内で大人気！

第３回おばかアプリ選手権

we are the future…問題

コーヒーメーカーが社内の片隅にある 「来たらコーヒーが無くなってた」 「残ってるかわかんないし、まあ我慢するか」

サイトのストリーミング映像を見るのは面倒

⇒ コーヒーの残りが手元でわかるシステムを作

ろう

–プロジェクトが終わってヒマに– 何か言われたら代休申請してやんよ × 2日

第３回おばかアプリ選手権

we are the future…技術課題

①コーヒー残量をどうやって測る？

•重さ＝圧力センサを使う？–コーヒーメーカー本体より高くなったら負けだろ・・・

•webcamを使えないか–これを工夫してなんとかしたい

第３回おばかアプリ選手権

we are the future…コーヒー残量のセンシング

ホール 測 定 法

第３回おばかアプリ選手権

we are the future…コーヒー残量のセンシング

コーヒーが入っていない

コーヒーが入っている

白黒二値化

白い丸を数えればコーヒー残量がわかる

第３回おばかアプリ選手権

we are the future…完成図

第３回おばかアプリ選手権

we are the future…技術課題

②ユーザインタフェースをどうするか

•専用webページ開くのは面倒

•Twitterに投稿？–流行に流されすぎてて負けだろ・・・

第３回おばかアプリ選手権

we are the future…インタフェース

Ｆｉｒｅｆｏｘアドオンでアイコン表示

第３回おばかアプリ選手権

we are the future…らぼかへのまとめ

•ウケる人にはウケる–弊社社長「チームラボよりすごい」

•ごく普通に便利–コーヒー常連の１０人以上が使ってるぽい–僕にとっては日常です

•pixivで擬人化イラスト

第３回おばかアプリ選手権

we are the future…目次

•らぼかへ•アクトトイレ

第３回おばかアプリ選手権

we are the future…弊社オフィス

第３回おばかアプリ選手権

we are the future…トイレは未開拓

•殺伐•癒しがほしい（特に個室）

第３回おばかアプリ選手権

we are the future…コンセプト

•「トイレの個室に癒しを」

•トイレットペーパーを回して癒されるデジタルサイネージ

第３回おばかアプリ選手権

we are the future…

ＰＣ

小さなディスプレ

イ

センサ

トイレットペーパーを回して癒されるサイネージ（コンセプト）

第３回おばかアプリ選手権

we are the future…

トイレットペーパーを回して癒されるサイネージ（コンセプト）

第３回おばかアプリ選手権

we are the future…ソフトウェア

•VVVVで作成–VJ御用達–ビジュアルプログラミング言語–入出力の同期に向いている–日本でアクティブユーザが３０人くらいしかいないらしい

–たまたま講習会に参加

第３回おばかアプリ選手権

we are the future…ソフトウェア

第３回おばかアプリ選手権

we are the future…トイレットペーパー回転のセンシング

•回転センサー？–ペーパーを支える軸は回転してないっぽい

•紙の動きを測定できないか ⇒ Microsoft が優秀なセンサーを出していた！

第３回おばかアプリ選手権

we are the future…ハード完成

第３回おばかアプリ選手権

we are the future…動画

第３回おばかアプリ選手権

we are the future…問題

•トイレットペーパーを使いすぎてしまう（かわいいので）

–この時代エコに逆らったら村八分だろ・・・

⇒ エコ・エディションを開発

第３回おばかアプリ選手権

we are the future… アクトトイレ エコ・エディション

•紙を使いすぎるとハムスターが疲労して死ぬ

第３回おばかアプリ選手権

we are the future…

•逆にハムスターが死ぬまで回したくなってしまう

懸念

第３回おばかアプリ選手権

we are the future…アクトトイレのまとめ

•引っぱった人の８・９割が笑ってくれる感じ

•まだ実用はしていない–紙が切れにくい

第３回おばかアプリ選手権

we are the future…「おばかアプリ」として

•ふつうにマジですよ–コーヒーメーカーには LANが挿さるべき

–トイレには楽しいサイネージがあるべき

•商用化できると思ってます

第３回おばかアプリ選手権

we are the future…おわりに

• Make: Tokyo Meeting(11/22-23@ 東工大 )

• 「チームラボMake部」として社内数人で出展予定

• ぜひお越しください

• API提供中• ぜひご応募ください

• チームラボではくだらないものを真剣に作るのが大好きなエンジニア・デザイナーを募集しています！！

第３回おばかアプリ選手権

we are the future…おわりに②

チームラボでは、くだらないものを真剣に作るのが大好きなエンジニア・デザイナーを募集しています！

第３回おばかアプリ選手権

we are the future…実演やってます

•コーヒーが飲めます

•トイレットペーパーが引けます

ぜひ見に来てください

第３回おばかアプリ選手権

we are the future…社内カフェ「らぼかへ」

•誰かが豆をひいてコーヒーを淹れる

•一杯 60円で飲める（淹れた人は無料）

•オーナーが売上から豆を補充

•web, MLをからめたシステム

第３回おばかアプリ選手権

we are the future…らぼかへのwebシステム

管理画面で豆情報などを登録「山本スペシャルブレンド」

コーヒーを淹れる

ＭＬに送信「コーヒー淹れたよ～」

サイト更新

今、コーヒーが残っているか

自分の席で知りたい↓

コーヒー残量確認Firefoxアドオン

第３回おばかアプリ選手権

we are the future…コーヒー残量表示 Firefoxアドオン

コーヒーが入っていない

コーヒーが入っている

①ポットを webcamで撮影して

コーヒー残量を測定

②残量を HTTPサーバで公開

Firefox

③FFアドオンが定期的に残量情報を読み込みステータスバーに表示

社内 LAN

第３回おばかアプリ選手権

we are the future…ハード写真

webcamなのが萌えポイント。デモブースで無料コーヒーが飲めますのでぜひお越しを！

第３回おばかアプリ選手権

we are the future…目次

•らぼかへ•アクトトイレ

第３回おばかアプリ選手権

we are the future…弊社のトイレ

•殺伐•癒しがほしい（特に個室）

トイレットペーパーを回して癒される

デジタルサイネージ

第３回おばかアプリ選手権

we are the future…ハード写真

•回転のセンシングが難しい？•光学マウス的な仕組みを作れないか？•いやむしろ・・・マウスでよくない？逆に。

マウスが逆に萌えポイント！

第３回おばかアプリ選手権

we are the future…動画

ここに動画を入れたい。これから撮影したい。

（とりあえずの動画）

第３回おばかアプリ選手権

we are the future…ぜひデモブースへお越し下さい

1.らぼかへ飲みにきてください

2.アクトトイレ回しにきてください

ありがとうございました

第３回おばかアプリ選手権

we are the future…