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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
300
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
150
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
940
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
80
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
200
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
880
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
440
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
44
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
170
Other Decks in Technology
See All in Technology
22nd ACRi Webinar - NTT Kawahara-san's slide
nao_sumikawa
0
100
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
420
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
590
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
210
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
68k
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
160
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
130
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
2
170
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
120
配列に見る bash と zsh の違い
kazzpapa3
3
160
CDKで始めるTypeScript開発のススメ
tsukuboshi
1
470
Featured
See All Featured
Amusing Abliteration
ianozsvald
0
100
Being A Developer After 40
akosma
91
590k
Marketing to machines
jonoalderson
1
4.6k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
430
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
76
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
350
Odyssey Design
rkendrick25
PRO
1
500
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
77
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一覧は後で送付します
終わり!