Slide 1

Slide 1 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Yuki Yoshida アマゾンウェブサービスジャパン株式会社 プロフェッショナルサービス本部 2020/7/31 痒いところに⼿が届くAmplify AWS Amplify Meetup#01

Slide 2

Slide 2 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. アジェンダ #0 AWS Amplifyとは #1 Amplify CLIをよりセキュアに利⽤するTips #2 最近の機能アップデート紹介 ※今後のロードマップに関するご質問はお答え出来ませんのでご了承下さい

Slide 3

Slide 3 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. #0 AWS Amplifyとは

Slide 4

Slide 4 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS Amplify Amplify Framework 静的ウェブホスティングサービスであり、静的ウェブアプ リケーションを構築およびデプロイするためのシンプルな CI/CD ワークフローを提供することにより、アプリケー ションのリリースサイクルを加速 AWS Amplify Console ü Amplify CLI ü Amplify ライブラリ ü UIコンポーネント

Slide 5

Slide 5 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Framework Amplify CLI Amplifyライブラリ UIコンポーネント

Slide 6

Slide 6 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. #1 Amplify CLIをよりセキュア に利⽤するTips

Slide 7

Slide 7 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Amplify CLIの使い⽅ $ npm install -g @aws-amplify/cli $ (amplify configure) $ amplify init $ amplify add xxx $ amplify push https://docs.amplify.aws/cli/start/install amplify configure?

Slide 8

Slide 8 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. amplify configure IAM user(AdministratorAccess Policy)を 作成するフローに乗せてくれる

Slide 9

Slide 9 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Q︓Amplify CLIはAdministratorAccessポリシーを付与 するしかないの︖ A: 権限は必要最小限で

Slide 10

Slide 10 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Amplifyで扱えるサービスが追加されたら都度ポリシー を更新する必要があります Amplify CLIに必要なポリシーは以下に記載されている https://docs.amplify.aws/cli/usage/iam 「Cognitoの作成をさせない」などポリシーで調整 ※AWS Amplify ConsoleのIAMロールにつけるポリシーは別

Slide 11

Slide 11 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Q︓Amplify CLIをセキュアに使うにはどうすれば良いの︖ A: IAMロール(+MFA) AWS CLIと考え方は同じ

Slide 12

Slide 12 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 絵で書くと IAM Role amplify Policy 信頼関係 aws:MultiFactorAuthPresent: true IAM User STS Only Policy temporary credentials credential MFA Token + Amplify CLI IAM { "Version": "2012-10-17", "Statement": [ { "Effect": "Allow", "Action": "sts:AssumeRole", "Resource": "" } ] } ~/.amplify/awscloudformation/cache.json amplify init https://docs.amplify.aws/cli/usage/iam-roles-mfa ~/.aws/config

Slide 13

Slide 13 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. デモ https://youtu.be/d8K2ed9HpHk

Slide 14

Slide 14 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. #2 最近の機能アップデート紹介

Slide 15

Slide 15 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 最近のアップデート 7/8 Amplify CLIは、Lambdaレイヤーをサポートしました 6/24 Amplify Consoleは、ブランチのカスタムサブドメインを⾃動的に作成&削除す る機能をサポートしました 6/16 Amplify Consoleは、Monorepoをサポートしました 5/27 Amplifyライブラリ iOS & Androidが⼀般提供開始(GA) 4/9 Amplify ライブラリ 新設計されたJavaScriptのUIコンポーネント 4/6 Amplify CLIは、追加のLambdaランタイム(Java、Go、.NET、Python)およ びLambda cronジョブのサポート

Slide 16

Slide 16 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Amplify CLIは、Lambdaレイヤーをサポートしました Lambdaレイヤーの作成、デプロイ、細かな設定が可能

Slide 17

Slide 17 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. デモ https://youtu.be/FyebKxAUbGg

Slide 18

Slide 18 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Amplify Consoleは、ブランチのカスタムサブドメイン を⾃動的に作成&削除する機能をサポート master B feature-xxx C www.yshd.xyz feature-xxx.yshd.xyz A(200) C(200) B(200) ☓ ※Basic認証可 A

Slide 19

Slide 19 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Amplify Consoleは、Monorepoをサポートしました monorepo で管理されるプロジェクトを簡単にデプロイ monorepo = amplify.ymlにappRootを指定する 共通のアセット含む複数のアプリで構成された 単⼀のリポジトリ

Slide 20

Slide 20 text

© 2020, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Thank you!!