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)
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
59
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
130
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
270
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
65
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
500
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
240
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
2.5k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
450
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.5k
Other Decks in Technology
See All in Technology
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
170
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
12k
[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)
abemii
0
220
DMARC 対応の話 - MIXI CTO オフィスアワー #04
bbqallstars
1
160
強いチームと開発生産性
onk
PRO
34
11k
いざ、BSC討伐の旅
nikinusu
2
780
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
Engineer Career Talk
lycorp_recruit_jp
0
170
SREが投資するAIOps ~ペアーズにおけるLLM for Developerへの取り組み~
takumiogawa
1
260
オープンソースAIとは何か? --「オープンソースAIの定義 v1.0」詳細解説
shujisado
9
940
AIチャットボット開発への生成AI活用
ryomrt
0
170
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Music & Morning Musume
bryan
46
6.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
370
Thoughts on Productivity
jonyablonski
67
4.3k
Faster Mobile Websites
deanohume
305
30k
Designing the Hi-DPI Web
ddemaree
280
34k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
Building Applications with DynamoDB
mza
90
6.1k
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一覧は後で送付します
終わり!