Slide 1

Slide 1 text

UIFlowのtoio用ブロックを使ってみた 2022年9月13日 (火) ビジュアルプログラミングIoTLT vol.12 @オンライン 豊田陽介( ) @youtoy

Slide 2

Slide 2 text

自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット大好き ・今年、本を2冊出しました 好きなことなど 3月発売 (共著) 7月発売 (単著)

Slide 3

Slide 3 text

余談:JavaScriptもよく使ってます 【作ったものの一例】 光学迷彩・透明マント のような表現

Slide 4

Slide 4 text

今回の話題 ATOM系のデバイスと UIFlowを使ったtoioの制御

Slide 5

Slide 5 text

UIFlowのtoio用ブロック 1.9.7 以降で利用可能(今の最新版は 1.10.5)

Slide 6

Slide 6 text

UIFlowのtoio用ブロック ATOM Lite・ATOM Matrix で利用可能

Slide 7

Slide 7 text

実際に使ってみた

Slide 8

Slide 8 text

toio用ブロックを使って作ってみた内容 ダイソーのおもちゃの 刀を光らせる色を選択

Slide 9

Slide 9 text

ダイソーのマスコットキーホルダーを使ったら お腹の部分にちょうど おさまった

Slide 10

Slide 10 text

toio用ブロックの現状

Slide 11

Slide 11 text

今の時点でドキュメント類はなさそう UIFlow上のリンクの飛び先 toio公式のページへ toio公式の通信概要 (仕様)のページへ

Slide 12

Slide 12 text

Twitter・イベントでの画像・動画より プログラム例はこのあたりにあるくらい? (中の人のツイート、オンラインイベントでのワンシーン)

Slide 13

Slide 13 text

試した内容の補足

Slide 14

Slide 14 text

動画でデモした試作品のプログラム これくらいのプログラム規模 (toio との接続・マットの座標の読み取り、LEDテープの制御)

Slide 15

Slide 15 text

お試しをした結果 できた 道半ば ・ATOM Lite と toio の BLE接続 ・BLE を使った Read・Write  ※ Read:専用マットの座標、Write:サウンド ・BLEを使った Notify  ※ コールバックブロックで結果を得るための    ブロックの組み方が分からず

Slide 16

Slide 16 text

未発売の製品について

Slide 17

Slide 17 text

個人的に楽しみにしている製品 ATOM Mate for toio

Slide 18

Slide 18 text

イベントの告知

Slide 19

Slide 19 text

【10月下旬】enebular developersコラボ https://enebular.connpass.com/event/250779/ 10/27(木) オンライン開催 「ガジェット・enebular」に興味がある方へ!

Slide 20

Slide 20 text

終わり!