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
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / ...
Search
you(@youtoy)
PRO
May 25, 2025
Technology
0
99
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you(@youtoy)
PRO
May 25, 2025
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
54
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
150
ChatGPT からモックサーバー宛(Beeceptor宛)の HTTPリクエストを試す / IoTLT 202504
you
PRO
0
92
デモをまじえつつの生成AIの話題 / 横須賀プログラミング“夢”アカデミー発表会(2025年3月)
you
PRO
0
47
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
52
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
100
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
230
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.5k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
120
Other Decks in Technology
See All in Technology
OpenTelemetry Collector internals
ymotongpoo
5
500
Data Hubグループ 紹介資料
sansan33
PRO
0
1.8k
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
madoxten
13
6.9k
ソフトウェア開発現代史: "LeanとDevOpsの科学"の「科学」とは何か? - DORA Report 10年の変遷を追って - #開発生産性_findy
takabow
1
350
「規約、知識、オペレーション」から考える中規模以上の開発組織のCursorルールの 考え方・育て方 / Cursor Rules for Coding Styles, Domain Knowledges and Operations
yuitosato
4
670
やさしい認証認可
minorun365
PRO
29
11k
MCPを利用して自然言語で3Dプリントしてみよう!
hamadakoji
0
1.4k
Digitization部 紹介資料
sansan33
PRO
1
4.1k
AI とペアプロしてわかった 3 つのヒューマンエラー
takahiroikegawa
1
630
「どこにある?」の解決。生成AI(RAG)で効率化するガバメントクラウド運用
toru_kubota
2
110
今からでも間に合う! 生成AI「RAG」再入門 / Re-introduction to RAG in Generative AI
hideakiaoyagi
1
140
CSSの最新トレンド Ver.2025
tonkotsuboy_com
11
4.4k
Featured
See All Featured
Designing for Performance
lara
609
69k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
BBQ
matthewcrist
89
9.7k
How to Ace a Technical Interview
jacobian
276
23k
Building Applications with DynamoDB
mza
95
6.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
640
The Invisible Side of Design
smashingmag
299
50k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
Embracing the Ebb and Flow
colly
85
4.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Transcript
2025年5月25日 (日) IoTLT vol.123 at オープンハードカンファレンス 入間市 豊田陽介( ) @youtoy
AIエージェント開発や最新の生成AIのAPI利用など JavaScriptで色々やってみる
自己紹介 豊田陽介( ) @youtoy ▶ IT系イベント主催、 登壇や運営なども ▶ 機械学習・IoT関連
の書籍を出版 ▶ 子ども向けのIT関連活動 (ITが関係しない活動も) プライベートでの活動 ▶ ガジェット ▶ 描画系/IoT/AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など
今回の話 「JavaScript」で色々やってみる ↓ AIエージェント・AIアプリ開発、 最新の生成AIのAPI利用
なぜJavaScript? IoT界隈はJavaScriptに 馴染みのある人がとても多いため ※ あくまで個人の感想です
JavaScriptによるAIエージェント・AIアプリ開発 試して記事を書いたフレームワーク・SDK (今のところは簡単なお試し) ・VoltAgent ・Mastra ・Vercel の AI SDK ・Genkit
Qiitaでの検索結果→
先ほどのフレームワーク・SDKの話1(雑多な内容) 自分が軽く試した範囲での話では ・色々なモデルを試せる ・一部のフレームワーク・SDKにて ・MCPサーバー・ツールを利用しつつの 多段階の処理が簡単に試せた ・自作した処理をAPIで使える形にもできる ・Webページ上で試せるものを簡単に用意
用意されたコマンドでAPIから利用できるようにする
試作したAIエージェントをブラウザで試す
先ほどのフレームワーク・SDKの話2(雑多な内容) まだ試せていないことのほうが多い... ・直近でA2A(Agent2Agent)に対応した フレームワークも ・ローカルLLMやIoTを組み合わせた方向の ことも試したい
JavaScriptで生成AIのAPI利用 直近は新しく出てきたAPIのお試し ・Google I/O 2025関連:Gemini API ・音楽生成 ・音声合成 ・新モデルの利用 ・Gemini
2.5 Flash Preview(05-20) ・Gemma 3n
JavaScriptで生成AIのAPI利用 新しく出てきたAPIのお試し ・OpenAIの新発表(5月、4月) ・Responses API での Code Interpreter ・画像生成: GPT
Image API
GeminiのAPIでの音楽生成
GeminiのAPIでの対話+音声合成
最後に宣伝:明日5/26(月)にオンライン開催 5/26(月) 20:00開始
終わり!