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

終わり!