Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
第16回 雲勉LT【オンライン】Amazon CodeWhispererを使った開発を体験してみる
Search
iret.kumoben
March 05, 2024
Technology
0
37
第16回 雲勉LT【オンライン】Amazon CodeWhispererを使った開発を体験してみる
iret.kumoben
March 05, 2024
Tweet
Share
More Decks by iret.kumoben
See All by iret.kumoben
第133回 雲勉 【オンライン】今度こそ既存のAWSリソースをいい感じにコードに落とし込みたい!
iret
0
36
第132回 雲勉【オンライン】春の生成AI祭り
iret
1
53
第17回 雲勉LT【オンライン】Amazon Managed Grafanaを使ってCloudWatchログを分析・可視化する
iret
0
39
Amazon Bedrockのロックな使い方を考えたい
iret
0
30
CloudWatch SyntheticsとAmazon Managed Grafanaを連携する
iret
0
23
Amazon SageMaker Canvasで学ぶ機械学習モデルの構築
iret
0
44
ECR経由でのデプロイ通知を考える〜App Runner編〜
iret
0
32
AWSのサーバーレスでとりあえず開発をはじめてみた時に無知ゆえに陥りがちなこと
iret
1
52
第131回 雲勉【オンライン】AWSを9年触ってきて経験した落とし穴、ハマったポイント
iret
8
660
Other Decks in Technology
See All in Technology
YJIT Makes Rails 1.7x faster / RubyKaigi 2024
k0kubun
2
420
AWSの生成AI入門書を執筆しました🎉
minorun365
PRO
0
140
令和版ソフトウェアエンジニアの情報収集術 PHPカンファレンス香川2024
ysknsid25
4
860
RubyKaigi 2024 - Make Your Own Regex Engine!
makenowjust
0
130
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
38k
拓展QA日常工作的邊界
line_developers_tw
PRO
0
550
TailwindCSSでUIライブラリを作る際のハマりどころ
shuta13
0
230
個人的、Kubernetes の最新注目機能! (2024年5月版) / TechFeed Experts Night#28 〜 コンテナ技術最前線
pfn
PRO
3
210
NewSQL Landscape
oracle4engineer
PRO
5
3.2k
1Q86
kawaguti
PRO
2
180
.NET GraphQL Client のリアル
sansantech
PRO
1
150
20240509 CloudWatch でいろいろなものを監視してみよう
masaruogura
1
120
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
92
4.8k
Side Projects
sachag
451
41k
Product Roadmaps are Hard
iamctodd
45
9.8k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Adopting Sorbet at Scale
ufuk
69
8.6k
Building Applications with DynamoDB
mza
88
5.7k
How to Ace a Technical Interview
jacobian
273
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
22
1.4k
Statistics for Hackers
jakevdp
790
220k
The Invisible Side of Design
smashingmag
294
49k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
Transcript
第16回 雲勉LT【オンライン】 Amazon CodeWhispererを 使った開発を体験してみる
アジェンダ 2 1. 本⽇のゴール 2. ⾃⼰紹介 3. Amazon CodeWhispererとは 4.
Amazon CodeWhispererを使ってみる 5. まとめ 4-1. 事前準備 4-2. 実装例① 4-3. 実装例②
1. 本⽇のゴール 3
1. 本⽇のゴール 4 n Amazon CodeWhispererについての理解 • 環境構築および使⽤⽅法を理解する • どのような場合に有⽤かを理解する
2. ⾃⼰紹介 5
2.講師⾃⼰紹介 6 n 林⽥ 玲⾳ • クラウドインテグレーション事業部 開発第⼆セクション 第三開発グループ •
社内SE→オープン系SIer→ヘルステック⾃社開発→アイレット • アイレット歴 約2年 • バックエンド経験が多め • 好きなもの、お家・ゲーム・観葉植物・キーボードいじる
3. Amazon CodeWhispererとは 7
3.Amazon CodeWhispererとは 8 n いわゆるAIコードジェネレーター • ⾃然⾔語 (英語) で記述されたコメントを理解し、コードの提案をリアルタイムで⽣成 •
AWS API向けに最適化 • AWS版GitHub Copilotとも⾔える n 主要なプログラミング⾔語のサポート • Python、Java、JS、TS、C#、Go、Rust、PHP、Ruby、Kotlin、C、C++、etc... n 料⾦体系 • 個⼈プラン(無料)とプロフェッショナルプラン(19USD/⽉) • ユーザー単位の課⾦(1⽉でアクセスできるユーザー数)
4. Amazon CodeWhispererを使ってみる 9
4-1.Amazon CodeWhispererを使ってみる - 事前準備 - 10 n CodeWhispererを使った開発の流れ • AWS
Builder IDを⽤意する • AWS ToolKitをインストール • AWS Builder IDで認証 • VS Codeでコメントを記述し使ってみる • Lambdaを動かしてテスト
11 n AWS Builder IDを⽤意する • https://profile.aws.amazon.com/へアクセスし、アカウント作成 メールアドレス、パスワードを⼊⼒し、 アカウント作成 4-1.Amazon
CodeWhispererを使ってみる - 事前準備 -
12 n AWS ToolKitをインストールする • 拡張機能から「AWS Toolkit - Amazon Q,
CodeWhisperer, and more」をインストール 4-1.Amazon CodeWhispererを使ってみる - 事前準備 -
13 n AWS Builder IDで認証 • VS Codeから認証を開始 4-1.Amazon CodeWhispererを使ってみる
- 事前準備 -
14 n AWS Builder IDで認証 • Builder IDでログインし、認証を完了させる 4-1.Amazon CodeWhispererを使ってみる
- 事前準備 -
15 この状態になれば、準備OK n AWS Builder IDで認証 • サインインが完了したら、準備完了 4-1.Amazon CodeWhispererを使ってみる
- 事前準備 -
4-2.Amazon CodeWhispererを使ってみる – 実装例① - 16 n 例︓S3、SESを利⽤したLambdaを作成 • S3からCSVを読み込む
• CSVの内容をログに出⼒ AWS Cloud AWS Lambda Amazon Simple Storage Service (Amazon S3) CSV読み込み ログ出⼒ Amazon CloudWatch
17 n VS Codeでコメントを記述し使ってみる • 前準備︓「hayashida-kumoben-test」 S3バケットに”test.csv”を格納 4-2.Amazon CodeWhispererを使ってみる –
実装例① -
18 n VS Codeでコメントを記述し使ってみる • 英語でコメントを記述 ・環境変数からS3バケット名を取得 ・S3バケットから”test.csv”を取得 ・”test.csv”の内容をログに出⼒ 4-2.Amazon
CodeWhispererを使ってみる – 実装例① -
19 n VS Codeでコメントを記述し使ってみる • 英語でコメントした場合の実際の挙動 コードが⽣成された︕ 4-2.Amazon CodeWhispererを使ってみる –
実装例① -
20 n VS Codeでコメントを記述し使ってみる • ⽇本語でも試してみる ⽇本語でもコード⽣成できた︕ 4-2.Amazon CodeWhispererを使ってみる –
実装例① -
21 n Lambdaを動かしてテスト • VS Codeで⽣成したコードを試してみる コードを貼り付けてTest 4-2.Amazon CodeWhispererを使ってみる –
実装例① -
22 n Lambdaを動かしてテスト • VS Codeで⽣成したコードを試してみる CSVの内容がログ出⼒されている 4-2.Amazon CodeWhispererを使ってみる –
実装例① -
23 n Lambdaを動かしてテスト • VS Codeで⽣成したコードを試してみる CloudWatchにも問題なく出⼒されている 4-2.Amazon CodeWhispererを使ってみる –
実装例① -
24 n 例︓S3、SESを利⽤したLambdaを作成 • S3からCSVを読み込む • CSVの内容からメールアドレスを取得 • 取得した宛先にメールを送信 AWS
Cloud AWS Lambda Amazon Simple Storage Service (Amazon S3) CSV読み込み メール送信 Amazon Simple Email Service (Amazon SES) Email 4-3.Amazon CodeWhispererを使ってみる – 実装例② -
25 n 例︓S3、SESを利⽤したLambdaを作成 • 下記CSVをS3バケットに格納 ※2列⽬のメールアドレスを読み込む想定 • メールアドレスをSESで検証済みにしておく 4-3.Amazon CodeWhispererを使ってみる
– 実装例② -
26 n 例︓S3、SESを利⽤したLambdaを作成 • コメントを記述 4-3.Amazon CodeWhispererを使ってみる – 実装例② -
27 n 例︓S3、SESを利⽤したLambdaを作成 • コードを⽣成 ざっくりしたコメントでも、 意図を汲み取って⽣成してくれる 4-3.Amazon CodeWhispererを使ってみる –
実装例② -
28 n 例︓S3、SESを利⽤したLambdaを作成 • ⽣成されたコードでLambdaを動かしてみる Fromアドレスのみ修正 4-3.Amazon CodeWhispererを使ってみる – 実装例②
-
29 n 例︓S3、SESを利⽤したLambdaを作成 • ⽣成されたコードでLambdaを動かしてみる 正常終了している 4-3.Amazon CodeWhispererを使ってみる – 実装例②
-
30 n 例︓S3、SESを利⽤したLambdaを作成 • ⽣成されたコードでLambdaを動かしてみる 無事にメールが届いている 4-3.Amazon CodeWhispererを使ってみる – 実装例②
-
5. まとめ 31
5.まとめ 32 n 所感 • 想定とは異なるコードが⽣成される事はなく、精度は⾼いように感じた ※ただし、記述する内容も当然重要と思われる • コード⽣成速度は実⽤レベルだが、⽣成するコードを⼀⾏ずつEnterを押していかなければな らないのは少々⾯倒
• あくまでコメント箇所のみ⽣成されるので注意が必要(Pythonで⾔うと、Import⽂は⾃動⽣ 成されなかった) • 「書き⽅を忘れた」「ある程度の処理の枠組みを作りたい」等のケースで便利 • アプリケーションの要件を満たしているかは必ず確認が必要、あくまで補助ツールとして使う
動画URL 33 n 動画タイトル 第16回 雲勉LT Amazon CodeWhispererを使った開発を体験してみる n 動画URL
https://youtu.be/NfTEmva1R_o