From 657f3f88a7abf196fcb8b7d47aadc5ff3ae7a7ad Mon Sep 17 00:00:00 2001 From: h-sakano Date: Wed, 18 Mar 2020 12:28:58 +0900 Subject: [PATCH 1/3] docs: translate docs/api-files-gatsby-browser --- docs/docs/api-files-gatsby-browser.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/docs/api-files-gatsby-browser.md b/docs/docs/api-files-gatsby-browser.md index 50e9d1b42..dc1aac4b9 100644 --- a/docs/docs/api-files-gatsby-browser.md +++ b/docs/docs/api-files-gatsby-browser.md @@ -1,24 +1,24 @@ --- -title: The gatsby-browser.js API file +title: gatsby-browser.js API ファイル --- -The file `gatsby-browser.js` lets you respond to actions within the browser, and wrap your site in additional components. The [Gatsby Browser API](/docs/browser-apis) gives you many options for interacting with the [client-side](/docs/glossary#client-side) of Gatsby. +`gatsby-browser.js` ファイルを使用すると、ブラウザー内のアクションに応答し、追加のコンポーネントであなたのサイトをラップできます。[Gatsby Browser API](/docs/browser-apis) は Gatsby の[クライアントサイド](/docs/glossary#client-side)と対話するための多くのオプションを提供します。 -The APIs `wrapPageElement` and `wrapRootElement` exist in both the browser and [Server-Side Rendering (SSR) APIs](/docs/ssr-apis). If you use one of them, consider if you should implement it in both `gatsby-ssr.js` and `gatsby-browser.js` so that pages generated through SSR with Node.js are the same after being [hydrated](/docs/glossary#hydration) with browser JavaScript. +`wrapPageElement` と `wrapRootElement` API はブラウザー API と[サーバーサイドレンダリング (Server-Side Rendering、SSR) API](/docs/ssr-apis) の両方に存在します。それらのいずれかを使用する場合、Node.js が SSR して生成されたページが、ブラウザーの JavaScript で[ハイドレートされた](/docs/glossary#hydration)後も同じ内容になるように、`gatsby-ssr.js` と `gatsby-browser.js` の両方で実装すべきかどうかを検討してください。 -To use Browser APIs, create a file in the root of your site at `gatsby-browser.js`. Export each API you want to use from this file. +ブラウザー API を使用するためには、あなたのサイトのルートに `gatsby-browser.js` ファイルを作成します。あなたが使用したい各 API をこのファイルからエクスポートします。 ```jsx:title=gatsby-browser.js const React = require("react") const Layout = require("./src/components/layout") -// Logs when the client route changes +// クライアントのルートが変更されたときにログを記録する exports.onRouteUpdate = ({ location, prevLocation }) => { console.log("new pathname", location.pathname) console.log("old pathname", prevLocation ? prevLocation.pathname : null) } -// Wraps every page in a component +// すべてのページをコンポーネントでラップする exports.wrapPageElement = ({ element, props }) => { return {element} } From 46cbbb3d534de81296c5c23921ec8aebe51692e0 Mon Sep 17 00:00:00 2001 From: h-sakano Date: Wed, 18 Mar 2020 15:38:36 +0900 Subject: [PATCH 2/3] improve translation --- docs/docs/api-files-gatsby-browser.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/api-files-gatsby-browser.md b/docs/docs/api-files-gatsby-browser.md index dc1aac4b9..d2e8b1bbc 100644 --- a/docs/docs/api-files-gatsby-browser.md +++ b/docs/docs/api-files-gatsby-browser.md @@ -6,7 +6,7 @@ title: gatsby-browser.js API ファイル `wrapPageElement` と `wrapRootElement` API はブラウザー API と[サーバーサイドレンダリング (Server-Side Rendering、SSR) API](/docs/ssr-apis) の両方に存在します。それらのいずれかを使用する場合、Node.js が SSR して生成されたページが、ブラウザーの JavaScript で[ハイドレートされた](/docs/glossary#hydration)後も同じ内容になるように、`gatsby-ssr.js` と `gatsby-browser.js` の両方で実装すべきかどうかを検討してください。 -ブラウザー API を使用するためには、あなたのサイトのルートに `gatsby-browser.js` ファイルを作成します。あなたが使用したい各 API をこのファイルからエクスポートします。 +ブラウザー API を使用するためには、あなたのサイトのルートに `gatsby-browser.js` ファイルを作成します。あなたが使用したい各 API をこのファイルからエクスポートしてください。 ```jsx:title=gatsby-browser.js const React = require("react") From 9fe48f56cfc422b7b3e00397510d08b6870a267d Mon Sep 17 00:00:00 2001 From: h-sakano Date: Sat, 21 Mar 2020 10:07:07 +0900 Subject: [PATCH 3/3] Improve translation --- docs/docs/api-files-gatsby-browser.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/api-files-gatsby-browser.md b/docs/docs/api-files-gatsby-browser.md index d2e8b1bbc..feeb6935f 100644 --- a/docs/docs/api-files-gatsby-browser.md +++ b/docs/docs/api-files-gatsby-browser.md @@ -2,7 +2,7 @@ title: gatsby-browser.js API ファイル --- -`gatsby-browser.js` ファイルを使用すると、ブラウザー内のアクションに応答し、追加のコンポーネントであなたのサイトをラップできます。[Gatsby Browser API](/docs/browser-apis) は Gatsby の[クライアントサイド](/docs/glossary#client-side)と対話するための多くのオプションを提供します。 +`gatsby-browser.js` ファイルを使用すると、ブラウザー内でアクションに応答し、追加のコンポーネントであなたのサイトをラップできます。[Gatsby Browser API](/docs/browser-apis) は Gatsby の[クライアントサイド](/docs/glossary#client-side)と対話するための多くのオプションを提供します。 `wrapPageElement` と `wrapRootElement` API はブラウザー API と[サーバーサイドレンダリング (Server-Side Rendering、SSR) API](/docs/ssr-apis) の両方に存在します。それらのいずれかを使用する場合、Node.js が SSR して生成されたページが、ブラウザーの JavaScript で[ハイドレートされた](/docs/glossary#hydration)後も同じ内容になるように、`gatsby-ssr.js` と `gatsby-browser.js` の両方で実装すべきかどうかを検討してください。