• ホーム
• GraphQL

カテゴリー：GraphQL

1. 10.09

   【GraphQL】「Apollo Server」について

   Apolloとは？ GraphQLを簡単に扱えるようにするためのバックエンド、フロントエンドライブラリです。 ApolloServerのインストール [crayon-687c06cb5eaef025696583/] Queryサンプ…

   • GraphQL
   • コメントを書く

2. 10.08

   【React】react-queryでGraphQLを使う

   サンプルコード GraphQLの操作情報は以下のように定義しておきます。指定したい情報を定義します。（下の例で言えばname) [crayon-687c06cb5f180429809494/] カスタムフックとして以下のhooksを定…

   • GraphQL, React
   • コメントを書く

3. 10.08

   【Next.js】「Hasura」と「Apollo Client」の連携

   Next.jsではクライアントサイドとサーバーサイドの処理を扱うことができるのでApolloClientを使う場合は処理の切り分けが重要になってきます。 サーバーサイドで実行される箇所（SSG、ISR：getStaticProps、get…

   • GraphQL, Hasura, Next.js, React
   • コメントを書く

4. 10.08

   【React】GraphQL &Apollo Clientでの状態管理

   REST API & Reduxの場合 グローバルストアにReduxを使ってコンポーネント間で状態管理します。 もしくは、最近はRecoilなども使われることも多いです。 GraphQL & Apollo Clie…

   • GraphQL, React
   • コメントを書く

5. 10.06

   【GraphQL】「graphql-codegen」について

   graphql-codegenとは？ GraphQLのデータ型を自動生成するパッケージです。 インストール [crayon-687c06cb5fbbb397173622/] What type of application are …

   • GraphQL
   • コメントを書く

6. 10.03

   【GraphQL】構成（「クエリ言語」、「スキーマ言語」）

   GraphQLは「クエリ言語」と「スキーマ言語」の二つに分かれます。 クエリ言語 スキーマ言語 クエリ言語 フロント側、リクエスト。ルート型で始まる。これを使うことでデータソースへのアクセスができます。 ルート型 …

   • GraphQL
   • コメントを書く

7. 08.14

   【GraphQL】GaphQLの基本、「Node」と「Edge」の概念について

   GraphQLとは？ 2012年にfacebook社が開発をスタートさせて、2015年にリリースされたWeb APIクエリ言語です。2018年にはGraphQL Foundationが設立された。 REST APIとの比較 REST …

   • GraphQL
   • コメントを書く