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

13,000 views

Published on

Published in: Technology
0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
13,000
On SlideShare
0
From Embeds
0
Number of Embeds
2,274
Actions
Shares
0
Downloads
17
Comments
0
Likes
13
Embeds 0
No embeds

No notes for slide

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

  1. 1. チームラボ 山本遼 私はこのようにして おばかなアプリを作りました
  2. 2. 自己紹介 <ul><li>チームラボ株式会社 </li></ul><ul><ul><li>web のSIをやっている会社です </li></ul></ul>産経新聞 iza コレカモ ( ツイッター BOT) スケッチピストン
  3. 3. 自己紹介 <ul><li>山本遼(@ yamaryoxxxx ) </li></ul><ul><li>博士課程で手書き文字認識の研究 ⇒中退してチームラボ入社して1年半 </li></ul><ul><li>主にサーバ側のエンジニア </li></ul><ul><li>業務外でものを作るのが好き </li></ul><ul><li>第3回おばかアプリ選手権に 「らぼかへ」「アクトトイレ」で出場 </li></ul><ul><li>作ったものの紹介とスタンス </li></ul>
  4. 4. 作ったものの紹介 <ul><li>- らぼかへ </li></ul><ul><li>- ヘブンズ・ドア </li></ul>
  5. 5. らぼかへ <ul><li>社内に、コーヒーにうるさい人が多い </li></ul><ul><li>なのに基本インスタント or 缶コーヒー </li></ul><ul><li>隣席のエンジニア </li></ul><ul><ul><li>みんながおいしいコーヒーを飲めるように </li></ul></ul><ul><ul><li>初期費用はオレが出す </li></ul></ul><ul><ul><li>なんとか元が取れるようなビジネスがしたい </li></ul></ul><ul><ul><li>⇒ 1杯60円で社内販売 </li></ul></ul>
  6. 6. らぼかへ 社内で 大人気! でも・・・ コーヒーメーカー コーヒーミル 豆 web サイト BBS 管理画面 メーリング リスト webcam で 残量ストリーミング
  7. 7. 問題 <ul><li>「来たらコーヒーが無くなってた」 </li></ul><ul><li>「残ってるかわかんないし、まあ我慢するか」 </li></ul><ul><ul><li>サイトのストリーミング映像を見るのは面倒 </li></ul></ul><ul><li>⇒ コーヒーの残りが </li></ul><ul><li>手元でわかるシステムを作ろう </li></ul><ul><ul><li>プロジェクトが終わってヒマに </li></ul></ul><ul><ul><li>何か言われたら代休申請してやんよ × 2 日 </li></ul></ul>
  8. 8. 技術課題 <ul><li>① コーヒー残量をどうやって測る? </li></ul><ul><li>重さ=圧力センサを使う? </li></ul><ul><ul><li>コーヒーメーカー本体より高くなったら 負けだろ・・・ </li></ul></ul><ul><li>webcam を使えないか </li></ul><ul><ul><li>これを工夫してなんとかしたい </li></ul></ul>
  9. 9. コーヒー残量のセンシング ホール 測 定 法
  10. 10. コーヒー残量のセンシング コーヒーが 入っていない コーヒーが 入っている 白黒二値化 白い丸を数えればコーヒー残量がわかる
  11. 11. 完成図
  12. 12. 技術課題 <ul><li>② ユーザインタフェースをどうするか </li></ul><ul><li>専用 web ページ開くのは面倒 </li></ul><ul><li>Twitter に投稿? </li></ul><ul><ul><li>流行に流されすぎてて負けだろ・・・ </li></ul></ul>
  13. 13. インタフェース 「コーヒー飲みたいな」と 思ったときに 視線を動かすだけで 確認できる! Firefoxアドオンでアイコン表示
  14. 14. らぼかへのまとめ <ul><li>日常生活になっている </li></ul><ul><ul><li>コーヒー常連の10人以上が常用 </li></ul></ul><ul><li>来客にうける </li></ul>
  15. 15. 作ったものの紹介 <ul><li>らぼかへ </li></ul><ul><li>ヘブンズ・ドア </li></ul>
  16. 16. トイレセンサーも作りました <ul><li>「らぼかへ」導入後、 </li></ul><ul><li>社内で多かった意見: </li></ul><ul><li>「トイレの状況も </li></ul><ul><li>Firefox で見たい!」 </li></ul><ul><li>(男:個室 = 50 : 1 ) </li></ul>
  17. 17. 【余談】トイレセンサーも作りました <ul><li>人感センサ +PC をトイレ内に配置 無線 LAN でサーバに送信 </li></ul>無骨ながら 安定稼働!
  18. 18. トイレセンサー2 <ul><li>ほかのエンジニア 「マウスで いけるんじゃね!」 </li></ul>
  19. 19. トイレセンサー2
  20. 20. トイレセンサー2
  21. 21. トイレセンサー2
  22. 22. トイレセンサー2
  23. 23. トイレ PC サーバに送信 USB 無線マウスで通信
  24. 24. インタフェース クリックすると 数秒間変化する 常時見えるのはうざいけど、 見たいときにワンアクションで 確認できる!
  25. 25. まとめ:こんなことを考えて作っています <ul><li>① 実用性 </li></ul><ul><ul><li>実際に少なくとも自分の役に立つ </li></ul></ul><ul><li>② わかりやすさ・単純さ </li></ul><ul><ul><li>ガチな技術より「一方ロシアは鉛筆を使った」 </li></ul></ul><ul><ul><li>「なるほど!」のコミュニケーション </li></ul></ul><ul><ul><li>人に伝えやすい </li></ul></ul><ul><li>超単純で実用的!というのが理想で うまくハマると「おばか」にみえる </li></ul>
  26. 26. 「単純さ」についての逆説 < タクトスイッチよりマウスの方が 「単純」だったりする 単純で高機能な道具は、身の回りにたくさんあるので 別の機能として活用してはいかがでしょう! マウス・ webcam ・ iPhone ・プリンタ・スキャナ・・・ 単純さ どっちが単純?
  27. 27. おわりに チームラボでは、 作りたいものを作るのが大好きな エンジニア・デザイナーを募集しています!

×