カテゴリー:GraphQL
-
【Rails】graphqlを扱う。
11.08
インストール [crayon-63e1519b44bf1551429146/] 生成コマンド [crayon-63e1519b44c03419672940/] 特定のモデルを生成 すでにDBにデータが存在している場合 [cray…
-
サブスクリプションとは? GraphQLサーバーからリアルタイム更新を取得することです。 具体的にはサーバーが何かしらの更新を行った時にリアルタイムにクライアントに通知することです。 Query、Mutationとの違いは? G…
-
Apolloとは? GraphQLを簡単に扱えるようにするためのバックエンド、フロントエンドライブラリです。 ApolloServerのインストール [crayon-63e1519b45ca5773750100/] Queryサンプ…
-
サンプルコード カスタムフックとして以下のhooksを定義します。 [crayon-63e1519b46470989458322/] request REST APIで言うところのAxiosになります。GraphQLの場合はrequ…
-
Next.jsではクライアントサイドとサーバーサイドの処理を扱うことができるのでApolloClientを使う場合は処理の切り分けが重要になってきます。 サーバーサイドで実行される箇所(SSG、ISR:getStaticProps、get…
-
REST API & Reduxの場合 グローバルストアにReduxを使ってコンポーネント間で状態管理します。 GraphQL & Apollo Clientの場合 GraphQLとApollo Clientの場合はグ…
-
graphql-codegenとは? GraphQLのデータ型を自動生成するパッケージです。 インストール [crayon-63e1519b47a4e898553337/] What type of application are …
-
オブジェクトタイプとは? 1つ以上のスキーマで定義されているフィールドの集合をオブジェクトタイプ(型)と呼びます。JSONのように入れ子にすることが可能です。 サンプル(Node.jsのexpress) [crayon-63e1519…
-
フロントからはGraphQL APIに直接クエリを実行することもできるが専用のクライアントライブラリを使用すると作業が簡単になります。 Relay GraphQLを利用してReactアプリケーションを構築するためのFacebookのJS…
-
GraphQLはサーバー構築が必須になります。 GraphQL-JS node.jsのExpress.jsで使用できるGraphQLのオリジナルリファレンス実装 GraphQL Yoga ExpressとApolloサーバー上に構築…