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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
you(@youtoy)
PRO
December 22, 2020
Technology
290
0
Share
手軽にできる電子工作とIoT / xTech ゆるっとLT
you(@youtoy)
PRO
December 22, 2020
More Decks by you(@youtoy)
See All by you(@youtoy)
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
350
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
430
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
280
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
350
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
220
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
970
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
110
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
230
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
1k
Other Decks in Technology
See All in Technology
Shiny New Tools Won't Fix Your Problem
trishagee
1
120
iOS・Androidの文字サイズ設定をWebViewに!モバイルUIのアクセシビリティTips
shincarpediem
2
100
AI時代に越境し、 組織を変えるQAスキルの正体 / QA Skills for Transforming an Organization
mii3king
5
4.3k
10サービス以上のメール到達率改善を地道に継続的に進めている話 / Continue to improve email delivery rates across multiple services
yamaguchitk333
6
1.6k
古今東西SRE
okaru
2
180
20260516_SecJAWS_Days
takuyay0ne
2
340
雑談は、センサーだった
bitkey
PRO
2
230
大学職員のための生成AI最前線 :最前線を、AIガバナンスとして読み直すためのTips
gmoriki
2
4k
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.4k
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.6k
SREの仕事は「壊さないこと」ではなくなった 〜自律化していくシステムに、責任と判断を与えるという価値〜 / 20260515 Naoki Shimada
shift_evolve
PRO
1
150
自動テストだけで リリース判断できるチームへ - 鍵はテストの量ではなくリリース判断基準の再設計にあった / Redesigning Release Criteria for Lightweight Releases
ewa
7
3.7k
Featured
See All Featured
The untapped power of vector embeddings
frankvandijk
2
1.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
230
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
540
The SEO Collaboration Effect
kristinabergwall1
1
440
Java REST API Framework Comparison - PWX 2021
mraible
34
9.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.8k
Color Theory Basics | Prateek | Gurzu
gurzu
0
310
Faster Mobile Websites
deanohume
310
31k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
690
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つだけ アクションを複数設定できる 【有償版の新機能】
トリガーの動作に対し、さらに別の 情報を取得して利用できる 「この後のアクションをとある条件下 で止められる」&「アクションに 渡す情報を書きかえられる」
終わり!