Skip to content
This repository was archived by the owner on Jan 20, 2025. It is now read-only.

Commit cbb4adb

Browse files
authored
Merge pull request #48 from isy/tanslate_transforming_data
Tanslate transforming data
2 parents ed544e1 + 8b9b3d9 commit cbb4adb

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed
Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
11
---
2-
title: "Recipes: Transforming Data"
2+
title: "レシピ集: データの変換"
33
---
44

5-
Transforming data in Gatsby is plugin-driven. Transformer plugins take data fetched using source plugins, and process it into something more usable (e.g. JSON into JavaScript objects, and more).
5+
Gatsby でのデータ変換はプラグインによって実現されています。トランスフォーマープラグインは source プラグインを通じてデータを取得し、実際に使う形式へ変換します(例:JSON JavaScript オブジェクトにする等)。
66

7-
## Transforming Markdown into HTML
7+
## Markdown HTML に変換する
88

9-
The `gatsby-transformer-remark` plugin can transform Markdown files to HTML.
9+
`gatsby-transformer-remark`プラグインは、Markdown ファイルを HTML に変換できます。
1010

11-
### Prerequisites
11+
### 前提条件
1212

13-
- A Gatsby site with `gatsby-config.js` and an `index.js` page
14-
- A Markdown file saved in your Gatsby site `src` directory
15-
- A source plugin installed, such as `gatsby-source-filesystem`
16-
- The `gatsby-transformer-remark` plugin installed
13+
- `gatsby-config.js``index.js`ページがある。
14+
- `src`ディレクトリーに Markdown ファイルが保存されている。
15+
- `gatsby-source-filesystem` のようなソースプラグインがインストールされている。
16+
- `gatsby-transformer-remark`プラグインがインストールされている。
1717

18-
### Directions
18+
### 進め方
1919

20-
1. Add the transformer plugin in your `gatsby-config.js`:
20+
1. トランスフォーマープラグインを`gatsby-config.js`に追加します。
2121

2222
```js:title=gatsby-config.js
2323
plugins: [
24-
// not shown: gatsby-source-filesystem for creating nodes to transform
24+
// gatsby-source-filesystem を省略: 変換するノードを作成するため
2525
`gatsby-transformer-remark`
2626
],
2727
```
2828

29-
2. Add a GraphQL query to the `index.js` file of your Gatsby site to fetch `MarkdownRemark` nodes:
29+
2. `MarkdownRemark` ノードを取得するため、`index.js` に GraphQL クエリーを追加します。
3030

3131
```jsx:title=src/pages/index.js
3232
export const query = graphql`
@@ -48,9 +48,9 @@ export const query = graphql`
4848
`
4949
```
5050

51-
3. Restart the development server and open GraphiQL at `http://localhost:8000/___graphql`. Explore the fields available on the `MarkdownRemark` node.
51+
3. 開発用サーバーを再起動して、`http://localhost:8000/___graphql` で GraphiQL を開きます。`MarkdownRemark` ノードで使用できるフィールドを探します。
5252

53-
### Additional resources
53+
### 追加の資料
5454

55-
- [Tutorial on transforming Markdown to HTML](/tutorial/part-six/#transformer-plugins) using `gatsby-transformer-remark`
56-
- Browse available transformer plugins in the [Gatsby plugin library](/plugins/?=transformer)
55+
- `gatsby-transformer-remark` を使用して、[Markdown HTML に変換するチュートリアル](/tutorial/part-six/#transformer-plugins)
56+
- [Gatsby プラグインライブラリ](/plugins/?=transformer)で利用できるトランスフォーマープラグインを探す。

0 commit comments

Comments
 (0)