IoT縛りの勉強会! IoTLT vol.5 Tessel・IFTTT・littleBitsを連携しつつプロトタイピングした話。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・商用フリーで使える影絵素材サイト シルエットデザイン →　http://kage-design.com/ ・human pictogram 2.0 →　http://pictogram2.com/

1. IoT縛りの勉強会! IoTLT vol.5 LT
Tessel・IFTTT・littleBitsを連携しつつ
プロトタイピングした話
20150714 IoT縛りの勉強会! IoTLT vol.5 LT 田中正吾

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

3. 自己紹介

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

5. littleBits・Tessel

6. まず、littleBits
http://jp.littlebits.com/about/press/

7. 磁石でくっつく小型モジュール
色で役割を意識しながら電子工作できる
電源が流れて
POWER
スイッチを押すと
INPUT
ライトがつくよ
OUTPUT

8. つづいて、Tessel
https://github.com/tessel/tessel-logo

9. JavaScriptで開発できるマイコンボード
カメラやセンサーなど色々なモジュール

10. littleBitsはシンプルなモジュールが多く
あれこれつなぎやすい。
TesselはカメラやBLEなどモジュールが
littleBitsより高度で面白い。

11. （例）
Tesselの加速度センサーで
littleBitsのファンモジュールが
連携する

12. （例）
littleBitsのスイッチを押すと
Tesselのカメラが動作する

13. 良い所を生かし合って
ぜひ連携したい

14. ひとまずつないでみた

15. 両方ネットワークで
つながるので、つないでみる

16. littleBitsはcloudBitsでつながる。

17. TesselもWifiでつながる。

18. littleBitsのスイッチで
Tesselのサーボが動く

19. littleBitsのスイッチで
Tesselのサーボが動く

20. Tesselが赤外線リモコンに反応して
littleBitsのLED点灯
OHM
汎用エアコンリモコン

21. Tesselが赤外線リモコンに反応して
littleBitsのLED点灯

22. Tesselが赤外線リモコンに反応して
littleBitsのLED点灯

23. デモ

24. デモでは近距離でやっていますが
もちろんもっと遠隔でも動作可能！

25. 仕組み
littleBitsTessel Herokuサーバー
中継サーバー

26. 連携にIFTTTというサービスの
Maker Channelを使いました

27. IFTTTってなに？

28. 「if this then that」というシンプルなコンセプ
トに基づく「レシピ」を作成し共有することがで
きる。API同士を気軽につなげるサービス。
このあと、あれする。
「if this then that」＝IFTTT

29. レシピの「this」の部分は「Facebookで写真を
タグ付けした時」といった「きっかけ」。
THIS＝きっかけ

30. 「that」の部分は「テキストメッセージの送信」
「Twitterにツイートを投稿」といった「行動」
になる。
THAT＝行動

31. しかし。

32. いままではサポートしてる
サービス同士しか出来なかった。
（裏ワザはあったが制約があり結構に手間。）

33. なんと最近。

34. 最近IFTTTがMaker Channelを発表

35. Maker Channelは自作プロジェクトと
IFTTTをつなぐ自由なチャンネル

36. WEBからの送信・受信が
そろっている

37. IFTTTがどこかから受け付ける方

38. IFTTTがどこかへ送る方

39. いままではサポートしてる
サービス同士しか出来なかった。
サポートしてる
未サポート

40. MakerChannelのAPI仕様にあわせて
中継サーバーで整えれば
サポートしてないサービスもイケる
中継サーバーがあれば
連携できる。

41. こんなかんじ

42. littleBits→Tessel
littleBits TesselHerokuサーバー
ON/OFFを記録
定期チェック
（3秒）
IFTTTで
ON/OFF通知
値がtrueに変わったら
サーボを回す

43. Tessel→littleBits
littleBitsTessel Herokuサーバー
中継サーバー
リモコンが反応したら
通知を送る
IFTTTで点灯通知

44. もう一つ連携してみた
（ChatWork連携）

45. こんなかんじ
littleBitsTessel Herokuサーバー
中継サーバー
通知

46. 先ほどのTessel/littleBitsのやり取りの裏で
ChatWorkへもメッセージを送信してました

47. さらに。

48. IFTTTのチャンネル（例：Twitter）を
使えば他の投稿連携も可能
littleBitsTessel Herokuサーバー
中継サーバー
通知
Twitter Facebook

49. たのしい。

50. まとめ

51. ➔Tessel/littleBitsがネットワークを通じて連携
することが出来た。
➔プロトタイプを作るときに、IFTTT(Maker
Channel)が便利。色々つなげられる。
➔Maker Channelで独自の動きにつなげたり、
IFTTT内の動きにつなげたりと、あれこれ試行
錯誤がしやすい。
➔いちど試してからしっかり組むと見通しが立
ちやすくて良い。

52. ということで

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