リレーションシップ テーブルの結合に関してですね。HasuraのWebコンソール上から設定できます。 ユニークなどの外部キー制約の設定（Hasuraのリレーションでは必須になります。） One to One（Object …

• Hasura
• コメントを書く

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

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

SSG(Static Site Generation)とは？ 事前にサーバーサイドでデータを取得するのでブラウザのJavaScriptが無効になっていてもデータを読み込むことができます。 初回のビルドを前もってやっておくのでページの…

• Next.js
• コメントを書く

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

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

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

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

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

• GraphQL
• コメントを書く

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

• GraphQL
• コメントを書く

関数オブジェクト JavaScriptは以下のように関数も変数に代入できたりしますが、関数自体もオブジェクトになります。 [crayon-64826f3a63dfd618905971/] こうするとaddという変数に対して関数オブジェ…

• JavaScript
• コメントを書く

JavaScriptエンジンとは？ ブラウザの中に組み込まれているプログラムです。JavaScriptの実行した計算などを全て行なってくれます。 役割 演算の実行 グローバルオブジェクトを起動時に生成してくれる。 …

• JavaScript
• コメントを書く

constructor関数にprivate修飾子をつける constructor関数にprivate修飾子をつけます。 [crayon-64826f3a64928756982664/] そうすると外部からnewできなくなります。 […

• TypeScript
• コメントを書く