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
750
0

AWS Amplify SDK and Stateless Functional Components

TechDo #13

Avatar for kent-hamaguchi

kent-hamaguchi

March 08, 2019

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.6k
MediaDo DynamoDB活用事例/mediado-dynamodb-usecase
Avatar for kent-hamaguchi kenthamaguchi
0
1.4k
MediaDo.go #2 Clean Architectureとの付き合い方/mediado-go-2-clean-architecture
Avatar for kent-hamaguchi kenthamaguchi
2
2k
Infra Study Meetup #5 メディアドゥスポンサーセッション/infra-study-meetup-5-mediado
Avatar for kent-hamaguchi kenthamaguchi
0
930
JAWS DAYS 2020 メディアドゥスポンサーセッション/jaws-days-2020-mediado
Avatar for kent-hamaguchi kenthamaguchi
1
2.1k
OOC 2020 メディアドゥ スポンサーセッション/ooc_2020_mediado
Avatar for kent-hamaguchi kenthamaguchi
0
700
MediaDo.go #1 レガシーに立ち向かう / mediado-go-1-vs-legacy
Avatar for kent-hamaguchi kenthamaguchi
0
1.4k
MediaDo.go #1 GopherCon 2019 参加レポート / mediado-go-1-gophercon-2019
Avatar for kent-hamaguchi kenthamaguchi
1
1.4k

Other Decks in Technology

See All in Technology
Tab5をRubyで動くパソコンにする
Avatar for Katsuhiko Kageyama kishima
1
180
振り返りこそエンジニアの本領
Avatar for Negima negima
0
280
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
Avatar for yuki honyanya
1
220
その指示、Bobにしっかり伝わってる？初心者でも即実践できる プロンプト/コンテキスト設計のコツ
Avatar for mu (Mizuho Uehara) muehara
0
130
いかに伝えるか　〜新卒エンジニアの教育のための、ライトノベル活用の一例
Avatar for Akira Ikeda（池田 暁） ikedon
1
190
Genie Code ワークショップ 基礎編 / Genie-Code-Workshop-fundamental
Avatar for Databricks Japan databricksjapan
PRO
0
350
いま、生成AIにKaggleをどこまで 任せられるか — ROGIIコンペでの進め方とTips
Avatar for monnu k951286
3
1.4k
V8コントリビュート超入門
Avatar for Riya Amemiya riyaamemiya
0
130
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
Avatar for kaz classmethod_kaz
0
150
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
Avatar for Watanabe Takeshi(Buzz) tkc66buzz
1
260
Kiro Crewしか勝たん！？
Avatar for Kazuki Miura miu_crescent
PRO
0
180
Hub & Spoke 環境のネットワークルーティングを分解してみる
Avatar for Tsuyataku tsuyataku
1
520

Featured

See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
57k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.4k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
360
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
220
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
350
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
800
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
510
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
510
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
450
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k

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