Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ロボットトイ「toio」を使ってみよう! / 第208回 CoderDojo Kodaira
Search
you(@youtoy)
PRO
February 26, 2022
Technology
140
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ロボットトイ「toio」を使ってみよう! / 第208回 CoderDojo Kodaira
you(@youtoy)
PRO
February 26, 2022
Transcript
43 slides
ロボットトイ「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一覧は後で送付します
終わり!
More Decks by you(@youtoy)
See All by you(@youtoy)
つくって、体験してもらって、楽しんでもらう - 子どもも大人もワクワクするインタラクティブ体験を支える技術 -
you
PRO
0
72
コーディングエージェントでM5Stack系の開発を少し試した時の話 / M5 Japan Tour 2026 Autumn 東京
you
PRO
0
270
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
470
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
390
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
you
PRO
0
210
クラウドファンディング版StackChan 3体(4体)をインタラクティブな体験型作品にして展示もした話 / スタックチャンお誕生日会2026
you
PRO
0
380
イベントで大活躍する電子ペーパー名札 〜その3〜 / ビジュアルプログラミングIoTLT vol.23
you
PRO
0
450
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
62
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
480
Other Decks in Technology
See All in Technology
顧客合意を取りながら進めるAWSコスト削減の実践
optim
0
170
仕様と現実の間で落とし所を探るリモートMCPの認証・認可 — Sansanの認証基盤における課題と実践
sansantech
PRO
2
300
81天的 AI Agent 軟體開發團隊治理實務分享
regionbbs
0
170
3文字略語に騙されない! 世界一わかりやすい『EDR』超入門
kamadamakoto
1
150
Biohub - Cell Tracking During Development 5th place solution
rist
0
160
高品質と高スピードを支える品質のシフトレフトのアプローチ
goyoki
4
1.2k
DevOps Agentにあらゆるセキュリティインシデントのトリアージを任せた件
jirtosterone
1
150
小さなエージェントから始めてみよう!実践コンテキストエンジニアリング
iwamot
PRO
0
130
Linuxネットワークスタック進化の軌跡: 過去10年の歩みと最新トレンド
orimanabu
4
700
あの日、見つかっていなかったらどうなっていたか
kazzpapa3
2
220
An Introduction to Context Ontology Accelerator (teaching AI agents what your data means)
inariku
PRO
1
270
E2E Test というハーネス — AI時代の自動テスト民主化
daishukojima
1
770
Featured
See All Featured
Tell your own story through comics
letsgokoyo
1
1.1k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.7k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
How to make the Groovebox
asonas
2
2.6k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
380
Deep Space Network (abreviated)
tonyrice
0
420
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Believing is Seeing
oripsolob
1
280
Making Projects Easy
brettharned
120
6.9k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
610