From 9152a5493b68f30b355325e53824eef90574847a Mon Sep 17 00:00:00 2001 From: lapi Date: Wed, 17 Jun 2020 13:18:19 +0900 Subject: [PATCH 1/7] Traslate browser-support.md --- docs/docs/browser-support.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index 9b12f50bb..a5ac83386 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -1,24 +1,24 @@ --- -title: Browser Support +title: ブラウザーサポート --- -Gatsby supports [the same browsers as the current stable version of React.js](https://reactjs.org/docs/react-dom.html#browser-support) which is currently IE9+ as well as the most recent versions of other popular browsers. +Gatsby は[現在の安定バージョンの React.js と同じブラウザー](https://reactjs.org/docs/react-dom.html#browser-support)をサポートしています。現在では IE9+ およびその他の有名ブラウザーの最新バージョンとなります。 -## Polyfills +## ポリフィル -Gatsby leverages Babel 7's ability to automatically add polyfills for your target browsers. +Gatsby は Babel 7 を利用して自動的にあなたの対象ブラウザーへのポリフィルを追加します。 -Newer browsers support more JavaScript APIs than older browsers. For older versions, Gatsby (via Babel) automatically adds the minimum "polyfills" necessary for your code to work in those browsers. +新しいブラウザーは古いブラウザーより多くの JavaScript API をサポートしています。古いバージョンに対応するため、 Gatsby は（Babel によって）自動的にあなたのコードがそれらのブラウザーで動くために必要最小限の "ポリフィル" を追加します。 -If you start using a newer JavaScript API like `[].includes` that isn't supported by some of your targeted browsers, you won't have to worry about it breaking the older browsers as Babel will automatically add the needed polyfill `core-js/modules/es7.array.includes`. +もしあなたが `[].includes` のようなあなたの対象ブラウザーのいくつかがサポートしていない新しい JavaScript API を使い始める場合でも、 Babel が必要なポリフィル `core-js/modules/es7.array.includes` を自動的に追加するため、古いブラウザーを壊してしまう心配をする必要はありません。 -## Specify what browsers your project supports using "Browserslist" +## "Browserslist" を使ってあなたのプロジェクトでサポートするブラウザーを特定する -You may customize your list of supported browser versions by declaring a [`"browserslist"`](https://github.com/ai/browserslist) key within your `package.json`. Changing these values will modify your JavaScript (via[`babel-preset-env`](https://github.com/babel/babel-preset-env#targetsbrowsers)) and your CSS (via [`autoprefixer`](https://github.com/postcss/autoprefixer)) output. +あなたの `package.json` 内で [`"browserslist"`](https://github.com/ai/browserslist) キーを宣言することで、あなたのサポートするブラウザーバージョンの一覧を編集できます。それらの値を変えることで（[`babel-preset-env`](https://github.com/babel/babel-preset-env#targetsbrowsers) によって）JavaScript と（[`autoprefixer`](https://github.com/postcss/autoprefixer) によって）CSS の出力を変えることができます。 -This article is a good introduction to the growing community of tools around Browserslist — https://css-tricks.com/browserlist-good-idea/ +この記事は Browserslist を取り巻くツールに関する成長中のコミュニティーへの良い導入となるでしょう —— https://css-tricks.com/browserlist-good-idea/ 。 -By default, Gatsby emulates the following config: +デフォルトで、 Gatsby は下記の設定を行います。 ```json:title=package.json { @@ -26,4 +26,4 @@ By default, Gatsby emulates the following config: } ``` -If you only support newer browsers, make sure to specify this in your `package.json`. This will often enable you to ship smaller JavaScript files. +もしあなたが新しいブラウザーのみをサポートするなら、あなたの `package.json` でその設定をするのを忘れないでください。この設定によって多くの場合あなたはより小さな JavaScript ファイルを生成できます。 From f7da83a19dd8b71087b053227c76e68e9be35054 Mon Sep 17 00:00:00 2001 From: lapi Date: Wed, 17 Jun 2020 13:23:48 +0900 Subject: [PATCH 2/7] fix some expression --- docs/docs/browser-support.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index a5ac83386..ee140a76d 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -2,7 +2,7 @@ title: ブラウザーサポート --- -Gatsby は[現在の安定バージョンの React.js と同じブラウザー](https://reactjs.org/docs/react-dom.html#browser-support)をサポートしています。現在では IE9+ およびその他の有名ブラウザーの最新バージョンとなります。 +Gatsby は[現在の安定バージョンの React.js と同じブラウザー](https://reactjs.org/docs/react-dom.html#browser-support)をサポートしています。それらは現在では IE9+ およびその他の有名ブラウザーの最新バージョンとなります。 ## ポリフィル From 0ade7d391d5b0e584b877330f79bc4a2ec3251ff Mon Sep 17 00:00:00 2001 From: lapi Date: Wed, 17 Jun 2020 13:27:44 +0900 Subject: [PATCH 3/7] fix some expression --- docs/docs/browser-support.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index ee140a76d..ab84f0a0d 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -10,13 +10,13 @@ Gatsby は Babel 7 を利用して自動的にあなたの対象ブラウザー 新しいブラウザーは古いブラウザーより多くの JavaScript API をサポートしています。古いバージョンに対応するため、 Gatsby は（Babel によって）自動的にあなたのコードがそれらのブラウザーで動くために必要最小限の "ポリフィル" を追加します。 -もしあなたが `[].includes` のようなあなたの対象ブラウザーのいくつかがサポートしていない新しい JavaScript API を使い始める場合でも、 Babel が必要なポリフィル `core-js/modules/es7.array.includes` を自動的に追加するため、古いブラウザーを壊してしまう心配をする必要はありません。 +もしあなたが `[].includes` のようなあなたの対象ブラウザーのいくつかがサポートしていない新しい JavaScript API を使い始める場合でも、 Babel が必要なポリフィル `core-js/modules/es7.array.includes` を自動的に追加するため、古いブラウザーを壊してしまう心配はありません。 ## "Browserslist" を使ってあなたのプロジェクトでサポートするブラウザーを特定する あなたの `package.json` 内で [`"browserslist"`](https://github.com/ai/browserslist) キーを宣言することで、あなたのサポートするブラウザーバージョンの一覧を編集できます。それらの値を変えることで（[`babel-preset-env`](https://github.com/babel/babel-preset-env#targetsbrowsers) によって）JavaScript と（[`autoprefixer`](https://github.com/postcss/autoprefixer) によって）CSS の出力を変えることができます。 -この記事は Browserslist を取り巻くツールに関する成長中のコミュニティーへの良い導入となるでしょう —— https://css-tricks.com/browserlist-good-idea/ 。 +この記事は Browserslist を取り巻くツールに関する成長中のコミュニティーへの良い導入です —— https://css-tricks.com/browserlist-good-idea/ 。 デフォルトで、 Gatsby は下記の設定を行います。 From ed007e48b025a69f5b6a0644faca8029c9cad9a9 Mon Sep 17 00:00:00 2001 From: lapi Date: Wed, 17 Jun 2020 13:38:28 +0900 Subject: [PATCH 4/7] fix react link to ja --- docs/docs/browser-support.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index ab84f0a0d..79b816914 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -2,7 +2,7 @@ title: ブラウザーサポート --- -Gatsby は[現在の安定バージョンの React.js と同じブラウザー](https://reactjs.org/docs/react-dom.html#browser-support)をサポートしています。それらは現在では IE9+ およびその他の有名ブラウザーの最新バージョンとなります。 +Gatsby は[現在の安定バージョンの React.js と同じブラウザー](https://ja.reactjs.org/docs/react-dom.html#browser-support)をサポートしています。それらは現在では IE9+ およびその他の有名ブラウザーの最新バージョンとなります。 ## ポリフィル From 64b950e73192b7e43cf5bed8ed70b6831b831506 Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi Date: Wed, 17 Jun 2020 13:48:43 +0900 Subject: [PATCH 5/7] Apply suggestions from code review --- docs/docs/browser-support.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index 79b816914..a68a0c90f 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -10,15 +10,15 @@ Gatsby は Babel 7 を利用して自動的にあなたの対象ブラウザー 新しいブラウザーは古いブラウザーより多くの JavaScript API をサポートしています。古いバージョンに対応するため、 Gatsby は（Babel によって）自動的にあなたのコードがそれらのブラウザーで動くために必要最小限の "ポリフィル" を追加します。 -もしあなたが `[].includes` のようなあなたの対象ブラウザーのいくつかがサポートしていない新しい JavaScript API を使い始める場合でも、 Babel が必要なポリフィル `core-js/modules/es7.array.includes` を自動的に追加するため、古いブラウザーを壊してしまう心配はありません。 +もし対象ブラウザーでサポートされていない新しい JavaScript API（たとえば `[].includes` など）を使った場合でも、Babel が必要なポリフィル `core-js/modules/es7.array.includes` を自動的に追加するため、古いブラウザーを壊してしまう心配はありません。 -## "Browserslist" を使ってあなたのプロジェクトでサポートするブラウザーを特定する +## "Browserslist" を使ってあなたのプロジェクトでサポートするブラウザーを指定する -あなたの `package.json` 内で [`"browserslist"`](https://github.com/ai/browserslist) キーを宣言することで、あなたのサポートするブラウザーバージョンの一覧を編集できます。それらの値を変えることで（[`babel-preset-env`](https://github.com/babel/babel-preset-env#targetsbrowsers) によって）JavaScript と（[`autoprefixer`](https://github.com/postcss/autoprefixer) によって）CSS の出力を変えることができます。 +`package.json` 内で [`"browserslist"`](https://github.com/ai/browserslist) キーを宣言することで、サポートしたいブラウザーバージョンの一覧を指定できます。それらの値を変えることで（[`babel-preset-env`](https://github.com/babel/babel-preset-env#targetsbrowsers) によって）JavaScript と（[`autoprefixer`](https://github.com/postcss/autoprefixer) によって）CSS の出力を変えることができます。 この記事は Browserslist を取り巻くツールに関する成長中のコミュニティーへの良い導入です —— https://css-tricks.com/browserlist-good-idea/ 。 -デフォルトで、 Gatsby は下記の設定を行います。 +Gatsby はデフォルトで下記の設定を行います。 ```json:title=package.json { @@ -26,4 +26,4 @@ Gatsby は Babel 7 を利用して自動的にあなたの対象ブラウザー } ``` -もしあなたが新しいブラウザーのみをサポートするなら、あなたの `package.json` でその設定をするのを忘れないでください。この設定によって多くの場合あなたはより小さな JavaScript ファイルを生成できます。 +もしあなたが新しいブラウザーのみをサポートしたいなら、`package.json` を上記のように設定することを忘れないでください。この設定によって、ほとんどの場合より小さな JavaScript ファイルが生成されます。 From f25b10997a18265e187ee875547475bb4817108d Mon Sep 17 00:00:00 2001 From: lapi Date: Thu, 18 Jun 2020 17:19:45 +0900 Subject: [PATCH 6/7] fix dash expression --- docs/docs/browser-support.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index a68a0c90f..2f1dd8b81 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -16,7 +16,7 @@ Gatsby は Babel 7 を利用して自動的にあなたの対象ブラウザー `package.json` 内で [`"browserslist"`](https://github.com/ai/browserslist) キーを宣言することで、サポートしたいブラウザーバージョンの一覧を指定できます。それらの値を変えることで（[`babel-preset-env`](https://github.com/babel/babel-preset-env#targetsbrowsers) によって）JavaScript と（[`autoprefixer`](https://github.com/postcss/autoprefixer) によって）CSS の出力を変えることができます。 -この記事は Browserslist を取り巻くツールに関する成長中のコミュニティーへの良い導入です —— https://css-tricks.com/browserlist-good-idea/ 。 +この記事は Browserslist を取り巻くツールに関する成長中のコミュニティーへの良い導入です： https://css-tricks.com/browserlist-good-idea/ Gatsby はデフォルトで下記の設定を行います。 From e8a3c00b4780a997fabcfc63c7dce489c90010ec Mon Sep 17 00:00:00 2001 From: Sora Morimoto Date: Fri, 19 Jun 2020 15:35:22 +0900 Subject: [PATCH 7/7] Update docs/docs/browser-support.md --- docs/docs/browser-support.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/browser-support.md b/docs/docs/browser-support.md index 2f1dd8b81..d4c2396fd 100644 --- a/docs/docs/browser-support.md +++ b/docs/docs/browser-support.md @@ -8,7 +8,7 @@ Gatsby は[現在の安定バージョンの React.js と同じブラウザー]( Gatsby は Babel 7 を利用して自動的にあなたの対象ブラウザーへのポリフィルを追加します。 -新しいブラウザーは古いブラウザーより多くの JavaScript API をサポートしています。古いバージョンに対応するため、 Gatsby は（Babel によって）自動的にあなたのコードがそれらのブラウザーで動くために必要最小限の "ポリフィル" を追加します。 +新しいブラウザーは古いブラウザーより多くの JavaScript API をサポートしています。古いバージョンに対応するため、Gatsby は（Babel によって）自動的にあなたのコードがそれらのブラウザーで動くために必要最小限の "ポリフィル" を追加します。 もし対象ブラウザーでサポートされていない新しい JavaScript API（たとえば `[].includes` など）を使った場合でも、Babel が必要なポリフィル `core-js/modules/es7.array.includes` を自動的に追加するため、古いブラウザーを壊してしまう心配はありません。