Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
手軽にできる電子工作とIoT / xTech ゆるっとLT
Search
you(@youtoy)
PRO
December 22, 2020
Technology
0
240
手軽にできる電子工作とIoT / xTech ゆるっとLT
you(@youtoy)
PRO
December 22, 2020
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
64
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
130
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
270
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
65
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
500
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
240
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
2.6k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
460
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.5k
Other Decks in Technology
See All in Technology
静的解析で実現した効率的なi18n対応の仕組みづくり
minako__ph
2
390
Storybook との上手な向き合い方を考える
re_taro
5
2k
アジャイルでの品質の進化 Agile in Motion vol.1/20241118 Hiroyuki Sato
shift_evolve
0
190
Engineer Career Talk
lycorp_recruit_jp
0
200
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
29
13k
Taming you application's environments
salaboy
0
200
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
160
生成AIが変えるデータ分析の全体像
ishikawa_satoru
0
190
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
3.9k
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
7
720
Application Development WG Intro at AppDeveloperCon
salaboy
0
210
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
120
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Rails Girls Zürich Keynote
gr2m
94
13k
Bash Introduction
62gerente
608
210k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Building Your Own Lightsaber
phodgson
103
6.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Become a Pro
speakerdeck
PRO
25
5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Transcript
手軽にできる電子工作とIoT 2020年12月22日 (火) xTech ゆるっとLT: 女子だらけの電子工作 and AR_Fukuoka @オンライン 豊田
陽介 ( @youtoy )
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社の研究所勤務 話題のものを たくさん購入 してる気がする ガジェット好き その他 IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ(IT系以外も)
プライベートでの活動 IoT・ビジュアルプログラミング・ ロボットトイ等に関するコミュニティ を単独・共同で複数主催
プライベートでの作品作り: #MFTokyo2020 https://www.facebook.com/groups/toiotomo 終了後の出展報告投稿 toioのユーザコミュニティの Facebookグループ 3人で共同主催しているユーザコミュニティで出展
Maker Faire Tokyo 2020 に出した作品 2つの作品 1)Node.jsとHTML+JavaScript で実装した機械学習を使ったもの 2)ビジュアルプログラミングで 実装した2つのtoioを制御するもの
https://www.youtube.com/watch?v=Ve6TyzzmXck
他の主催コミュニティの事例 Node-REDで色々試すハンズオン Tec-Nomad ・ ビジュアルプログラミング交流会 コラボ コラボ主催&講師 (主催全員が講師) ビジュアルプログラミングに関する コミュニティのFacebookグループ
ビジュアルプログラミング x IoT が テーマのコミュニティも共同主催 https://www.facebook.com/groups/visualprogramming.jp
電子工作やIoTを 気軽に試したい!
本題1: 手軽にできる電子工作
電子工作枠でLTしてますが、 ハンダ付けとかしてない・・・
ハンダ付けなしに電子工作(概要) ブレッドボード +ジャンパワイヤ Groveモジュール (+対応機器・ 拡張用シールド等) ワニ口クリップ (micro:bit との組み合わせ で見かけたり)
Arduinoでの Lチカ LEDテープや 超音波センサ
Grove を各種ボードと 組み合わせて使う 電子工作の接続まわりが簡単に
拡張用のシールド等 Arduino用 micro:bit用 Arduino Nano Arduino Uno Raspberry Pi 用
Raspberry Pi Zero
種類豊富なセンサー等の例(ごく一部) 以下の画像は、スイッチサイエンスさんのサイトより https://www.switch-science.com/catalog/list/145/
本題2:手軽にできる IoT
テキストプログラミングを使わずIoT ・IFTTT(イフト) ・特定のデバイス・モジュール + ビジュアルプログラミング > M5Stackシリーズ + UIFlow >
micro:bit + 拡張用シールド + MakeCode > obniz + ブロックプログラム > Node-RED + α デバイスを絡めると電子工作 の要素を含められる形に
話の途中で名前が登場していたデバイス M5Stackシリーズ ⇒ Wi-Fi・Bluetooth搭載のデバイスで画面・ボタン等がついたものも (※ 一部異なるものあり) AIカメラ(無線 機能はなし) 電子ペーパー タッチ
スクリーン 超小型
Grove互換のコネクタ・モジュール 以下の画像は、スイッチサイエンスさんのサイトより(一部抜粋) https://www.switch-science.com/catalog/list/772/
ビジュアルプログラミング だけで電子工作+IoT
デモ動画: Lチカ?
データの流れ IoTLT vol.61 @オンライン センサーの値 (シリアル通信) 特定の文字列 (シリアル通信) センサーの値 (MQTT)
特定の文字列 (MQTT)
システム構成と処理内容など IoTLT vol.61 @オンライン ・センサーの値取得 ・シリアル通信 ・LED制御 ・MQTTブローカー ・シリアル通信 ・MQTTの通信
グローバルな アクセス ・ボタンの制御 ・MQTTの通信 ・LED制御
UIFlow(+M5Stack) IoTLT vol.61 @オンライン MQTT(受信) とLEDの制御 (初期化処理など) ボタンが押された ときの処理、 MQTT(送信)
ビジュアルプログラミング以外 も併用していますが・・・
デモ動画: Alexa との連携①
デモ動画: Alexa との連携②
手軽に電子ペーパー
IoTLT vol.70 @オンライン 画像表示を試した部分 UIFlow で画像を設定してブロックを2つ使うだけ! Twitterで利用 中のイラストは わりと良い感じ Facebookの写真
は微妙な感じに
IoTLT vol.70 @オンライン 写真表示の見た目改善(画像処理) 元画像 白黒で濃淡を表すためにハーフトーンの処理 ⇒ UIFlow にアップロードする前に、GIMP を使って処理
調整の余地があるけど、 とりあえず版としては 良い感じ! •
(時間があれば) IFTTTの話題の補足
IFTTTの有償プラン・新機能 IoT・おうちハック界隈など、各所でよく登場する IFTTT ⇒ 異なるサービス間の連携が簡単に実現できて便利ですが・・・ 有償プランができた際に、 無償プランに制限ができて、 ざわざわしてた
新機能についてご興味があれば IFTTT Pro関連で 2つ記事を投稿済み
IFTTT Pro 3つの新機能 クエリー、フィルター、複数のアクションの実行 【無償版】 トリガーが 1つに対し、アクションも 1つだけ アクションを複数設定できる 【有償版の新機能】
トリガーの動作に対し、さらに別の 情報を取得して利用できる 「この後のアクションをとある条件下 で止められる」&「アクションに 渡す情報を書きかえられる」
終わり!