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
2323plugins: [
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
3232export 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