IoT縛りの勉強会! IoTLT vol.18 「 littleBitsにつなげる独自デバイスのプロトタイプを作って見えた世界」の登壇資料です。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・シルエットデザイン http://kage-design.com/ ・human pictogram 2.0 http://pictogram2.com

1. IoT縛りの勉強会! IoTLT vol.18 @ Amazon
littleBitsにつなげる独自デバイスの
プロトタイプを作って見えた世界
ワンフットシーバス 田中正吾

2. 私の話はスライドを後ほど共有します。
話す内容に注力いただいて大丈夫です！

3. 自己紹介

4. 田中正吾（たなかせいご）
屋号：ワンフットシーバス
2004年よりフリーランス。以後、FLASH制作を
中心にインタラクティブコンテンツを主に行い
現在に至る。
最近は、JavaScriptやHTML5アニメーション、
スマートフォン演出制作にも関わります。デジ
タルサイネージやアプリ制作もやります。
そのほか、ツール導入やワークフロー改善に関
わったりしています。

5. 今回ご紹介するlittleBitsとは

6. 見た目でわかりやすくブロック的に
試行錯誤がしやすい電子工作デバイス

7. 間違ってると磁石なので反発する
（接続ミス防止）

8. 4つの機能を色で分かりやすくデザイン
Bits 製品情報 - littleBits より
http://jp.littlebits.com/bits/

9. littleBitsでのIoT連携事情

10. littleBitsはPCとやり取りしやすい仕組み
Arduinoモジュールもあります

11. ただ、これでPCで
IoTをすると大掛かりになりがち

12. PC部分をRaspberryPiや
スティックPCにしてもそれでも大きい

13. もっとコンパクトにlittleBitsを
ネットワークにつなげたい！

14. こんなイメージでつながるといい
power button bargraphWiFi接続
＋
littlebitsの
データ送受信
いろいろな
WEBサービス

15. プロトタイプつくってみた

16. 手軽にWiFi＋Arduino的制御できるボード
ESPer（WROOM-02）が昨年登場！

17. ESPer小さい！やりたいことに近い！
power button bargraphWiFi接続
＋
littlebitsの
データ送受信
いろいろな
WEBサービス

18. 紆余曲折を経てlittleBitsモジュール化！
企画
プロトタイプ
制作
プロトタイプ
完成

19. 紆余曲折を経てlittleBitsモジュール化！

20. 制作の経緯はブログにも書きました
http://www.1ft-seabass.jp/memo/2016/04/13/cocobit-first-contact/

21. WiFi設定もスマホから直接設定できたり

22. WiFiとつながってネットワークに
データを送受信したり貯めたり出来る
(MilkcocoaというリアルタイムIoTアプリサービス利用)

23. littleBitsのいろんなセンサーや反応を
もっと気軽に連携できる日が来るかも！
(これが2016/4の話)

24. さて、その後どうなったか
2016/4～6

25. この楽しさを広めたいなら量産だろう。
この後の量産工程を調べてみた！

26. いろいろあるぞ！？
基板発注
回路図
設計
パーツ
実装
ソフト
開発

27. 基板発注
回路図設計！？
回路図
設計
パーツ
実装
ソフト
開発

28. 回路図からの基板発注！？
基板発注
回路図
設計
パーツ
実装
ソフト
開発

29. 基盤が来たとしてハンダづけ
コンパクトにしたいなら表面実装らしい！！
基板発注
回路図
設計
パーツ
実装
ソフト
開発

30. 自分のハンダづけの精度が悪いので
はんだ自体の成功率50%

31. ハードができたとして
誰でも使いやすい設定ソフトウェア！
基板発注
回路図
設計
パーツ
実装
ソフト
開発

32. この工程、仕事の片手間でやるには大変。
（そういえばフロントエンジニアでした）
基板発注
回路図
設計
パーツ
実装
ソフト
開発

33. どう進めていいかわからなくなった！

34. 強力な援軍登場！
2016/7～

35. 某デバイスBBQのこと。
Nefryというハードの制作者わみさんが
CocoaBitブログ記事を見ていて、

36. わみさん「ぜひCocoaBit一緒につくりたいです」
田中「ぜひよろしくおねがいします」

37. ハード・ソフト両面の知見で
加速するCocoabitプロジェクト！

38. 私が困難だったハードウェア開発工程も
得意なわみさんが強く推し進めていただいた
基板発注
回路図
設計
パーツ
実装
ソフト
開発

39. こんなビジュアル！
（littleBitsぽいフォントとかいろいろかわいい）

40. デモ動画

41. こちらの舞台裏は、わみさんのお話も
ぜひ聞いてみてください！

42. まとめ

43. プロトタイプ試作の先には、
量産などいろいろ習得していくことがある！

44. 発想の経緯を残しておくと
作る想いがつながることがある！

45. ひとりで出来ないものが異なるスキルのふたりで
コラボレーションして可能に！

46. ご清聴いただきまして
ありがとうございました！