Slide 1

Slide 1 text

UIFlowの2.0がやってきた! 〜M5Stackのビジュアルプログラミング環境〜 2023年1月19日 (木) ビジュアルプログラミングIoTLT vol.13 @オンライン 豊田陽介( ) @youtoy

Slide 2

Slide 2 text

自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット大好き 好きなこと ・最近、スマートホーム系に手を出してみたり ・昨年末のアドベントカレンダー用記事を  たくさん書いた!(全部で 46記事) その他

Slide 3

Slide 3 text

今日の話: 「UIFlow2.0」について

Slide 4

Slide 4 text

M5StackのUIFlow

Slide 5

Slide 5 text

M5Stack社のUIFlow M5Stack社のデバイス用のビジュアルプログラミング環境 ⇒ HTTPリクエスト・MQTT など、IoT用の仕組みの実装も!

Slide 6

Slide 6 text

その UIFlow に 新バージョンが登場!

Slide 7

Slide 7 text

UIFlow2.0 現在はアルファ版(※ 少し様子見してもよいかも)

Slide 8

Slide 8 text

新しいものを早く使いたい! という場合は

Slide 9

Slide 9 text

UIFlow2.0の対応デバイス ATOMS3 を入手できていれば試すことが可能

Slide 10

Slide 10 text

昨年、ゲットしていたので試した!

Slide 11

Slide 11 text

M5Burnerは 「Mac版」を利用

Slide 12

Slide 12 text

ここから 2.0での変更点を補足

Slide 13

Slide 13 text

利用のためにアカウントが必要 M5Burner・UIFlow2.0上のそれぞれでログインを求められる 未ログインで書き込み 操作を行うと... ⇒ 開発環境とデバイスの紐づけがアカウント経由で

Slide 14

Slide 14 text

利用のためにアカウントが必要 UIFlow2.0上でのデバイス選択画面(ログイン後) アカウントに紐付けた デバイスが表示される

Slide 15

Slide 15 text

UIFlow2.0: トップページはこんな感じ

Slide 16

Slide 16 text

まだアルファ版ということで 表示用の言語は、今は英語・中国語のみ 利用可能なブロックは限定的

Slide 17

Slide 17 text

プログラムを動作 させることは可能!

Slide 18

Slide 18 text

詳しい話はQiitaの記事に

Slide 19

Slide 19 text

引き続き 動向を追っていければと!

Slide 20

Slide 20 text

終わり!