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
ロボットトイ「toio」を使ってみよう! / 第208回 CoderDojo Kodaira
Search
you(@youtoy)
PRO
February 26, 2022
Technology
0
100
ロボットトイ「toio」を使ってみよう! / 第208回 CoderDojo Kodaira
you(@youtoy)
PRO
February 26, 2022
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
35
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
84
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
180
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.5k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
97
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
610
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.4k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
5k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
1
2.7k
Other Decks in Technology
See All in Technology
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
250
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
580
AIエージェント元年
shukob
0
160
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
640
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
5k
分解して理解する Aspire
nenonaninu
2
1.1k
Amazon Aurora のバージョンアップ手法について
smt7174
2
140
OPENLOGI Company Profile
hr01
0
60k
偏光画像処理ライブラリを作った話
elerac
1
170
組織におけるCCoEの役割とAWS活用事例
nrinetcom
PRO
4
130
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
140
Windows の新しい管理者保護モード
murachiakira
0
200
Featured
See All Featured
Docker and Python
trallard
44
3.3k
How to Ace a Technical Interview
jacobian
276
23k
Adopting Sorbet at Scale
ufuk
74
9.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Side Projects
sachag
452
42k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
The Pragmatic Product Professional
lauravandoore
32
6.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Designing for humans not robots
tammielis
250
25k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Transcript
ロボットトイ「toio」を使ってみよう! 2022年1月26日 (水) 第208回 toioでプログラミングワークショップ @あすぴあ会議室 豊田陽介( ) @youtoy
自己紹介 豊田陽介( ) 普段は、某通信会社勤務(@埼玉) ※ 仕事は開発系ではなかったり @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も) ⇒
いろいろな場所で CoderDojo のメンター ・Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・最近は技術雑誌の記事、技術書を書いたりも その他 とよた ようすけ
自己紹介 豊田陽介( ) 普段は、某通信会社勤務(@埼玉) ※ 仕事は開発系ではなかったり @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も) ⇒
いろいろな場所で CoderDojo のメンター ・Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・最近は技術雑誌の記事、技術書を書いたりも その他 スマホ、インターネットとか にかんけいする会社 とよた ようすけ 朝もオンラインでやってた 御茶ノ水(おちゃのみず) の CoderDojo に参加 toio を使う人の あつまりも
今日、使うもの ↓ 「toio」
toio を 1)しってる 2)つかったことがある 3)はじめて聞いた
toioとは? 小さなキューブ型 ロボットトイ
どんな使い方がある? ・プログラミングと組み合わせない使い方 ⇒ わっか状のコントローラーとカセットと、マットなどを組み合わせ ・プログラミングと組み合わせて使う ⇒ 小さい白い四角の「コアキューブ」を使う(マットなども使える)
今日やってみるのは ↓ プログラミングと組み合わせる
toio + プログラミングで できることの例
プロのクリエイターの方が使うと
公式の動画の1つ(自分の好きなやつ)
おおまかな仕組みは紹介されていたり
先ほどのしくみ + 音の機械学習(AI)で
どんなプログラミングができる? ・ブロックでプログラミング(ビジュアルプログラミング) ⇒ Scratch 3.0 をもとに作られた「toio Do」 ・テキストプログラミング ⇒ JavaScript(Node.js)のライブラリ「toio.js」(作るのを便利にしてくれるもの)、
Unity用の SDK(作るのを便利にしてくれるもの)、 他にもいろいろな方法で(ブラウザで動く JavaScript、Python、他) ※ toio の無線通信の仕様が公開されていて、それにそって Bluetooth接続ができて、データを 送ることができるなら特に言語の指定はない
どんなプログラミングができる? ・ブロックでプログラミング(ビジュアルプログラミング) ⇒ Scratch 3.0 をもとに作られた「toio Do」 ・テキストプログラミング ⇒ JavaScript(Node.js)のライブラリ「toio.js」(作るのを便利にしてくれるもの)、
Unity用の SDK(作るのを便利にしてくれるもの)、 他にもいろいろな方法で(ブラウザで動く JavaScript、Python、他) ※ toio の無線通信の仕様が公開されていて、それにそって Bluetooth接続ができて、データを 送ることができるなら特に言語の指定はない 自分がよく使うのはこのあたり 自分がよく使うのはこのあたり
このあたりで 自分でもやってみよう
パソコンとtoioをつないでみる
toio を動かすブロックを 少し使ってみる
・まずはつないでみる ・マットなしで動かす(かいてんさせる)
いったん話に もどります
toioならではのしくみ(と自分が思うもの) ・センサーを使ったしくみがかんたんに使える ・こまかい、すばやい動きができる ・toioのためのマット・カードを使ったしくみ
toioのぎじゅつ
ビジュアルプログラミング toio Do でも使える!
toioで使える・できること ・LEGOをくっつけることができる ・toio Do のさんこうになるプログラムがたくさん
このあたりで 自分でもやってみよう - その2 -
べんりなしくみブロックを 少し使ってみる
・かいてんとはちがう動き ・ランプをつける ・音をならす
toio Do のコンテストで つくられた作品
toio の「Do!コン」 @ProtoPedia https://protopedia.net/event/13
toio を使った作品が 出ているもの
トイオの大喜利【公式】 https://toio.io/blog/cat-74/
toioのための カードやマットを使う
このあたりで 自分でもやってみよう - その3 -
カードやマットを 使ってみる
・xざひょう、yざひょうをきめて動かす ・toioのむきをきめて動かす ・かんいカードを使う ・toioをまわす動きをつかう(ピッチ、ロール、ヨー) ・toioをトントンしてはんのうさせる(衝突検出)
おつかれさまでした!
コミュニティ(親御さん向けかも?) ・【公式】トイオ・クラブ @Slack ・【非公式】toio で作ってみた!友の会(非公式) ⇒ 次のページで紹介
toio で作ってみた!友の会(非公式) https://www.facebook.com/groups/toiotomo/ 主催者3人
さんこうになるものを さがしてみる
技術仕様を確認する(難易度高め) https://toio.github.io/toio-spec/
公式のブログ、Qiita、 さきほどの ProtoPedia
参考情報や動画など URL一覧は後で送付します
終わり!