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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
you(@youtoy)
PRO
December 22, 2020
Technology
0
280
手軽にできる電子工作とIoT / xTech ゆるっとLT
you(@youtoy)
PRO
December 22, 2020
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
300
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
150
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
940
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
80
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
200
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
880
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
430
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
43
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
170
Other Decks in Technology
See All in Technology
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
230
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
220
20260204_Midosuji_Tech
takuyay0ne
1
150
配列に見る bash と zsh の違い
kazzpapa3
1
140
Cosmos World Foundation Model Platform for Physical AI
takmin
0
860
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
170
プロポーザルに込める段取り八分
shoheimitani
1
220
今日から始めるAmazon Bedrock AgentCore
har1101
4
410
データ民主化のための LLM 活用状況と課題紹介(IVRy の場合)
wxyzzz
2
700
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
720
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
130
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
99
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
110
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
AI: The stuff that nobody shows you
jnunemaker
PRO
2
250
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
0
270
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つだけ アクションを複数設定できる 【有償版の新機能】
トリガーの動作に対し、さらに別の 情報を取得して利用できる 「この後のアクションをとある条件下 で止められる」&「アクションに 渡す情報を書きかえられる」
終わり!