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
UIFlowのtoio用ブロックを使ってみた / ビジュアルプログラミングIoTLT vol.12
Search
you(@youtoy)
PRO
September 13, 2022
Technology
0
2.7k
UIFlowのtoio用ブロックを使ってみた / ビジュアルプログラミングIoTLT vol.12
you(@youtoy)
PRO
September 13, 2022
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
120
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
1.6k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
170
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.4k
AI・機械学習ライブラリを使ったWebアプリでワクワク体験! / Qiita Night~AI、機械学習 / 20231201
you
PRO
2
2.1k
p5.js・p5playを使った体験イベントに参加した子達が手を動かすこと・考えることを楽しんでくれた話 / p5.js勉強会(第九回) / 20231126
you
PRO
0
53
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you
PRO
0
2.3k
イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow+α〜 / #ヒーローズリーグ 2023 予選 in 第二部
you
PRO
0
95
ハッカソンでWebの技術を使った作品を作ってみた 〜ブラウザで機械学習やデバイス制御など〜 / HTML5 9th Anniversary
you
PRO
0
110
Other Decks in Technology
See All in Technology
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
220
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
1.3k
Cypress or Playwright?
rainerhahnekamp
0
110
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
310
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
On Your Data を超えていく!
hirotomotaguchi
2
690
競技としてのKaggle、役に立つKaggle
yu4u
4
1.9k
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
3
290
アクセス制御にまつわる改善 / Improving access control
itkq
0
550
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
140
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
480
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
43
6.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Six Lessons from altMBA
skipperchong
21
3k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
Rails Girls Zürich Keynote
gr2m
91
13k
Fireside Chat
paigeccino
21
2.6k
Atom: Resistance is Futile
akmur
259
25k
Infographics Made Easy
chrislema
238
18k
Designing Experiences People Love
moore
136
23k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Adopting Sorbet at Scale
ufuk
68
8.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Transcript
UIFlowのtoio用ブロックを使ってみた 2022年9月13日 (火) ビジュアルプログラミングIoTLT vol.12 @オンライン 豊田陽介( ) @youtoy
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10 から)
プライベートでの活動 ・ガジェット大好き ・今年、本を2冊出しました 好きなことなど 3月発売 (共著) 7月発売 (単著)
余談:JavaScriptもよく使ってます 【作ったものの一例】 光学迷彩・透明マント のような表現
今回の話題 ATOM系のデバイスと UIFlowを使ったtoioの制御
UIFlowのtoio用ブロック 1.9.7 以降で利用可能(今の最新版は 1.10.5)
UIFlowのtoio用ブロック ATOM Lite・ATOM Matrix で利用可能
実際に使ってみた
toio用ブロックを使って作ってみた内容 ダイソーのおもちゃの 刀を光らせる色を選択
ダイソーのマスコットキーホルダーを使ったら お腹の部分にちょうど おさまった
toio用ブロックの現状
今の時点でドキュメント類はなさそう UIFlow上のリンクの飛び先 toio公式のページへ toio公式の通信概要 (仕様)のページへ
Twitter・イベントでの画像・動画より プログラム例はこのあたりにあるくらい? (中の人のツイート、オンラインイベントでのワンシーン)
試した内容の補足
動画でデモした試作品のプログラム これくらいのプログラム規模 (toio との接続・マットの座標の読み取り、LEDテープの制御)
お試しをした結果 できた 道半ば ・ATOM Lite と toio の BLE接続 ・BLE
を使った Read・Write ※ Read:専用マットの座標、Write:サウンド ・BLEを使った Notify ※ コールバックブロックで結果を得るための ブロックの組み方が分からず
未発売の製品について
個人的に楽しみにしている製品 ATOM Mate for toio
イベントの告知
【10月下旬】enebular developersコラボ https://enebular.connpass.com/event/250779/ 10/27(木) オンライン開催 「ガジェット・enebular」に興味がある方へ!
終わり!