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

by you（@youtoy）

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

豊田陽介（@youtoy）自己紹介普段は、某通信会社の研究所勤務話題のものをたくさん購入してる気がするガジェット好きその他 IT系イベント主催・登壇・運営、多数参加子ども向けの活動いろいろ（IT系以外も）プライベートでの活動 IoT・ビジュアルプログラミング・ロボットトイ等に関するコミュニティを単独・共同で複数主催

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

他の主催コミュニティの事例 Node-REDで色々試すハンズオン Tec-Nomad ・ビジュアルプログラミング交流会コラボコラボ主催＆講師（主催全員が講師）ビジュアルプログラミングに関するコミュニティのFacebookグループビジュアルプログラミング x IoT がテーマのコミュニティも共同主催 https://www.facebook.com/groups/visualprogramming.jp

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

本題2：手軽にできる IoT

Slide 14

Slide 14 text

テキストプログラミングを使わずIoT ・IFTTT（イフト）・特定のデバイス・モジュール　　　　　＋ビジュアルプログラミング　＞ M5Stackシリーズ＋ UIFlow 　＞ micro:bit ＋拡張用シールド＋ MakeCode 　＞ obniz ＋ブロックプログラム　＞ Node-RED ＋ α デバイスを絡めると電子工作の要素を含められる形に

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

　デモ動画： Lチカ？

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

　デモ動画： Alexa との連携①

Slide 24

Slide 24 text

　デモ動画： Alexa との連携②

Slide 25

Slide 25 text

手軽に電子ペーパー

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

IoTLT vol.70 @オンライン写真表示の見た目改善（画像処理）元画像白黒で濃淡を表すためにハーフトーンの処理 ⇒ UIFlow にアップロードする前に、GIMP を使って処理調整の余地があるけど、とりあえず版としては良い感じ！ ●

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

IFTTT Pro 3つの新機能クエリー、フィルター、複数のアクションの実行【無償版】トリガーが 1つに対し、アクションも 1つだけアクションを複数設定できる【有償版の新機能】トリガーの動作に対し、さらに別の情報を取得して利用できる「この後のアクションをとある条件下　で止められる」＆「アクションに　渡す情報を書きかえられる」

Slide 32

Slide 32 text

終わり！