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

AWS Amplify SDK and Stateless Functional Compon...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for kent-hamaguchi kent-hamaguchi
March 08, 2019
Technology
0
700

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.6k
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
910
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
630
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.4k

Other Decks in Technology

See All in Technology
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
580
Red Hat OpenStack Services on OpenShift
Avatar for Tatsuya Amemiya tamemiya
0
110
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.5k
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
110
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
300
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
93k
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
250
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
220
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
200
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110

Featured

See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
62
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
66

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