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
個人的に使いやすいと思う/好きなガジェットをいくつか紹介してみる / トヨタ ガジェット研究所
Search
you(@youtoy)
PRO
October 27, 2022
Technology
1
180
個人的に使いやすいと思う/好きなガジェットをいくつか紹介してみる / トヨタ ガジェット研究所
you(@youtoy)
PRO
October 27, 2022
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
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
390
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
440
Building Dashboards as a Hobby
egmc
0
240
開発パフォーマンスを最大化するための開発体制
ham0215
2
450
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
1.3k
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
590
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
390
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
3
950
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
780
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
220
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
43
6.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
21
1.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
A designer walks into a library…
pauljervisheath
200
23k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Typedesign – Prime Four
hannesfritz
36
2.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Docker and Python
trallard
34
2.7k
Transcript
個人的に使いやすいと思う/好きな ガジェットをいくつか紹介してみる 2022年10月27日 (木) 【enebular developersコラボ】トヨタ ガジェット研究所 @オンライン 豊田陽介( )
@youtoy
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10 から)
プライベートでの活動 ・ガジェット大好き ・今年、本2冊出したり、メーカーフェア出展3回 好きなことなど 3月発売 (共著) 7月発売 (単著)
自分とガジェット について 〜 その2 〜
普段のお試しの中でのガジェットの利用 ひたすら「試してみた!動画」をアップしてる場所 2022年に試してみた・作ってみたという動画だけで、200本くらいある ガジェットを使っている ものも多数
開発系コンテストや展示イベントでも Tsukuba Mini Maker Faire 2020 Maker Faire Tokyo 2020
開発コンテストとガジェット 開発コンテストとガジェット
今日の話は 「個人的に使いやすいと思う/ 好きなガジェット」
「使いやすい」という 観点もいろいろと
何を前提にした「使いやすさ?」 素早く何かを作るのに 試行錯誤するのに などなど... 色々なことを試すのに 技術系でない人にとって 子どもにとって 初心者にとって ••技術を習得した人は 複雑なことをやるのに
おおよそこのあたりの話に関連 素早く何かを作るのに 試行錯誤するのに などなど... 色々なことを試すのに 技術系でない人にとって 子どもにとって 初心者にとって ••技術を習得した人は 複雑なことをやるのに
あくまでも個人の意見です
全ては紹介しきれなそう...
具体的な話へ
使いやすいオススメの品の筆頭 「M5Stack」関連デバイス・モジュール
M5Stackのオススメポイント(の一部) • 本体は基本的に外装がついている • デバイス・モジュールの種類が豊富 • デバイス単体でもあれこれ活用できる • 公式のモジュールの接続が手軽 •
Wi-Fi・Bluetoothが使えてIoT・近接通信も! • 開発環境もいろいろ • M5Stack用のビジュアルプログラミング環境 • 開発環境はブラウザで簡単アクセス • 公式パーツを簡単に扱える • HTTPリクエストや MQTT等のネットワーク系 処理や Bluetooth も扱える
オープニングスライドに出したものだけでも 大きめの電子 ペーパー搭載 +タッチパネル AIカメラ系 産業用途 タッチ パネル付 タッチパネル付 +クラウド連携
モジュール付きキット 小型スティック タイプ USBメモリ型 マイク付 多数のフルカラー LED搭載 電子ペーパー 搭載(小型)
デバイスもモジュールも 種類が豊富でいろいろ試せる
アプリ・デバイス連携や 入出力デバイスとして
LINE のリッチ メニューの操作 LINEアプリを使ったIoT(音・LEDなどを利用) LEDテープの点灯、 電子ペーパーの 書きかえ デバイスで音の再生 (全て実行) ①
M5Stack系の デバイスで ボタン押下 LINE Notify でメッセージ通知 ②
LINEアプリへのメッセージングの入力として M5Stack系の デバイスで ボタン押下 LINE Notify でメッセージ通知 ② LINE のリッチ
メニューの操作 LEDテープの点灯、 電子ペーパーの 書きかえ デバイスで音の再生 (全て実行) ①
LINEアプリとM5Stack系デバイスの連携
出力として 音・フルカラーLEDテープ・ 電子ペーパーでの表示
クラウド実行環境 (HTTPトリガー) Botサーバー +α (REST API、MQTT) M5Stack Core2 構成:ビジュアルプログラミングベースの開発 M5StickC
Plus M5Paper LINE Notify スマホのLINE アプリ リッチメニュー の操作 HTTP(POST) HTTP(POST) MQTT MQTT HTTP(POST)
実装:enebular(Node-RED)でサーバ側 フロー型のビジュアルプログラミング
M5Stack系デバイスでの実装(UIFlow) ブロック型のビジュアルプログラミング
インターネット経由で アプリとデバイスが連携
次のガジェットの話
個人的にオススメしたい品 ・細やかな動きができるロボットトイ ・便利なセンサーなども内蔵 ・BLEが扱えれば開発言語を選ばず ・マット上でのtoioの絶対位置座標や 向きを扱える ・位置座標指定でtoioを動かせて便利 toio と toio専用マット
ダイソーのマスコット キーホルダーをのせてみた
移動する仕組みを サクッと作れる
自分の作品ではないけれど
toio+マットと物の動きの連動、 プロジェクションマッピングでゲーム など色々な仕組み
座標のデータを使うと追跡する動きも
仕組みの概要 PC (Chromo・ 内蔵マイク) toio+専用マット BLE HTML + JavaScript ハンドベル・
卓上ベル・声 音・声 Web Bluetooth API Teachable Machine (音の機械学習)
このような使われ方をしたことも ライゾマティクス制作
プログラミングと組み合わせる のとは別の使い方も
また別のガジェット
個人的にオススメしたい品 micro:bit と関連デバイス(例:ロボットカー「micro:Maqueen」) ・安価でセンサーなどがいろいろ載ったデバイス ・デバイス用のキットが国内外で様々出ている ・micro:bit同士の無線通信を手軽に扱える ・手作り工作と組み合わせた事例が色々(書籍も)
リモコンで動くロボットカー
無線リモコン、超音波センサー利用、 ロボットカー制御を手軽に
おもちゃの刀やお化けのバケツを光らせた
フルカラーLEDとの組み合わせを よく便利に使ってます
仕組みと 関連モジュール
Groveという仕組みと関連モジュールなど
各種デバイスでGroveを使う Arduino用 micro:bit用 Arduino Nano Arduino Uno Raspberry Pi 用
Raspberry Pi Zero Raspberry Pi
種類豊富なセンサー等の例(ごく一部) 以下の画像は、スイッチサイエンスさんの旧サイトより
差し込み口にコネクタを差すだけ (配線まわりがシンプルに)
M5S5ackと「ユニット」を つなぐ仕組みの部分はGrove互換
Grove互換のコネクタ・モジュール 以下の画像は、スイッチサイエンスさんの旧サイトより(一部抜粋)
ちなみに 簡易的な接続方法の手段としては
その他にハンダ付けを使わない電子工作 ブレッドボード +ジャンパワイヤ ワニ口クリップ (micro:bit との組み合わせ でよく見かけたり) Arduinoでの Lチカ
お知らせ
ヒーローズ・リーグ(開発コンテスト)の話 「VUI賞」へのご応募を是非!
開発素材提供や賞について(一部ピックアップ)
終わり!