Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
710
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
What the customer really needed
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
220
AI 時代のスタートアップエコシステ厶から考究する技術的負債との向き合い方
Avatar for memory m3m0r7
PRO
3
2.6k
C#コードの結合を可視化する Roslyn解析による設計改善と リファクタリング判断
Avatar for dora56 dora56
0
520
アクセスキーこわい やめかたと漏らさない工夫
Avatar for Yuichi Sato sassssan68
1
670
【ゲームメーカーズスクランブル2026】『Shadowverse: Worlds Beyond』UIとアニメーションで実現する最高のユーザー体験を叶えるプロトタイピング
Avatar for Cygames, Inc. cygames
PRO
0
280
Making AI Agents Safe and Fast- Jev, Obsidian, and the Meta-Harness
Avatar for Daisuke Masuda x5gtrn
PRO
0
120
【技術的負債conf】事業成長に伴う技術的負債の説明責任とAIによるモニタリング、認知的負債について
Avatar for Masato Ishigaki / 石垣雅人 i35_267
4
2.1k
GoのInterface内部構造から学ぶ！最高パフォーマンスを出すコード設計
Avatar for Yappli Developers yappli_developers
1
270
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
Avatar for 尾﨑勇太/Yuta Ozaki waiwai2111
1
140
JSONataとAWS Step Functionsで目指すRuntimelessな世界
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
0
450
AIエージェントの一手は 誰も見ていない - Falco拡張OSS「Prempti」とeBPFで サーバーレス実行基盤を二層防御する
Avatar for がっきー（がっきー） keitah
0
510
C#未経験の僕がAIに読めるコードを書かせるまで
Avatar for マグロ隊長kinTV maguroalternative
0
250

Featured

See All Featured
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
320
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
250
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.4k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
10
1.1k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
340
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
409
67k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
770
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
1k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370

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