From 0f7fe8fd3af868934b7e28030d8271b818058c0d Mon Sep 17 00:00:00 2001 From: takatake Date: Tue, 28 Jan 2020 00:47:42 +0900 Subject: [PATCH 1/9] translate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index 13c6786ca..410e12f41 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -1,16 +1,16 @@ --- -title: Adding a Manifest File +title: マニフェストファイルを追加しましょう！ --- -If you've run an [audit with Lighthouse](/docs/audit-with-lighthouse/), you may have noticed a lackluster score in the "Progressive Web App" category. Let's address how you can improve that score. +[audit with Lighthouse](/docs/audit-with-lighthouse/) を実行したとき、"Progressive Web App" カテゴリのスコアが低いことに気付くかも知れません。ここでは、そのスコアを改善する方法を紹介します。 -But first, what exactly _are_ PWAs? +まず初めに PWA とはなんでしょうか？ They are regular websites that take advantage of modern browser functionality to augment the web experience with app-like features and benefits. Check out [Google's overview](https://developers.google.com/web/progressive-web-apps/) of what defines a PWA experience and the [Progressive web apps (PWAs) doc](/docs/progressive-web-app/) to learn how a Gatsby site is a progressive web app. The inclusion of a web app manifest is one of the three generally accepted [baseline requirements for a PWA](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1). -Quoting [Google](https://developers.google.com/web/fundamentals/web-app-manifest/): +[Google](https://developers.google.com/web/fundamentals/web-app-manifest/) からの引用： > The web app manifest is a simple JSON file that tells the browser about your web application and how it should behave when 'installed' on the user's mobile device or desktop. @@ -18,15 +18,15 @@ Quoting [Google](https://developers.google.com/web/fundamentals/web-app-manifest ## Using `gatsby-plugin-manifest` -1. Install the plugin: +1. プラグインをインストールします。 ```shell npm install --save gatsby-plugin-manifest ``` -2. Add a favicon for your app under `src/images/icon.png`. The icon is necessary to build all images for the manifest. For more information look at the docs of [`gatsby-plugin-manifest`](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-plugin-manifest/README.md). +2. `src/images/icon.png` にアプリのファビコンを追加します。このアイコンはマニフェストにある全ての画像を作成するために必要です。詳細は [`gatsby-plugin-manifest`](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-plugin-manifest/README.md) のドキュメントをご覧ください。 -3. Add the plugin to the `plugins` array in your `gatsby-config.js` file. +3. `gatsby-config.js` の `plugins` にプラグインを追記します。 ```javascript:title=gatsby-config.js { @@ -53,4 +53,4 @@ npm install --save gatsby-plugin-manifest } ``` -That's all you need to get started with adding a web manifest to a Gatsby site. The example given reflects a base configuration -- check out the [plugin reference](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) for more options. +Gatsby サイトに Web マニフェストを追加するために必要なことはたったこれだけです！ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [plugin reference](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。 From 3d219ba444d7b8e7397147278f83845cf0947c1d Mon Sep 17 00:00:00 2001 From: takatake Date: Mon, 3 Feb 2020 02:31:16 +0900 Subject: [PATCH 2/9] translate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index 410e12f41..c1b137aa2 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -1,22 +1,22 @@ --- -title: マニフェストファイルを追加しましょう！ +title: マニフェストファイルの追加 --- -[audit with Lighthouse](/docs/audit-with-lighthouse/) を実行したとき、"Progressive Web App" カテゴリのスコアが低いことに気付くかも知れません。ここでは、そのスコアを改善する方法を紹介します。 +[Lighthouse による監査](/docs/audit-with-lighthouse/) を実行したとき、"Progressive Web App" カテゴリのスコアが低いことに気付くかも知れません。ここでは、そのスコアを改善する方法を紹介します。 -まず初めに PWA とはなんでしょうか？ +はじめに、 PWA とはなんでしょうか？ -They are regular websites that take advantage of modern browser functionality to augment the web experience with app-like features and benefits. Check out [Google's overview](https://developers.google.com/web/progressive-web-apps/) of what defines a PWA experience and the [Progressive web apps (PWAs) doc](/docs/progressive-web-app/) to learn how a Gatsby site is a progressive web app. +これらは、モダンブラウザーの機能を利用して、通常の WEB サイトにアプリのような機能と利点を備えて、WEB 体験を強化したものです。 Gatsby サイトをプログレッシブ WEB アプリにしている方法の詳細については、PWA の体験と [プログレッシブ WEB アプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 -The inclusion of a web app manifest is one of the three generally accepted [baseline requirements for a PWA](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1). +WEB アプリマニフェストを含めることは、一般的な [PWA の基本要件](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1)の 3 つのうちの 1 つです。 [Google](https://developers.google.com/web/fundamentals/web-app-manifest/) からの引用： -> The web app manifest is a simple JSON file that tells the browser about your web application and how it should behave when 'installed' on the user's mobile device or desktop. +> WEB アプリマニフェストは、WEB アプリケーションと、それがユーザーのモバイルデバイスやデスクトップにインストールされたときの動作をブラウザーに伝えるシンプルな JSON ファイルです。 -[Gatsby's manifest plugin](/packages/gatsby-plugin-manifest/) configures Gatsby to create a `manifest.webmanifest` file on every site build. +[Gatsby のマニフェストプラグイン](/packages/gatsby-plugin-manifest/) はすべてのサイトのビルドで `manifest.webmanifest` を作成するように Gatsby を構成します。 -## Using `gatsby-plugin-manifest` +## `gatsby-plugin-manifest` の使い方 1. プラグインをインストールします。 From 3b055f2255357b60b77aec46a7b4c5443fc0366f Mon Sep 17 00:00:00 2001 From: takatake Date: Tue, 4 Feb 2020 00:14:57 +0900 Subject: [PATCH 3/9] translate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index c1b137aa2..308c2c80c 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -6,13 +6,13 @@ title: マニフェストファイルの追加 はじめに、 PWA とはなんでしょうか？ -これらは、モダンブラウザーの機能を利用して、通常の WEB サイトにアプリのような機能と利点を備えて、WEB 体験を強化したものです。 Gatsby サイトをプログレッシブ WEB アプリにしている方法の詳細については、PWA の体験と [プログレッシブ WEB アプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 +これらは、モダンブラウザーの機能を利用して、通常の WEB サイトにアプリのような機能と利点を備えて、WEB 体験を強化したものです。 Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 -WEB アプリマニフェストを含めることは、一般的な [PWA の基本要件](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1)の 3 つのうちの 1 つです。 +ウェブアプリマニフェストを含めることは、一般的な [PWA の基本要件](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1)の 3 つのうちの 1 つです。 [Google](https://developers.google.com/web/fundamentals/web-app-manifest/) からの引用： -> WEB アプリマニフェストは、WEB アプリケーションと、それがユーザーのモバイルデバイスやデスクトップにインストールされたときの動作をブラウザーに伝えるシンプルな JSON ファイルです。 +> ウェブアプリマニフェストは、ウェブアプリケーションと、それがユーザーのモバイルデバイスやデスクトップにインストールされたときの動作をブラウザーに伝えるシンプルな JSON ファイルです。 [Gatsby のマニフェストプラグイン](/packages/gatsby-plugin-manifest/) はすべてのサイトのビルドで `manifest.webmanifest` を作成するように Gatsby を構成します。 @@ -53,4 +53,4 @@ npm install --save gatsby-plugin-manifest } ``` -Gatsby サイトに Web マニフェストを追加するために必要なことはたったこれだけです！ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [plugin reference](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。 +Gatsby サイトにウェブマニフェストを追加するために必要なことはたったこれだけです！ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [plugin reference](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。 From f7156ea951f6a01ac89244abe931f380fcf13fd4 Mon Sep 17 00:00:00 2001 From: takatake Date: Tue, 4 Feb 2020 00:20:50 +0900 Subject: [PATCH 4/9] tanslate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index 308c2c80c..010cbcd1d 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -53,4 +53,4 @@ npm install --save gatsby-plugin-manifest } ``` -Gatsby サイトにウェブマニフェストを追加するために必要なことはたったこれだけです！ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [plugin reference](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。 +Gatsby サイトにウェブマニフェストを追加するために必要なことはたったこれだけです！ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [プラグインリファレンス](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。 From 29f9270e1da73bf9ad5c10e5cd12e96f3c692c2f Mon Sep 17 00:00:00 2001 From: takatake Date: Tue, 4 Feb 2020 00:40:17 +0900 Subject: [PATCH 5/9] translate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index 010cbcd1d..0d1e5a64c 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -2,7 +2,7 @@ title: マニフェストファイルの追加 --- -[Lighthouse による監査](/docs/audit-with-lighthouse/) を実行したとき、"Progressive Web App" カテゴリのスコアが低いことに気付くかも知れません。ここでは、そのスコアを改善する方法を紹介します。 +[Lighthouse による監査](/docs/audit-with-lighthouse/) を実行したとき、「プログレッシブウェブアプリ」カテゴリのスコアが低いことに気付くかも知れません。ここでは、そのスコアを改善する方法を紹介します。 はじめに、 PWA とはなんでしょうか？ From 90a202112dedaef7bb0b56affe7461f339cb039f Mon Sep 17 00:00:00 2001 From: takatake Date: Tue, 4 Feb 2020 01:43:47 +0900 Subject: [PATCH 6/9] translate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index 0d1e5a64c..cc586c9ac 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -6,7 +6,7 @@ title: マニフェストファイルの追加 はじめに、 PWA とはなんでしょうか？ -これらは、モダンブラウザーの機能を利用して、通常の WEB サイトにアプリのような機能と利点を備えて、WEB 体験を強化したものです。 Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 +これらは、モダンブラウザーの機能を利用して、通常のウェブサイトにアプリのような機能と利点を備えて、WEB 体験を強化したものです。 Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 ウェブアプリマニフェストを含めることは、一般的な [PWA の基本要件](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1)の 3 つのうちの 1 つです。 From 7418aad770f820fc7c42114c58584a7ac1deaaa4 Mon Sep 17 00:00:00 2001 From: takatake Date: Tue, 4 Feb 2020 19:42:02 +0900 Subject: [PATCH 7/9] translate add-a-manifest-file --- docs/docs/add-a-manifest-file.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index cc586c9ac..efa116f05 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -6,7 +6,7 @@ title: マニフェストファイルの追加 はじめに、 PWA とはなんでしょうか？ -これらは、モダンブラウザーの機能を利用して、通常のウェブサイトにアプリのような機能と利点を備えて、WEB 体験を強化したものです。 Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 +これらは、モダンブラウザーの機能を利用して、通常のウェブサイトにアプリのような機能と利点を備えて、ウェブ体験を強化したものです。 Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 ウェブアプリマニフェストを含めることは、一般的な [PWA の基本要件](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1)の 3 つのうちの 1 つです。 From 5f456f49dbadcd7bd9bde720b51871618a72ae3f Mon Sep 17 00:00:00 2001 From: taka-take <44031070+taka-take@users.noreply.github.com> Date: Wed, 5 Feb 2020 12:51:56 +0900 Subject: [PATCH 8/9] Apply suggestions from code review MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 不要な半角スペースを削除 Co-Authored-By: Yasuaki Uechi --- docs/docs/add-a-manifest-file.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index efa116f05..f8a6c3f01 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -4,9 +4,9 @@ title: マニフェストファイルの追加 [Lighthouse による監査](/docs/audit-with-lighthouse/) を実行したとき、「プログレッシブウェブアプリ」カテゴリのスコアが低いことに気付くかも知れません。ここでは、そのスコアを改善する方法を紹介します。 -はじめに、 PWA とはなんでしょうか？ +はじめに、PWA とはなんでしょうか？ -これらは、モダンブラウザーの機能を利用して、通常のウェブサイトにアプリのような機能と利点を備えて、ウェブ体験を強化したものです。 Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 +これらは、モダンブラウザーの機能を利用して、通常のウェブサイトにアプリのような機能と利点を備えて、ウェブ体験を強化したものです。Gatsby サイトをプログレッシブウェブアプリにしている方法の詳細については、PWA の体験と [プログレッシブウェブアプリ (PWA) のドキュメント](/docs/progressive-web-app/)の定義に関する [Google の概要](https://developers.google.com/web/progressive-web-apps/)をご覧ください。 ウェブアプリマニフェストを含めることは、一般的な [PWA の基本要件](https://alistapart.com/article/yes-that-web-project-should-be-a-pwa#section1)の 3 つのうちの 1 つです。 From 1b68dc9757f4c9678505ad0e2cb8cd7a76e87777 Mon Sep 17 00:00:00 2001 From: taka-take <44031070+taka-take@users.noreply.github.com> Date: Thu, 6 Feb 2020 20:15:50 +0900 Subject: [PATCH 9/9] Update docs/docs/add-a-manifest-file.md Co-Authored-By: Hirotaka Mizutani --- docs/docs/add-a-manifest-file.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/add-a-manifest-file.md b/docs/docs/add-a-manifest-file.md index f8a6c3f01..b5c3405df 100644 --- a/docs/docs/add-a-manifest-file.md +++ b/docs/docs/add-a-manifest-file.md @@ -53,4 +53,4 @@ npm install --save gatsby-plugin-manifest } ``` -Gatsby サイトにウェブマニフェストを追加するために必要なことはたったこれだけです！ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [プラグインリファレンス](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。 +Gatsby サイトにウェブマニフェストを追加するために必要なことはたったこれだけです。ここでは基本構成を例に反映する方法を紹介しています。その他のオプションについては、 [プラグインリファレンス](/packages/gatsby-plugin-manifest/?=gatsby-plugin-manifest#automatic-mode) をご覧ください。