フロントエンドエンジニアのためのAWSアーキテクチャ

Talked at "AWS Dev Day Online Japan" 2020.

Transcript

1. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   
   AWS
   
   Takuya Mizuma
   Prototyping Specialist Solution Architect
   Amazon Web Service Japan
   D a y 1 S e s s i o n T r a c k A - 3
   

   View Slide

2. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   ) (
   ( - ( - -
   ( -
   Ø pl huz gimv
   Ø A gimvezf E gimv TWc ao J
   Ø ( ( Ef ri W T
   S PR syznbzo ) - -
   S ( f ri (
   

   View Slide

3. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   JA
   •
   • ( )(
   () W
   • W
   • W SA
   

   View Slide

4. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   
   23.AS 4
   S W
   1.AS W
   

   View Slide

5. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   

   View Slide

6. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   
   
   ( ) )( (
   Web/Mobile
   .js
   .html
   .css
   /
   

   View Slide

7. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   
   
   () ( (
   Web/Mobile
   /
   

   View Slide

8. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   
   
   ( ( / (
   ) )
   A
   G G
   M
   

   View Slide

9. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
   In Partnership with
   

   View Slide

10. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    BC D
    A
    a b Ia
    bS W
    W b
    b
    /
    /
    / / /
    
    
    a
    /
    

    View Slide

11. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    fn A JPOgb kI Td in C D O
    C
    (
    M M M
    cW n U a T m U U
    Td
    n m
    )
    (
    m k
    I C
    M L
    C
    DLA
    (
    

    View Slide

12. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    C GAw jn
    b v GA n . # -
    n I u S n
    -
    • Gh
    l PW
    PW
    l
    Ne
    d
    • r t R
    r vy aJ
    so
    

    View Slide

13. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    b d W R G GPWd d R IE Wd L A
    ü R Wd
    d LI
    ü e La A
    R
    /
    

    View Slide

14. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ( G
    i e S a c u t rb osr ec
    y a G iIP
    ü ) c O
    ü MBQ D L (
    ü A h rn
    ü o m r rcQ i A
    c W
    

    View Slide

15. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ( ( P
    / /
    / : / / A
    :
    / :
    B / :
    / : : / A
    : A
    B
    ! /
    B D
    (
    /
    /
    E
    lt th cgihW
    h tqT
    h tq lt th LU
    H : A
    lt th
    esnpdsm ! / ger
    IHW
    

    View Slide

16. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    yw p
    y w NL w w wt
    z n Tc
    ü DQ w S
    ü wt bd w WR NL
    ü y A Z m G EnPB
    3
    ü yB I ae ü y w ae
    

    View Slide

17. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    DF o o ) S
    ü C P A 0 1
    ü
    ü C 6 W (
    ü N I2
    

    View Slide

18. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ( ) (
    g n bv t r i s gCS F
    g NWi . zs g Dh
    .
    /. . .
    9 99
    ü . zs g
    e c
    ü gCS
    e c
    ü % e mac D l ed
    u jA
    

    View Slide

19. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    r
    ü / nl dnP A I rG C
    ü / P r
    nl dnS D rS3
    n
    S dS io r
    

    View Slide

20. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    D BF
    CG
    S adi
    i W
    W fi
    P i W
    /
    /
    / / /
    bg P I A i W
    ce
    /
    

    View Slide

21. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    I D
    P
    c g
    r olsb
    ls
    ep i wl
    /
    /
    / / /
    y se t AC i wl
    udz d
    F n
    G BSL W
    /
    

    View Slide

22. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    D BF
    CG
    S adi
    i W
    W fi
    P i W
    /
    /
    / / /
    bg P I A i W
    ce
    $
    %! &
    
    "#
    /
    

    View Slide

23. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    

    View Slide

24. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    

    View Slide

25. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ü eW
    ü eW e
    ü eS
    eS eS
    f b
    

    View Slide

26. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    $
    a a D
    $ S a a Wa IA CB
    $
    

    View Slide

27. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    $
    a a D
    $ S a a Wa IA CB
    $
    

    View Slide

28. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    $
    Ly v S
    i l v y u F
    cpd
    A Cm v n B
    ü h hn ImDWepd
    t m gf v S
    ü no m l z B
    ep l
    

    View Slide

29. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ü LA O S W
    L O
    ü A A
    ) )
    L
    

    View Slide

30. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ü ( d // . o w o c
    ü 2 o CB B B
    ü A TWn s oP
    ü ) ) t an c B
    ü B o . . B pb w oN y
    t is ym z
    ü erS o y o f
    BB A DA : E A
    E A
    . E gshl H A H
    . .
    

    View Slide

31. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    

    View Slide

32. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    1 1
    . .
    1 1 .
    ü /
    ü /
    

    View Slide

33. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    CPW
    DE
    B
    ) A
    A
    ) I
    (
    c bd I
    B
    A
    d I
    B
    B
    G
    )
    a c
    A
    S c
    L )
    

    View Slide

34. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ] lwy
    f
    E
    ( C D
    D
    ( [
    )
    s [
    E
    D
    [
    E
    B
    E $
    S
    A
    vzm r
    D $
    y p
    ( $
    C
    D
    n
    ü D $)( agG e n
    D
    D
    D
    uo e Diwy ly
    D s d bhL f IiWP
    SL ( L f IiWP
    D A s d Ii
    

    View Slide

35. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    W f tw
    bL
    /E
    ( / C/D
    D
    (
    )/ /
    m w
    /E
    D /
    v s
    /E
    / /
    B
    /E
    / / A
    pug k
    D
    yt i
    ( /
    C
    v hGI
    ü D c [ v h
    ü r p ow a S ( zh
    h c
    ü A f l n bv h]
    P
    

    View Slide

36. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ü A P I
    ü P
    ü K L
    

    View Slide

37. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    2 2
    . .
    2 2 .2
    ü F
    ü A PF
    

    View Slide

38. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    . 0 0 0 0 0 2 emui
    !
    E 9 9 0 R jabp krb N
    ü F . 0A A j un
    su R 0 0 0 0 0 2 emui
    ü tgotd 9 9 . 20 L
    ü tgotd krb 0 0 0 0@9 R
    

    View Slide

39. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    g
    eg dg
    @
    h
    @
    CF
    ch PDB
    ch P I
    @
    @
    L d
    A Pa hP E
    

    View Slide

40. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    y p
    C A AB
    r
    E @A @
    C
    )
    D
    z
    E
    D
    A
    R
    b uiS
    A
    a $
    c ui
    E $ A
    E
    $ B A
    pv
    z oIL
    ü D $) ek P hz o
    D
    D
    R Wd Wi l
    D
    D B@ s g l ]
    i i [
    

    View Slide

41. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    u i t
    . @D @ . @ $@ B BC@
    pz k
    $ ( AB A @
    . @D
    $ .
    (
    $
    $ . $ .
    r o
    $
    B
    R
    ] y mb
    B
    $
    y mb
    $ B
    $
    C )@ B
    [ z ins
    rw g
    ü . @D @ AA )@ E @ dL
    rw g
    w mh s sa A @D @ AA d S
    F
    pz k brw g
    https://aws.amazon.com/jp/blogs/mobile/ssr-
    support-for-aws-amplify-javascript-libraries/
    I .. bv bcWP
    

    View Slide

42. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    ü S KPR prenra f ri SPRC
    ü f ri gl
    ü ln scmr gl
    ü L I k o gl S FA
    

    View Slide

43. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    .
    . . 3
    . . 3
    ü G C
    ü C G C
    ü G A
    G C
    

    View Slide

44. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    1 A2 hd e
    • 13 z -- w
    • i zkiuw zh 1 PLS
    • W g L e g zhuw z S
    / .- i zhuw z ocmi v 0 R
    A 2 3 2 1 1 A2 A 3 A
    1 A2 A 3 A
    A 2 3 G 1 A2 A 3 1 2
    1 A2 A 3 1 2
    A 2 3 A1 : A 1 A2 A 3 A AA 1 1
    1 A2 A 3 A AA 1 1
    apn .- Qhy e oni j lbr
    

    View Slide

45. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    JAMstack, Static Site Generator Architecture
    
    
    
    
    
    

    View Slide

46. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    D
    )
    B D
    B
    mrd o
    ( A
    GJ IS
    o ikp
    A D
    / irgfre
    D A C
    mrd I LHWirg
    fre M
    Q mrd o I
    , A A A A A A AB
    neh b
    D
    

    View Slide

47. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    JAMstack, Static Site Generator Architecture Key Points
    ü C e p
    ü C e ba m p
    ü ba A of n ob l b
    I m peG I
    

    View Slide

48. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    • AWS Amplify
    $(!
    • $#'
    "
    &%
    
    

    View Slide

49. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    Amplify
    
    Day 1, 10/20
    AWS Amplify
    11:45 – 12:25 | Track B
    Day 2, 10/21
    Amplify CLI Deep Dive
    14:30 – 15:00 | Track F
    Day 3, 10/22
    CTOAWS Amplify
    
    13:00 – 15:00 | WSB-2
    

    View Slide

50. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    WS N W W
    https://amplify-sns.workshop.aws/ja/
    https://aws.amazon.com/jp/blogs/news/webinar-bb-aws-amplify-2020/
    ü B
    ü R
    fc ec W h
    ü WS A
    ü W
    W h
    

    View Slide

51. Thank you!
    © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    In Partnership with
    
    Contact information
    @mizuma_t
    tamizuma@amazon.co.jp
    

    View Slide