IoT縛りの勉強会! IoTLT vol.22 @ イトーキ SYNQA 「明星和楽2016でTwitter連動したlittleBits（CocoaBit）やWioNodeでリアルタイムプロトタイプ展示した話」の登壇資料です。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・シルエットデザイン http://kage-design.com/ ・human pictogram 2.0 http://pictogram2.com

1. IoT縛りの勉強会! IoTLT vol.22 @ イトーキ SYNQA
明星和楽2016でTwitter連動したlittleBits（CocoaBit）や
WioNodeでリアルタイムプロトタイプ展示した話
ワンフットシーバス 田中正吾

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

3. 自己紹介

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

5. 最近、littleBits書籍書きました
「littleBits」ではじめる電子工作

6. プロフィールでウォンバット好きに
触れた技術本は希少でしょう！

7. 明星和楽2016とは

8. 明星和楽とは？

9. 福岡で11/12に開催された
テクノロジーとクリエイティブに
関わる人々が集まるフェスティバル

10. 2011年から毎年開催されています。
（2015年はのびすけさんも参加）

11. ウフル川野さんに引率されて
ステージDに参加

12. 音楽とIoTのコラボレーション

13. Internet Art Of Things

14. 私、篠原さん、うこさんの3名で
展示を行いました
（うこさん・篠原さんの展示詳細は篠原さんからこの後のLTで！）

15. そのときの私の展示の話をお送りします！

16. "Fes x Connecting"

17. 私の展示名は
"Fes x Connecting"

18. Twitterで「#明星和楽」「#明星和楽2016」
「#myojowaraku」の投稿を計測して盛り上げを検
知

19. その計測パワーをMilkcocoaで伝達して
littleBits（CocoaBit）やWioNodeを反応させました。
St

20. そして反応させるのは音階や動力。
動力はStrawbeesというストローとジョイントで
手軽に軽量な造形物がつくれるものに伝えて面白い動きに！
Strawbees

21. ネットとデバイス連携の部分は
Node-REDを駆使しました

22. 動画を見てみましょう

23. すぐ組み替えられるプロトタイプ箇所を
極力増やしてリアルタイムにプロトタイプ
プロトタイプ
可能
プロトタイプ
可能
プロトタイプ
可能

24. 今日も元気に動いているはず！

25. どうだったか？

26. ひたすらひたすら
リアルタイムプロトタイプ！

27. CreateJSのTwitter連動アニメーションと
Wio Nodeのスピーカー音階が連動

28. 道行く人が見てくれたら
すかざすデモしながら仕組みを会話

29. Wio Nodeのリレーで
ミラーボールUSBライトを連動させたり

30. たまに調子悪くなるので
メンテもしつつ・・・

31. CocoaBitからlittleBitsサーボを連動させて
うねうね動かしたり

32. いろいろとプロトタイプできました（出力）
Wio Node Groveサーボ
CocoaBit littleBitsサーボ
CocoaBit SYNTH KIT
Wio Node スピーカー
Wio Node
リレー＆USBライ
ト
Strawbees
Strawbees
Strawbees
Strawbees
Strawbees
Twitter分析

33. いろいろとプロトタイプできました
（コンテンツ出力）
enebular
Node-RED 可視化
CreateJSグラフ
Twitter分析

34. おもに、お子さん連れの家族や
孫を連れたおじいさんおばあさんにヒット！

35. IoTがいろいろな人に伝わった！

36. ふりかえり

37. ➔ リアルタイムプロトタイプ
◆ イベントがはじまってしまうとリアルタイムプロトタ
イプを演ることにウェイトが置かれるのでバグ解決難
しい！
◆ 興味持ってくれる目をしたお客さんにはすかさず話し
かける感じが吉
◆ フル回転で対応するので大変だが、人の流量や反応見
て調整できるので変化には強いのはよい

38. ➔ CocoaBit/WioNode/Node-RED/Milkcocoa
◆ 現場ではアイデアができたら、Node-RED/Milkcocoa
でネットとデバイス連携は手軽に作れる。
◆ さらにCocoaBit/WioNodeによって反応や動きを作れ
るのでこのやりかたは今後も使えそう。

39. ➔ Strawbees
◆ IoTのThingsの部分を楽しくかわいく強化してくれる
ので今後も試していきたい。
● ストローで軽量なので小さいデバイスの働きでも大きく動かせる。
柔らかく作れるので、お子さんが触っても安心。

40. ➔ Twitter検知
◆ ハッシュタグを1要素だけ狙うと、音＆動力のシーケン
スが1ラインしかなくて心もとないので、多シーケンス
が行けると良さそう
◆ 今回のTwitter検知を自分以外にシェアするときに
Milkcocoaがとてつもないやりやすさがあった
● API出来上がったら各個人のAPP ID教えてもらって
流すので結合トラブルが少ない

41. ➔ アイデア
◆ Strawbeesで作った造形に触れるとネットで何か起こ
る系も面白そう
◆ サーボの遠心力で、勝手に転がってたりしてたので何
かに活かせそう
◆ みんなに身近なデバイスということで、スマホを連動
できるネタも向上させていきたい

42. いろいろと今後につながる
リアルタイムプロトタイプができました！

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