おばかアプリ勉強会資料 チームラボ

we are the future…

チームラボ山本遼

私はこのようにしておばかなアプリを作りました

we are the future…自己紹介

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

産経新聞 iza

コレカモ (ツイッター BOT)

スケッチピストン

we are the future…自己紹介

• 山本遼（＠ yamaryoxxxx ）• 博士課程で手書き文字認識の研究

⇒中退してチームラボ入社して１年半• 主にサーバ側のエンジニア• 業務外でものを作るのが好き

• 第３回おばかアプリ選手権に「らぼかへ」「アクトトイレ」で出場

• 作ったものの紹介とスタンス

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…らぼかへのまとめ

• 日常生活になっている– コーヒー常連の１０人以上が常用

• 来客にうける

we are the future…作ったものの紹介

-らぼかへ-ヘブンズ・ドア

we are the future…トイレセンサーも作りました

「らぼかへ」導入後、 社内で多かった意見：

「トイレの状況も Firefoxで見たい！」

（男：個室 ＝ 50： 1 ）

we are the future…【余談】トイレセンサーも作りました

• 人感センサ +PC をトイレ内に配置無線 LAN でサーバに送信

無骨ながら安定稼働！

we are the future…トイレセンサー２

•ほかのエンジニア

「マウスでいけるんじゃね！」

we are the future…トイレセンサー２

we are the future…トイレセンサー２

we are the future…トイレセンサー２

we are the future…トイレセンサー２

we are the future…

トイレ ＰＣサーバに送信

USB無線マウスで通信

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

クリックすると数秒間変化する

常時見えるのはうざいけど、見たいときにワンアクションで

確認できる！

we are the future…

まとめ：こんなことを考えて作っています

①実用性– 実際に少なくとも自分の役に立つ

② わかりやすさ・単純さ–ガチな技術より「一方ロシアは鉛筆を使った

」– 「なるほど！」のコミュニケーション– 人に伝えやすい

超単純で実用的！というのが理想でうまくハマると「おばか」にみえる

we are the future…「単純さ」についての逆説

＜タクトスイッチよりマウスの方が

「単純」だったりする

単純で高機能な道具は、身の回りにたくさんあるので別の機能として活用してはいかがでしょう！

マウス・ webcam・ iPhone・プリンタ・スキャナ・・・

単純さ

どっちが単純？

we are the future…おわりに

チームラボでは、作りたいものを作るのが大好きな

エンジニア・デザイナーを募集しています！