2019年6月1日に開催されたイベント「初夏のJavaScript祭 in メンバーズキャリア（ https://javascript-fes.doorkeeper.jp/events/90894 ）」の登壇用に用いたスライドです。

1. JavaScript初心者が
紹介するデバイスやアプリで
楽しむIoT
html5j エンタメ技術部
豊田陽介
初夏のJavaScript祭
in メンバーズキャリア

2. スライドは後で
公開します！

3. 自己紹介
豊田陽介 ／ you（@youtoy）
Facebook
Twitter
仕事： 通信会社の研究所に勤務
画像・映像処理、UI/UX の研究・開発
（コーディングする機会は少なめ・・・）
プライベートでの各種活動
・社外コミュニティ活動開始： 2012年〜
⇒ イベント主催 2013年〜
・子どもと関わる活動： 2003年〜
※ IT系以外メイン ⇒ IT系も

4. どんな人？

5. よくガジェットを買ってる
↑所有している私物の「ごく一部」
（この後も、けっこう増えてるｗ）
昨年：第6回 スマートスピーカー
もくもく会＠LODGE（10月開催）
自宅用3Dプリンタも
買っちゃいました。

6. 手動ツイート
⇒ 自動化ルールに違反？
ボットじゃない証明を
させられる・・・
CIVIC TECH FORUM 2018
＠Googleさんオフィスにて
実況ツイート中、突如 アカウントロック

7. 【6月】 1日： JavaScript祭り 登壇
2日： 子ども食堂 30分枠でのプログラミングの話・デモ
22日： 30分のガジェットネタでの登壇＠郡山
29日： スマートスピーカー勉強会＆ハンズオン＠郡山
講師（兼、共同主催者）
30日： もくもく会主催＠LODGE
（主催・運営含め、1年間で、240のイベントに出たことも）
GWの10連休も、毎日、何かのイベントへ
【記録】GWコミュニティ活動（個人用） | GWアドベントカレンダー
https://gw-advent.9wick.com/calendars/53
（ちなみに、他3本の記事も書きました： LINE開発者、IoTコミュニティ関連）
いろいろイベントで活動（一部抜粋）

8. そろそろ本題へ

9. 初心者でも
IoT したい！

11. どうすれば・・・

12. Google先生に聞いてみる
簡単に IoT

13. 分かった！
ガジェット
を買う
キットを
買う
obniz

14. 大勝利！？
ガジェット
を買う
キットを
買う
obniz
割と持ってる
大量に
持ってる
3つくらい
持ってる

15. とにかく
プロトタイピングを
手軽に

16. 試行錯誤に
時間をとられるし・・・

17. モノとアプリを
簡単につなげられるやつ
を集めてみた

18. 最近、そんな感じの
LTをしました

19. 初心者が試せるIoT（＋α） ※ ほぼ全てデモあり
【トピック】
・AIアシスタント
IFTTTで簡単利用
・MESH
IFTTT経由でのブロックとLINEアプリとの連携
・obniz
スマホからモーター制御（ラジコン的な）
センサー・スマートスピーカーとLINEアプリ連携
・LINE Things
・Wio NODE
センサーをアプリ・ブラウザから扱う
・試しきれなかったもの（IoTなボタン、GROVEなど）
基本編
応用編

20. お気づきでしょうか？
🤔🤔

21. 時間が足りる
わけがない・・・
発表で全ては見せられず・・・
（音声認識まわりのトラブルも）

22. 懇親会 兼 フリータイム
では特に大好評！
移動販売業者？（笑）
とか言われつつ

23. 分量はちょっと減らして、
サクッとできるやつで

24. 初心者が試せるIoT【6/1版】
【デモありのトピック】
・AIアシスタント ＋ IFTTT + Wio NODE ＋ GROVE
音声でGROVEモジュールを操作
・Node.js + Wio NODE ＋ GROVE
シンプルなプログラムでGROVEモジュールを操作
・MESH ＋ IFTTT ＋ LINE Notify
【時間があれば軽く紹介】
・Node.js ＋ IFTTT + LINE Notify
LINEにシンプルなプログラムでメッセージを送る
・obniz ＋ GROVE（＋ AIアシスタント）
センサの値を簡単にWeb上で取得する ＋ α

25. 悲しいお知らせ・・・

26. 初心者が試せるIoT【6/1版】
【デモありのトピック】
・AIアシスタント ＋ IFTTT + Wio NODE ＋ GROVE
音声でGROVEモジュールを操作
・Node.js + Wio NODE ＋ GROVE
シンプルなプログラムでGROVEモジュールを操作
・Node.js ＋ IFTTT + LINE Notify
LINEにシンプルなプログラムでメッセージを送る
使えなくなった・・・

27. IFTTTの履歴
【動作履歴】
6月1日 AM 6:03
【動作履歴】
6月1日 AM 8:44
今朝、6時に
動いていて、
8時に削除

28. 早速、デモ！
（プログラミングなしで、
できるやつから）

29. 初心者が試せるIoT【6/1版】
【デモありのトピック】
・AIアシスタント ＋ IFTTT + Wio NODE ＋ GROVE
音声でGROVEモジュールを操作
・Node.js + Wio NODE ＋ GROVE
シンプルなプログラムでGROVEモジュールを操作
・Node.js ＋ IFTTT + LINE Notify
LINEにシンプルなプログラムでメッセージを送る

30. やるはずだったこと
AIアシスタントに
話しかける
光る
音が鳴る

31. Alexaに
LEDを制御してもらう
デモ1

32. デモ動画1
https://www.youtube.com/watch?v=YWX5SEgAKgM
https://www.youtube.co
m/watch?v=YWX5SEgAKg
M

33. Googleアシスタントに
スピーカーを鳴らしてもらう
デモ2

34. https://www.youtube.com/watch?v=rs0l4WaNn4c
デモ動画2

35. AIアシスタント
「（特定の文章）、
（特定のフレーズ）」
もし〜したら 〜する
Wio Node
スピーカー
LEDテープ
GROVE
GROVE

36. 安価で便利な小型デバイス
（ Seeed社が開発・販売 ）
デバイスに関する補足
Wio Node
・簡単電子工作 ＝ GROVE対応
http://wiki.seeedstudio.com/Wio_Node/
・サーバが用意されている
・センサーのデータ取得・モジュールの
制御を簡単に行える

37. モジュール接続・利用を
簡単にしてくれる仕組み
（ Seeed社が開発 ）
用語に関する補足
GROVEシステム
http://wiki.seeedstudio.com/Grove_System/
●Grove - スイッチサイエンス
https://www.switch-science.com/catalog/list/145/
・入出力のそれぞれに必要なモジュールが多数

38. 初心者が試せるIoT【6/1版】
【デモありのトピック】
・AIアシスタント ＋ IFTTT + Wio NODE ＋ GROVE
音声でGROVEモジュールを操作
・Node.js + Wio NODE ＋ GROVE
シンプルなプログラムでGROVEモジュールを操作
・Node.js ＋ IFTTT + LINE Notify
LINEにシンプルなプログラムでメッセージを送る
・obniz ＋ GROVE（＋ AIアシスタント）
センサの値を簡単にWeb上で取得する ＋ α

39. 気を取り直して、デモ！

40. 簡素なプログラムで
LINEに通知を送る
デモ3

41. Node.js
もし〜したら 〜する
Webhook
LINEへの通知

42. これが便利
https://maker.ifttt.com/use/(your_key}
GUI でパラ
メータ設定
＠公式ページ

43. プログラムの抜粋
【参照】node.jsでIncoming-webhookでslackメッセージ送る - Qiita
https://qiita.com/zaburo/items/d6446b9e52b102b8a7ae
パラメータは最大3つ

44. 初心者が試せるIoT【6/1版】
【デモありのトピック】
・AIアシスタント ＋ IFTTT + Wio NODE ＋ GROVE
音声でGROVEモジュールを操作
・Node.js + Wio NODE ＋ GROVE
シンプルなプログラムでGROVEモジュールを操作
【時間があれば軽く紹介】
・Node.js ＋ IFTTT + LINE Notify
LINEにシンプルなプログラムでメッセージを送る
・obniz ＋ GROVE（＋ AIアシスタント）
センサの値を簡単にWeb上で取得する ＋ α

45. Wio Node
スピーカー
LEDテープ
GROVE
GROVE
Node.js
（POST）

46. 距離センサ
Wio Node
GROVE
Node.js （GET）
（センサーの値）

47. 初心者が試せるIoT【6/1版】
【デモありのトピック】
・Node.js + Wio NODE ＋ GROVE
シンプルなプログラムでGROVEモジュールを操作
・MESH ＋ IFTTT ＋ LINE Notify
【時間があれば軽く紹介】
・Node.js ＋ IFTTT + LINE Notify
LINEにシンプルなプログラムでメッセージを送る
・obniz ＋ GROVE（＋ AIアシスタント）
センサの値を簡単にWeb上で取得する ＋ α

48. 開発環境の構築なしに開発がはじめ
られる開発ボード
デバイスに関する補足
・無線LANを設定するだけで開発スタート可能
https://obniz.io/ja/
https://obniz.io/ja/sdk/parts
obniz
・豊富なパーツ情報（サンプルソースも）
・プログラムで変更可能な入出力（保護機能も）

49. センサを試す（画面キャプチャ）
https://obniz.io/ja/sdk/parts/Grove_EarHeartRate/README.md
心拍
心拍センサから
取得した値を
Web上で表示
＠公式ページ

50. スマートスピーカースキルと
連携させる
応用編
【LINE BOOT AWARDS 2018 | エントリー作品詳細】
Heart beat music recommender
https://www.line-community.me/awards/workdetail/5b9d2f41851f7463234355cd

51. MESH ＋ IFTTT
＋ LINE Notify
おまけ
●MESH と LINE Notify を IFTTT を使って連携させる
【LINE Developer Community（ #linedc ） #GWアドベントカレンダー】
https://qiita.com/youtoy/items/55265567c8f892594bc8

52. 終わり！