「生成AIを上流工程で使い倒す」というタイトルでDevelopersIO 2025 Osakaに登壇しました

by 田中聖也

Slide 1

Slide 1 text

⽣成AIを上流⼯程で使い倒す⽥中聖也クラスメソッド株式会社製造ビジネステクノロジー部

Slide 2

Slide 2 text

⾃⼰紹介 2 ● 2017.04~2021.07 製造業の⽣産技術部 ○ 設備の保全全般(事後,予防,予知) ○ IATF16949取得に向けた取り組み ● 2021.08~2025.01 SES ○ AI, OCRを活⽤した製造業向けの業務アプリ ○ AWSを活⽤したWebシステム ● 2025.02~ クラスメソッド⼊社 ○ 防災設備メーカー様担当 ■ 需要予測PoC ■ 原材料管理業務改善 ● 部署 ○ 製造ビジネステクノロジー部 ● 名前（ニックネーム） ○ ⽥中聖也(うどん) ● 出⾝ ○ ⾹川県 ● 住んでみたい場所 ○ 宮崎県

Slide 3

Slide 3 text

⽬次 3 1. 伝えたいこと 2. 注意点 3. 使⽤しているツール a. Vercel v0 b. Google Workspace c. NotebookLM d. Gemini Gem 4. ツールの使い分け 5. ツールの組み合わせ⽅ 6. ツールごとの効果的な使い⽅ 7. まとめ

Slide 4

Slide 4 text

伝えたいこと

Slide 5

Slide 5 text

伝えたいこと 5 AIが読み取れる情報はたくさん残しておこう!!

Slide 6

Slide 6 text

注意点

Slide 7

Slide 7 text

注意点 7 1. AIとのやりとりやデモアプリの画像を張っているため、⽂字が⼩さくて⾒えずらいです a. 気になる⽅は声をかけて頂ければ、お⾒せできます 2. デモはありません a. 指⽰によっては待ち時間が発⽣するため b. 発表準備が余ったらデモあるかもです 3. エンジニアというより営業さん向けの内容かもです

Slide 8

Slide 8 text

使⽤しているツール

Slide 9

Slide 9 text

使⽤しているツール 9 ツール名簡易的な説明 Vercel v0 自然言語で指示するだけでウェブサイトやアプリのUIを作成してくれるツール Google Workspace Googleが提供するビジネス向けのクラウド型グループウェアサービス。Drive, ドキュメント, スプレッドシート, Meet NotebookLM Googleが開発したAI搭載のノート・情報整理ツール Gemini Gem GoogleのAI「Gemini」のチャットボットを自分好みにカスタマイズできる機能

Slide 10

Slide 10 text

使⽤しているツール 10 Vercel v0とは ● ⼿書きのワイヤーフレーム等の画像をアップロードするだけでスタイルを分析して、希望に近いデザインを⽣成可能 ● ⽣成された画⾯は、テキスト指⽰ or ソースコードから修正可能 ● クレジットを消費することでAIに指⽰ができる

Slide 11

Slide 11 text

使⽤しているツール 11 Vercel v0とは

Slide 12

Slide 12 text

使⽤しているツール 12 NotebookLMとは

Slide 13

Slide 13 text

使⽤しているツール 13 Gemini Gemとは

Slide 14

Slide 14 text

ツールの使い分け

Slide 15

Slide 15 text

ツールの使い分け 15 ツール名ユースケース Vercel v0 お客様への提案時。機能や画面の認識合わせ Google Workspace 日々の情報記録 NotebookLM 情報の検索と整理 Gemini Gem ドキュメント(設計書等)作成や提案内容の壁打ち

Slide 16

Slide 16 text

ツールの組み合わせ⽅

Slide 17

Slide 17 text

ツールの組み合わせ⽅ 17 使う順番 Google Workspace NotebookLM Gemini Gem Vercel v0 議事録案件概要や仕様‧ユースケース機能⼀覧‧必要な画⾯プロンプト

Slide 18

Slide 18 text

ツールの組み合わせ⽅ 18 NotebookLMで案件概要や仕様‧ユースケースの出⼒

Slide 19

Slide 19 text

ツールの組み合わせ⽅ 19 NotebookLMで案件概要や仕様‧ユースケースの出⼒

Slide 20

Slide 20 text

ツールの組み合わせ⽅ 20 Gemini GemでVercel v0への命令プロンプトを出⼒させる

Slide 21

Slide 21 text

ツールの組み合わせ⽅ 21 Gemini GemでVercel v0への命令プロンプトを出⼒させる

Slide 22

Slide 22 text

ツールの組み合わせ⽅ 22 Gemini GemでVercel v0への命令プロンプトを出⼒させる

Slide 23

Slide 23 text

ツールの組み合わせ⽅ 23 Gemini GemでVercel v0への命令プロンプトを出⼒させる

Slide 24

Slide 24 text

ツールの組み合わせ⽅ 24 Vercel v0でデモアプリを作成する

Slide 25

Slide 25 text

ツールの組み合わせ⽅ 25 Vercel v0でデモアプリを作成する

Slide 26

Slide 26 text

ツールの組み合わせ⽅ 26 Vercel v0でデモアプリを作成する

Slide 27

Slide 27 text

ツールごとの効果的な使い⽅

Slide 28

Slide 28 text

ツールごとの効果的な使い⽅ 28 AIが理解しやすいように議事録を書く以下のように段落を変えることで NotebookLMでも情報が参照しやすくなる。 ● 確認できたこと ● 決まったこと ● 次やること Gemini Gemに機能⼀覧を作らせる時にも段落を変えておくことで想定外(不必要な機能) が発⽣しずらい

Slide 29

Slide 29 text

ツールごとの効果的な使い⽅ 29 ⽇付を残しておく NotebookLMにはタイムラインという機能があり、参照情報から時系列順に事柄を教えてくれる。プロジェクトの新規参⼊者が来た時にプロジェクトの変遷を理解しやすくキャッチアップの補助となる。

Slide 30

Slide 30 text

ツールごとの効果的な使い⽅ 30 議事録は1つのDocumentにタブで保存する NotebookLMもGemini Gemもソース(参照する情報)数に上限がある。Gemini Gemは最⼤ 10個。議事録は別々のドキュメントに保存すると数が増えるので、1つにまとめる

Slide 31

Slide 31 text

ツールごとの効果的な使い⽅ 31 E-R図もmermaidで書いておく mermaidで書いておくと、その後の論理テーブル設計や物理テーブル設計もAIがある程度はやってくれる ※ただ、⼈間は読みづらいので注意

Slide 32

Slide 32 text

まとめ

Slide 33

Slide 33 text

まとめ 33 ● 情報はたくさん残しておきましょう ○ AIが理解しやすくなる⼯夫をしましょう ● 情報整理やまとめはAIに任せましょう ● 設計書のたたき台もAIに任せましょう ○ いまいちな部分も多いので、しっかり⼈間が確認しましょう ● 1つのツール(今回だとGoogle Workspace)に情報をまとめた⽅がいいかも? ● Meetの議事録機能がLevel Upしているので、少し先になると⼈間が議事録を付ける必要がないかも?