Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「生成AIを上流工程で使い倒す」というタイトルでDevelopersIO 2025 Osaka...
Search
田中 聖也
September 10, 2025
0
170
「生成AIを上流工程で使い倒す」というタイトルでDevelopersIO 2025 Osakaに登壇しました
田中 聖也
September 10, 2025
Tweet
Share
More Decks by 田中 聖也
See All by 田中 聖也
re:Growth 2025 大阪 製造業における生成AIと フィジカルAIのユースケース紹介
tanakaseiya
1
300
関西製造業祭り2025 現場カイゼンからアプリ開発まで 一気通貫支援
tanakaseiya
0
470
MidosujiTech #6 Vercel v0で爆速デモアプリ開発
tanakaseiya
0
210
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
47
33k
BBQ
matthewcrist
89
9.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
A better future with KSS
kneath
240
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
[SF Ruby Conf 2025] Rails X
palkan
0
540
Measuring & Analyzing Core Web Vitals
bluesmoon
9
710
We Have a Design System, Now What?
morganepeng
54
7.9k
Docker and Python
trallard
47
3.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
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