9/8に行われたenebularと Milkcocoaで開発する「Pepper x IoT」勉強会での登壇資料です。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・シルエットデザイン http://kage-design.com/ ・human pictogram 2.0 http://pictogram2.com ・ICOOON MONO http://icooon-mono.com/

1. 20170907 アトリエ秋葉原
Pepper＆enebular＆Milkcocoa説明会
ワンフットシーバス 田中正吾

2. Pepper＆enebular＆Milkcocoa
説明会

3. ➔前半
◆ 19:00 - 19:05
● 施設,Pepper App Challenge 2017 Autumn案内
◆ 19:05 - 19:30
● ウフルについて
● enebularについて
● Milkcocoaについて
◆ 19:30 - 19:50
● Pepper→IoT操作デモ（うごく）
● IoT→Pepper操作デモ（しゃべる）
◆ 19:50 - 20:00
● ほどよく休憩

4. ➔後半
◆ 20:00 - 20:20
● 電子工作的なパート
● Groveについて
● 扱いやすいIoT機器について
◆ 20:20 - 20:50
● 質疑応答など

5. 自己紹介

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

7. enebular
(10分)

8. enebular
http://uhuru.co.jp/service/enebular/

9. グラフィカルに直観的に開発

10. enebularから様々なクラウドサービスに
つながることができ開発が容易

11. IoTを活用したプロトタイピングに強い

12. 後述のMilkcocoaと結びつくことで
IoT連携がやりやすくなる

13. 蓄積したデータをInfoMotionで
可視化してデータを活用する機能もあります

14. Milkcocoa
(10分)

15. Milkcocoaとは https://mlkcca.com/
Milkcocoaは、IoTデバイス・スマートフォン・PC間で簡単にリアルタイムなデータ
のやり取りが出来るようになるクラウドプラットフォーム

16. MilkcocoaはIoTの良き接着剤
Milkcocoaはドキュメントも豊富で「IoTの良き接着剤」となります。より突っ込ん
だIoT操作を試してみましょう。
https://mlkcca.com/document/

17. Milkcocoaアカウントのとりかた
Milkcocoaのアカウントを取得しましょう

18. Milkcocoa サイトにアクセス
まず https://mlkcca.com/ にアクセスしましょう。無料登録ボタンから新規登録を
します。好きなメールアドレスとパスワードを決めてログインします。

19. Milkcocoa アプリリスト確認
ログインするとアプリリストが表示されます。

20. アプリリスト作る
新しくアプリを作るボタンを探して、クリックして、新しいアプリをつくります。
App Nameは重要なApp IDとは関係ないので安心して作成しましょう。「新しくア
プリを作る」ボタンを押します。

21. アプリリストできた。覚えておく。
しばらく待つと新しいアプリができるので、一覧からアプリ名を確認します。このあ
と重要なので、IDを覚えておきましょう。
これで、Milkcocoaのアカウントは作成完了です。

22. enebularとMilkcocoaの連携デモ

23. Milkcocoaと連携して動く
ESP8266＋GroveのIoT機器

24. enebularとMilkcocoaの連携デモ
連絡

25. Pepperと連携してみます
enebular→Milkcocoa→ノートPC→Pepper

26. NefryV2というMilkcocoに
つながりやすいIoT機器

27. こちらのボタンを押すと
Pepperが話します
ねふりーが押されたよ

28. ノートPC内のNode-REDがMQTT経由で
外のMilkcocoaを橋渡ししています
連絡
Node-RED
MQTT
ねふりーが押されたよ

29. 動画デモ１

30. 動画デモ２

31. 実際にデモをやってみる

32. Pepperと連携してみます
Pepper→Milkcocoa→enebular

33. ESP8266＋Grove

34. PepperタッチでLED光ります

35. 動画デモ

36. PepperのPythonボックスでMilkcocoa push
IoT機器が受け取ってLEDが光る
連絡

37. Groveシリーズ

38. Groveは、はんだ付けなしで
あれこれ取り付けることが可能です
https://www.switch-science.com/catalog/list/379/

39. GroveはSeeedStudio社の
各Groveのページにソースが探せて良い
https://www.seeedstudio.com/Grove-Button-p-766.html

40. いくつか私の好きなGroveご紹介

41. GroveとIoT機器

42. ESP8266＋Groveシリーズ

43. スイッチサイエンスなどで購入可能

44. NefryV2
https://dotstud.io/shop/nefry-connect-internet/

45. まとめ

46. ➔まとめ
◆enebularとMilkcocoaでIoTのプロトタイプ
が容易になる
◆enebularのフローエディタやNode-REDを
使うことでノンプログラミングで開発でき
る
◆PepperもMilkcocoaが橋渡しすることでIoT
とつながりやすくなる
◆電子工作側もGroveやESP8266などでIoT
をつくりやすくなっている

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