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
0
700
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.6k
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
910
JAWS DAYS 2020 メディアドゥスポンサーセッション/jaws-days-2020-mediado
kenthamaguchi
1
2k
OOC 2020 メディアドゥ スポンサーセッション/ooc_2020_mediado
kenthamaguchi
0
630
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.4k
Other Decks in Technology
See All in Technology
日本の85%が使う公共SaaSは、どう育ったのか
taketakekaho
1
210
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
1.9k
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
300
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
290
こんなところでも(地味に)活躍するImage Modeさんを知ってるかい?- Image Mode for OpenShift -
tsukaman
0
140
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.4k
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
3
940
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
150
超初心者からでも大丈夫!オープンソース半導体の楽しみ方〜今こそ!オレオレチップをつくろう〜
keropiyo
0
110
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
360
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
zozotech
PRO
5
5.6k
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
rocketmartue
1
300
Featured
See All Featured
Practical Orchestrator
shlominoach
191
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
Prompt Engineering for Job Search
mfonobong
0
160
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
910
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
320
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
180
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
120
Designing for Performance
lara
610
70k
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