Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
「生成AIを上流工程で使い倒す」というタイトルでDevelopersIO 2025 Osaka...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
田中 聖也
September 10, 2025
580
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
「生成AIを上流工程で使い倒す」というタイトルでDevelopersIO 2025 Osakaに登壇しました
田中 聖也
September 10, 2025
More Decks by 田中 聖也
See All by 田中 聖也
Claude起点の仕様駆動開発
tanakaseiya
0
400
なぜハノーバーメッセに行くべきなのか 〜初参加だから語れること〜
tanakaseiya
0
540
【ハノーバーメッセ振り返りイベントat名古屋】データは集約からAI起点の収集に ~組織内・組織間でのデータ連携~
tanakaseiya
0
310
【関西製造業祭り2026春】現場を変える技術はここまで来た〜世界最大の製造業見本市から持って帰ってきたもの〜
tanakaseiya
0
510
【関西電力KOI×VOLTMIND 生成AIハッカソン】空間AIブレイン ~⼤阪おばちゃんフィジカルAIに続く道~
tanakaseiya
0
540
クラスメソッドのReact事情大公開スペシャル #7 フロントエンドを書けない私が Vercel v0とvibecodingでなんとかやり切った話
tanakaseiya
1
800
re:Growth 2025 大阪 製造業における生成AIと フィジカルAIのユースケース紹介
tanakaseiya
1
1.1k
関西製造業祭り2025 現場カイゼンからアプリ開発まで 一気通貫支援
tanakaseiya
0
550
MidosujiTech #6 Vercel v0で爆速デモアプリ開発
tanakaseiya
0
450
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Google's AI Overviews - The New Search
badams
0
1.6k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
520
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
440
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
How to Ace a Technical Interview
jacobian
280
24k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
760
The Spectacular Lies of Maps
axbom
PRO
1
1.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.9k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
790
Transcript
⽣成AIを上流⼯程で 使い倒す ⽥中聖也 クラスメソッド株式会社 製造ビジネステクノロジー部
⾃⼰紹介 2 • 2017.04~2021.07 製造業の⽣産技術部 ◦ 設備の保全全般(事後,予防,予知) ◦ IATF16949取得に向けた取り組み • 2021.08~2025.01 SES
◦ AI, OCRを活⽤した製造業向けの業務 アプリ ◦ AWSを活⽤したWebシステム • 2025.02~ クラスメソッド⼊社 ◦ 防災設備メーカー様 担当 ▪ 需要予測PoC ▪ 原材料管理業務改善 • 部署 ◦ 製造ビジネステクノロジー部 • 名前(ニックネーム) ◦ ⽥中聖也(うどん) • 出⾝ ◦ ⾹川県 • 住んでみたい場所 ◦ 宮崎県
⽬次 3 1. 伝えたいこと 2. 注意点 3. 使⽤しているツール a. Vercel
v0 b. Google Workspace c. NotebookLM d. Gemini Gem 4. ツールの使い分け 5. ツールの組み合わせ⽅ 6. ツールごとの効果的な使い⽅ 7. まとめ
伝えたいこと
伝えたいこと 5 AIが読み取れる情報は たくさん残しておこう!!
注意点
注意点 7 1. AIとのやりとりやデモアプリの画像を張っているため、⽂字が⼩さくて⾒えず らいです a. 気になる⽅は声をかけて頂ければ、お⾒せできます 2. デモはありません a.
指⽰によっては待ち時間が発⽣するため 3. エンジニアというより営業さん向けの内容かもです
使⽤しているツール
使⽤しているツール 9 ツール名 簡易的な説明 Vercel v0 自然言語で指示するだけでウェブサイトやアプリのUIを作成し てくれるツール Google Workspace
Googleが提供するビジネス向けのクラウド型グループウェア サービス。Drive, ドキュメント, スプレッドシート, Meet NotebookLM Googleが開発したAI搭載のノート・情報整理ツール Gemini Gem GoogleのAI「Gemini」のチャットボットを自分好みにカスタマイ ズできる機能
使⽤しているツール 10 Vercel v0とは • ⼿書きのワイヤーフレーム等の画像をアッ プロードするだけでスタイルを分析して、 希望に近いデザインを⽣成可能 • ⽣成された画⾯は、テキスト指⽰
or ソー スコードから修正可能 • クレジットを消費することでAIに指⽰がで きる
使⽤しているツール 11 Vercel v0とは
使⽤しているツール 12 NotebookLMとは
使⽤しているツール 13 Gemini Gemとは
ツールの使い分け
ツールの使い分け 15 ツール名 ユースケース Vercel v0 お客様への提案時。機能や画面の認識合わせ Google Workspace 日々の情報記録
NotebookLM 情報の検索と整理 Gemini Gem ドキュメント(設計書等)作成や提案内容の壁打ち
ツールの組み合わせ⽅
ツールの組み合わせ⽅ 17 使う順番 Google Workspace NotebookLM Gemini Gem Vercel v0
議事録 案件概要や仕様‧ユースケース 機能⼀覧‧必要な画⾯ プロンプト
ツールの組み合わせ⽅ 18 NotebookLMで 案件概要や仕様‧ユースケースの出⼒
ツールの組み合わせ⽅ 19 NotebookLMで 案件概要や仕様‧ユースケースの出⼒
ツールの組み合わせ⽅ 20 Gemini GemでVercel v0への命令プロンプトを出⼒させる
ツールの組み合わせ⽅ 21 Gemini GemでVercel v0への命令プロンプトを出⼒させる
ツールの組み合わせ⽅ 22 Gemini GemでVercel v0への命令プロンプトを出⼒させる
ツールの組み合わせ⽅ 23 Gemini GemでVercel v0への命令プロンプトを出⼒させる
ツールの組み合わせ⽅ 24 Vercel v0でデモアプリを作成する
ツールの組み合わせ⽅ 25 Vercel v0でデモアプリを作成する
ツールの組み合わせ⽅ 26 Vercel v0でデモアプリを作成する
ツールごとの効果的な使い⽅
ツールごとの効果的な使い⽅ 28 AIが理解しやすいように議事録を書く 以下のように段落を変えることで NotebookLMでも情報が参照しやすくなる。 • 確認できたこと • 決まったこと •
次やること Gemini Gemに機能⼀覧を作らせる時にも段 落を変えておくことで想定外(不必要な機能) が発⽣しずらい
ツールごとの効果的な使い⽅ 29 ⽇付を残しておく NotebookLMにはタイムラインという機能が あり、参照情報から時系列順に事柄を教えて くれる。 プロジェクトの新規参⼊者が来た時にプロ ジェクトの変遷を理解しやすくキャッチアッ プの補助となる。
ツールごとの効果的な使い⽅ 30 議事録は1つのDocumentにタブで保存する NotebookLMもGemini Gemもソース(参照す る情報)数に上限がある。Gemini Gemは最⼤ 10個。 議事録は別々のドキュメントに保存すると数 が増えるので、1つにまとめる
ツールごとの効果的な使い⽅ 31 E-R図もmermaidで書いておく mermaidで書いておくと、その後の論理テーブル設計や物理テーブル設計もAIがあ る程度はやってくれる ※ただ、⼈間は読みづ らいので注意
まとめ
まとめ 33 • 情報はたくさん残しておきましょう ◦ AIが理解しやすくなる⼯夫をしましょう • 情報整理やまとめはAIに任せましょう • 設計書のたたき台もAIに任せましょう
◦ いまいちな部分も多いので、しっかり⼈間が確認しましょう • 1つのツール(今回だとGoogle Workspace)に情報をまとめた⽅がいいかも? • Meetの議事録機能がLevel Upしているので、少し先になると⼈間が議事録を 付ける必要がないかも?
まとめ 34 AIを使って楽しく仕事をしましょう!!
None