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
160
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you(@youtoy)
PRO
July 20, 2025
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
430
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
43
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
170
Other Decks in Technology
See All in Technology
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
220
配列に見る bash と zsh の違い
kazzpapa3
1
140
OpenShiftでllm-dを動かそう!
jpishikawa
0
100
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
570
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
260
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
640
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
190
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
180
20260204_Midosuji_Tech
takuyay0ne
1
150
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.4k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
460
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
Featured
See All Featured
Navigating Team Friction
lara
192
16k
Google's AI Overviews - The New Search
badams
0
900
From π to Pie charts
rasagy
0
120
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
180
Utilizing Notion as your number one productivity tool
mfonobong
3
220
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
300
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
How GitHub (no longer) Works
holman
316
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
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つ目が届く予定
終わり!