Slide 1

Slide 1 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Google の AI コーティング支援 Duet AI for Developers を使ってみた 虎の穴ラボ 坂上 1

Slide 2

Slide 2 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Duet AI for developers とは? 3

Slide 3

Slide 3 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Duet AI for developers とは? ● AI コード アシスタンス ○ コードの生成 ○ Go、Java、JavaScript、など20以上の言語をサポート ● 自然言語チャット ○ コーディングについての質問 ○ ベストプラクティスのガイダンス ● AI 支援のトラブルシューティング Duet AI for developers | Google Cloud https://cloud.google.com/duet-ai/?hl=ja 4

Slide 4

Slide 4 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. 対応 IDE ● Visual Studio Code ● JetBrains IDE (IntelliJ、PyCharm など) ● Google Cloud Workstations ● Google Cloud Shell エディタ など 5

Slide 5

Slide 5 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. 利用料金 ● 2024年2月1日まで無料 → 5月11日まで無料 ● ユーザーあたり月額 19 ドル (12 か月契約の場合) Google Cloud の Duet AI の料金 https://cloud.google.com/duet-ai/pricing?hl=ja 6

Slide 6

Slide 6 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Visual Studio Code で使用する準備 7

Slide 7

Slide 7 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Visual Studio Code で使用する準備 以降では Visual Studio Code を VS Code と略す 1. Google Cloud でアカウントを作成 2. Google Cloud プロジェクトを作成 3. プロジェクトで API を有効化 4. VS Code へ拡張機能をインストール 5. VS Code でサインイン 6. VS Code でプロジェクトを選択 8

Slide 8

Slide 8 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Google Cloud でアカウントを作成 ● アカウント作成時にクレジットカードの登録が必須 9

Slide 9

Slide 9 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. Google Cloud プロジェクトを作成 10

Slide 10

Slide 10 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. プロジェクトで API を有効化 Cloud AI Companion API のページ でプロジェクトを選択し有効 にする 11

Slide 11

Slide 11 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. VS Code へ拡張機能をインストール (1) 12

Slide 12

Slide 12 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. VS Code へ拡張機能をインストール (2) 13

Slide 13

Slide 13 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. VS Code でサインイン (1) 1. 右下の「Duet AI」をクリック 2. 「Sign in」をクリックしてサインイン 14

Slide 14

Slide 14 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. VS Code でサインイン (2) 15

Slide 15

Slide 15 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. VS Code でプロジェクトを選択 16

Slide 16

Slide 16 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. 実際に使ってみた 17

Slide 17

Slide 17 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. コードの生成 (1) 1. duet-ai-test.py というファイルを作成 2. 「# Google スプレッドシートから日付と予定の一覧を取得 し、当日であればSlackで通知するプログラム」と入力 3. 改行を入れる 4. Ctrl + Enter キーを押す 18

Slide 18

Slide 18 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. コードの生成 (2) 5. 候補が表示される 6. Tab キーを押して確 定 日本語のコメント付き でコードが生成された 19

Slide 19

Slide 19 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. チャットでの質問 (1) 1. アクティビティバーに追加された Duet AI をクリックするとサイドバーが開く 2. 質問を入力 日本語で入力したところ、日本語で回答が 返ってきた 20

Slide 20

Slide 20 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. チャットでの質問 (2) 21

Slide 21

Slide 21 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. まとめ 22

Slide 22

Slide 22 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. まとめ ● GCP を利用できるアカウントが必要 ● コード生成、チャットなどが可能 ● 日本語にも対応している 23

Slide 23

Slide 23 text

Copyright (C) 2022 Toranoana Inc. All Rights Reserved. ありがとう ございました 24