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 と Web Bluetooth API と 開発者向けマット(仮) / toiotomo vol5
Search
you(@youtoy)
PRO
July 20, 2020
Technology
0
190
toio と Web Bluetooth API と 開発者向けマット(仮) / toiotomo vol5
「toioで作ってみた!友の会(非公式)第5回LT会」でのLT資料です。
https://toiotomo.connpass.com/event/180408/
you(@youtoy)
PRO
July 20, 2020
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
120
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
1.6k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
160
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.4k
AI・機械学習ライブラリを使ったWebアプリでワクワク体験! / Qiita Night~AI、機械学習 / 20231201
you
PRO
2
2.1k
p5.js・p5playを使った体験イベントに参加した子達が手を動かすこと・考えることを楽しんでくれた話 / p5.js勉強会(第九回) / 20231126
you
PRO
0
53
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you
PRO
0
2.3k
イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow+α〜 / #ヒーローズリーグ 2023 予選 in 第二部
you
PRO
0
95
ハッカソンでWebの技術を使った作品を作ってみた 〜ブラウザで機械学習やデバイス制御など〜 / HTML5 9th Anniversary
you
PRO
0
110
Other Decks in Technology
See All in Technology
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
300
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
500
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
2
2.2k
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
170
SPI原点回帰論:事業課題とFour Keysの結節点を見出す実践的ソフトウェアプロセス改善 / DevOpsDays Tokyo 2024
visional_engineering_and_design
4
1.9k
ChatGPT for IT Service Management (IT Pro)
dahatake
7
1.6k
Cracking the KubeCon CfP
inductor
2
240
Azureの基本的な権限管理の勉強会
yhana
0
240
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
460
MySQL の SQL クエリチューニングの要所を掴む勉強会
andpad
2
6.2k
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
280
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
180
Featured
See All Featured
Side Projects
sachag
451
41k
Building Applications with DynamoDB
mza
88
5.6k
Raft: Consensus for Rubyists
vanstee
132
6.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
KATA
mclloyd
15
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
The Mythical Team-Month
searls
216
42k
Adopting Sorbet at Scale
ufuk
68
8.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Transcript
toio と Web Bluetooth API と 開発者向けマット(仮) 2020年7月20日 (月) toioで作ってみた!友の会(非公式)第5回LT会
@オンライン 豊田 陽介 ( @youtoy )
豊田陽介(@youtoy) 自己紹介 • 職場: 某通信会社の研究所 • プライベートでの活動: IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ(IT系以外も) •
その他: ガジェット好き toioで作ってみた!友の会(非公式)第5回LT会 @オンライン 話題のものが、たぶん だいたい自宅にある 「toioで作ってみた!友の会 (非公式)」以外にも、 ビジュアルプログラミング IoTLT など複数のコミュニ ティを単独・共同で主催
自宅にある toio 【当初購入したセット】 ・バリューパック(トイオ・コレクション 同梱版) ・ゲズンロイド 【追加購入1・2】 ・トイオ・コレクション 拡張パック ・コア
キューブ(2台) ・コア キューブ専用充電器 toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
イベントでも活用! (2019年度)
【利用事例1】子ども向けの活動にて リング型のコントローラーを使ったバトルなど
【利用事例2】toio のコミュニティで出展 Tsukuba Mini Maker Faire 2020 にて音の機械学習 (Teachable Machine)等を使った作品を展示
出展ブースと 出展メンバー toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
出展した作品の試作段階 Teachable Machine による機械学習 + Web Bluetooth API toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
【利用事例2】toio のコミュニティで出展 小さいお子さんにも楽しんでもらえました! toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
使った技術1:音や声をトリガーにした制御 ・詳細は Qiita の記事へ •Teachable Machine を使った音声からの任意のキーワードの検出 (ブラウザ上で機械学習) - Qiita
https://qiita.com/youtoy/items/9096836e5d77274500ea •toio を音で制御してみた(Audio用の Teachable Machine で ベルやタンバリンの音を機械学習) - Qiita https://qiita.com/youtoy/items/37f70bb4ce630e6cbd92 ・Googleさん提供、ブラウザ上で機械学習ができる仕組み 「Teachable Machine」 toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
使った技術2:ブラウザからの制御 【Web Bluetooth API】 ・Bluetooth をブラウザから利用し、BLE対応デバイスとの間で 情報の読み書きをする機能等を提供してくれるAPI toioで作ってみた!友の会(非公式)第5回LT会 @オンライン ただし
caniuse.com を 見てみると、対応ブラウザ は限られる
それぞれを選んだ理由 Teachable Machine ⇒ブラウザで簡単に機械学習ができる仕組みを使ってみたかった (使ってみてから、toio との連携を試してみた流れ) toioで作ってみた!友の会(非公式)第5回LT会 @オンライン Web Bluetooth
API ⇒ブラウザ上で使える API を使ってみたかった(ブラウザが あれば、特殊な環境の準備は不用) + Teachable Machine のサンプルと簡単に組み合わせられる
【他に試したこと】 入手当初や 最近のキャンペーン関連
Node.js での開発(+スマートスピーカー) toio.js による制御 + Voiceflow を使った Alexaスキル開発 toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
ビジュアルプログラミング で開発できるもの 他には、micro:bit との 組み合わせを試したり
ビジュアルプログラミングでの開発 移動先の目標となる座標指定を複数準備 + ランダムな選択 キャンペーンで入手した 開発者向けマット(仮)
タイトルにあった 3つを組み合わせた話へ
開発者向けマット(仮)+α をゲット! やりたかったけど、手をだせてなかったことに着手 toioで作ってみた!友の会(非公式)第5回LT会 @オンライン •【JavaScript作例集】キューブがぐるぐる回るデモ解説|toio™公式 https://note.toio.io/n/n615e5ed8552b
追加入手分を含めた 4台でやりたい! (まずは2台から)
以前の作品 + 開発者向けマット(仮) 専用マット上での2台の追跡の動作を音や声で制御 toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
以前の作品の別バージョン 音や声による制御の部分を、スマートスピーカー連携に変更 toioで作ってみた!友の会(非公式)第5回LT会 @オンライン
Mac+ ブラウザだと なぜか 3台までしか・・・ 台数を増やすのには Node.js?
今後は、 10月に向けて作品作り! Maker Faire Tokyo 2020 への出展に向けて
終わり!