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

27
we are the future… チチチチチ チチチ 私私私私私私私私私 私私私私私私私私私私私私私

Upload: atmarkit

Post on 24-May-2015

11.563 views

Category:

Technology


0 download

TRANSCRIPT

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

we are the future…

チームラボ山本遼

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

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

we are the future…自己紹介

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

産経新聞 iza

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

スケッチピストン

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

we are the future…自己紹介

• 山本遼(@ yamaryoxxxx )• 博士課程で手書き文字認識の研究

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

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

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

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

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

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

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

we are the future…らぼかへ

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

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

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

⇒ 1杯60円で社内販売

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

we are the future…らぼかへ

コーヒーメーカー

コーヒーミル

webサイトBBS

管理画面

メーリングリスト

webcamで残量ストリーミング

社内で大人気!でも・・・

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

we are the future…問題

「来たらコーヒーが無くなってた」 「残ってるかわかんないし、まあ我慢する

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

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

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

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

we are the future…技術課題

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

• 重さ=圧力センサを使う?– コーヒーメーカー本体より高くなったら

負けだろ・・・

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

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

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

ホール 測 定 法

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

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

コーヒーが入っていない

コーヒーが入っている

白黒二値化

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

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

we are the future…完成図

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

we are the future…技術課題

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

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

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

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

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

Firefoxアドオンでアイコン表示

「コーヒー飲みたいな」と思ったときに

視線を動かすだけで確認できる!

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

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

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

• 来客にうける

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

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

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

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

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

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

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

(男:個室 = 50: 1 )

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

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

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

無骨ながら安定稼働!

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

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

•ほかのエンジニア

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

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

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

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

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

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

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

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

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

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

we are the future…

トイレ PCサーバに送信

USB無線マウスで通信

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

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

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

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

確認できる!

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

we are the future…

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

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

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

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

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

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

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

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

「単純」だったりする

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

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

単純さ

どっちが単純?

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

we are the future…おわりに

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

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