Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AppSyncで始めるGraphQL
Search
is_ryo
January 11, 2020
Programming
1
590
AppSyncで始めるGraphQL
is_ryo
January 11, 2020
Tweet
Share
More Decks by is_ryo
See All by is_ryo
Unknownのことをちゃんと知りたい_関西フロントエンド忘年会
[email protected]
× KINTOテクノロジーズ
is_ryo
0
12
tRPC入門
is_ryo
1
220
TypeScriptでWebAssemblyに入門しよう
is_ryo
0
220
Honoが良さそう🔥
is_ryo
1
1k
LambdaのNodejsをアップデートしたら困った話
is_ryo
2
1.2k
頑張らないオレオレVuex規約を作った話
is_ryo
4
2.7k
Other Decks in Programming
See All in Programming
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
730
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
300
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
180
チームリードになって変わったこと
isaka1022
0
190
Ruby on cygwin 2025-02
fd0
0
140
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
sappoRo.R #12 初心者セッション
kosugitti
0
230
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
Formの複雑さに立ち向かう
bmthd
1
720
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
A better future with KSS
kneath
238
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Code Reviewing Like a Champion
maltzj
521
39k
Designing for humans not robots
tammielis
250
25k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
AppSyncで始めるGraphQL 2020/01/11 Kyoto.js #17 Ryosuke Izumi
Ryosuke Izumi ( is_ryo ) WebApplication / IoT AWS /
Vue / TypeScript / Serverless v-kansai organizer @is_ryo
今日のお伝えしたいこと
GraphQL はいいぞ。
GraphQL 使ったことありますか?
GraphQL
• APIのクエリ言語で、既存のデータでクエ リを実行するためのランタイム • レスポンスの内容を必要なものだけに指定 できる • あと特定のMutationをSubれる • Apolloとか有名(個人的見解)
None
AWS × GraphQL = ???
AWS × GraphQL = AppSync
AppSync
• AWSのサービスに対して、GraphQLで操作す るためのサービス • GraphQLを利用して、DynamoDBのデータを 操作したり、Lambdaをinvokeしたりすること ができる • 固定KeyやCognitoなどで認証をかけることが できる
AppSync のデプロイは AWS CDK が便利
AWS CDK
AWSCDK(Cloud Development Kit)は CloaudFormationのテンプレートファ イルを、TypeScriptやJavaScript、 Javaなどで書くことができるフレーム ワーク
None
くわしくはここらへんにソース置いてます https://github.com/ryo-is/cdk-templates /tree/master/lib/stacks/AppSync
そんな大層なんいらん…って方は AmplifyCLI が便利
https://aws-amplify.github.io/
https://aws-amplify.github.io/docs/
アプリから AppSync 使うのは Amplify Framework が便利
AWS Amplify Framework
https://aws-amplify.github.io/
https://aws-amplify.github.io/docs/
Vueでの使い方
Amplifyで利用するリソースの 設定ファイルを作る (AmplifyCLI でリソースをデプロイした場 合は自動的に生成されます)
main.ts でimportして有効化する
plugin にしてもいいかも
あとはよしなに使うだけ
まとめ
• AWSでGraphQLするならAppSync • AppSyncをデプロイするなら AWSCDK か AmplifyCLI • アプリからAppSyncを使うなら AmplifyFramework
• GraphQLはいいぞ
おわり