Slide 1

Slide 1 text

ロボットトイ「toio」を使ってみよう! 2022年1月26日 (水) 第208回 toioでプログラミングワークショップ @あすぴあ会議室 豊田陽介( ) @youtoy

Slide 2

Slide 2 text

自己紹介 豊田陽介( ) 普段は、某通信会社勤務(@埼玉) ※ 仕事は開発系ではなかったり @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も)  ⇒ いろいろな場所で CoderDojo のメンター ・Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・最近は技術雑誌の記事、技術書を書いたりも その他 とよた ようすけ

Slide 3

Slide 3 text

自己紹介 豊田陽介( ) 普段は、某通信会社勤務(@埼玉) ※ 仕事は開発系ではなかったり @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も)  ⇒ いろいろな場所で CoderDojo のメンター ・Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・最近は技術雑誌の記事、技術書を書いたりも その他 スマホ、インターネットとか にかんけいする会社 とよた ようすけ 朝もオンラインでやってた 御茶ノ水(おちゃのみず) の CoderDojo に参加 toio を使う人の あつまりも

Slide 4

Slide 4 text

今日、使うもの ↓ 「toio」

Slide 5

Slide 5 text

toio を 1)しってる 2)つかったことがある 3)はじめて聞いた

Slide 6

Slide 6 text

toioとは? 小さなキューブ型 ロボットトイ

Slide 7

Slide 7 text

どんな使い方がある? ・プログラミングと組み合わせない使い方  ⇒ わっか状のコントローラーとカセットと、マットなどを組み合わせ ・プログラミングと組み合わせて使う  ⇒ 小さい白い四角の「コアキューブ」を使う(マットなども使える)

Slide 8

Slide 8 text

今日やってみるのは ↓ プログラミングと組み合わせる

Slide 9

Slide 9 text

toio + プログラミングで できることの例

Slide 10

Slide 10 text

プロのクリエイターの方が使うと

Slide 11

Slide 11 text

公式の動画の1つ(自分の好きなやつ)

Slide 12

Slide 12 text

おおまかな仕組みは紹介されていたり

Slide 13

Slide 13 text

先ほどのしくみ + 音の機械学習(AI)で

Slide 14

Slide 14 text

どんなプログラミングができる? ・ブロックでプログラミング(ビジュアルプログラミング)  ⇒ Scratch 3.0 をもとに作られた「toio Do」 ・テキストプログラミング  ⇒ JavaScript(Node.js)のライブラリ「toio.js」(作るのを便利にしてくれるもの)、    Unity用の SDK(作るのを便利にしてくれるもの)、    他にもいろいろな方法で(ブラウザで動く JavaScript、Python、他)   ※ toio の無線通信の仕様が公開されていて、それにそって Bluetooth接続ができて、データを     送ることができるなら特に言語の指定はない

Slide 15

Slide 15 text

どんなプログラミングができる? ・ブロックでプログラミング(ビジュアルプログラミング)  ⇒ Scratch 3.0 をもとに作られた「toio Do」 ・テキストプログラミング  ⇒ JavaScript(Node.js)のライブラリ「toio.js」(作るのを便利にしてくれるもの)、    Unity用の SDK(作るのを便利にしてくれるもの)、    他にもいろいろな方法で(ブラウザで動く JavaScript、Python、他)   ※ toio の無線通信の仕様が公開されていて、それにそって Bluetooth接続ができて、データを     送ることができるなら特に言語の指定はない 自分がよく使うのはこのあたり 自分がよく使うのはこのあたり

Slide 16

Slide 16 text

このあたりで 自分でもやってみよう

Slide 17

Slide 17 text

パソコンとtoioをつないでみる

Slide 18

Slide 18 text

toio を動かすブロックを 少し使ってみる

Slide 19

Slide 19 text

・まずはつないでみる ・マットなしで動かす(かいてんさせる)

Slide 20

Slide 20 text

いったん話に もどります

Slide 21

Slide 21 text

toioならではのしくみ(と自分が思うもの) ・センサーを使ったしくみがかんたんに使える ・こまかい、すばやい動きができる ・toioのためのマット・カードを使ったしくみ

Slide 22

Slide 22 text

toioのぎじゅつ

Slide 23

Slide 23 text

ビジュアルプログラミング toio Do でも使える!

Slide 24

Slide 24 text

toioで使える・できること ・LEGOをくっつけることができる ・toio Do のさんこうになるプログラムがたくさん

Slide 25

Slide 25 text

このあたりで 自分でもやってみよう - その2 -

Slide 26

Slide 26 text

べんりなしくみブロックを 少し使ってみる

Slide 27

Slide 27 text

・かいてんとはちがう動き ・ランプをつける ・音をならす

Slide 28

Slide 28 text

toio Do のコンテストで つくられた作品

Slide 29

Slide 29 text

toio の「Do!コン」 @ProtoPedia https://protopedia.net/event/13

Slide 30

Slide 30 text

toio を使った作品が 出ているもの

Slide 31

Slide 31 text

トイオの大喜利【公式】 https://toio.io/blog/cat-74/

Slide 32

Slide 32 text

toioのための カードやマットを使う

Slide 33

Slide 33 text

このあたりで 自分でもやってみよう - その3 -

Slide 34

Slide 34 text

カードやマットを 使ってみる

Slide 35

Slide 35 text

・xざひょう、yざひょうをきめて動かす ・toioのむきをきめて動かす ・かんいカードを使う ・toioをまわす動きをつかう(ピッチ、ロール、ヨー) ・toioをトントンしてはんのうさせる(衝突検出)

Slide 36

Slide 36 text

おつかれさまでした!

Slide 37

Slide 37 text

コミュニティ(親御さん向けかも?) ・【公式】トイオ・クラブ          @Slack ・【非公式】toio で作ってみた!友の会(非公式)  ⇒ 次のページで紹介

Slide 38

Slide 38 text

toio で作ってみた!友の会(非公式) https://www.facebook.com/groups/toiotomo/ 主催者3人

Slide 39

Slide 39 text

さんこうになるものを さがしてみる

Slide 40

Slide 40 text

技術仕様を確認する(難易度高め) https://toio.github.io/toio-spec/

Slide 41

Slide 41 text

公式のブログ、Qiita、 さきほどの ProtoPedia

Slide 42

Slide 42 text

参考情報や動画など URL一覧は後で送付します

Slide 43

Slide 43 text

終わり!