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
67
第16回 雲勉LT【オンライン】Amazon CodeWhispererを使った開発を体験してみる
下記、勉強会での資料です。
https://youtu.be/NfTEmva1R_o
iret.kumoben
March 05, 2024
Tweet
Share
More Decks by iret.kumoben
See All by iret.kumoben
第154回 雲勉 AWS Codeシリーズ盛り上げ隊 ~ Codeシリーズは砕けない ~
iret
0
14
第153回 雲勉 トラシューが秒で終わる新機能 Amazon Q Developer operational investigations
iret
0
45
第150回 雲勉 AWS AppSyncではじめるGraphQL体験
iret
0
41
第151回 雲勉 プロジェクトのドキュメントにおける課題をAmazon Bedrockで解決してみる
iret
0
57
第152回 雲勉 シームレスなマルチリージョンへの移行と検討 ~Amazon EKSとAWS Global Acceleratorを使用した環境〜
iret
0
48
第149回 雲勉 AWS ベストプラクティスの最新と実際 AWS Well-Architected
iret
0
82
第148回 雲勉 Web アプリケーションセキュリティ
iret
0
46
第147回 雲勉 Amazon CloudWatchをウォッチ!
iret
0
58
第146回 雲勉 BLEAを眺めてCDKの書き方について学ぶ
iret
1
70
Other Decks in Technology
See All in Technology
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.5k
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
22
5.8k
Data-centric AI入門第6章:Data-centric AIの実践例
x_ttyszk
1
370
High Performance PHP
cmuench
0
140
RSNA2024振り返り
nanachi
0
500
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
890
リアルタイム分析データベースで実現する SQLベースのオブザーバビリティ
mikimatsumoto
0
950
Bounded Context: Problem or Solution?
ewolff
1
210
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Speed Design
sergeychernyshev
25
780
Become a Pro
speakerdeck
PRO
26
5.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
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