作って学ぶ GraphQL

Go Conference mini 2022 Autumn IN Sendai の発表スライドです。
GraphQL についてまとめてみました。

Transcript

1. 作って学ぶ GraphQL Go Conference mini 2022 Autumn IN SENDAI Kyo Sato
2. Shopify No-Code Mobile-App VIP Appify ってなに？
3. Contents - 自己紹介 - GraphQL について - 終わりに
4. Contents - 自己紹介 - GraphQL について - 終わりに
5. - GraphQL について理解を深めたかった - GraphQL を導入することで得られる メリットについて整理したかった - Appify で使用されている技術 理由
6. 自己紹介
7. 自己紹介 Name: きょー。 HN: Keyl0ve Hobby: 温泉、旅行、食べ歩 Univ. : 会津大学 B3
8. GraphQLについて 目標： - GraphQL という技術を広める - 実際にサーバを立てて試してもらう
9. GraphQL - Facebook - OSS - API のために作られた クエリ言語 - 既存のデータに対するクエリ を実行するランタイム
10. GraphQL のメリット -クライアントはスキーマをもとに、 欲しいフィールドだけをリクエストできる -リレーションがある値は一度のリクエストで 取得できる -スキーマをもとに開発するので型の不一致が 起きない
11. GraphQL のメリット -クライアントはスキーマをもとに、 欲しいフィールドだけをリクエストできる -リレーションがある値は一度のリクエストで 取得できる -スキーマをもとに開発するので型の不一致が 起きない
12. GraphQL のメリット -クライアントはスキーマをもとに、 欲しいフィールドだけをリクエストできる -リレーションがある値は一度のリクエストで 取得できる -スキーマをもとに開発するので型の不一致が 起きない
13. REST vs GraphQL https://qiita.com/shunp/items/d85fc47b33e1b3a88167
14. REST vs GraphQL HTTP requests HTTP responses GET /api/user?id=1 GET /api/address?user_id=1 { ”id” : 1, “name” : “user1” } { ”street” : “Aoba street”, “city” : “Sendai city” }
15. REST vs GraphQL HTTP requests HTTP responses GET /api/user?id=1 GET /api/address?user_id=1 { ”id” : 1, “name” : “user1” } { ”street” : “Aoba street”, “city” : “Sendai city” } ２回 API を叩いてる！！
16. REST vs GraphQL HTTP requests HTTP responses GET /api/user?id=1 GET /api/address?user_id=1 { ”id” : 1, “name” : “user1” } { ”street” : “Aoba street”, “city” : “Sendai city” } ２回 API を叩いてる！！
17. REST vs GraphQL HTTP requests HTTP responses POST /graphql query { user（id: 1）{ id } } { ”user” : { “id”: 1, } }
18. REST vs GraphQL HTTP requests HTTP responses POST /graphql query { user（id: 1）{ id name } } { ”user” : { “id”: 1, “name”: “user1” } }
19. REST vs GraphQL HTTP requests HTTP responses POST /graphql query { user（id: 1）{ id name address{ street city } { ”user” : { “id”: 1, “name”: “user1”, “address”: { “street”: “Aoba street”, “city”: “Sendai city” } } }
20. REST vs GraphQL HTTP requests HTTP responses POST /graphql query { user（id: 1）{ id name address{ street city } { ”user” : { “id”: 1, “name”: “user1”, “address”: { “street”: “Aoba street”, “city”: “Sendai city” } } } 1 回 API を叩くだけで良い
21. GitHub の repository を取ってくる REST https://api.github.com/users/Keyl0ve/repos GraphQL https://api.github.com/graphql
22. GitHub の repository を取ってくる REST https://api.github.com/users/Keyl0ve/repos GraphQL https://api.github.com/graphql 通信の効率は GraphQL の方が上
23. GraphQL のメリット -クライアントはスキーマをもとに、 欲しいフィールドだけをリクエストできる -リレーションがある値は一度で取得できる -スキーマをもとに開発するので型の不一致が 起きない
24. 強い型付けが採用されている - パラメータの定義には、スキーマ 定義言語（SDL）が使用されてい る - クライアントに公開されるすべて のAPIはSDLで記述されている
25. GraphQL のデメリット - クエリが複雑になる可能性 - クエリ伝播の問題につながるかもしれ ない - 学習の難しさ - 特にスキーマの設計
26. クエリ伝播の問題、スキーマ設計の難しさ query { user（id: 1）{ id name address{ street city history{ people awards{ year{ awardName personName } } sample{ sample sample sample } sample{ sample
27. クエリ伝播の問題、スキーマ設計の難しさ query { user（id: 1）{ id name address{ street city history{ people awards{ year{ awardName personName } } sample{ sample sample sample } sample{ sample スキーマを把握していないと、サーバー にとって非常に時間のかかる処理のクエ リを送ってしまう可能性がある
28. GraphQL サーバを立てよう - gqlgen を使ってサーバ 立ててみた - request から respons まで
29. https://qiita.com/Keyl0ve/items/e88b83c13fb86b7c9908 GraphQL、gqlgen を使って サーバ を立てる
30. 終わりに GraphQL、REST 使い分け の判断が重要
31. Thanks for listening !! Twitter: Keyl0ve_