From 95b925c497f6c066b5a815e8b5978e6ed7ae0e59 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Sat, 1 Jul 2017 23:40:22 +0900
Subject: [PATCH 1/7] update injector explanation

NOTE:
  pick up from https://github.com/vuejs/vue-loader/commit/0b4fe907820bf648b7ebf0a1f8cc419442b4a58f
---
 docs/ja/workflow/testing-with-mocks.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/ja/workflow/testing-with-mocks.md b/docs/ja/workflow/testing-with-mocks.md
index b14df1881..91de6e1e4 100644
--- a/docs/ja/workflow/testing-with-mocks.md
+++ b/docs/ja/workflow/testing-with-mocks.md
@@ -36,13 +36,13 @@ npm install inject-loader@^2.0.0 --save-dev
 
 ``` js
 // example.spec.js
-const ExampleInjector = require('!!vue?inject!./example.vue')
+const ExampleInjector = require('!!vue-loader?inject!./example.vue')
 ```
 
 注意。狂気じみた文字列を必要とします - ここではいくつかのインライン [webpack loader](https://webpack.github.io/docs/loaders.html) を使用しています。簡単な説明としては:
 
 - `!!`は "グローバル設定からすべてのローダを無効にする"ことを意味します；
-- `vue？inject！` は  "`vue` loader を使い、`？inject` クエリを渡す"ことを意味します。 これは `vue-loader` に、依存性注入モードでコンポーネントをコンパイルするように指示します。
+- `vue-loader？inject！` は  `vue-loader` を使い、`？inject` クエリを渡す"ことを意味します。 これは `vue-loader` に、依存性注入モードでコンポーネントをコンパイルするように指示します。
 
 返される `ExampleInjector` は、`example.vue` モジュールのインスタンスを生成するために呼び出すことができるファクトリ関数です:
 

From 182451c7df28192becda7f130ed0e5e12cc36272 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Sat, 1 Jul 2017 23:42:06 +0900
Subject: [PATCH 2/7] bring from en docs

---
 docs/ja/features/scoped-css.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/docs/ja/features/scoped-css.md b/docs/ja/features/scoped-css.md
index 207d00a1d..4a0815636 100644
--- a/docs/ja/features/scoped-css.md
+++ b/docs/ja/features/scoped-css.md
@@ -49,3 +49,19 @@
 4. **スコープされたスタイルは class の必要性を排除しません**。ブラウザが様々な CSS セレクタをレンダリングするため、`p { color: red }` はスコープされているとき何倍も遅くなります（すなわち属性セレクタと組み合わせた場合）。もし `.example { color: red }` のように class か id を使用するなら、パフォーマンスヒットは事実上なくなります。[この例](http://stevesouders.com/efws/css-selectors/csscreate.php)で違いをテストすることが出来ます。
 
 5. **再帰されたコンポーネントの子孫セレクタには気をつけてください！** セレクタ `.a .b` を持つ CSS ルールの場合、`.a` にマッチする要素に再帰的な子コンポーネントが含まれている場合、その子コンポーネントのすべての `.b` はルールにマッチします。
+
+6. If you need nested selectors in `scoped` styles, you will have to use `>>>` operator for CSS and `/deep/` for `scss`:
+
+    ``` html
+    <style scoped>
+    .a >>> .b {
+    
+    }
+    </style>
+    
+    <style lang="scss" scoped>
+    .a /deep/ .b {
+    
+    }
+    </style>
+    ```

From ac9063153317d91a247a5e6d3a010fe1b2fa7d77 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Sat, 1 Jul 2017 23:45:10 +0900
Subject: [PATCH 3/7] translate previous commit

---
 docs/ja/features/scoped-css.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/ja/features/scoped-css.md b/docs/ja/features/scoped-css.md
index 4a0815636..b253122a3 100644
--- a/docs/ja/features/scoped-css.md
+++ b/docs/ja/features/scoped-css.md
@@ -50,7 +50,7 @@
 
 5. **再帰されたコンポーネントの子孫セレクタには気をつけてください！** セレクタ `.a .b` を持つ CSS ルールの場合、`.a` にマッチする要素に再帰的な子コンポーネントが含まれている場合、その子コンポーネントのすべての `.b` はルールにマッチします。
 
-6. If you need nested selectors in `scoped` styles, you will have to use `>>>` operator for CSS and `/deep/` for `scss`:
+6. `scoped` スタイルでセレクタが必要なら、CSS に対して `>>>` オペレータを、そして `scss` に対しては `/deep/` を使用する必要があります:
 
     ``` html
     <style scoped>

From 9110a93a593ca5351112a300ee641d4c76254d88 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Sat, 1 Jul 2017 23:49:44 +0900
Subject: [PATCH 4/7] use phantomjs-prebuilt

---
 docs/ja/workflow/testing.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/ja/workflow/testing.md b/docs/ja/workflow/testing.md
index ccdc16da4..bcec7624f 100644
--- a/docs/ja/workflow/testing.md
+++ b/docs/ja/workflow/testing.md
@@ -10,7 +10,7 @@ Karma はブラウザを起動してテストを実行するテストランナ
 npm install\
   karma karma-webpack\
   karma-jasmine jasmine-core\
-  karma-phantomjs-launcher phantomjs\
+  karma-phantomjs-launcher phantomjs--prebuilt\
   --save-dev
 ```
 

From 6d84f6d9da202f12fb268eba06abf51627bb9d14 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Sat, 1 Jul 2017 23:51:57 +0900
Subject: [PATCH 5/7] add guide for global scss loading

---
 docs/ja/configurations/pre-processors.md | 34 ++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/docs/ja/configurations/pre-processors.md b/docs/ja/configurations/pre-processors.md
index 1b72c8358..e007604df 100644
--- a/docs/ja/configurations/pre-processors.md
+++ b/docs/ja/configurations/pre-processors.md
@@ -37,6 +37,40 @@ npm install sass-loader node-sass --save-dev
 
 vue-loader を構成する方法の詳細については、[高度な loader の設定](./advanced.md)セクションを参照してください。
 
+#### Loading a global settings file
+
+A common request is to be able to load a settings file in each component without the need to explicity import it each time, e.g. to use scss variables globally throughout all components. To accomplish this:
+
+``` bash
+npm install sass-resources-loader --save-dev
+```
+
+Then add the following webpack rule:
+
+``` js
+{
+  loader: 'sass-resources-loader',
+  options: {
+    resources: path.resolve(__dirname, '../src/style/_variables.scss')
+  }
+}
+```
+
+As an example, if you are using [vuejs-templates/webpack](https://github.com/vuejs-templates/webpack), modify `build/util.js` like so:
+
+``` js
+scss: generateLoaders('sass').concat(
+  {
+    loader: 'sass-resources-loader',
+    options: {
+      resources: path.resolve(__dirname, '../src/style/_variables.scss')
+    }
+  }
+),
+```
+
+It is recommended to only include variables, mixins, etc. in this file, to prevent duplicated css in your final, compiled files. 
+
 ### JavaScript
 
 全ての Vue コンポーネントの JavaScript はデフォルトで `babel-loader` によって処理されます。しかしもちろんそれは変更することが可能です:

From 88ffa8f5c7f3f914b29a0da6d02d7bc743e8f4fa Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Sat, 1 Jul 2017 23:59:02 +0900
Subject: [PATCH 6/7] translate previous commit

---
 docs/ja/configurations/pre-processors.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/ja/configurations/pre-processors.md b/docs/ja/configurations/pre-processors.md
index e007604df..56e218e19 100644
--- a/docs/ja/configurations/pre-processors.md
+++ b/docs/ja/configurations/pre-processors.md
@@ -37,15 +37,15 @@ npm install sass-loader node-sass --save-dev
 
 vue-loader を構成する方法の詳細については、[高度な loader の設定](./advanced.md)セクションを参照してください。
 
-#### Loading a global settings file
+#### グローバル設定ファイルの読み込み
 
-A common request is to be able to load a settings file in each component without the need to explicity import it each time, e.g. to use scss variables globally throughout all components. To accomplish this:
+一般的な要求は、毎回明示的にインポートする必要なく、各コンポーネントに設定ファイルを読み込み可能であることです。例としてすべてのコンポーネントで scss 変数をグローバルに使用することです。これを成し遂げるためには:
 
 ``` bash
 npm install sass-resources-loader --save-dev
 ```
 
-Then add the following webpack rule:
+のように `sass-resources-loader` をインストールし、以下の webpack のルールを追加します:
 
 ``` js
 {
@@ -56,7 +56,7 @@ Then add the following webpack rule:
 }
 ```
 
-As an example, if you are using [vuejs-templates/webpack](https://github.com/vuejs-templates/webpack), modify `build/util.js` like so:
+例として、[vuejs-templates/webpack](https://github.com/vuejs-templates/webpack) を使用している場合、 `build/util.js` を以下のように変更してください:
 
 ``` js
 scss: generateLoaders('sass').concat(
@@ -69,7 +69,7 @@ scss: generateLoaders('sass').concat(
 ),
 ```
 
-It is recommended to only include variables, mixins, etc. in this file, to prevent duplicated css in your final, compiled files. 
+最終的にコンパイルされたファイルに css が重複しないように、変数、ミックスインなどをこのファイルに含めることをお勧めします。
 
 ### JavaScript
 

From 9f69a4cdda741b963cb2f2e57f996120cb4ffea0 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Mon, 3 Jul 2017 00:17:14 +0900
Subject: [PATCH 7/7] fix translation of review comments

---
 docs/ja/configurations/pre-processors.md | 2 +-
 docs/ja/features/scoped-css.md           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/ja/configurations/pre-processors.md b/docs/ja/configurations/pre-processors.md
index 56e218e19..5b6c76b25 100644
--- a/docs/ja/configurations/pre-processors.md
+++ b/docs/ja/configurations/pre-processors.md
@@ -69,7 +69,7 @@ scss: generateLoaders('sass').concat(
 ),
 ```
 
-最終的にコンパイルされたファイルに css が重複しないように、変数、ミックスインなどをこのファイルに含めることをお勧めします。
+最終的にコンパイルされたファイルに CSS が重複しないように、変数、ミックスインなどのみをこのファイルに含めることをお勧めします。
 
 ### JavaScript
 
diff --git a/docs/ja/features/scoped-css.md b/docs/ja/features/scoped-css.md
index b253122a3..f10f899b9 100644
--- a/docs/ja/features/scoped-css.md
+++ b/docs/ja/features/scoped-css.md
@@ -50,7 +50,7 @@
 
 5. **再帰されたコンポーネントの子孫セレクタには気をつけてください！** セレクタ `.a .b` を持つ CSS ルールの場合、`.a` にマッチする要素に再帰的な子コンポーネントが含まれている場合、その子コンポーネントのすべての `.b` はルールにマッチします。
 
-6. `scoped` スタイルでセレクタが必要なら、CSS に対して `>>>` オペレータを、そして `scss` に対しては `/deep/` を使用する必要があります:
+6. `scoped` スタイルで入れ子のセレクタが必要なら、CSS に対して `>>>` オペレータを、そして `scss` に対しては `/deep/` を使用する必要があります:
 
     ``` html
     <style scoped>