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とか有名(個人的見解)
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などで書くことができるフレーム ワーク
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. おわり