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
140
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you(@youtoy)
PRO
July 20, 2025
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ブラウザで CircuitPython の開発:公式の「CircuitPython Code Editor」を試した / 【屋形船開催】IoT縛りの勉強会! IoTLT vol.126 @東京湾
you
PRO
0
89
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
2.3k
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
2.4k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
160
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
71
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
230
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you
PRO
0
130
ChatGPT からモックサーバー宛(Beeceptor宛)の HTTPリクエストを試す / IoTLT 202504
you
PRO
0
110
デモをまじえつつの生成AIの話題 / 横須賀プログラミング“夢”アカデミー発表会(2025年3月)
you
PRO
0
59
Other Decks in Technology
See All in Technology
サービスロボット最前線:ugoが挑むPhysical AI活用
kmatsuiugo
0
190
LLM時代の検索とコンテキストエンジニアリング
shibuiwilliam
2
1.1k
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
1
190
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
AIとTDDによるNext.js「隙間ツール」開発の実践
makotot
5
690
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
2
200
どこで動かすか、誰が動かすか 〜 kintoneのインフラ基盤刷新と運用体制のシフト 〜
ueokande
0
190
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
240
kintone開発チームの紹介
cybozuinsideout
PRO
0
73k
マイクロモビリティシェアサービスを支える プラットフォームアーキテクチャ
grimoh
1
240
あなたの知らない OneDrive
murachiakira
0
240
ソフトウェア エンジニアとしての 姿勢と心構え
recruitengineers
PRO
3
740
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Side Projects
sachag
455
43k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Site-Speed That Sticks
csswizardry
10
790
Done Done
chrislema
185
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Gamification - CAS2011
davidbonilla
81
5.4k
Facilitating Awesome Meetings
lara
55
6.5k
How GitHub (no longer) Works
holman
315
140k
Designing for Performance
lara
610
69k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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つ目が届く予定
終わり!