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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kent-hamaguchi
March 08, 2019
Technology
740
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AWS Amplify SDK and Stateless Functional Components
TechDo #13
kent-hamaguchi
March 08, 2019
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.6k
MediaDo DynamoDB活用事例/mediado-dynamodb-usecase
kenthamaguchi
0
1.4k
MediaDo.go #2 Clean Architectureとの付き合い方/mediado-go-2-clean-architecture
kenthamaguchi
2
2k
Infra Study Meetup #5 メディアドゥスポンサーセッション/infra-study-meetup-5-mediado
kenthamaguchi
0
930
JAWS DAYS 2020 メディアドゥスポンサーセッション/jaws-days-2020-mediado
kenthamaguchi
1
2.1k
OOC 2020 メディアドゥ スポンサーセッション/ooc_2020_mediado
kenthamaguchi
0
690
MediaDo.go #1 レガシーに立ち向かう / mediado-go-1-vs-legacy
kenthamaguchi
0
1.4k
MediaDo.go #1 GopherCon 2019 参加レポート / mediado-go-1-gophercon-2019
kenthamaguchi
1
1.4k
Other Decks in Technology
See All in Technology
[しろおび夏祭り2026] チャットするAIから、作業するAIへ - 使われ方の変化と、その裏側で起きていること
kk0n
0
1.7k
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏~
cygames
PRO
1
1.2k
Cursor Meetup Sapporo - Cursor物語 続編
cocacola917
0
150
『三匹の子ぶた』から学ぶネットワークセキュリティの昔と今 / Network Security: Then and Now Through the Lens of The Three Little Pigs
nttcom
1
1.8k
【CEDEC2026】『ウマ娘 プリティーダービー』 英語版のキャラクターの方言や口調をローカライズするための創造的アプローチ
cygames
PRO
1
230
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
4
24k
サイバー捜査員研修(前半)
nomizone
1
1.9k
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
enakai00
7
4.4k
老害フォレンジッカーはAI羊の夢を見るか?
tadmaddad
0
310
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
wolfgangwagner
0
190
【CEDEC2026】コードレビュー支援ツール開発から学ぶ:LLMを用いた業務システムの実践的な運用設計と誤出力対策
cygames
PRO
0
650
Breaking the Seal: Static Deobfuscation of Compiled V8 JavaScript Bytecode Malware
hshrzd
0
700
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.5k
Paper Plane
katiecoart
PRO
2
52k
So, you think you're a good person
axbom
PRO
2
2.1k
The browser strikes back
jonoalderson
0
1.5k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
470
Exploring anti-patterns in Rails
aemeredith
3
460
Speed Design
sergeychernyshev
33
2k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
460
Building AI with AI
inesmontani
PRO
1
1.1k
Odyssey Design
rkendrick25
PRO
2
750
エンジニアに許された特別な時間の終わり
watany
108
250k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
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