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
130
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you(@youtoy)
PRO
July 20, 2025
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
1.7k
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
2.1k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
150
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
68
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
210
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you
PRO
0
120
ChatGPT からモックサーバー宛(Beeceptor宛)の HTTPリクエストを試す / IoTLT 202504
you
PRO
0
110
デモをまじえつつの生成AIの話題 / 横須賀プログラミング“夢”アカデミー発表会(2025年3月)
you
PRO
0
57
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
63
Other Decks in Technology
See All in Technology
みんなのSRE 〜チーム全員でのSRE活動にするための4つの取り組み〜
kakehashi
PRO
2
140
Google Agentspaceを実際に導入した効果と今後の展望
mixi_engineers
PRO
3
340
JAWS AI/ML #30 AI コーディング IDE "Kiro" を触ってみよう
inariku
3
310
MCP認可の現在地と自律型エージェント対応に向けた課題 / MCP Authorization Today and Challenges to Support Autonomous Agents
yokawasa
5
1.9k
バクラクによるコーポレート業務の自動運転 #BetAIDay
layerx
PRO
1
870
AI関数が早くなったので試してみよう
kumakura
0
170
마라톤 끝의 단거리 스퍼트: 2025년의 AI
inureyes
PRO
1
690
Findy Freelance 利用シーン別AI活用例
ness
0
330
ホリスティックテスティングの右側も大切にする 〜2つの[はか]る〜 / Holistic Testing: Right Side Matters
nihonbuson
PRO
0
600
相互運用可能な学修歴クレデンシャルに向けた標準技術と国際動向
fujie
0
210
いかにして命令の入れ替わりについて心配するのをやめ、メモリモデルを愛するようになったか(改)
nullpo_head
4
1.5k
Nx × AI によるモノレポ活用 〜コードジェネレーター編〜
puku0x
0
370
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Agile that works and the tools we love
rasmusluckow
329
21k
Rails Girls Zürich Keynote
gr2m
95
14k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Side Projects
sachag
455
43k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
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つ目が届く予定
終わり!