サンプルコード GraphQLの操作情報は以下のように定義しておきます。指定したい情報を定義します。（下の例で言えばname) [crayon-67d863f095985191486496/] カスタムフックとして以下の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-67d863f09692e924047512/] What type of application are …

• GraphQL
• コメントを書く

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

• GraphQL
• コメントを書く

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

• JavaScript
• コメントを書く

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

• JavaScript
• コメントを書く

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

• TypeScript
• コメントを書く

ロードパスとは？ requireなどがファイルを参照する際に使用するディレクトリパスのことです。 例 config/application.rbの中に「require "rails"」という記述がありますが、ロードパスの記述を辿ってR…

• Ruby on Rails
• コメントを書く