AppSyncで始めるGraphQL

Transcript

1. AppSyncで始めるGraphQL 2020/01/11 Kyoto.js #17 Ryosuke Izumi

2. Ryosuke Izumi ( is_ryo ) WebApplication / IoT AWS /

   Vue / TypeScript / Serverless v-kansai organizer @is_ryo

3. 今日のお伝えしたいこと

4. GraphQL はいいぞ。

5. GraphQL 使ったことありますか？

6. GraphQL

7. • APIのクエリ言語で、既存のデータでクエ リを実行するためのランタイム • レスポンスの内容を必要なものだけに指定 できる • あと特定のMutationをSubれる • Apolloとか有名(個人的見解)

8. None

9. AWS × GraphQL = ???

10. AWS × GraphQL = AppSync

11. AppSync

12. • AWSのサービスに対して、GraphQLで操作す るためのサービス • GraphQLを利用して、DynamoDBのデータを 操作したり、Lambdaをinvokeしたりすること ができる • 固定KeyやCognitoなどで認証をかけることが できる

13. AppSync のデプロイは AWS CDK が便利

14. AWS CDK

15. AWSCDK(Cloud Development Kit)は CloaudFormationのテンプレートファ イルを、TypeScriptやJavaScript、 Javaなどで書くことができるフレーム ワーク

16. None

17. くわしくはここらへんにソース置いてます https://github.com/ryo-is/cdk-templates /tree/master/lib/stacks/AppSync

18. そんな大層なんいらん…って方は AmplifyCLI が便利

19. https://aws-amplify.github.io/

20. https://aws-amplify.github.io/docs/

21. アプリから AppSync 使うのは Amplify Framework が便利

22. AWS Amplify Framework

23. https://aws-amplify.github.io/

24. https://aws-amplify.github.io/docs/

25. Vueでの使い方

26. Amplifyで利用するリソースの 設定ファイルを作る (AmplifyCLI でリソースをデプロイした場 合は自動的に生成されます)

27. main.ts でimportして有効化する

28. plugin にしてもいいかも

29. あとはよしなに使うだけ

30. まとめ

31. • AWSでGraphQLするならAppSync • AppSyncをデプロイするなら AWSCDK か AmplifyCLI • アプリからAppSyncを使うなら AmplifyFramework

    • GraphQLはいいぞ

32. おわり