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
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
Search
you(@youtoy)
PRO
July 20, 2025
Technology
0
150
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you(@youtoy)
PRO
July 20, 2025
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
130
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
160
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
280
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
13
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
130
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
40
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
100
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
220
ブラウザで CircuitPython の開発:公式の「CircuitPython Code Editor」を試した / 【屋形船開催】IoT縛りの勉強会! IoTLT vol.126 @東京湾
you
PRO
0
140
Other Decks in Technology
See All in Technology
AI機能プロジェクト炎上の 3つのしくじりと学び
nakawai
0
110
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
350
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
0
310
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
coconala_engineer
0
240
Copilot Studio ハンズオン - 生成オーケストレーションモード
tomoyasasakimskk
0
230
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
320
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
7
3.4k
SOTA競争から人間を超える画像認識へ
shinya7y
0
460
Observability — Extending Into Incident Response
nari_ex
1
310
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
satos
0
250
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
Retrospectiveを振り返ろう
nakasho
0
110
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
YesSQL, Process and Tooling at Scale
rocio
173
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
What's in a price? How to price your products and services
michaelherold
246
12k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Bash Introduction
62gerente
615
210k
Embracing the Ebb and Flow
colly
88
4.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
620
Transcript
2025年7月20日 (日) 【IoTLT】初心者歓迎 ロジアナハンズオン (+ LT懇親会) @オンライン 豊田陽介( ) @youtoy
Webの技術とガジェットで 那須の子ども達にワクワクを!
自己紹介 豊田陽介( ) @youtoy ▶ IT系イベント主催、 登壇や運営なども ▶ 機械学習・IoT関連
の書籍を出版 ▶ 子ども向けのIT関連活動 (ITが関係しない活動も) プライベートでの活動 ▶ ガジェット ▶ 描画系/IoT/AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など
今回の話 昨日開催された、那須での子ども向け展示イベントの話
イベントで自分が展示した作品 サオコン・太鼓の達人用コントローラー・100均の空気ポンプを 使った体験型展示(※ ブラウザで動かす Webアプリ)
展示作品を楽しんでくれている時の様子(動画) 未就学の子から小学生の高学年くらいの子までと、幅広い 年齢層の子達に楽しんでもらえました
展示作品を楽しんでくれている時の様子(写真)
利用した主な技術(ブラウザのAPIなど) ・太鼓の達人用コントローラー、サオコン ・Gamepad API ・100均の空気ポンプ ・Web Audio API(のライブラリ) ・主に描画まわりの実装の部分 ・p5.js
・カスタムシェーダー (WebGL 2.0 での GLSL ES 3.0)
新ガジェット ブラウザの API で扱える仕組みの 体験型展示に活用できるもの
今回初めて使った新ガジェット「サオコン」
Web技術を使った体験型展示の バリエーションを増やしていきたい! 今日は、先ほどリングコンが 2つ目をゲットして、 この後にサオコンも 2つ目が届く予定
終わり!