Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
AWS Amplify SDK and Stateless Functional Components
kent-hamaguchi
March 08, 2019
Technology
0
450
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
0
8.2k
メディアドゥ Amazon Personalize in AWS メディアセミナー Q1/mediado-amazon-personalize-aws-media
kenthamaguchi
0
440
MediaDo DynamoDB活用事例/mediado-dynamodb-usecase
kenthamaguchi
0
540
MediaDo.go #2 Clean Architectureとの付き合い方/mediado-go-2-clean-architecture
kenthamaguchi
2
1.1k
Infra Study Meetup #5 メディアドゥスポンサーセッション/infra-study-meetup-5-mediado
kenthamaguchi
0
330
JAWS DAYS 2020 メディアドゥスポンサーセッション/jaws-days-2020-mediado
kenthamaguchi
0
900
OOC 2020 メディアドゥ スポンサーセッション/ooc_2020_mediado
kenthamaguchi
0
220
MediaDo.go #1 レガシーに立ち向かう / mediado-go-1-vs-legacy
kenthamaguchi
0
840
MediaDo.go #1 GopherCon 2019 参加レポート / mediado-go-1-gophercon-2019
kenthamaguchi
1
780
Other Decks in Technology
See All in Technology
New Features in C# 10/11
chack411
0
960
Building smarter apps with machine learning, from magic to reality
picardparis
4
3.1k
HTTP Session Architecture Pattern
chiroito
1
400
長年運用されてきたモノリシックアプリケーションをコンテナ化しようとするとどんな問題に遭遇するか? / SRE NEXT 2022
nulabinc
PRO
15
7.7k
街じゅうを"駅前化"する電動マイクロモビリティのシェアサービス「LUUP」のIoTとSRE
0gm
1
770
Nutanix_Meetup_20220511
keigotomomatsu
0
150
SRE_チーム立ち上げから1年_気づいたら_SRE_っぽくない仕事まで貢献しちゃってる説
bitkey
PRO
0
2.3k
プロダクトグロースと技術のベースアップを両立させるRettyのアプリ開発スタイル / Achieve Product Growth and Tech Update
imaizume
1
290
ソフトウェアテストで参考にしている67のモノ #scrumniigata / 67 things for software testing
kyonmm
PRO
1
490
LINEスタンプの実例紹介 小さく始める障害検知・対応・振り返りの 改善プラクティス
line_developers
PRO
3
1.6k
數據的多重宇宙 @ LINE Taiwan
line_developers_tw
PRO
0
690
我々はなぜテストをするのか?
kawaguti
PRO
0
520
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
268
11k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
jQuery: Nuts, Bolts and Bling
dougneiner
56
6.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
How GitHub (no longer) Works
holman
296
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
350
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
181
15k
Typedesign – Prime Four
hannesfritz
33
1.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.1k
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