Open4
GraphQL × NestJS周りのキャッチアップ
README
GraphQLとNestJSの簡単なキャッチアップ。ドキュメントとか動画見漁っていく
GraphQLの基本
-
GraphQLのイメージつかめる
- APIのクエリ言語
- クエリ言語=問い合わせのための言語。Googleなら日本語を検索フォームに入力すればよい
- イメージだけまとめるとウェイターさんに「こういう指示がきたらこう動いてくださいよ〜」という指示をするための言語
- APIのクエリ言語
-
REST APIとの違い
-
ひとつのエンドポイントで複数のリソースのデータを取得できるのがメリット(RESTだとひとつひとつアクセスする必要があった)
-
RESTはオーバーフェッチングがデメリット
-
どの情報がほしいのか?カスタマイズ可能。余分な情報が返ってこず、オーバーフェッチング市内
-
また型指定するため、データがより明確になる
-
ハンズオン
下記のオペレーションがGraphQL
query ExampleQuery {
test {
title
author
}
}
NestJSとGraphQL、graphql-codegenあたりの話
Nest.js × Next.js × GraphQL × Drizzle × graphql-codegen のハンズオン
※これ普通に記事にできそうではある
→副業先の技術スタックで1回ちょっとしたアプリ作ってみるのはあり