AI 駆動開発への取り組み-AI-Driven-Dev-20240202

7.1K Views

February 02, 24

スライド概要

AI駆動開発(AI-Driven Development) 勉強会(第1回)
https://aid.connpass.com/event/306406/

profile-image

ヴイエムウェア株式会社 ソリューションアーキテクト本部 プリンシパルエンタープライズアーキテクト。 Microsoft で13年間、テクニカルエバンジェリストとして .NET、Visual Studio、Windows、iOS、Android、Microsoft Azure 等の開発者向け最新技術啓発活動を実施。その後、Dell、Accenture、Elastic で開発者向け技術啓発活動等を経て現職。 モダンアプリケーション開発、マルチクラウド対応、アーキテクチャ策定等を中心に、技術者向けに最新技術の啓発活動を実施中。 2019年4月〜2021年8月迄、内閣官房 IT 総合戦略室 政府 CIO 補佐官を兼務、2021年9月〜2024年3月迄、デジタル庁 PjM ユニット ソリューションアーキテクトを兼務。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

AI 駆動開発への取り組み 鈴⽊ 章太郎 プリンシパルエンタープライズアーキテクト ヴイエムウェア株式会社 2024/02/02 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

2.

鈴⽊ 章太郎 X (Twitter) : @shosuz ヴイエムウェア株式会社 プリンシパルエンタープライズアーキテクト Microsoft で13年間、テクニカルエバンジェリストとして .NET、Visual Studio、Windows、iOS、 Android、Microsoft Azure 等の開発者向け技術 啓発活動を実施。その後 Dell、Accenture、Elastic での開発者向け技術啓発活動等を経て現職。 モダンアプリケーション開発、マルチクラウド対応、アーキ テクチャ策定等を中⼼に、開発者向け最新技術啓発 活動中。 2019年4⽉〜2021年8⽉、内閣官房 IT 総合戦略室 政府 CIO 補佐官、2021年9⽉より、デジタル庁 プロジェクトマネージャーユニット ソリューションアーキテクト を兼務。 https://www.docswell.com/user/shosuz Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

3.

プラットフォームの認知度を⾼め、開発者の準備態勢を整える さまざまな接点とそれらを増やす機会を探りつなげていく マルチクラウドの浸透 プラットフォームの認知 Spring の普及啓発 デベロッパーアドボカシー Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 3

4.

Agenda l AI 駆動開発関連で登壇したセッション l 主に利⽤したサービス及びツール l 開発・紹介したアプリ l 今後の予定 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 4

5.

AI 駆動開発関連で登壇した セッション Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 5

6.

参加・登壇中のコミュニティ l .NET Lab https://dotnetlab.connpass.com/ l JAZUG (Japan Azure User’s Group) https://r.jazug.jp/ l VS Code Meetup https://vscode.connpass.com/ l C# Tokyo https://csharp-tokyo.connpass.com/ l MICUG (Microsoft Cloud User’s Group) https://micug.jp/ l JJUG (Japan Java User’s Group) https://www.java-users.jp/ l Jagu’e’r (Japan Google Cloud Users for Enterprise) https://jaguer.jp/ l Postman Meetup https://postman.connpass.com/ l 他多数 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.

7.

.NET Lab で登壇した AI 駆動開発関連のセッション https://www.docswell.com/user/shosuz 2023/04/22 https://dotnetlab.connpass.com/event/279139/ https://www.docswell.com/s/shosuz/5M1XQL-202304-22-170836 2023/07/22 https://dotnetlab.connpass.com/event/288776/ https://www.docswell.com/s/shosuz/KVVM1D-202307-22-165653 2023/06/24 https://dotnetlab.connpass.com/event/285454/ https://www.docswell.com/s/shosuz/ZM1V16-202306-24-151356 2023/08/26 https://dotnetlab.connpass.com/event/291485/ https://www.docswell.com/s/shosuz/ZGXNWL-202308-26-162303 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 2023/09/23 https://dotnetlab.connpass.com/event/294666/ https://www.docswell.com/s/shosuz/K989LJ-202309-23-172820 7

8.

JAZUG 13周年記念イベント (2023/9/16)ショートセッション Azure OpenAI Service + Azure Spring Apps Standard による AI 栄養分析ショッピングカートアプリ開発の話 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 9

9.

その他のコミュニティで登壇した AI 駆動開発関連のセッション JJUG、 C# Tokyo、VS Code Meetup、Postman Meetup、その他 2023/11/11 2024/01/18 https://sessionize.com/api/v2/2gdy2o95/view/Speakers https://www.docswell.com/s/shosuz/58G6JQ-2023-1111-152330 2024/01/29 https://postman.connpass.com/event/299905/ https://www.docswell.com/s/shosuz/K4Q196-202401-30-182326 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. https://dotnet-communities.connpass.com/event/294588/ https://www.docswell.com/s/shosuz/5Q8JGV-2024-0118-203045 2024/01/30 https://vscode.connpass.com/event/303633/ https://www.docswell.com/s/shosuz/58G39X-202401-30-203540 10

10.

主に利⽤したサービス及びツール Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 13

11.

GitHub Copilot / Copilot Chat 2023年1⽉時点での最新版 • • • • Visual Studio Code 1.85.1 GitHub Copilot v.1.151.0 GitHub Copilot Chat v.0.11.1 Billing 有効、GPT-4 有効 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 14

12.

Postman for VS Code https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode • VS Code から直接 Postman の パ ワーを使って API 開発とテストを 合 理化 • Postman にサインイン • API リクエストを送信 • HTTP API リクエストの送信 • マルチプロトコル API リクエストを 送信 • 履歴から API リクエストを送信 • コレクションを使う • API を⽂書化 • データをインポート • クッキーを使⽤ • API のテスト • スクリプトを使った API のテスト • Postman コンソールでのトラブル シューティング Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 15

13.

Uizard https://uizard.io/ • 2018年に設⽴されたデンマーク の企業 • AI を使ったアプリデザインツール • プロのデザイナーでなくても簡単に UI が作れる • • • • • Magic(テキストプロンプトに よる⾃動⽣成) 実画⾯イメージの取り込み ⼿書き画⾯イメージの取り込み その他の⽅法により画⾯遷移 等設定可能(ムービーなど) JPEG、SVG 等で画⾯毎に エクスポート Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 16

14.

Figma for VSCode https://marketplace.visualstudio.com/items?itemName=figma.figma-vscode-extension エディタを離れることなく、デザインファイルの確認、 デザイナーとの共同作業、変更の追跡、実装のスピードアップ可能 • Figma ファイルを VSCode 内で 開いて編集をすることができる拡張 機能 • この拡張機能を使⽤して、Figma ファイルからコードを⽣成することは で きない • ただし、Figma ファイルから CSS スタイルをエクスポートして、React コ ンポーネントに適⽤できる • また、Figma ファイルからデザインの アイデアを得て、⼿動で React の コンポーネントを作成できる Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 17

15.

Locofy.ai https://www.locofy.ai/ • Figma で作成した UI デザイン から React 等 のコードを⾃動 ⽣成するサービス • デザインと開発の間のギャップが 埋まり、効率的な開発が可能に • デザインの構造を読み取り、適切 なコンポーネントを⾃動⽣成 • ⼿動でコンポーネントを作成する ⼿間が省け、効率的な開発が 可能 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 18

16.

Figma & Locofy.ai プラグイン Figma プラグインを使ってソースコードを⽣成できる Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 19

17.

開発・紹介したアプリ All apps are powered by Tanzu Application/Data Platform Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 20

18.

地⽅⾃治体連携施設予約サンプルアプリ Demo Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 21

19.

使⽤した主なサービス・ツール等 Web API 部分は Spring Boot、フロントエンド側は React で開発 • GitHub Copilot / Copilot Chat • Uizard • Figma for VS Code • Locofy.ai Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 22

20.

LegalTrial Demo Web API 部分は ASP.NET Core 7、フロントエンド側は React で開発 • React で順番に実装 • ●✖ ボタン配置 • Next ボタン実装 • ロジック実装 • ダークテーマに変更 • ⾃分の回答表⽰ • 他のロジック実装… Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 23

21.

使⽤した主なサービス・ツール等 Web API 部分は ASP.NET Core 7、フロントエンド側は React で開発 • GitHub Copilot / Copilot Chat • Uizard • Figma for VS Code • Locofy.ai Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 24

22.

統合エンターテインメントアプリ Demo Web API 部分は FastAPI、フロントエンド側は React Native で開発 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 25

23.

使⽤した主なサービス・ツール等 Web API 部分は FastAPI、フロントエンド側は React Native で開発 • GitHub Copilot / Copilot Chat • Uizard • Figma for VS Code • Locofy.ai Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 26

24.

VMware Explore US セッションを⽇本語で検索・サマリーアプリ Xxx について教えて もっと詳しく教えて セッションを検索 1 2 3 ボタンを押す 4 詳細情報表⽰ 関連セッションの表 ⽰ pgvector を使⽤した セマンティック検索 検索 App Deploy 該当セッションの 概要 全⽂ テーブル テーブル 2. pgvector にてクエリと概要のベクトルを ⽐較し、関連セッションを検索 全⽂を検索 6 質問+検索結果情報から 3. UI に関連セッション⼀覧を表⽰ プロンプトをビルド 4. 詳しく知りたいセッションの 「もっと詳しく リンク」を押す 7 Session 全⽂ ⽂字起こしの要 約を⽣成 5. 該当セッションの台本を検索 6. Greenplum DB より取得された全⽂ ⽂字起こしから LLM へのプロンプトを ⽣成し、LLM へクエリ Transformer Model を使⽤したベクトル情報の付与 7. セッション台本の要約を⽣成 Hugging Face LLAMA2 Explore US Workflow: 1. ユーザーが UI を通じて知りたいワードを React 5 セッションの 8 Explore US Broadcom and Confidential. Copyright © 2024 Broadcom. Session 全⽂ ⽂字起こし Session 概要Proprietary All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. (LLM) 8. UI にセッションの詳細を表⽰ 27

25.

VMware Explore US セッション⼀覧(英語)/ビデオデータ https://www.vmware.com/explore/us.html Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 28

26.

VMware Greenplum とは ? 分析アプリケーション 課題 ソリューション 読み込み/書き込み SQL Language 組み込みアナリティクス • データサイエンティストの • 汎⽤技術 ANSI SQL 完全対応 GPtext and more 採⽤ • 分析をするにもデータが • 組み込みアナリティクス機能 マスターノード(仮想マシン) ほしいところにない スタンバイノードノード(仮想マシン) インターコネクト (⾼速ネットワークスイッチ) • データを蓄積するほど パフォーマンスが懸念 セグメント ホスト (仮想マシン) セグメント ホスト (仮想マシン) セグメント ホスト (仮想マシン) セグメント ホスト (仮想マシン) • クラウドのコスト気になる • 分散 Postgres による 無限に スケールアウト 超並列処理の実現 • コア課⾦による 予想可能なコスト vSphere+ / vSAN+ • 拡張に伴い運⽤が⼤変そう • データが簡単には移⾏ ができない Platform Extension Framework (PXF) 読み込み/書き込み vSAN vSAN Disk DiskvSAN DiskvSAN Disk • vSphere 技術と連動した⾼い Elasticity (弾⼒性)の確保 S3 オブジェクト ストレージ Hadoop リレーショナル • PXFによる外部データの統合 データベース 外部データソース Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 29

27.

使⽤した主なサービス・ツール等 Web API 部分は Spring Boot、フロントエンド側は React で開発 • GitHub Copilot / Copilot Chat • Postman for VS Code • Uizard • Figma for VS Code • Locofy.ai Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 31

28.

今後の予定 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 32

29.

今後の予定としては 引き続き Developer Advocacy 及び Platform Evangelism を実施していく l Spring のオーナーとして最新技術動向を開発者に訴求 l Tanzu Application / Data Platform を AWS/Azure/GCP 等とのハイブリッドシナリオで訴求 l Tanzu における Java/.NET/GO/Python/Node.js による DevSecOps シナリオを訴求 l ⾃社の Private AI with NVIDIA 等を強⼒に訴求予定 l オンプレミス、パブリッククラウド、ハイブリッドクラウドで AI 駆動開発を積極的に推進予定 Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. 33

30.

Thank You Broadcom Proprietary and Confidential. Copyright © 2024 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries.