知識チェック

1.

Gatsby アプリでページを作成するにはどうすればよいですか?

pages ディレクトリに React コンポーネントを作成する。

プロジェクト内の任意の場所にコンポーネントを作成する。 Gatsby によってディレクトリで React コンポーネントがスキャンされる。

コンポーネント名に Page プレフィックスを付けてコンポーネントを作成する。

マークダウンファイルを作成し、pages ディレクトリに配置する。

2.

ページコンポーネントの既定の URL を設定するにはどうすればよいですか?

設定しない。 Gatsby によって自動的に行われる。

gatsby-node.js ファイルで Gatsby API を実装することにより、ルートを設定する。

App.js エントリコンポーネントを作成し、その中に、各ルートの Route コンポーネントとリゾルバーコンポーネントを作成する。

pages ディレクトリに React コンポーネントを作成し、registerRoute() メソッドを呼び出して、コンポーネントと共にルートを文字列として渡す。

3.

ページコンポーネントでメモリ内データグラフのデータを使用するにはどうすればよいですか?

ページコンポーネントを作成し、GraphQL クエリを含む query 変数を定義する。次に、コンポーネントでクエリの応答をレンダリングする。

フェッチ要求を行い、コンポーネントで応答をレンダリングする。

Gatsby の Data コンポーネントを使用し、query プロパティにクエリを設定して、その render プロパティでページコンポーネントをレンダリングする。

useData() 関数を使用し、それにパラメーターとしてクエリを渡す。関数から、GraphQL 応答を含むオブジェクトが data プロパティで返される。

4.

Azure Static Web Apps サービスを使用して Gatsby アプリをデプロイするには、どのような事前ステップを実行する必要がありますか?

変更を Git リポジトリにコミットし、プロジェクトをビルドして、GitHub にプッシュする

変更を Git リポジトリにコミットし、GitHub にプッシュする

gatsby build を実行して、デプロイ可能なディレクトリを作成する。生成された build ディレクトリをターボールに圧縮する。ターボールを Azure Static Web Apps サービスにアップロードできる。

gatsby deploy を実行する。これにより、Azure Static Web Apps サービスにデプロイできるバイナリが作成される。

自分の知識をチェックする