手軽にできる電子工作とIoT / xTech ゆるっとLT
by
you(@youtoy)
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
終わり!