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
AWS Amplify SDK and Stateless Functional Compon...
Search
kent-hamaguchi
March 08, 2019
Technology
0
670
AWS Amplify SDK and Stateless Functional Components
TechDo #13
kent-hamaguchi
March 08, 2019
Tweet
Share
More Decks by kent-hamaguchi
See All by kent-hamaguchi
メディアドゥ Go Conference 2021 スポンサーセッション/gocon-2021-mediado
kenthamaguchi
1
12k
メディアドゥ Amazon Personalize in AWS メディアセミナー Q1/mediado-amazon-personalize-aws-media
kenthamaguchi
0
1.5k
MediaDo DynamoDB活用事例/mediado-dynamodb-usecase
kenthamaguchi
0
1.3k
MediaDo.go #2 Clean Architectureとの付き合い方/mediado-go-2-clean-architecture
kenthamaguchi
2
1.9k
Infra Study Meetup #5 メディアドゥスポンサーセッション/infra-study-meetup-5-mediado
kenthamaguchi
0
880
JAWS DAYS 2020 メディアドゥスポンサーセッション/jaws-days-2020-mediado
kenthamaguchi
1
2k
OOC 2020 メディアドゥ スポンサーセッション/ooc_2020_mediado
kenthamaguchi
0
590
MediaDo.go #1 レガシーに立ち向かう / mediado-go-1-vs-legacy
kenthamaguchi
0
1.3k
MediaDo.go #1 GopherCon 2019 参加レポート / mediado-go-1-gophercon-2019
kenthamaguchi
1
1.3k
Other Decks in Technology
See All in Technology
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
140
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
2.2k
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
460
Building a cloud native business on open source
lizrice
0
170
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
3
3.1k
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
150
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
380
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
330
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
240
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
初めてのDatabricks Apps開発
taka_aki
1
270
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
340
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Practical Orchestrator
shlominoach
190
11k
What's in a price? How to price your products and services
michaelherold
246
12k
Navigating Team Friction
lara
190
15k
A designer walks into a library…
pauljervisheath
209
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
A better future with KSS
kneath
239
18k
RailsConf 2023
tenderlove
30
1.3k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Transcript
AWS Amplify SDK make: private file hosting service
USER Cognito S3 IAM
S3 use case User: • List • Download • Upload
◦ only Admin member
IAM use case • Guest member IAM ◦ read only
• Admin member IAM ◦ read and write
Cognito use case Admin: • Create account User: • Sign
In ◦ First, set password ◦ Verify 2 Factor Authentication
Cognito S3 CloudFormation by
CloudFormation Cognito
None
None
None
None
CustomResource Python YAML
Qiita cite: https://qiita.com/kai_kou/items/f56bb13a5d47e e05d766
CloudFormation S3
None
AWS Amplify SDK
Cognito S3 IAM React pre signed url
None
None
None
None
Promise
None
Promise
Only Admin member
Stateless Functional Component SFC
Redux
React Components
React Components State
React Components State update render render render render render render
render render render render
React Components Redux Store render render render
Component Component
Stateful Instance Components
None
Stateless Functional Components
None
Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download
email 2FA content file react file
Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download
email 2FA content file react file CodePipeline GitHub
Result • No Server code • Infrastructure as Code •
Simple Frontend architecture • User authority management
END