AppSyncで始めるGraphQL

F185d3ea1c138a5fa4efb845967938bb?s=47 is_ryo
January 11, 2020

 AppSyncで始めるGraphQL

F185d3ea1c138a5fa4efb845967938bb?s=128

is_ryo

January 11, 2020
Tweet

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. おわり