Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
AWS Amplify SDK and Stateless Functional Compon...
Search
kent-hamaguchi
March 08, 2019
Technology
760
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
710
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
分析の民主化を支えるメタデータ整備の実践
kakehashi
PRO
4
1.3k
Kiro Crewをはじめよう
kizawa2020
1
130
Snapshot Testing in Practice: Predictable and Reliable SwiftUI Views
fespinoza
0
180
不可逆な意思決定を避けながら10億超の顧客データを AI Ready にするデータ基盤設計
baseballyama
1
300
しろおびから始める!ログ活用の第一歩
shumei_ito
0
880
Execution in the Kingdom of Agents: Reflections on Abstraction and Complexity
bcantrill
0
940
AI時代だからこそ推したい!Gitコマンド再入門
munakata
0
170
Deep Data Security 機能解説
oracle4engineer
PRO
2
770
IoTデバイスを繋げるプロトコルMatterをAndroidで使用する方法
harutiro
0
140
Datadog の学び方 - あるいは、オブザーバビリティを学ぶとは何か
mananyuki
1
540
自分で立ててみるLLMサービス
y_sera15
0
160
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
8
1.9k
Featured
See All Featured
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
320
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
The SEO identity crisis: Don't let AI make you average
varn
0
580
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
980
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
The Language of Interfaces
destraynor
162
27k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
2
2.9k
Technical Leadership for Architectural Decision Making
baasie
3
600
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
2
2k
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