Merge remote-tracking branch 'jp.vuejs.org/lang-ja' into lang-ja

vuejs-jp-bot · vuejs-jp-bot · commit 24e2286bd8d9 · 2017-11-08T16:57:17.000Z
diff --git a/src/v2/guide/team.md b/src/v2/guide/team.md
@@ -91,7 +91,7 @@ order: 803
             </ul>
           </dd>
         </template>
-        <footer v-if="profile.github || profile.twitter" class="social">
+        <footer v-if="hasSocialLinks" class="social">
           <a class=github v-if="profile.github" :href="githubUrl(profile.github)">
             <i class="fa fa-github"></i>
             <span class="sr-only">Github</span>
@@ -100,6 +100,10 @@ order: 803
             <i class="fa fa-twitter"></i>
             <span class="sr-only">Twitter</span>
           </a>
+          <a class=codepen v-if="profile.codepen" :href="'https://codepen.io/' + profile.codepen">
+            <i class="fa fa-codepen"></i>
+            <span class="sr-only">CodePen</span>
+          </a>
         </footer>
       </dl>
     </div>
@@ -897,6 +901,9 @@ order: 803
           }).join('</li><li>') +
           '</li></ul>'
         )
+      },
+      hasSocialLinks: function () {
+        return this.profile.github || this.profile.twitter || this.profile.codepen
       }
     },
     methods: {
diff --git a/src/v2/guide/typescript.md b/src/v2/guide/typescript.md
@@ -1,6 +1,6 @@
 ---
 title: TypeScript のサポート
-updated: 2017-10-29
+updated: 2017-11-08
 type: guide
 order: 404
 ---
@@ -31,6 +31,8 @@ order: 404
 }
 ```
 
+コンポーネントメソッド内で `this` の型をチェックするには `strict: true` (もしくは最低でも `strict` フラグの一部の `noImplicitThis: true`) を含める必要があることに注意してください。
+
 より詳細なことについては [TypeScript compiler options docs](https://www.typescriptlang.org/docs/handbook/compiler-options.html) を見てください。
 
 ## 開発ツール
@@ -142,8 +144,7 @@ var vm = new Vue({
 
 ## 戻り値の型にアノテーションをつける
 
-Vue の宣言ファイルは循環的な性質を持つため、TypeScript は特定のメソッドの型を推論するのが困難な場合があります。
-この理由のため、`render` や `computed` のメソッドに戻り値の型のアノテーションを付ける必要があるかもしれません。
+Vue の宣言ファイルは循環的な性質を持つため、TypeScript は特定のメソッドの型を推論するのが困難な場合があります。この理由のため、`render` や `computed` のメソッドに戻り値の型のアノテーションを付ける必要があるかもしれません。
 
 ```ts
 import Vue, { VNode } from 'vue'
@@ -173,5 +174,4 @@ const Component = Vue.extend({
 })
 ```
 
-型推論やメンバの補完が機能していない場合、特定のメソッドにアノテーションを付けるとこれらの問題に対処できます。
-`--noImplicitAny` オプションを使用すると、これらのアノテーションが付けられていないメソッドの多くを見つけるのに役立ちます。
+型推論やメンバの補完が機能していない場合、特定のメソッドにアノテーションを付けるとこれらの問題に対処できます。`--noImplicitAny` オプションを使用すると、これらのアノテーションが付けられていないメソッドの多くを見つけるのに役立ちます。
diff --git a/src/v2/style-guide/index.md b/src/v2/style-guide/index.md
@@ -1,6 +1,6 @@
 ---
 type: style-guide
-updated: 2017-11-04
+updated: 2017-11-08
 ---
 
 # スタイルガイド <sup class="beta">beta</sup>
@@ -1381,34 +1381,34 @@ HTML では、空白を含まない属性値は引用符でくくらなくても
 2. **リスト描画** (同じ要素の複数のバリエーションを作成する)
   - `v-for`
 
-2. **条件** (要素が描画/表示されているかどうか)
+3. **条件** (要素が描画/表示されているかどうか)
   - `v-if`
   - `v-else-if`
   - `v-else`
   - `v-show`
   - `v-cloak`
 
-3. **描画修飾子** (要素の描画方法を変更)
+4. **描画修飾子** (要素の描画方法を変更)
   - `v-pre`
   - `v-once`
 
-4. **グローバルな認識** (コンポーネントを超えた知識が必要)
+5. **グローバルな認識** (コンポーネントを超えた知識が必要)
   - `id`
 
-5. **一意の属性** (一意の値を必要とする属性)
+6. **一意の属性** (一意の値を必要とする属性)
   - `ref`
   - `key`
   - `slot`
 
-6. **双方向バインディング** (バインディングとイベントの結合)
+7. **双方向バインディング** (バインディングとイベントの結合)
   - `v-model`
 
-7. **その他の属性** (すべての指定されていないバインドされた属性とバインドされていない属性)
+8. **その他の属性** (すべての指定されていないバインドされた属性とバインドされていない属性)
 
-8. **イベント** (コンポーネントのイベントリスナ)
+9. **イベント** (コンポーネントのイベントリスナ)
   - `v-on`
 
-9. **コンテンツ** (要素のコンテンツを上書きする)
+10. **コンテンツ** (要素のコンテンツを上書きする)
   - `v-html`
   - `v-text`
 
@@ -1480,7 +1480,7 @@ computed: {
 
 ### 単一ファイルコンポーネントのトップレベルの属性の順序 <sup data-p="c">推奨</sup>
 
-**[単一ファイルコンポーネント](../guide/single-file-components.html)では､ `template` ､ `script` ､ `style` タグを一貫した順序にするべきです､ `<style>` は最後です､それは他の2つのうち少なくとも1つが常に必要だからです。**
+**[単一ファイルコンポーネント](../guide/single-file-components.html)では､ `<template>` ､ `<script>` ､ `<style>` タグを一貫した順序にするべきです､ `<style>` は最後です､それは他の2つのうち少なくとも1つが常に必要だからです。**
 
 {% raw %}<div class="style-example example-bad">{% endraw %}
 #### 悪い例
diff --git a/themes/vue/layout/index.ejs b/themes/vue/layout/index.ejs
@@ -55,9 +55,6 @@
 </div>
 
 <div id="footer">
-  <a href="https://www.shuttleworthfoundation.org/fellows/flash-grants/" target="_blank">
-    <img src="/images/shuttleworth.png" style="width: 200px;">
-  </a>
   <p>Released under the <a href="https://opensource.org/licenses/MIT" target="_blank">MIT License</a><br>
   Copyright &copy; 2014-<%- new Date().getFullYear() %> Evan You</p>
 </div>
diff --git a/themes/vue/source/css/_team.styl b/themes/vue/source/css/_team.styl
@@ -118,7 +118,7 @@
           line-height: 1
           vertical-align: middle
           margin-right: 4px
-          &.github
+          &.github, &.codepen
             color: #000
           &.twitter
             color: #1da1f3
diff --git a/themes/vue/source/images/shuttleworth.png b/themes/vue/source/images/shuttleworth.png
