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
34
第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
32
第132回 雲勉【オンライン】春の生成AI祭り
iret
1
48
第17回 雲勉LT【オンライン】Amazon Managed Grafanaを使ってCloudWatchログを分析・可視化する
iret
0
37
Amazon Bedrockのロックな使い方を考えたい
iret
0
25
CloudWatch SyntheticsとAmazon Managed Grafanaを連携する
iret
0
21
Amazon SageMaker Canvasで学ぶ機械学習モデルの構築
iret
0
38
ECR経由でのデプロイ通知を考える〜App Runner編〜
iret
0
31
AWSのサーバーレスでとりあえず開発をはじめてみた時に無知ゆえに陥りがちなこと
iret
1
50
第131回 雲勉【オンライン】AWSを9年触ってきて経験した落とし穴、ハマったポイント
iret
8
650
Other Decks in Technology
See All in Technology
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
DX企業CTOとして考える技術への向き合い方
shoheitai
0
110
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
840
Cloud Service Mesh に触れ合う
phaya72
1
290
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
1
760
今日からできる!簡単 .NET 高速化 Tips -2024 edition-
xin9le
7
4.7k
止まらないLinuxシステムを構築する_高信頼性クラスタ入門
koedoyoshida
3
2.3k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
1
1.8k
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
3
420
Grafana x PagerDuty Better Together
jacopen
1
330
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
520
成長をサポートするピープルマネジメントのやり方
sioncojp
9
1.4k
Featured
See All Featured
It's Worth the Effort
3n
180
27k
Designing for Performance
lara
601
67k
GitHub's CSS Performance
jonrohan
1025
450k
Facilitating Awesome Meetings
lara
43
5.6k
Typedesign – Prime Four
hannesfritz
36
2.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
Designing with Data
zakiwarfel
96
4.8k
Writing Fast Ruby
sferik
622
60k
How to name files
jennybc
65
93k
Atom: Resistance is Futile
akmur
260
25k
Designing the Hi-DPI Web
ddemaree
276
33k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
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