Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AWS Amplify SDK and Stateless Functional Compon...

Avatar for kent-hamaguchi kent-hamaguchi
March 08, 2019
Technology
0
670

AWS Amplify SDK and Stateless Functional Components

TechDo #13

Avatar for kent-hamaguchi

kent-hamaguchi

March 08, 2019
Tweet

More Decks by kent-hamaguchi

See All by kent-hamaguchi
メディアドゥ Go Conference 2021 スポンサーセッション/gocon-2021-mediado
Avatar for kent-hamaguchi kenthamaguchi
1
12k
メディアドゥ Amazon Personalize in AWS メディアセミナー Q1/mediado-amazon-personalize-aws-media
Avatar for kent-hamaguchi kenthamaguchi
0
1.5k
MediaDo DynamoDB活用事例/mediado-dynamodb-usecase
Avatar for kent-hamaguchi kenthamaguchi
0
1.3k
MediaDo.go #2 Clean Architectureとの付き合い方/mediado-go-2-clean-architecture
Avatar for kent-hamaguchi kenthamaguchi
2
1.9k
Infra Study Meetup #5 メディアドゥスポンサーセッション/infra-study-meetup-5-mediado
Avatar for kent-hamaguchi kenthamaguchi
0
870
JAWS DAYS 2020 メディアドゥスポンサーセッション/jaws-days-2020-mediado
Avatar for kent-hamaguchi kenthamaguchi
1
2k
OOC 2020 メディアドゥ スポンサーセッション/ooc_2020_mediado
Avatar for kent-hamaguchi kenthamaguchi
0
590
MediaDo.go #1 レガシーに立ち向かう / mediado-go-1-vs-legacy
Avatar for kent-hamaguchi kenthamaguchi
0
1.3k
MediaDo.go #1 GopherCon 2019 参加レポート / mediado-go-1-gophercon-2019
Avatar for kent-hamaguchi kenthamaguchi
1
1.3k

Other Decks in Technology

See All in Technology
新アイテムをどう使っていくか？みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
Avatar for Akira Ouchi akkiesoft
0
190
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
Avatar for KoheiOgawa shisyu_gaku
0
150
Firestore → Spanner 移行 を成功させた段階的移行プロセス
Avatar for a-thug athug
1
450
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
Avatar for sh_fk2 sh_fk2
3
380
5分でカオスエンジニアリングを分かった気になろう
Avatar for Aja9tochin pandayumi
0
220
Obsidian応用活用術
Avatar for 松濤Vimmer onikun94
1
470
2025年になってもまだMySQLが好き
Avatar for yoku0825 yoku0825
8
4.7k
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
Avatar for KentaroFujii kentarofujii
0
130
データアナリストからアナリティクスエンジニアになった話
Avatar for hatsu hiyokko_data
2
440
生成AIでセキュリティ運用を効率化する話
Avatar for Tkay sakaitakeshi
0
590
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
Avatar for oracle4engineer oracle4engineer
PRO
0
110
Snowflake Intelligenceにはこうやって立ち向かう！クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
Avatar for harry gappy50
0
130

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
840
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
112
20k
Done Done
Avatar for chrislema chrislema
185
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
920
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k

Transcript

  1. AWS Amplify SDK make: private file hosting service

  2. USER Cognito S3 IAM

  3. S3 use case User: • List • Download • Upload

    ◦ only Admin member

  4. IAM use case • Guest member IAM ◦ read only

    • Admin member IAM ◦ read and write

  5. Cognito use case Admin: • Create account User: • Sign

    In ◦ First, set password ◦ Verify 2 Factor Authentication

  6. Cognito S3 CloudFormation by

  7. CloudFormation Cognito

  8. None
  9. None
  10. None
  11. None

  12. CustomResource Python YAML

  13. Qiita cite: https://qiita.com/kai_kou/items/f56bb13a5d47e e05d766

  14. CloudFormation S3

  15. None

  16. AWS Amplify SDK

  17. Cognito S3 IAM React pre signed url

  18. None
  19. None
  20. None
  21. None

  22. Promise

  23. None

  24. Promise

  25. Only Admin member

  26. Stateless Functional Component SFC

  27. Redux

  28. React Components

  29. React Components State

  30. React Components State update render render render render render render

    render render render render

  31. React Components Redux Store render render render

  32. Component Component

  33. Stateful Instance Components

  34. None

  35. Stateless Functional Components

  36. None

  37. Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download

    email 2FA content file react file

  38. Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download

    email 2FA content file react file CodePipeline GitHub

  39. Result • No Server code • Infrastructure as Code •

    Simple Frontend architecture • User authority management

  40. END