Translate examples

source/examples/commits.md

@@ -1,8 +1,8 @@
-title: GitHub Commits
+title: GitHub コミット
 type: examples
 order: 1
 ---
 
-> This example fetches latest Vue.js commits data from GitHub's API and displays them as a list. You can switch between the master and dev branches.
+> この例は最新の Vue.js コミットデータを Github API から取得し、そしてそれらをリストとして表示します。あなたは master ブランチと dev ブランチ間を切り替えることができます。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wd64qs6f/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wd64qs6f/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/firebase.md

@@ -1,8 +1,8 @@
-title: Firebase + Validation
+title: Firebase + バリデーション
 type: examples
 order: 2
 ---
 
-> This example uses [Firebase](https://www.firebase.com/) as the data persistence backend and syncs between clients in real time (you can try opening it in multiple browser tabs). In addition, it performs instant validation using Vue.js filters and triggers CSS transitions when adding/removing items.
+> この例はデータ永続バックエンドとして [Firebase](https://www/firebase.com/) を使い、そしてクライアント間でリアルタイムに同期します(あなたは多数のブラウザタブで開いて試すことができます)。そのうえ、アイテムを追加する/削除するときは、Vue.js フィルタを使用し、瞬時にバリデーションを実行して、CSS トランジションのきっかけとなります。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2ok0hp6c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2ok0hp6c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/grid-component.md

@@ -1,8 +1,8 @@
-title: Grid Component
+title: グリッドコンポーネント
 type: examples
 order: 3
 ---
 
-> This is an example of creating a reusable grid component and using it with external data.
+> これは再利用可能なグリッドコンポーネントを作成して外部データでそれを利用した例です。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2kqzhhq4/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2kqzhhq4/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/hackernews.md

@@ -1,12 +1,12 @@
-title: HackerNews Clone
+title: HackerNews クローン
 type: examples
 order: 8
 ---
 
-> This is a HackerNews clone built upon HN's official Firebase API, and using Browserify + Vueify for the build setup.
+> これは Hackernews のオフィシャル Firebase API に基づいた Hackernews クローンで、ビルドセットアップ向けに Browserify + Vueify を使っています。
 
 <div style="max-width:600px">
   <a href="http://yyx990803.github.io/vue-hackernews" target="_blank"><img style="width:100%" src="/images/hn.png"></a>
 </div>
 
-> [[Source](https://github.com/yyx990803/vue-hackernews)]
+> [[Source](https://github.com/yyx990803/vue-hackernews)]

source/examples/image-slider.md

@@ -1,8 +1,8 @@
-title: Image Slider Component
+title: イメージスライダーコンポーネント
 type: examples
 order: 6
 ---
 
-> This example mainly showcases the spec-compliant <content/> insertion points implementation.
+> この例は、主に仕様に準拠する <content/> 挿入ポイント実装を紹介します。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/qnbmymfm/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/qnbmymfm/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/index.md

@@ -1,8 +1,8 @@
-title: Markdown Editor
+title: Markdown エディタ
 type: examples
 order: 0
 ---
 
-> Dead simple Markdown editor.
+> すごくシンプルな Markdown エディタ。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wy2qf6yx/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wy2qf6yx/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/svg.md

@@ -1,8 +1,8 @@
-title: SVG Graph
+title: SVG グラフ
 type: examples
 order: 5
 ---
 
-> This example showcases a combination of custom component, computed property, two-way binding and SVG support.
+> この例はカスタムコンポーネントの組み合わせ、computed property、双方向バインディング、そして SVG 対応を紹介します。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/36ew1g5c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/36ew1g5c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/todomvc.md

@@ -3,8 +3,8 @@ type: examples
 order: 7
 ---
 
-> This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines).
+> これは Javascript の実質 120 行を切る(コメントと空行を除く)完全に仕様に準拠する TodoMVC 実装です。
 
 <iframe width="100%" height="500" src="todomvc/index.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
-> [[Source](https://github.com/yyx990803/vue/tree/master/examples/todomvc)]
+> [[Source](https://github.com/yyx990803/vue/tree/master/examples/todomvc)]

source/examples/tree-view.md

@@ -1,8 +1,8 @@
-title: Tree View
+title: ツリー表示
 type: examples
 order: 4
 ---
 
-> Example of a simple tree view implementation showcasing recursive usage of components.
+> コンポーネントの再帰的な利用を紹介するシンプルなツリー表示実装の例。
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2e53p4wq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2e53p4wq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>