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
120
ロボットトイ「toio」を使ってみよう! / 第208回 CoderDojo Kodaira
you(@youtoy)
PRO
February 26, 2022
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
330
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
190
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
960
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
93
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
210
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
910
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
470
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
56
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
180
Other Decks in Technology
See All in Technology
It’s “Time” to use Temporal
sajikix
1
160
JAWS DAYS 2026 ExaWizards_20260307
exawizards
0
430
脳内メモリ、思ったより揮発性だった
koutorino
0
360
最強のAIエージェントを諦めたら品質が上がった話 / how quality improved after giving up on the strongest AI agent
kt2mikan
0
190
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
プラットフォームエンジニアリングはAI時代の開発者をどう救うのか
jacopen
5
3.2k
AWSの資格って役に立つの?
tk3fftk
2
340
(Test) ai-meetup slide creation
oikon48
3
400
Lambda Web AdapterでLambdaをWEBフレームワーク利用する
sahou909
0
140
Kubernetesにおける推論基盤
ry
1
390
OCHaCafe S11 #2 コンテナ時代の次の一手:Wasm 最前線
oracle4engineer
PRO
2
130
AI時代の「本当の」ハイブリッドクラウド — エージェントが実現した、あの頃の夢
ebibibi
0
130
Featured
See All Featured
Side Projects
sachag
455
43k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
150
Optimizing for Happiness
mojombo
378
71k
Speed Design
sergeychernyshev
33
1.6k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
We Have a Design System, Now What?
morganepeng
55
8k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
190
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
83
HDC tutorial
michielstock
1
540
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
The Cult of Friendly URLs
andyhume
79
6.8k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.5k
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一覧は後で送付します
終わり!