fix

Author: grgr-dkrk

docs/tutorial/part-seven/index.md

@@ -1,5 +1,5 @@
 ---
-title: データからプログラムによるページを作成する
+title: プログラムでデータからページを生成する
 typora-copy-images-to: ./
 disableTableOfContents: true
 ---
@@ -8,22 +8,22 @@ disableTableOfContents: true
 
 ## このチュートリアルは何ですか？
 
-前回では Markdown を取得して、ブログ投稿のタイトルと抜粋のリストを作成し、すばらしい index ページを作成しました。しかし、抜粋の表示だけではなく、実際の Markdown を表示するページが必要です。
+前回では Markdown を取得して、ブログ投稿のタイトルと抜粋のリストを生成し、すばらしい index ページを作成しました。しかし、抜粋の表示だけではなく、実際の Markdown を表示するページが必要です。
 
-`src/pages`に React コンポーネントを設置することで、ページの作成を続けることができますが、今回は**データ**から**プログラムで**ページを作成する方法を学びます。 Gatsby は多くの静的サイトジェネレーターのように、ページの作成をファイルに**限定しません**。 Gatsby は GraphQL を使用して**データ**を取得し、ビルド時にクエリの結果を**マッピング**できます。これはとても強力なアイディアです。このチュートリアルで、その意味と実装の手順を掘り下げていきます。
+`src/pages`に React コンポーネントを設置することで、ページの作成を続けることができますが、今回は**データ**から**プログラムで**ページを生成する方法を学びます。 Gatsby は多くの静的サイトジェネレーターのように、ページの生成をファイルに**限定しません**。 Gatsby は GraphQL を使用して**データ**を取得し、ビルド時にクエリの結果を**マッピング**できます。これはとても強力なアイディアです。このチュートリアルで、その意味と実装の手順を掘り下げていきます。
 
 さっそく始めましょう。
 
-## ページのスラッグの作成
+## ページのスラッグの生成
 
-ページの作成には 2 つの手順があります。
+ページの生成には 2 つの手順があります。
 
 1.  ページのパスかスラッグを生成する。
-2.  ページを作成する。
+2.  ページを生成する。
 
-_**ヒント**: 多くのデータソースは、コンテンツのスラッグやパスを直接提供します。それらを提供するシステム(CMS など)で作業をする場合は、 Markdown のように自分でスラッグを作成する必要はありません。_
+_**ヒント**: 多くのデータソースは、コンテンツのスラッグやパスを直接提供します。それらを提供するシステム(CMS など)で作業をする場合は、 Markdown のように自分でスラッグを生成する必要はありません。_
 
-Markdown のページを作成するために、2 つの Gatsby API を学びます。
+Markdown のページを生成するために、2 つの Gatsby API を学びます。
 [`onCreateNode`](/docs/node-apis/#onCreateNode) と
 [`createPages`](/docs/node-apis/#createPages) です。この 2 つは、多くのサイトやプラグインで使用されている主力の API です。
 
@@ -37,7 +37,7 @@ exports.onCreateNode = ({ node }) => {
 }
 ```
 
-`onCreateNode` 関数は、新しいノードが作成（または更新）されたるたびに Gatsby によって呼び出されます。
+`onCreateNode` 関数は、新しいノードが生成（または更新）されたるたびに Gatsby によって呼び出されます。
 
 開発用のサーバーを再起動してください。すると、多数のノードがターミナルのコンソールに記録されます。
 
@@ -55,7 +55,7 @@ exports.onCreateNode = ({ node }) => {
 }
 ```
 
-ページのスラッグを作成するために、各 Markdown のファイル名が必要です。`pandas-and-bananas.md` なら `/pandas-and-bananas/` になります。しかし、どうやって `MarkdownRemark` ノードからファイル名を取得するのでしょうか？`File` ノードには、あなたが必要としているファイルの情報が含まれているので、ノードのつながりから**親の**`File` ノードまで**辿る**必要があります。それを行うために、関数を再度変更します。
+ページのスラッグを生成するために、各 Markdown のファイル名が必要です。`pandas-and-bananas.md` なら `/pandas-and-bananas/` になります。しかし、どうやって `MarkdownRemark` ノードからファイル名を取得するのでしょうか？`File` ノードには、あなたが必要としているファイルの情報が含まれているので、ノードのつながりから**親の**`File` ノードまで**辿る**必要があります。それを行うために、関数を再度変更します。
 
 ```javascript:title=gatsby-node.js
 // highlight-next-line
@@ -73,7 +73,7 @@ exports.onCreateNode = ({ node, getNode }) => {
 
 ![markdown-relative-path](markdown-relative-path.png)
 
-次に、スラッグを作成する必要があります。ファイル名からスラッグを作成するロジックは複雑になりがちです。`gatsby-source-filesystem` プラグインにはスラッグを作成する関数が付属されているので、それを使用しましょう。
+次に、スラッグを生成する必要があります。ファイル名からスラッグを生成するロジックは複雑になりがちです。`gatsby-source-filesystem` プラグインにはスラッグを生成する関数が付属されているので、それを使用しましょう。
 
 ```javascript:title=gatsby-node.js
 const { createFilePath } = require(`gatsby-source-filesystem`) // highlight-line
@@ -85,11 +85,11 @@ exports.onCreateNode = ({ node, getNode }) => {
 }
 ```
 
-この関数はスラッグの作成とともに、 親の `File` ノードの探索を処理します。サーバーを再起動すると、Markdown ごとに 1 つずつ、計 2 つのスラッグがターミナルに表示されます。
+この関数はスラッグの生成とともに、 親の `File` ノードの探索を処理します。サーバーを再起動すると、Markdown ごとに 1 つずつ、計 2 つのスラッグがターミナルに表示されます。
 
-これで新しいスラッグを `MarkdownRemark` ノードに直接追加できます。これは、ノードに追加したデータを後から GraphQL で取得できるので、強力です。新しくページを作成する時に、スラッグを簡単に取得できます。
+これで新しいスラッグを `MarkdownRemark` ノードに直接追加できます。これは、ノードに追加したデータを後から GraphQL で取得できるので、強力です。新しいページを生成する時に、スラッグを簡単に取得できます。
 
-そのためには、[`createNodeField`](/docs/actions/#createNodeField) と呼ばれる関数を使用します。この関数を使用すると、他のプラグインにより作成されたノードに、追加のフィールドを作成できます。ノードを変更できるのは元の作成者のみなので、他のプラグイン（`gatsby-node.js`を含む）は、フィールドを追加するためにこの関数を用いる必要があります。
+そのためには、[`createNodeField`](/docs/actions/#createNodeField) と呼ばれる関数を使用します。この関数を使用すると、他のプラグインにより生成されたノードに、フィールドを追加できます。ノードを変更できるのは元の作成者のみなので、他のプラグイン（`gatsby-node.js`を含む）は、フィールドを追加するためにこの関数を用いる必要があります。
 
 ```javascript:title=gatsby-node.js
 const { createFilePath } = require(`gatsby-source-filesystem`)
@@ -125,9 +125,9 @@ exports.onCreateNode = ({ node, getNode, actions }) => {
 }
 ```
 
-これでスラッグが作成され、ページを作成できます。
+これでスラッグが生成され、ページを生成できます。
 
-## ページを作成する
+## ページを生成する
 
 `gatsby-node.js` ファイルに、以下を追加します。
 
@@ -171,16 +171,16 @@ exports.createPages = async ({ graphql, actions }) => {
 
 プラグインがページを追加できるように Gatsby が呼びだす [`createPages`](/docs/node-apis/#createPages) API を追加しました。
 
-チュートリアルの冒頭で述べたように、プログラムでページを作成する手順は次の通りです。
+チュートリアルの冒頭で述べたように、プログラムでページを生成する手順は次の通りです。
 
 1.  GraphQL でデータを取得
 2.  結果をページにマッピング
 
-上記のコードは、`graphql` 関数を使用して Markdown のスラッグを取得するため、 Markdown からページを作成する最初のステップです。これで、次のような取得結果が出力されます。
+上記のコードは、`graphql` 関数を使用して Markdown のスラッグを取得するため、 Markdown からページを生成する最初のステップです。これで、次のような取得結果が出力されます。
 
 ![query-markdown-slugs](query-markdown-slugs.png)
 
-ページを作成するためには、スラッグの他に、ページのテンプレートコンポーネントを追加する必要があります。Gatsby の他のページと同様に、プログラムされるページは React コンポーネントによって動作します。ページを作成する時には、使用するコンポーネントを指定する必要があります。
+ページを生成するためには、スラッグの他に、ページのテンプレートコンポーネントを追加する必要があります。Gatsby の他のページと同様に、プログラムされるページは React コンポーネントによって動作します。ページを生成する時には、使用するコンポーネントを指定する必要があります。
 
 `src/templates` ディレクトリーを追加し、`src/templates/blog-post.js` を作成して、以下を追加します。
 
@@ -247,7 +247,7 @@ exports.createPages = async ({ graphql, actions }) => {
 }
 ```
 
-サーバーを再起動すれば、ページが作成されます！作成したページを見つける簡単な方法は、サイトに存在しないでたらめなパスへ移動することです。Gatsby がページのリストを表示してくれます。例えば <http://localhost:8000/sdf> に移動すれば、作成したページのリストが表示されます。
+サーバーを再起動すれば、ページが生成されます！生成されたページを見つける簡単な方法は、サイトに存在しないでたらめなパスへ移動することです。Gatsby がページのリストを表示してくれます。例えば <http://localhost:8000/sdf> に移動すれば、生成されたページのリストが表示されます。
 
 ![new-pages](new-pages.png)
 
@@ -298,7 +298,7 @@ export const query = graphql`
 
 すばらしい！
 
-最後のステップは、index から作成したページにリンクすることです。
+最後のステップは、index から生成されたページにリンクすることです。
 
 `src/pages/index.js` に戻り、 Markdown のスラッグを取得し、リンクを作成します。