Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
チームラボ 山本遼 私はこのようにして おばかなアプリを作りました
自己紹介 <ul><li>チームラボ株式会社 </li></ul><ul><ul><li>web のSIをやっている会社です </li></ul></ul>産経新聞  iza コレカモ  ( ツイッター BOT) スケッチピストン
自己紹介 <ul><li>山本遼(@ yamaryoxxxx ) </li></ul><ul><li>博士課程で手書き文字認識の研究 ⇒中退してチームラボ入社して1年半 </li></ul><ul><li>主にサーバ側のエンジニア </li><...
作ったものの紹介 <ul><li>-  らぼかへ </li></ul><ul><li>-  ヘブンズ・ドア </li></ul>
らぼかへ <ul><li>社内に、コーヒーにうるさい人が多い </li></ul><ul><li>なのに基本インスタント or 缶コーヒー </li></ul><ul><li>隣席のエンジニア </li></ul><ul><ul><li>みんな...
らぼかへ 社内で 大人気! でも・・・ コーヒーメーカー コーヒーミル 豆 web サイト BBS 管理画面 メーリング リスト webcam で 残量ストリーミング
問題 <ul><li>「来たらコーヒーが無くなってた」 </li></ul><ul><li>「残ってるかわかんないし、まあ我慢するか」 </li></ul><ul><ul><li>サイトのストリーミング映像を見るのは面倒 </li></ul><...
技術課題 <ul><li>① コーヒー残量をどうやって測る? </li></ul><ul><li>重さ=圧力センサを使う? </li></ul><ul><ul><li>コーヒーメーカー本体より高くなったら 負けだろ・・・ </li></ul><...
コーヒー残量のセンシング ホール   測   定   法
コーヒー残量のセンシング コーヒーが 入っていない コーヒーが 入っている 白黒二値化 白い丸を数えればコーヒー残量がわかる
完成図
技術課題 <ul><li>② ユーザインタフェースをどうするか </li></ul><ul><li>専用 web ページ開くのは面倒 </li></ul><ul><li>Twitter に投稿? </li></ul><ul><ul><li>流行...
インタフェース 「コーヒー飲みたいな」と 思ったときに 視線を動かすだけで 確認できる! Firefoxアドオンでアイコン表示
らぼかへのまとめ <ul><li>日常生活になっている </li></ul><ul><ul><li>コーヒー常連の10人以上が常用 </li></ul></ul><ul><li>来客にうける </li></ul>
作ったものの紹介 <ul><li>らぼかへ </li></ul><ul><li>ヘブンズ・ドア </li></ul>
トイレセンサーも作りました <ul><li>「らぼかへ」導入後、 </li></ul><ul><li>社内で多かった意見: </li></ul><ul><li>「トイレの状況も </li></ul><ul><li>Firefox で見たい!」 ...
【余談】トイレセンサーも作りました <ul><li>人感センサ +PC をトイレ内に配置 無線 LAN でサーバに送信 </li></ul>無骨ながら 安定稼働!
トイレセンサー2 <ul><li>ほかのエンジニア 「マウスで いけるんじゃね!」 </li></ul>
トイレセンサー2
トイレセンサー2
トイレセンサー2
トイレセンサー2
トイレ PC サーバに送信 USB 無線マウスで通信
インタフェース クリックすると 数秒間変化する 常時見えるのはうざいけど、 見たいときにワンアクションで 確認できる!
まとめ:こんなことを考えて作っています <ul><li>① 実用性 </li></ul><ul><ul><li>実際に少なくとも自分の役に立つ </li></ul></ul><ul><li>② わかりやすさ・単純さ </li></ul><ul>...
「単純さ」についての逆説 < タクトスイッチよりマウスの方が 「単純」だったりする 単純で高機能な道具は、身の回りにたくさんあるので 別の機能として活用してはいかがでしょう! マウス・ webcam ・ iPhone ・プリンタ・スキャナ・・・...
おわりに チームラボでは、 作りたいものを作るのが大好きな エンジニア・デザイナーを募集しています!
Upcoming SlideShare
Loading in …5
×

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

14,244 views

Published on

Published in: Technology

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

  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. おわりに チームラボでは、 作りたいものを作るのが大好きな エンジニア・デザイナーを募集しています!

×