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

モダンなWebアプリを楽々デプロイ!! AWS Amplify Console

119659c28d16f22d01eb48a6f3ee1391?s=47 TomoyaIwata
December 05, 2018

モダンなWebアプリを楽々デプロイ!! AWS Amplify Console

HIGOBASHI.AWS 第9回 AWS re:Invent 2018 報告会で発表したスライドです

119659c28d16f22d01eb48a6f3ee1391?s=128

TomoyaIwata

December 05, 2018
Tweet

More Decks by TomoyaIwata

Other Decks in Technology

Transcript

  1. 1 Web   AWS Amplify Console

  2. & .-*  (2  ,0'/4"# 51  83;7 +)

    !&%$9( 6:  Attention
  3. # higobashiaws 3 (*" l   l2018 5 l-Sier

    l'  l'(C/S$LAMP$) lAWS&+ lre:invent  % ), !# !#
  4. 4 Amplify??

  5. # higobashiaws 5 AWS Amplify?? AWS*'&JavaScript 3# (AWS SDK for

    JavaScript  $2  -%/,  üCognito)+). üS3 !  üAPI0" 1 https://dev.classmethod.jp/server-side/serverless/aws-amplify-getting-started/
  6. # higobashiaws 6 Amplify CLI CLI * Web  

    ! '#(& % " üCognito&$ üS3&$ üAPI &$ ) https://aws.amazon.com/jp/about-aws/whats-new/2018/08/annoucing-aws-amplify-cli-toolchain/
  7. # higobashiaws 7 Amplify CLI

  8. 8 Amplify Console!!

  9. # higobashiaws 9 Amplify Console Re:inventMidnight Madness

  10. # higobashiaws 10 Amplify Console

  11. # higobashiaws 11 Amplify Console  %) Web$'&)0CI/CD" Web$'#()) !)

    $ (43.    AWS Mobile HubAWS Amplify*- +/'&)2,1
  12. # higobashiaws 12 Amplify Console CDN # &$ CI 

    Basic  "! %
  13. # higobashiaws 13   SPA 

  14. # higobashiaws 14   $   üGitHub üGitLab

    üBitBucket üAWS CodeCommit &  "!    #)  %GitLab
  15. # higobashiaws 15 "  ! ü # ü 

      
  16. # higobashiaws 16 ( ! ' ü "# ! $

     % &  
  17. # higobashiaws 17  3   ü  

  18. # higobashiaws 18 !     

  19. # higobashiaws 19   

  20. # higobashiaws 20  l    $0.01 /

     lNW $0.023 / GB l   $0.15 / GB
  21. 21 Demonstration!!

  22. 22    

  23. # higobashiaws 23 Amplify CLI62 üaws-amplify/cli@multienv('G)= $ .#*F7 EC!&-@< ü/;multienvG):9B3

    !,"*%+AD?   HAmplify CLI84 10amplify migrate (," > 5 https://aws-amplify.github.io/docs/cli/multienv
  24. # higobashiaws 24  "!# ü "!amplify add xxx Cloud

    Formation  ü Git  #PUSH
  25. # higobashiaws 25      

  26. # higobashiaws 26  &#) üenvCache –set /.() +,0 üenvCache

    --get 0+,"%/.($  ü/.($STACKINFO '* amplifyPush -!(
  27. # higobashiaws 27  lAmplify.!,9 )#.Web'+$'- A?3   lAmplify

    CLImultienv%*.("@:6 l++ 71& 21><5;/ 2148><5; 0=  
  28. # higobashiaws Thank you!! 28