-
Notifications
You must be signed in to change notification settings - Fork 113
Translate docs/recipes/sourcing-data #142
Translate docs/recipes/sourcing-data #142
Conversation
uetchy
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
@Naturalclar @imbsky @hirotaka 見逃しがあるかもしれないので細かいチェックをお願いします
|
@uetchy @Naturalclar @imbsky @hirotaka |
docs/docs/recipes/sourcing-data.md
Outdated
| Gatsby の [GraphQL data layer](/docs/querying-with-graphql/) はデータの塊をモデル化するノードを必要とします。Gatsby データ取得プラグインはクエリ対象のソースノードを追加します。しかし、ソースノードはご自身で作成することも可能です。Gatsby では、GraphQL のデータレイヤーにカスタムデータを追加する為のメソッドが提供されています。 | ||
|
|
||
| This recipe shows you how to add custom data using `createNode()`. | ||
| このレシピでは、 `createNode()` を用いてカスタムデータを追加する方法を紹介します。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| このレシピでは、 `createNode()` を用いてカスタムデータを追加する方法を紹介します。 | |
| このレシピでは、`createNode()` を用いてカスタムデータを追加する方法を紹介します。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| 2. `gatsby develop` を実行します。 | ||
|
|
||
| > _Note: After making changes in `gatsby-node.js` you need to re-run `gatsby develop` for the changes to take effect._ | ||
| > ヒント:`gatsby-node.js` に変更を加えたら、変更を反映させるために、 `gatsby develop` を再度実行する必要があります。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| > ヒント:`gatsby-node.js` に変更を加えたら、変更を反映させるために、 `gatsby develop` を再度実行する必要があります。 | |
| > ヒント:`gatsby-node.js` に変更を加えたら、変更を反映させるために、`gatsby develop` を再度実行する必要があります。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| - Search available source plugins in the [Gatsby library](/plugins/?=source) | ||
| - Understand source plugins by building one in the [Pixabay source plugin tutorial](/docs/pixabay-source-plugin-tutorial/) | ||
| - The createNode function [documentation](/docs/actions/#createNode) | ||
| - [チュートリアル パート 5](/tutorial/part-five/#source-plugins) にて、 `gatsby-source-filesystem` を用いた例の概略 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| - [チュートリアル パート 5](/tutorial/part-five/#source-plugins) にて、 `gatsby-source-filesystem` を用いた例の概略 | |
| - [チュートリアル パート 5](/tutorial/part-five/#source-plugins) にて、`gatsby-source-filesystem` を用いた例の概略 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| ### 手順 | ||
|
|
||
| 1. Install the `gatsby-source-wordpress` plugin by running the following command: | ||
| 1. 次のコマンドを実行して、 `gatsby-source-wordpress` プラグインをインストール |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| 1. 次のコマンドを実行して、 `gatsby-source-wordpress` プラグインをインストール | |
| 1. 次のコマンドを実行して、`gatsby-source-wordpress` プラグインをインストール |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| ``` | ||
|
|
||
| 2. Configure the plugin by modifying the `gatsby-config.js` file such that it includes the following: | ||
| 2. プラグインの設定の為に、 `gatsby-config.js` に次にコードを追記 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| 2. プラグインの設定の為に、 `gatsby-config.js` に次にコードを追記 | |
| 2. プラグインの設定の為に、`gatsby-config.js` に次にコードを追記 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| ``` | ||
|
|
||
| 4. Create dynamic pages for your WordPress posts by pasting the following sample code in `gatsby-node.js`: | ||
| 4. `gatsby-node.js` に次のサンプルコードを貼り付けて、 WordPress の投稿の為のページを動的に作成します: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| 4. `gatsby-node.js` に次のサンプルコードを貼り付けて、 WordPress の投稿の為のページを動的に作成します: | |
| 4. `gatsby-node.js` に次のサンプルコードを貼り付けて、WordPress の投稿の為のページを動的に作成します: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| 5. `gatsby-develop` を実行して、新しく生成されたページを閲覧しにいきます | ||
|
|
||
| 6. Open the `GraphiQL IDE` at `localhost:8000/__graphql` and open the Docs or Explorer to observe the queryable fields for `allWordpressPosts`. | ||
| 6. `localhost:8000/__graphql` で `GraphiQL IDE` を表示して、 Docs や `allWordpressPosts` に対するクエリーフィールドの監視をするエクスプローラーを開きます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| 6. `localhost:8000/__graphql` で `GraphiQL IDE` を表示して、 Docs や `allWordpressPosts` に対するクエリーフィールドの監視をするエクスプローラーを開きます。 | |
| 6. `localhost:8000/__graphql` で `GraphiQL IDE` を表示して、Docs や `allWordpressPosts` に対するクエリーフィールドの監視をするエクスプローラーを開きます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| ### 手順 | ||
|
|
||
| 1. Log in to Contentful with the CLI and follow the steps. It will help you create an account if you don't have one. | ||
| 1. まず、 Contentful CLI を使って Contentful にログインしてください。アカウントを持っていない場合にアカウントを作成するのに役立ちます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| 1. まず、 Contentful CLI を使って Contentful にログインしてください。アカウントを持っていない場合にアカウントを作成するのに役立ちます。 | |
| 1. まず、Contentful CLI を使って Contentful にログインしてください。アカウントを持っていない場合にアカウントを作成するのに役立ちます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| ``` | ||
|
|
||
| For example, with a space ID in place: `contentful space seed -s '22fzx88spbp7' -t blog` | ||
| 例えば、 Space ID は右のように配置します: `contentful space seed -s '22fzx88spbp7' -t blog` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| 例えば、 Space ID は右のように配置します: `contentful space seed -s '22fzx88spbp7' -t blog` | |
| 例えば、Space ID は右のように配置します: `contentful space seed -s '22fzx88spbp7' -t blog` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
docs/docs/recipes/sourcing-data.md
Outdated
| ## 外部ソースからデータを読み込み、GraphQL を使わずページを作成する | ||
|
|
||
| You don't have to use the GraphQL data layer to include data in pages, [though there are reasons why you should consider GraphQL](/docs/why-gatsby-uses-graphql/). You can use the node `createPages` API to pull unstructured data directly into Gatsby sites rather than through GraphQL and source plugins. | ||
| [GraphQL の利用を検討すべき理由はいくつかありますが](/docs/why-gatsby-uses-graphql/)、ページ内にデータを内包させる為に、必ずしも GraphQL データレイヤーを用いる必要はありません。GraphQL とソース プラグインを経由せず、 `createPages` API を利用して、まだ構築されていないデータを直接 Gatsby サイトに読み込むことができます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| [GraphQL の利用を検討すべき理由はいくつかありますが](/docs/why-gatsby-uses-graphql/)、ページ内にデータを内包させる為に、必ずしも GraphQL データレイヤーを用いる必要はありません。GraphQL とソース プラグインを経由せず、 `createPages` API を利用して、まだ構築されていないデータを直接 Gatsby サイトに読み込むことができます。 | |
| [GraphQL の利用を検討すべき理由はいくつかありますが](/docs/why-gatsby-uses-graphql/)、ページ内にデータを内包させる為に、必ずしも GraphQL データレイヤーを用いる必要はありません。GraphQL とソース プラグインを経由せず、`createPages` API を利用して、まだ構築されていないデータを直接 Gatsby サイトに読み込むことができます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
↓こちらで対応しました 🙇
994ff64
Naturalclar
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@satomixx
読みやすい訳だと思います!
原文が少し更新されているので、Suggestされている部分とConflictの解消をお願いできますでしょうか。
レビューの反映: 注意 -> ヒント Co-Authored-By: Yasuaki Uechi <[email protected]>
レビューの反映: 変換ミスの修正 Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
b5b215e to
994ff64
Compare
|
@Naturalclar conflictの解消と修正を行いました。 |
Co-Authored-By: BSKY <[email protected]>
Naturalclar
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ありがとうございます! 👍
|
Holy buckets, @satomixx — we just merged your PR to Gatsby! 💪💜 Gatsby is built by awesome people like you. Let us say “thanks” in two ways:
If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’. Thanks again! |
概要
docs/recipes/sourcing-data を翻訳しました。
レビューよろしくお願いいたします!
チェックリスト
textlintを使って校正を行いました。Allow edits from maintainersにチェックを入れました。補足
Ref: #1