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

Starutp.fm AWSでアプリ開発に集中するためのインフラ選定/Starutp.fm How to Focus on App Development using AWS

Jaga
August 10, 2021

Starutp.fm AWSでアプリ開発に集中するためのインフラ選定/Starutp.fm How to Focus on App Development using AWS

2021/8/10開催、Startup.fm WSでアプリ開発に集中するためのインフラ選定、の資料です。
スタートアップのアプリ開発者の皆様は、人手がなく時間もない中でいかに開発効率を上げてビジネスに寄与するか、日々チャレンジされていると思います。昨今 AWS では、AWS Amplify や AWS App Runner のようなインフラ管理を最小化し、より開発に集中できるサービスが登場しています。本セッションでは、フロントエンドアプリのパターン (SPA、SSG、SSR*) や、バックエンド API のパターン (サーバレス、ウェブフレームワーク**)ごとに、AWS のサービスをどのように使い分けていけば良いかについてお話しします。

Jaga

August 10, 2021
Tweet

More Decks by Jaga

Other Decks in Technology

Transcript

  1. © 2021, Amazon Web Services, Inc. or its Affiliates. )

    8 8 /2 0/ A DC       AWS Startup fm - C
  2. © 2021, Amazon Web Services, Inc. or its Affiliates. W

    • s r v qz h lj a W ) , fgmhe ( .C . . : 0 • w b ) , fgmhe yu ) , fgmhe d S M • qs t o inpd cyu d S M • ) , 1 2 : 2 / :1 : 02 A 2 ) , 0 : A/8 08 . . 8./82 .:1 A/ 20 0 .: 2 : .00 1.:02 C 2 ) , A 2 ) 22 2: . . 8./82 . ( .C . . : 0 . 22 2: ): 0 : : . : :08A121 : 1 0A 2: 121 :8 . .: 2 . 2 A . 2 0 . 2 ) , 2 02 /. 21 : 02 . : : . : . A . 2 121 : 8 0 . 2 C 88 /2 /. 21 : A .0 A.8 A 2 ) , 2 02 .:1 . . 2 2 . 2 121
  3. © 2021, Amazon Web Services, Inc. or its Affiliates. SbN

    .2. 2 2 A A > : A A A C ) > :A A A >P p P A A >T u 2 0 ( 8 1 88 0
  4. © 2021, Amazon Web Services, Inc. or its Affiliates. [email protected]

    • WjlP:[email protected]:lQ2Ÿ•/HKmP5MY 5Ygè¹È • ´7lWf ðz!/% (5Ygè¹ìo¤ • AWS Amplify + AWS App Runner DmVHˉ/¤
  5. © 2021, Amazon Web Services, Inc. or its Affiliates. :&*

    +( • Amplify Hosting  App Runner v2µÑ/ • «IMFelÃp– Amplify Hosting  App Runner 2Ò( / E  • SPASSRSSG Ø Pros/Cons +v • Amplify CLILibrariesAdmin UI ×
  6. © 2021, Amazon Web Services, Inc. or its Affiliates. :

    1. 34 2. . 5 4 . 3 . 3
  7. © 2021, Amazon Web Services, Inc. or its Affiliates. 1.

    4 2. . 5 4 . 3 . 3
  8. © 2021, Amazon Web Services, Inc. or its Affiliates. qr

    ugs Pei VGTH œç¼Å/è¹gJmH2vñ CHP2ž ¾Ý ǘ¥é2    HBmfVgN6 Ÿx I>cgN6!/% ›Ý  7lWfŸ•È Lm_n‹
  9. © 2021, Amazon Web Services, Inc. or its Affiliates. i

    f e      
  10. © 2021, Amazon Web Services, Inc. or its Affiliates. y

    pv –  • y U i uI • wl g I   • OU uoF i Eu oF • qF uI RW I  • S • qF u OU I P R pu I
  11. © 2021, Amazon Web Services, Inc. or its Affiliates. g

    v n qf     ™Ï0/7lWf ¾Ý!§së
  12. © 2021, Amazon Web Services, Inc. or its Affiliates. qr

    ugs W R H n q AWS App Runner Amplify Hosting
  13. © 2021, Amazon Web Services, Inc. or its Affiliates. 1.

    34 2. 5 . . 3 . 3
  14. © 2021, Amazon Web Services, Inc. or its Affiliates. .

    .  • SPA (Single Page Application) • SSR (Server Side Rendering) • SSG (Statice Site Generator)  •   
  15. © 2021, Amazon Web Services, Inc. or its Affiliates. 

    - SPA (Single Page Application) • jonT S ort )1 1 e • R Single Page e JavaScript e S e )1 1 • l v HTML e P b .js .html .css Web Browser $&"& ),
  16. © 2021, Amazon Web Services, Inc. or its Affiliates. 

    - SSG (Static Site Generator) • u S e NSHJ • L Mc orte b I • s pI Mcb u Web Browser $&"& ),
  17. © 2021, Amazon Web Services, Inc. or its Affiliates. 

    - SSR (Server Side Rendering) • l v T )1 1 e j t SPA aG e • jon I T • ( l v l v I Fte Web Browser $&"& ),
  18. © 2021, Amazon Web Services, Inc. or its Affiliates. -

    . . • j oT ( cH HT K y HR • s H H . D . : . D C : DA • jn ) C >A h aW J vH T T HTML cH HI L M S JII Web Browser
  19. © 2021, Amazon Web Services, Inc. or its Affiliates. a

    • • • . • . • iyx j . A .1 Amplify Hosting AWS App Runner  
  20. © 2021, Amazon Web Services, Inc. or its Affiliates. 1.

    34 2. . 5 4 5 . L 3 . 3
  21. © 2021, Amazon Web Services, Inc. or its Affiliates. –jk

    niu qth m Web Browser $&"& ), Web Browser $&"& ), SPA SSG .js .html .css
  22. © 2021, Amazon Web Services, Inc. or its Affiliates. –jk

    niu qth m Web Browser $&"& ), Web Browser $&"& ), SPA SSG .js .html .css HTML, CSS, JavaScript 5IMP îºäy
  23. © 2021, Amazon Web Services, Inc. or its Affiliates. –jk

    niu qth m • SPASSG -*[email protected]+ SSR ,[email protected]:HPš(ƒº)~µ2Ì 1 ! • W47h2äy /Œ»0", ÔÀß² ™Ï HBmfVgN6 Ÿx+ • SPA + SSG !dmEm,-ˆ5IM Pá…0/‡&3 • CDN>bMFc2/ HBmfVg N62Ÿxsi7NlFmail protected]:HP š¿†É
  24. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting !      
  25. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    Amplify / Amplify CLI Web z u T j o g l tS L M T OSS H i H Amplify Web z u AWS L M T OSS t Amplify Hosting s egj cH H e u r o len mu el aL M T AWS cHre Amplify Admin UI Web z u T j o b l L M T GUI H
  26. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    Amplify / Amplify CLI Web z u T j o g l tS L M T OSS H i H Amplify Web z u AWS L M T OSS t Amplify Hosting s egj cH H e u r o len mu el aL M T AWS cHre Amplify Admin UI Web z u T j o b l L M T GUI H
  27. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting  '
  28. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting ' (1)  $+
  29. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting ' (1)  $+
  30. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting ' (2) -!
  31. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting ' (3) 1
  32. © 2021, Amazon Web Services, Inc. or its Affiliates. #"

     (0 JmHCmQ¦0/#ʃVhQ-OYj7'’Ì
  33. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    Hosting &, E2E NHP Webhook ¶Ž  Pull Request YiVcm [email protected]ÙÖ aSKglA
  34. © 2021, Amazon Web Services, Inc. or its Affiliates. (

    2 R y u g n d I G d
  35. © 2021, Amazon Web Services, Inc. or its Affiliates. (

    2 @ @ A / - /. /- - - @ I d R i q e u u R e @ 3 @ Ft t @ F P LWI @ I ORa i q m F
  36. © 2021, Amazon Web Services, Inc. or its Affiliates. (

    2 E xr m / - /. /- - / -
  37. © 2021, Amazon Web Services, Inc. or its Affiliates. (

    2 osl / - /. /- - /. / - R y 2 2 B e U Fs m eH LWI
  38. © 2021, Amazon Web Services, Inc. or its Affiliates. (

    2 - / - /. /- - // - Web Browser 1./4( *- Webhook " (#03+ 2
  39. © 2021, Amazon Web Services, Inc. or its Affiliates. (

    2 tqu / - /. /- - .. . - / @ W oFs e u FrF e U i re I b TUG H P u u W u F Fm C / @ I Pd / @ d p F Ha
  40. © 2021, Amazon Web Services, Inc. or its Affiliates. Amplify

    /)  %.* VhQ¥é $ 0.01/  VhQ & OYj7 [HN6lA HPimG 1GB . $0.023 / ¨ [HN6lA,/äy 1GB . $0.15 —åÛæ ³£€·¬* VhQ¥é 1000  HPimG 5GB/¨ [HN6lADmVH 15GB/¨ *940:812 6> AWS 940:87>;.5 7?/  https://aws.amazon.com/jp/amplify/pricing/
  41. © 2021, Amazon Web Services, Inc. or its Affiliates. 

    AWS Amplify >9 ). % https://docs.amplify.aws AWS Summit 2021 40 Web& # "62 *5 AWS Amplify https://d1.awsstatic.com/events/jp/2021/summit-online/AWS- 47_AWS_Summit_Online_2021_FWM01.pdf $'! https://amplify-sns.workshop.aws/ja/ Amplify ,3"'7 https://aws-amplify-jp.github.io/resources Amplify Japan User Group Slack https://github.com/aws-amplify-jp/awesome-aws-amplify-ja#slack
  42. © 2021, Amazon Web Services, Inc. or its Affiliates. 1.

    34 2. . 5 4 . 3 5 . 3
  43. © 2021, Amazon Web Services, Inc. or its Affiliates. jk

    l qth m • SPASSG ã [email protected]+ SSR mail protected]:HPš(ƒº)~µ2Ì • JavaScriptRubyPHP YjAf^lA ÓÚ ’̶Ž™Ï ÔÀß²™Ï HBmfVgN6 Ÿxí • [email protected]:HP ÔÀß²2¯Þ/)g @:HP ‚¥!ÔÀß²2+™Ï / • [email protected]:HPšÔÀß²2±/, qÄ(™Ï
  44. © 2021, Amazon Web Services, Inc. or its Affiliates. )

    f ( 2 qu e • Next.js SSR “š • €·¤®!îº89XD7P[HN6lA ‡ˆ • SSR [HN6lA·IMP5MY°( AWS CloudFront + Amazon S3 + Lambda @ Edge 5=8lP}uœ • Nuxt.js “š! Feature Request +12!* *Nuxt.js <= Feature Request https://github.com/aws-amplify/amplify-console/issues/1860 **+4 https://aws.amazon.com/jp/blogs/mobile/host-a-next-js-ssr-app-with-real-time-data-on-aws-amplify/ ***CBAmplify Hosting  SSR -"%5 HD+&-"%5 @ ?F 8G 3 B @ 2 3 2  
  45. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner  H AWS      
  46. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner 3:= 2<")+ 2.   3.   1.    5,3 #$&$,
  47. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner ' (1)  $+
  48. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner ' (2) -!
  49. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner ' (3)  -!
  50. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner  #"  (0
  51. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner ;6 FlYh <mPHBmglA Ƈ0 j?lA­É FlYh IMP5MY
  52. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner ;6 FlYh <mPHBmglA Ƈ0 j?lA­É FlYh IMP5MY
  53. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner #) Python 3ÁNode.js 12Á€·¥!JmHCmQZmH OYj7  r flK7_€·¥!ClNRZmH OYj7 5,3 #$&$, JmHCmQZmH ClNRZmH • JmHCmQi\GPg $ [email protected] OYj7 • Python 3ÁNode.js 12Á flK7_2 w* • Amazon ECR (Elastic Container Registry) $ [email protected]O Yj7 *.(6)6!1575"&63*$6!>; '0/5&9A https://docs.aws.amazon.com/apprunner/latest/dg/service-source-code-python-releases.html https://docs.aws.amazon.com/apprunner/latest/dg/service-source-code-nodejs-releases.html
  54. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner ;6 FlYh <mPHBmglA Ƈ0 j?lA­É FlYh IMP5MY
  55. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner +% ( %(!&( & && & (( App Runner "  ' ' '
  56. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner - *#( + +'* D5 ''#(  " / % %% 1-/ % %% 1+/ OW;hP Ց{ 5,3 6&"625
  57. © 2021, Amazon Web Services, Inc. or its Affiliates. AWS

    App Runner ;6 FlYh <mPHBmglA Ƈ0 j?lA­É FlYh IMP5MY
  58. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner - Console  ) GC ÊjA:mG9lP2’Í/™Ï E: 45?F
  59. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner - Console  $ ' GC [email protected]:HP¢š¿ i7NlFHTTP 2XX 4XX 5XX 00 ¢ 2 App Runner ClJmh¸ðêÐ†É E: 45?F
  60. © 2021, Amazon Web Services, Inc. or its Affiliates. vCPU

    . 0.064 USD/¥é * `ag 1GB . 0.07 USD/¥é VhQ 7lHKlH * *$ 21&,#)"- -!--3 '(+<= *$21% -!--3  vCPU '(+<= https://aws.amazon.com/jp/apprunner/pricing/ AWS App Runner 8F.? ʃOYj7 5YgBmFel. 1 USD/¨ VhQ¥é 0.05 USD/
  61. © 2021, Amazon Web Services, Inc. or its Affiliates. App

    Runner -4 +! /1 0 RDS 2 Private VPC v ~µ[email protected]à ΢ ClNR2AhmY„ îº89XD7P[HN6lA Next.js SSR [HN6lA Amplify Hosting ECS t2v",â ! Solutions Architect ½Üñ and more… CDN :MG~µ(SSR) [email protected] 7lKmTMP|è 
  62. © 2021, Amazon Web Services, Inc. or its Affiliates. Online

    Ask An Expert (AAE) • a A LT T • eW LT T • G b b • LT T f e  
  63. © 2021, Amazon Web Services, Inc. or its Affiliates. 

    App Runner >, |”Q>c`lP https://docs.aws.amazon.com/apprunner/latest/dg/what-is-apprunner.html XjA https://aws.amazon.com/jp/blogs/news/introducing-aws-app-runner/ jmQ]MY https://github.com/aws/apprunner-roadmap/projects/1 ¡ŠÏ© https://github.com/aws/apprunner-roadmap/issues
  64. © 2021, Amazon Web Services, Inc. or its Affiliates. 1.

    34 2. . 5 4 . 3 . 3
  65. © 2021, Amazon Web Services, Inc. or its Affiliates. a

    • ( • • ) • ) • NR PS ) . ) E Amplify Hosting AWS App Runner  
  66. © 2021, Amazon Web Services, Inc. or its Affiliates. Thank

    you !