Merge pull request #256 from Atinux/gitlocalize-243

ja/guide/plugins.md

Author: atinux

ja/guide/plugins.md

@@ -5,8 +5,10 @@ description: Nuxt.js では js プラグインを定義することができ、
 
 > Nuxt.js では js プラグインを定義することができ、それはルートの Vue.js アプリケーションがインスタンス化される前に実行されます。プラグインとして自前のライブラリを指定することも、外部のモジュールを指定することもできます。
 
+
 <div class="Alert">Vue インスタンスの [ライフサイクル](https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram) において、`beforeCreate` と `created` フックのみが **クライアントサイドとサーバーサイドの両方** で呼び出されることに注意してください。それ以外のすべてのフックはクライアントサイドでのみ呼び出されます。</div>
 
+
 ## 外部パッケージの利用
 
 アプリケーションに外部パッケージ/モジュールを使いたいときがあるでしょう。例えばサーバーでもクライアントでも HTTP リクエストを送れる [axios](https://github.com/mzabriskie/axios) などが良い例です。
@@ -23,10 +25,8 @@ npm install --save axios
 <template>
   <h1>{{ title }}</h1>
 </template>
-
 <script>
 import axios from 'axios'
-
 export default {
   async data ({ params }) {
     let { data } = await axios.get(`https://my-api/posts/${params.id}`)
@@ -57,15 +57,14 @@ module.exports = {
 ```js
 import Vue from 'vue'
 import VueNotifications from 'vue-notifications'
-
 Vue.use(VueNotifications)
 ```
 
 それから `nuxt.config.js` の `plugins` キーにファイルを記述します:
 
 ```js
 module.exports = {
-  plugins: ['~plugins/vue-notifications']
+  plugins: ['~/plugins/vue-notifications']
 }
 ```
 
@@ -94,13 +93,10 @@ module.exports = {
 import Vue from 'vue'
 import VueI18n from 'vue-i18n'
 import store from '~store'
-
 Vue.use(VueI18n)
-
 const i18n = new VueI18n({
   /* ここにオプションを書きます */
 })
-
 export default i18n
 ```
 
@@ -122,7 +118,7 @@ module.exports = {
 
 ## クライアントサイド限定のプラグイン利用
 
-プラグインのいくつかは **ブラウザでのみ** 動かしたいとします。その場合は `plugins` 内の `ssr: false` オプションを使うと、プラグインをクライアントサイドでのみ実行させるが可能です。
+プラグインのいくつかは **ブラウザでのみ** 動かしたいとします。その場合は `plugins` 内の `ssr: false` オプションを使うと、プラグインをクライアントサイドでのみ実行させることが可能です。
 
 例:
 
@@ -141,8 +137,9 @@ module.exports = {
 ```js
 import Vue from 'vue'
 import VueNotifications from 'vue-notifications'
-
 Vue.use(VueNotifications)
 ```
 
 逆に、サーバーサイドでのみライブラリを読み込む必要がある場合は、`process.server` 変数を使うことができます。これは Webpack が `server.bundle.js` ファイルを作成するタイミングで `true` がセットされる変数です。
+
+また、もしあなたが生成されたアプリケーション (`nuxt generate` コマンドによって) の中にいるかどうか知る必要がある場合は、生成から以降ずっと `process.static` 変数に `true` がセットされているかでチェックできます。保存前に `nuxt generate` コマンドによって、ページがサーバレンダリングされている時の状態を知るには、`process.static && process.server` を使うことができます。