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
630
AppSyncで始めるGraphQL
is_ryo
January 11, 2020
Tweet
Share
More Decks by is_ryo
See All by is_ryo
生成AIとエンジニアの仕事と私~実践知を添えて~
is_ryo
0
73
Unknownのことをちゃんと知りたい_関西フロントエンド忘年会
[email protected]
× KINTOテクノロジーズ
is_ryo
0
35
tRPC入門
is_ryo
1
280
TypeScriptでWebAssemblyに入門しよう
is_ryo
0
290
Honoが良さそう🔥
is_ryo
1
1.1k
LambdaのNodejsをアップデートしたら困った話
is_ryo
2
1.3k
頑張らないオレオレVuex規約を作った話
is_ryo
4
2.8k
Other Decks in Programming
See All in Programming
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
490
プログラマのための作曲入門
cheebow
0
540
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
bicstone
4
1.5k
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
340
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
kobakei
0
490
CSC509 Lecture 06
javiergs
PRO
0
240
Swift Concurrency - 状態監視の罠
objectiveaudio
2
460
CSC305 Lecture 04
javiergs
PRO
0
250
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
590
CSC305 Lecture 03
javiergs
PRO
0
230
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
380
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Automating Front-end Workflow
addyosmani
1371
200k
Docker and Python
trallard
46
3.6k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
A better future with KSS
kneath
239
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
Visualization
eitanlees
148
16k
The Pragmatic Product Professional
lauravandoore
36
6.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
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はいいぞ
おわり