手軽にできる電子工作とIoT / xTech ゆるっとLT

Transcript

1. 手軽にできる電子工作とIoT 2020年12月22日 (火) xTech ゆるっとLT: 女子だらけの電子工作 and AR_Fukuoka @オンライン 　　豊田

   陽介 ( @youtoy )

2. 豊田陽介（@youtoy） 自己紹介 普段は、某通信会社の研究所勤務 話題のものを たくさん購入 してる気がする ガジェット好き その他 IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ（IT系以外も）

   プライベートでの活動 IoT・ビジュアルプログラミング・ ロボットトイ等に関するコミュニティ を単独・共同で複数主催

3. プライベートでの作品作り： #MFTokyo2020 https://www.facebook.com/groups/toiotomo 終了後の出展報告投稿 toioのユーザコミュニティの Facebookグループ 3人で共同主催しているユーザコミュニティで出展

4. Maker Faire Tokyo 2020 に出した作品 2つの作品 1）Node.jsとHTML＋JavaScript 　で実装した機械学習を使ったもの 2）ビジュアルプログラミングで 　実装した2つのtoioを制御するもの

   https://www.youtube.com/watch?v=Ve6TyzzmXck

5. 他の主催コミュニティの事例 Node-REDで色々試すハンズオン Tec-Nomad ・ ビジュアルプログラミング交流会 コラボ コラボ主催＆講師 （主催全員が講師） ビジュアルプログラミングに関する コミュニティのFacebookグループ

   ビジュアルプログラミング x IoT が テーマのコミュニティも共同主催 https://www.facebook.com/groups/visualprogramming.jp

6. 電子工作やIoTを 気軽に試したい！

7. 本題1： 手軽にできる電子工作

8. 電子工作枠でLTしてますが、 ハンダ付けとかしてない・・・

9. ハンダ付けなしに電子工作（概要） 　ブレッドボード 　　＋ジャンパワイヤ 　Groveモジュール （＋対応機器・ 　　拡張用シールド等） 　ワニ口クリップ （micro:bit との組み合わせ 　　　　　　　で見かけたり）

   Arduinoでの Lチカ LEDテープや 超音波センサ

10. Grove を各種ボードと 組み合わせて使う 電子工作の接続まわりが簡単に

11. 拡張用のシールド等 　Arduino用 　micro:bit用 Arduino Nano Arduino Uno 　Raspberry Pi 用

    Raspberry Pi Zero

12. 種類豊富なセンサー等の例（ごく一部） 以下の画像は、スイッチサイエンスさんのサイトより https://www.switch-science.com/catalog/list/145/

13. 本題2：手軽にできる IoT

14. テキストプログラミングを使わずIoT ・IFTTT（イフト） ・特定のデバイス・モジュール 　　　　　＋ ビジュアルプログラミング 　＞ M5Stackシリーズ ＋ UIFlow 　＞

    micro:bit ＋ 拡張用シールド ＋ MakeCode 　 ＞ obniz ＋ ブロックプログラム 　 ＞ Node-RED ＋ α デバイスを絡めると電子工作 の要素を含められる形に

15. 話の途中で名前が登場していたデバイス M5Stackシリーズ ⇒ Wi-Fi・Bluetooth搭載のデバイスで画面・ボタン等がついたものも 　（※ 一部異なるものあり） AIカメラ（無線 機能はなし） 電子ペーパー タッチ

    スクリーン 超小型

16. Grove互換のコネクタ・モジュール 以下の画像は、スイッチサイエンスさんのサイトより（一部抜粋） https://www.switch-science.com/catalog/list/772/

17. ビジュアルプログラミング だけで電子工作＋IoT

18. 　デモ動画： Lチカ？

19. データの流れ IoTLT vol.61 @オンライン センサーの値 （シリアル通信） 特定の文字列 （シリアル通信） センサーの値 （MQTT）

    特定の文字列 （MQTT）

20. システム構成と処理内容など IoTLT vol.61 @オンライン ・センサーの値取得 ・シリアル通信 ・LED制御 ・MQTTブローカー ・シリアル通信 ・MQTTの通信

    グローバルな アクセス ・ボタンの制御 ・MQTTの通信 ・LED制御

21. UIFlow（＋M5Stack） IoTLT vol.61 @オンライン MQTT（受信） とLEDの制御 （初期化処理など） ボタンが押された ときの処理、 MQTT（送信）

22. ビジュアルプログラミング以外 も併用していますが・・・

23. 　デモ動画： Alexa との連携①

24. 　デモ動画： Alexa との連携②

25. 手軽に電子ペーパー

26. IoTLT vol.70 @オンライン 画像表示を試した部分 UIFlow で画像を設定してブロックを2つ使うだけ！ Twitterで利用 中のイラストは わりと良い感じ Facebookの写真

    は微妙な感じに

27. IoTLT vol.70 @オンライン 写真表示の見た目改善（画像処理） 元画像 白黒で濃淡を表すためにハーフトーンの処理 ⇒ UIFlow にアップロードする前に、GIMP を使って処理

    調整の余地があるけど、 とりあえず版としては 良い感じ！ •

28. （時間があれば） IFTTTの話題の補足

29. IFTTTの有償プラン・新機能 IoT・おうちハック界隈など、各所でよく登場する IFTTT ⇒ 異なるサービス間の連携が簡単に実現できて便利ですが・・・ 有償プランができた際に、 無償プランに制限ができて、 ざわざわしてた

30. 新機能についてご興味があれば IFTTT Pro関連で 2つ記事を投稿済み

31. IFTTT Pro 3つの新機能 クエリー、フィルター、複数のアクションの実行 【無償版】 トリガーが 1つに対し、アクションも 1つだけ アクションを複数設定できる 【有償版の新機能】

    トリガーの動作に対し、さらに別の 情報を取得して利用できる 「この後のアクションをとある条件下 　で止められる」＆「アクションに 　渡す情報を書きかえられる」

32. 終わり！