$30 off During Our Annual Pro Sale. View Details »

AWS Amplify SDK and Stateless Functional Compon...

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

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
900
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
620
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
モダンデータスタックの理想と現実の間で～1.3億人Vポイントデータ基盤の現在地とこれから～
Avatar for タロウ taromatsui_cccmkhd
2
270
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
360
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
130
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
9.9k
[Data & AI Summit '25 Fall] AIでデータ活用を進化させる！Google Cloudで作るデータ活用の未来
Avatar for kirimaru kirimaru
0
3.8k
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
Avatar for 株式会社スマートバンク smartbank
3
3.5k
まだ間に合う！ Agentic AI on AWSの現在地をやさしく一挙おさらい
Avatar for みのるん minorun365
17
2.7k
特別捜査官等研修会
Avatar for Nomizo Nomizo nomizone
0
560
AR Guitar: Expanding Guitar Performance from a Live House to Urban Space
Avatar for Ekito ekito_station
0
150
通勤手当申請チェックエージェント開発のリアル
Avatar for WHIsaiyo whisaiyo
3
460
Introduce marp-ai-slide-generator
Avatar for Itaru Tomita itarutomy
0
120
AI with TiDD
Avatar for Shiraji shiraji
1
280

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
88
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
410
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
1
660
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
410
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
570
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
53
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

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