20260617_生成AIを専属DSに_バイブコーディングで簡易自動化ツール構築_ハンズオン_交通事故データ

https://techplay.jp/event/996285

Transcript

1. ⽣成AIをあなたの「専属データサイエンティスト」 にする実践講座 第３回：バイブコーディングで簡易⾃動化ツール構築 2026/6/17 NOB DATA株式会社 代表取締役 ⼤城 信晃
2. Copyright © 2026 NOB DATA All Rights Reserved. 本⽇の流れ 0. オープニング ( 5min ) ・⾃⼰紹介 ・簡単なアンケート ・DS協会と本⽇のイベント趣旨 ・第１回(分析)、第２回(検証)振り返り ・第３回：バイブコーディングで簡易分析ツール構築 1. 講義+ワーク ( 45min ) ・①まずは「ポン出し」でバイブコーディング with Google AI Studio Build ・②他の⽉のデータでも動くか検証する ・③Geminiとの「壁打ち」相談 & 不具合修正(デバッグ) ・④操作マニュアルを作ってもらう ・⑤処理フローを把握する ・⑥最低限のセキュリティチェックをする ・余談：バイブコーディング１時間、本番開発１ヶ⽉ 休憩 ( 10min ) 2. 現地組の発表タイム & 質疑応答 ( 25min ) ・バイブコーディングの結果 & ⾃分の業務で使えそうかの所感 3. クロージング ( 5min )
3. Copyright © 2026 NOB DATA All Rights Reserved. オープニング ( 5min )
4. Copyright © 2026 NOB DATA All Rights Reserved. ⾃⼰紹介 ⼤城信晃(twitter @doradora09) NOB DATA株式会社 代表取締役社⻑ / データサイエンティスト協会九州⽀部 ⽀部⻑ / ASI未来社会研究所 所⻑代理 ・住まい 沖縄 -> 東京 -> 福岡 ・職歴 ヤフー-> DATUM STUDIO -> LINE Fukuoka -> NOB DATA(株) 創業 ・運営コミュニティ ・Tokyo.R(2010-2016) ・fukuoka.R、PyData.Fukuoka、 意思決定のためのデータ分析勉強会、 オモシロAIごった煮勉強会、ChatGPT部、 AGI福岡、GenAIアナリティクス東京、他 最近は⽣成AIを「企業の意思決定」に 組み込めないか研究中
5. Copyright © 2026 NOB DATA All Rights Reserved. 簡単なアンケート Q1 : データ分析に関して ① ほぼ初⼼者 ② データ分析が本業
6. Copyright © 2026 NOB DATA All Rights Reserved. 簡単なアンケート Q２ : ⽣成AIの使い⽅について( 複数回答OK ) ① チャットや検索に使ってる ② プログラミングに使ってる ③ データ分析に使ってる ④ 未来予測のシナリオ出しに使ってる
7. Copyright © 2026 NOB DATA All Rights Reserved. 主催のDS協会と今回のイベント趣旨 • 主催：⼀般社団法⼈データサイエンティスト協会 九州⽀部 ( 協会本体は2013年に設⽴。九州⽀部は2019年から活動開始 ) https://www.atpress.ne.jp/news/185882 今回は「⽣成AI」でデータ分析が本業でない⽅でも データ分析を⾝近なものにしていただくための全３回
8. Copyright © 2026 NOB DATA All Rights Reserved. ご参考：１回⽬の資料はこちら https://speakerdeck.com/doradora09/20260415-sheng-cheng-aiwozhuan-shu-dsni-zi-dong-rehotozuo- cheng-hansuon-jiao-tong-shi-gu-teta
9. Copyright © 2026 NOB DATA All Rights Reserved. ご参考：２回⽬の資料はこちら https://speakerdeck.com/doradora09/20260513-sheng-cheng-aiwozhuan-shu-dsni-aifen-xi-jie-guo- nojian-pin-tekunituku-hansuon-jiao-tong-shi-gu-teta
10. Copyright © 2026 NOB DATA All Rights Reserved. 再掲：実は、⽣成AIはデータ分析もできる(第１回) • 厳密には「⽣成AIがプログラミングをして」データ分析 • ⽇本語で「地図に可視化して」と⾔えば済むので⾮常にお⼿軽 プログラミング プロンプト： 地図に可視化して ⽣成AI (LLM)
11. Copyright © 2026 NOB DATA All Rights Reserved. 再掲：ただし、AIデータ分析の落とし⽳が１つ(第２回) • 2026年現在の⽣成AIは「ハルシネーション」と呼ばれる嘘を、結構つきます • 「⽣成AIの出してきた結果の検証」をどうするか、が⼤事 Q：このNotebookLMの outputのおかしい部分、 わかります？
12. Copyright © 2026 NOB DATA All Rights Reserved. 再掲：ただし、AIデータ分析の落とし⽳が１つ(第２回) • 2026年現在の⽣成AIは「ハルシネーション」と呼ばれる嘘を、結構つきます • 「⽣成AIの出してきた結果の検証」をどうするか、が⼤事 間違い Q：このNotebookLMの outputのおかしい部分、 わかります？ A：正解は「曇」 15%が間違い ( 晴れまたは曇りで80% ) ( 右上のテキストが正解 )
13. Copyright © 2026 NOB DATA All Rights Reserved. 第３回：バイブコーディングで簡易分析ツール構築 • 第１回：⽣成AIを使ったデータ分析で「便利だな！」と思っていただく & ハルシネーションをどう⾒抜くか、の⼊り⼝ • 第２回：⼀番粒度の細かい n=1のデータから、徐々に予測モデルに変化する 過程を⾒ることで、AIのデータ分析の妥当性を担保 • 第３回：応⽤として、⾃分が使いやすい便利ツールをAIで作れるようになる 九州ではまだまだプロのデータサイエンティストは少ないですが、代わりに ⽣成AIを「専属のデータサイエンティスト」として雇い扱うための講座です
14. Copyright © 2026 NOB DATA All Rights Reserved. 講義 + ワーク ( 45min )
15. Copyright © 2026 NOB DATA All Rights Reserved. ワーク① まずは「ポン出し」でバイブコーディング with Google AI Studio Build
16. Copyright © 2026 NOB DATA All Rights Reserved. バイブコーディングとは • 「ノリ」で⽣成AIにプログラミングを書いてもらうこと • 簡単なシステムのモックアップ(雛形)くらいなら、10分〜１時間程度で作るこ とが可能 • 今回は無料枠で３万円分使えるGoogle AI StudioのBuildと前回も利⽤した Google Geminiを中⼼に利⽤していきます
17. Copyright © 2026 NOB DATA All Rights Reserved. 本⽇使⽤するデータのダウンロード • 今回は福岡県の「交通事故 オープンデータ」を題材に します • 「令和６年 福岡県 オープ ンデータ 交通事故」で検索 • https://data.bodik.jp/d ataset/400009_2024 • 今回は令和６年１⽉のデー タセットを使います • ダウンロードボタンをク リックすると「r6.1.xlsx」 というエクセルファイルが ⼿に⼊ります コレ
18. Copyright © 2026 NOB DATA All Rights Reserved. Google AI Studio • Web上で簡単なWebアプリなら お⼿軽に構築できるサービス • https://aistudio.google.c om/apps • 本来ならGemini等と「壁打 ち」をして要件定義をして、そ の仕様をBuildに渡してモック アップを作るのですが、今回は まずあえて「ポン出し」でどこ まで作れるかを⾒てみましょう
19. Copyright © 2026 NOB DATA All Rights Reserved. Buildモード • 左側に「BUILD」 というメニューがあ るので、そこから 「New app」を選 択します • あとは、プロンプト を打ち込むだけ。と ても簡単。 • データはExcelはUP できないので、10件 くらいコピペして渡 します ここにプロンプトを⼊ れて実⾏するだけ
20. Copyright © 2026 NOB DATA All Rights Reserved. Build実⾏例( ⼈によって結果が変わります ) • 今回は「このフォー マットのエクセルデー タをファイルアップ ロード後、分析して htmlレポートを出⼒ するアプリを作ってく ださい。」とプロン プトを⼊れてます • １回⼊れると５分く らい待ちが発⽣する ので、気⻑に待ちま しょう • 途中でデザイン選択 の提案が出てくるこ とも多いので、適宜 選択します 作成時はサンプルとし て実１０⾏くらいの データをテキストで渡 します アプリができたら全券 渡します(ファイルアッ プロード。なお機密情 報は上げないように)
21. Copyright © 2026 NOB DATA All Rights Reserved. Build実⾏例( ⼈によって結果が変わります )
22. Copyright © 2026 NOB DATA All Rights Reserved. Build実⾏例( ⼈によって結果が変わります )
23. Copyright © 2026 NOB DATA All Rights Reserved. Build実⾏例( ⼈によって結果が変わります )
24. Copyright © 2026 NOB DATA All Rights Reserved. ワーク② 他の⽉のデータでも動くか検証する
25. Copyright © 2026 NOB DATA All Rights Reserved. データの差し替えに対応させる • 先ほどは例えば「r6.1.xlsx」の データなどをUPしました (令和６年の１⽉データ) • 他の⽉でもちゃんと動作するか、 確認します(r6.2.xlsxなど) • おそらくポンだしの場合は結構 な割合で失敗すると思います -> 今回のデータのA列が空⽩ だったりする関係で。 • BuildのUIの左側のメニューで 「プログラミングを⾏わずに回 答を」などの指⽰を与えるとコ メントだけしてくれるケースが ありますが、確実ではないので 確実を期すなら別途単体の Geminiを使いましょう Build上で確認している例
26. Copyright © 2026 NOB DATA All Rights Reserved. Build成果物をダウンロードする • Buildでは複数のソー スコードを出⼒しま すので、１個１個の 中⾝をコピペして Geminiに渡すのは⼤ 変です • zip形式でまとめてダ ウンロードができま すので、ソース全体 について質問したい 場合は⼀括ダウン ロードすると良いで す • 本家の単体のGemini なら、zipファイルも 解凍して中⾝を読む ことができます Codeを選択 Exportから、zipでダウ ンロードを選択
27. Copyright © 2026 NOB DATA All Rights Reserved. Geminiにまるっと投げて質問 • 本家Gemini • https://gemini.go ogle.com/app • Geminiはgoogle系 サービスの⾊々なと ころに「付帯」して ますが、本格的に使 うなら本家のURLか ら利⽤することをお 勧めします • なお、無料版の Geminiはデフォルト 設定では⼊⼒した内 容がLLMの学習に利 ⽤されるので、機密 情報や個⼈情報は⼊ れないように注意し てください
28. Copyright © 2026 NOB DATA All Rights Reserved. ワーク③ Geminiとの「壁打ち」相談 & 不具合修正(デバッグ )
29. Copyright © 2026 NOB DATA All Rights Reserved. 不具合の修正⽅法２つとGeminiによる事前設計 • 不具合が起きていた場合、 1. BuildでそのままAI⾃⾝に直せな いかトライ 2. Gemini等の外部の環境でソース コードをレビューして不具合修正 のアイディア出し のようなアプローチが取れます • また、今回だとおそらくエクセル データの配置に関するバグが発⽣ するケースが多いと思いますので 「ポン出しで作る前に⼀度Gemini等 で設計して、そのプロンプトをBuild にわたす」という⽅法が実は後々不 具合(バグ)を減らすことにもつな がったりします。 ( 要は、ちゃんと設計してから作る )
30. Copyright © 2026 NOB DATA All Rights Reserved. 参考： Geminiによる事前設計プロンプトの例
31. Copyright © 2026 NOB DATA All Rights Reserved. ワーク④ 操作マニュアルを作ってもらう
32. Copyright © 2026 NOB DATA All Rights Reserved. (簡易的に) 操作マニュアルを作る • 本来ならComputer UseやBrowser Useと いった、直接アプリを 動かしながらマニュア ルを作る⽅法が推奨で すが、おそらく Gemini単体では難し いので今回は「簡易的 な操作マニュアル」を Geminiに作ってもら います • シンプルに「操作マ ニュアルをhtmlで作っ てください」などと伝 えると良いです • チュートリアルもつけ てください、というと こんな感じになりまし た チュートリアル例.html
33. Copyright © 2026 NOB DATA All Rights Reserved. ワーク⑤ 処理フローを把握する
34. Copyright © 2026 NOB DATA All Rights Reserved. 作成したアプリ、中⾝理解してますか？ • 第２回でもやりましたが、⽣成 AIは間違えることがあるので、 「ちゃんとプログラミングで集 計されているか」「数値が⼀致 しているか」は検品する必要が あります • その際に、内部の処理のフロー をhtmlファイルで記載しても らうと、理解が捗ることがあり ます • Geminiに対してzipファイルを アップロードした後、「初⼼者 向けに処理フローをhtmlファ イルにまとめて解説して」や 「html/css/js、必要に応じて SVGを⽤いて」などと伝える と良いでしょう
35. Copyright © 2026 NOB DATA All Rights Reserved. 参考：htmlでのフローチャート表⽰ • htmlファイルで出⼒しても らった場合は、テキストエディ タ等にhtmlコードを貼り付け て、拡張⼦を.htmlにすればブ ラウザで⾒れます ( a.htmlとかでも良いです ) • Pythonコードが紛れてたりし てうまく表⽰されない場合は Geminiに相談してみましょう
36. Copyright © 2026 NOB DATA All Rights Reserved. 参考：htmlでのフローチャート表⽰ • a.htmlをブラウ ザで開いたケー ス
37. Copyright © 2026 NOB DATA All Rights Reserved. 難しい場合は、難易度調整のプロンプト • 「ノンプログラマー 向けに解説を」など のプロンプトを⼊れ ると、例えばこのよ うになります ( b.htmlなどで保 存 ) • AIには⾃分のわかる レベルまで難易度を 下げて解説してもら うのが良いです ( 結局、中⾝の動き のイメージがつかな いと、検品できない ので )
38. Copyright © 2026 NOB DATA All Rights Reserved. ワーク⑥ 最低限のセキュリティをチェックする
39. Copyright © 2026 NOB DATA All Rights Reserved. 結構⼤事な、セキュリティチェック • 今も昔も、ソフトウェアや開発に 利⽤する外部ライブラリにはバグ やセキュリティのリスクはつきも のです • 例えば今回であれば地図を描画す るのにJavascriptのleafletパッ ケージを読んでいますが、「安全 なバージョンを指定」することが ⼤切です ( 最新バージョンは検証が⽢いこ とがあるので。Stableと呼ばれる 安定版がお勧め ) • ソースコードのzipファイルを読ま せた状態で、「利⽤しているライ ブラリ等の安全性チェックを⾏い、 htmlレポートにまとめてくださ い」などのプロンプトをGeminiに 対して依頼すると良いでしょう ( 詳細は専⾨家のレビューなども ご活⽤ください ) ライブラリの安全性チェック例.html
40. Copyright © 2026 NOB DATA All Rights Reserved. 余談： バイブコーディング１時間、本番開発１ヶ⽉
41. Copyright © 2026 NOB DATA All Rights Reserved. 試作と本番開発とでは難易度が全く異なる
42. Copyright © 2026 NOB DATA All Rights Reserved. 休憩 ( 10min )
43. Copyright © 2026 NOB DATA All Rights Reserved. 成果共有会 & 質疑応答 ( 25min )
44. Copyright © 2026 NOB DATA All Rights Reserved. クロージング ( 5min )
45. Copyright © 2026 NOB DATA All Rights Reserved. 全３回、お疲れ様でした・・！！
46. Copyright © 2026 NOB DATA All Rights Reserved. ご清聴、ありがとうございました・・！！