Open4

GraphQL × NestJS周りのキャッチアップ

Yusuke InaiYusuke Inai

GraphQLの基本

  • GraphQLのイメージつかめる

    • APIのクエリ言語
      • クエリ言語=問い合わせのための言語。Googleなら日本語を検索フォームに入力すればよい
      • イメージだけまとめるとウェイターさんに「こういう指示がきたらこう動いてくださいよ〜」という指示をするための言語
  • REST APIとの違い

  • ひとつのエンドポイントで複数のリソースのデータを取得できるのがメリット(RESTだとひとつひとつアクセスする必要があった)

  • RESTはオーバーフェッチングがデメリット

  • どの情報がほしいのか?カスタマイズ可能。余分な情報が返ってこず、オーバーフェッチング市内

  • また型指定するため、データがより明確になる

  • ハンズオン

下記のオペレーションがGraphQL

query ExampleQuery {
  test {
    title
    author
  }
}

https://zenn.dev/y_yuita/articles/d08b8691b72e87

https://www.youtube.com/watch?v=u8vD2NESjC0

Yusuke InaiYusuke Inai

Nest.js × Next.js × GraphQL × Drizzle × graphql-codegen のハンズオン

※これ普通に記事にできそうではある
→副業先の技術スタックで1回ちょっとしたアプリ作ってみるのはあり