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
AmplifyにCDKがやってきた_プレビュー版のAmplify_Gen2を触ってみた.pdf
Search
Toru Takahashi
April 18, 2024
1
780
AmplifyにCDKがやってきた_プレビュー版のAmplify_Gen2を触ってみた.pdf
https://jawsug-asa.connpass.com/event/312976/
Toru Takahashi
April 18, 2024
Tweet
Share
More Decks by Toru Takahashi
See All by Toru Takahashi
AWS_AmplifyとNFCカードを使ってデジタル名刺を作る.pdf
tttol
4
70
AWS AmplifyとNFCカードを使ってデジタル名刺を作る
tttol
0
49
はじめてのAWS CDKコントリビュート
tttol
0
160
Amplify製アプリケーションにパスキー認証を導入する
tttol
1
120
Virtual Threadsで実現する性能改善
tttol
1
1.6k
私がAWS Amplifyを使う理由
tttol
1
360
AWS Community Builder流:技術情報のインプット・アウトプット戦略
tttol
1
650
Amplifyで開発・運用している 個人開発アプリ紹介
tttol
0
580
個人開発はAmplifyでホスティングしよう
tttol
0
870
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing Experiences People Love
moore
142
24k
Code Review Best Practice
trishagee
67
18k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Done Done
chrislema
184
16k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
A designer walks into a library…
pauljervisheath
205
24k
Fireside Chat
paigeccino
37
3.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Transcript
AmplifyにCDKがやってきた! プレビュー版のAmplify Gen2を触ってみた NRIネットコム株式会社 髙橋 透 2024/04/19 JAWS-UG朝会#56
自己紹介 髙橋 透 NRIネットコム株式会社 よくやってること: • Webアプリ開発 ◦ Java/SpringBoot(本業) ◦ AWS
Amplify(趣味) AWS Community Builder (2024/03~) 2
おしながき • Amplifyとは何か? • Amplify Gen2とは何か? • Amplify Gen2はTypeScriptでリソースが書けるぞ! 3
Q: そもそも、Amplifyってなに? A: Webアプリ開発のサポートツール (超ざっくり) 4
・DynamoDB ・AppSync ・Cognito ・S3/CloudFront ・etc… 全部やっとくわ サーバーは? DBは? 認証は? デプロイは?
アプリ書くわ Amplifyがないとき Amplifyがあるとき AWS Amplify Webアプリ開発は考えることが多い 5
Amazon DynamoDB Amazon Cognito Amazon S3 Amazon CloudFront AWS Amplify
$ amplify add [api|auth|hosting] $ amplify push CLIでリソース作成/更新/削除 6
ここまで現行Amplifyの話 7
ここからAmplify Gen2の話 8
Amplify Gen2とは? • re:Invent 2023で発表された次世代のAmplify (in Preview) • Gen2 =
Generation 2. • TypeScriptでリソースを定義できる(CDK) • ホットスワップ形式でリソース変更を即デプロイできる • ほかにもいろいろなアップデートあるが時間都合上割愛 9
Amazon DynamoDB Amazon Cognito Amazon S3 Amazon CloudFront AWS Amplify
$ amplify add [api|auth|hosting] $ amplify push CLIからCDKへ resouce.ts 10
Gen1/Gen2のフロー比較 Code Editor localhost CLI iterate edit push test Gen1
<Gen1の問題点> • CLIで都度PUSHするのが面倒 • CLI作業がイテレーションの速度を落としている 11 AWS Amplify
Gen1/Gen2のフロー比較 Code Editor localhost test iterate 🔥hot swapped🔥 Gen2 <Gen2での改善>
• エディタの変更をリアルタイムで検知 • ホットスワップでAWSに即デプロイ開始 • イテレーション高速化 12 AWS Amplify
リソースの反映スムーズになったので localhostでのテストがより早く行える ↓ 開発速度向上 13
もっと色々あるけど 時間の都合上今回はここまで! 14
ご清聴ありがとうございました 15