Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
270
手軽にできる電子工作とIoT / xTech ゆるっとLT
you(@youtoy)
PRO
December 22, 2020
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
52
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
65
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
180
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
190
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
380
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
20
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
150
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
54
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
120
Other Decks in Technology
See All in Technology
re:Invent 2025 ~何をする者であり、どこへいくのか~
tetutetu214
0
220
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
280
ウェルネス SaaS × AI、1,000万ユーザーを支える 業界特化 AI プロダクト開発への道のり
hacomono
PRO
0
120
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
applism118
4
1.3k
WordPress は終わったのか ~今のWordPress の制作手法ってなにがあんねん?~ / Is WordPress Over? How We Build with WordPress Today
tbshiki
1
810
今からでも間に合う!速習Devin入門とその活用方法
ismk
1
750
SSO方式とJumpアカウント方式の比較と設計方針
yuobayashi
7
690
.NET 10の概要
tomokusaba
0
110
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
ayokura
0
470
Debugging Edge AI on Zephyr and Lessons Learned
iotengineer22
0
220
エンジニアリングをやめたくないので問い続ける
estie
2
1.2k
2025年 開発生産「可能」性向上報告 サイロ解消からチームが能動性を獲得するまで/ 20251216 Naoki Takahashi
shift_evolve
PRO
1
200
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
KATA
mclloyd
PRO
33
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
4 Signs Your Business is Dying
shpigford
186
22k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Producing Creativity
orderedlist
PRO
348
40k
Building Adaptive Systems
keathley
44
2.9k
How STYLIGHT went responsive
nonsquared
100
6k
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つだけ アクションを複数設定できる 【有償版の新機能】
トリガーの動作に対し、さらに別の 情報を取得して利用できる 「この後のアクションをとある条件下 で止められる」&「アクションに 渡す情報を書きかえられる」
終わり!