From 066455d51ccaf07da1e97f99fbbfd40e5840367a Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Sun, 3 Feb 2019 17:20:42 +0900
Subject: [PATCH 01/18] =?UTF-8?q?=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../a-component-using-external-plugins.md         | 12 ++++++++++--
 content/home/examples/a-simple-component.md       | 12 +++++++++++-
 content/home/examples/a-stateful-component.md     | 11 +++++++++--
 content/home/examples/an-application.md           | 15 +++++++++++++--
 content/home/marketing/component-based.md         | 14 +++++++++++---
 content/home/marketing/declarative.md             | 14 ++++++++++++--
 .../home/marketing/learn-once-write-anywhere.md   | 11 +++++++++--
 7 files changed, 75 insertions(+), 14 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index a8c35bbd6..7b155905d 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,15 @@
 ---
-title: A Component Using External Plugins
+title: 外部プラグインを使用する Component
 order: 3
 domid: markdown-example
 ---
 
-React is flexible and provides hooks that allow you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React は柔軟性が高いので、
+React 以外のライブラリやフレームワークとやり取りをするためのフックを提供しています。
+次の例では Markdown の外部ライブラリである remarkable を使用しています。
+`<textarea>` に入力された値をリアルタイムに HTML へと変換しています。
+
+React is flexible and provides hooks that allow you to interface with other libraries 
+and frameworks. 
+This example uses **remarkable**, an external Markdown library, 
+to convert the `<textarea>`'s value in real time.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index d791856d4..e948455b9 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,9 +1,19 @@
 ---
-title: A Simple Component
+title: シンプルな Component
 order: 0
 domid: hello-example
 ---
 
+React コンポーネントを作成する場合には `render()` メソッドを実装します。
+このメソッドは、受け取った input データを元に、表示する内容を返す役割を担当します。
+次の例では JSX と呼ばれる XML に似た構文を使っています。
+コンポーネントに渡された input データを `this.props` で参照し、
+`render()` の中で使用しています。
+
 React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
 
+
+**React を使う際に JSX を必ず使わなくてはいけないわけではありません。** JSX のコンパイルによって生成される生の JavaScript コードを見るには、[Babel REPL](babel://es5-syntax-example) を参照してください。
+
+
 **JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index a68ab0a51..fad0ad411 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,14 @@
 ---
-title: A Stateful Component
+title: 状態を持つことのできる Component
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+コンポーネントは、入力されたデータを受け取るだけではなく（受け取ったデータは `this.props` で参照することができます）
+コンポーネント独自の内部状態を持つこともできます。（これは `this.state` で参照することができます）
+状態が変化した場合には、`render()` が再度実行され、描画されるマークアップの内容が更新されます。
+
+In addition to taking input data (accessed via `this.props`), 
+a component can maintain internal state data (accessed via `this.state`). 
+When a component's state data changes, 
+the rendered markup will be updated by re-invoking `render()`.
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 227d0621b..a95569a0d 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -1,7 +1,18 @@
 ---
-title: An Application
+title: アプリケーションの実例
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.
+`props` and `state` を組み合わせることで、ちょっとした Todo アプリケーション を作ることができます。
+次の例では `state` を用いて、現在の Todo リストのアイテムの状態を追跡しています。
+それからユーザーが入力したテキストに関しても `state` で管理しています。
+イベントハンドラは、それが書かれた要素内部にレンダーされるように一見思われますが、
+実際にはこれらのハンドラは集められて、イベントデリゲーションを用いて実装されます。
+
+Using `props` and `state`, 
+we can put together a small Todo application. 
+This example uses `state` to track the current list of items 
+as well as the text that the user has entered. 
+Although event handlers appear to be rendered inline, 
+they will be collected and implemented using event delegation.
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index aeb3c4de2..e8f297485 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,8 +1,16 @@
 ---
-title: Component-Based
+title: Component-Based / コンポーネントベース
 order: 1
 ---
 
-Build encapsulated components that manage their own state, then compose them to make complex UIs.
+自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザーインターフェイスを構築します。
 
-Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
+Build encapsulated components that manage their own state, 
+then compose them to make complex UIs.
+
+コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、
+様々な形式のデータをアプリケーションに対して簡単に渡すことができ、
+それでいて DOM に状態を持たせないようにすることができます。
+
+Since component logic is written in JavaScript instead of templates, 
+you can easily pass rich data through your app and keep state out of the DOM.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index c3b651902..c4cac44df 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,8 +1,18 @@
 ---
-title: Declarative
+title: Declarative / 宣言的な View
 order: 0
 ---
 
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+React は、インタラクティブなユーザーインターフェイスの作成にともなう苦痛を取り除きます。
+アプリケーションの各状態に対応するシンプルな View を設計するだけで、React は状態用のデータの変更を検知し、
+関連するコンポーネントだけを効率的に更新、描画します。
+
+React makes it painless to create interactive UIs. 
+Design simple views for each state in your application, 
+and React will efficiently update 
+and render just the right components when your data changes.
+
+宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、
+デバッグのしやすいものになります。
 
 Declarative views make your code more predictable and easier to debug.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 009edf5bc..aa6fa4b3f 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,15 @@
 ---
-title: Learn Once, Write Anywhere
+title: Learn Once, Write Anywhere / 一度学習すれば、どこでも使える
 order: 2
 ---
 
-We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+React と組み合わせて使用する技術に関してはどんなものも選択できるので、
+React を使って新しい機能を追加する際にも、既存のソースコードを書き換える必要はありません。
+
+We don't make assumptions about the rest of your technology stack, 
+so you can develop new features in React without rewriting existing code.
+
+React は Node を使ったサーバー上でも Render できますし、
+[React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。
 
 React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/).

From 0d6cbf2304da4fe28eecd27b9a24433c51780aaa Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Sun, 3 Feb 2019 17:22:23 +0900
Subject: [PATCH 02/18] =?UTF-8?q?=E5=8E=9F=E6=96=87=E3=81=AE=E5=89=8A?=
 =?UTF-8?q?=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/examples/a-component-using-external-plugins.md    | 7 +------
 content/home/examples/a-simple-component.md                | 6 ------
 content/home/examples/a-stateful-component.md              | 5 -----
 content/home/examples/an-application.md                    | 7 -------
 content/home/marketing/component-based.md                  | 6 ------
 content/home/marketing/declarative.md                      | 7 -------
 content/home/marketing/learn-once-write-anywhere.md        | 5 -----
 7 files changed, 1 insertion(+), 42 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index 7b155905d..d32f50510 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -6,10 +6,5 @@ domid: markdown-example
 
 React は柔軟性が高いので、
 React 以外のライブラリやフレームワークとやり取りをするためのフックを提供しています。
-次の例では Markdown の外部ライブラリである remarkable を使用しています。
+次の例では Markdown の外部ライブラリである **remarkable** を使用しています。
 `<textarea>` に入力された値をリアルタイムに HTML へと変換しています。
-
-React is flexible and provides hooks that allow you to interface with other libraries 
-and frameworks. 
-This example uses **remarkable**, an external Markdown library, 
-to convert the `<textarea>`'s value in real time.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index e948455b9..46f350af6 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -10,10 +10,4 @@ React コンポーネントを作成する場合には `render()` メソッド
 コンポーネントに渡された input データを `this.props` で参照し、
 `render()` の中で使用しています。
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
-
-
 **React を使う際に JSX を必ず使わなくてはいけないわけではありません。** JSX のコンパイルによって生成される生の JavaScript コードを見るには、[Babel REPL](babel://es5-syntax-example) を参照してください。
-
-
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index fad0ad411..99b1dc2a4 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -7,8 +7,3 @@ domid: timer-example
 コンポーネントは、入力されたデータを受け取るだけではなく（受け取ったデータは `this.props` で参照することができます）
 コンポーネント独自の内部状態を持つこともできます。（これは `this.state` で参照することができます）
 状態が変化した場合には、`render()` が再度実行され、描画されるマークアップの内容が更新されます。
-
-In addition to taking input data (accessed via `this.props`), 
-a component can maintain internal state data (accessed via `this.state`). 
-When a component's state data changes, 
-the rendered markup will be updated by re-invoking `render()`.
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index a95569a0d..65d5d2dee 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -9,10 +9,3 @@ domid: todos-example
 それからユーザーが入力したテキストに関しても `state` で管理しています。
 イベントハンドラは、それが書かれた要素内部にレンダーされるように一見思われますが、
 実際にはこれらのハンドラは集められて、イベントデリゲーションを用いて実装されます。
-
-Using `props` and `state`, 
-we can put together a small Todo application. 
-This example uses `state` to track the current list of items 
-as well as the text that the user has entered. 
-Although event handlers appear to be rendered inline, 
-they will be collected and implemented using event delegation.
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index e8f297485..c4bbca865 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -5,12 +5,6 @@ order: 1
 
 自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザーインターフェイスを構築します。
 
-Build encapsulated components that manage their own state, 
-then compose them to make complex UIs.
-
 コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、
 様々な形式のデータをアプリケーションに対して簡単に渡すことができ、
 それでいて DOM に状態を持たせないようにすることができます。
-
-Since component logic is written in JavaScript instead of templates, 
-you can easily pass rich data through your app and keep state out of the DOM.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index c4cac44df..ea0e1c78f 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -7,12 +7,5 @@ React は、インタラクティブなユーザーインターフェイスの
 アプリケーションの各状態に対応するシンプルな View を設計するだけで、React は状態用のデータの変更を検知し、
 関連するコンポーネントだけを効率的に更新、描画します。
 
-React makes it painless to create interactive UIs. 
-Design simple views for each state in your application, 
-and React will efficiently update 
-and render just the right components when your data changes.
-
 宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、
 デバッグのしやすいものになります。
-
-Declarative views make your code more predictable and easier to debug.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index aa6fa4b3f..8880b34ab 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -6,10 +6,5 @@ order: 2
 React と組み合わせて使用する技術に関してはどんなものも選択できるので、
 React を使って新しい機能を追加する際にも、既存のソースコードを書き換える必要はありません。
 
-We don't make assumptions about the rest of your technology stack, 
-so you can develop new features in React without rewriting existing code.
-
 React は Node を使ったサーバー上でも Render できますし、
 [React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。
-
-React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/).

From ee13dc6715fca133e20115a0d6a5e214914618c8 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Thu, 7 Feb 2019 16:58:12 +0900
Subject: [PATCH 03/18] =?UTF-8?q?=E6=94=B9=E8=A1=8C=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E3=81=AE=E5=BE=A9=E5=85=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/examples/a-simple-component.md         | 6 +-----
 content/home/examples/a-stateful-component.md       | 4 +---
 content/home/examples/an-application.md             | 6 +-----
 content/home/marketing/component-based.md           | 4 +---
 content/home/marketing/declarative.md               | 7 ++-----
 content/home/marketing/learn-once-write-anywhere.md | 6 ++----
 6 files changed, 8 insertions(+), 25 deletions(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 46f350af6..98a59cdaf 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -4,10 +4,6 @@ order: 0
 domid: hello-example
 ---
 
-React コンポーネントを作成する場合には `render()` メソッドを実装します。
-このメソッドは、受け取った input データを元に、表示する内容を返す役割を担当します。
-次の例では JSX と呼ばれる XML に似た構文を使っています。
-コンポーネントに渡された input データを `this.props` で参照し、
-`render()` の中で使用しています。
+React コンポーネントを作成する場合には `render()` メソッドを実装します。このメソッドは、受け取った input データを元に、表示する内容を返す役割を担当します。次の例では JSX と呼ばれる XML に似た構文を使っています。コンポーネントに渡された input データを `this.props` で参照し、`render()` の中で使用しています。
 
 **React を使う際に JSX を必ず使わなくてはいけないわけではありません。** JSX のコンパイルによって生成される生の JavaScript コードを見るには、[Babel REPL](babel://es5-syntax-example) を参照してください。
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 99b1dc2a4..41d1ea807 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,6 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-コンポーネントは、入力されたデータを受け取るだけではなく（受け取ったデータは `this.props` で参照することができます）
-コンポーネント独自の内部状態を持つこともできます。（これは `this.state` で参照することができます）
-状態が変化した場合には、`render()` が再度実行され、描画されるマークアップの内容が更新されます。
+コンポーネントは、入力されたデータを受け取るだけではなく（受け取ったデータは `this.props` で参照することができます）コンポーネント独自の内部状態を持つこともできます。（これは `this.state` で参照することができます）状態が変化した場合には、`render()` が再度実行され、描画されるマークアップの内容が更新されます。
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 65d5d2dee..6d6c9ff79 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,8 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-`props` and `state` を組み合わせることで、ちょっとした Todo アプリケーション を作ることができます。
-次の例では `state` を用いて、現在の Todo リストのアイテムの状態を追跡しています。
-それからユーザーが入力したテキストに関しても `state` で管理しています。
-イベントハンドラは、それが書かれた要素内部にレンダーされるように一見思われますが、
-実際にはこれらのハンドラは集められて、イベントデリゲーションを用いて実装されます。
+`props` and `state` を組み合わせることで、ちょっとした Todo アプリケーション を作ることができます。次の例では `state` を用いて、現在の Todo リストのアイテムの状態を追跡しています。それからユーザーが入力したテキストに関しても `state` で管理しています。イベントハンドラは、それが書かれた要素内部にレンダーされるように一見思われますが、実際にはこれらのハンドラは集められて、イベントデリゲーションを用いて実装されます。
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index c4bbca865..91cd802a6 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -5,6 +5,4 @@ order: 1
 
 自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザーインターフェイスを構築します。
 
-コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、
-様々な形式のデータをアプリケーションに対して簡単に渡すことができ、
-それでいて DOM に状態を持たせないようにすることができます。
+コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、様々な形式のデータをアプリケーションに対して簡単に渡すことができ、それでいて DOM に状態を持たせないようにすることができます。
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index ea0e1c78f..fa4e42ea1 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -3,9 +3,6 @@ title: Declarative / 宣言的な View
 order: 0
 ---
 
-React は、インタラクティブなユーザーインターフェイスの作成にともなう苦痛を取り除きます。
-アプリケーションの各状態に対応するシンプルな View を設計するだけで、React は状態用のデータの変更を検知し、
-関連するコンポーネントだけを効率的に更新、描画します。
+React は、インタラクティブなユーザーインターフェイスの作成にともなう苦痛を取り除きます。アプリケーションの各状態に対応するシンプルな View を設計するだけで、React は状態用のデータの変更を検知し、関連するコンポーネントだけを効率的に更新、描画します。
 
-宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、
-デバッグのしやすいものになります。
+宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、デバッグのしやすいものになります。
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 8880b34ab..2370b54d9 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -3,8 +3,6 @@ title: Learn Once, Write Anywhere / 一度学習すれば、どこでも使え
 order: 2
 ---
 
-React と組み合わせて使用する技術に関してはどんなものも選択できるので、
-React を使って新しい機能を追加する際にも、既存のソースコードを書き換える必要はありません。
+React と組み合わせて使用する技術に関してはどんなものも選択できるので、React を使って新しい機能を追加する際にも、既存のソースコードを書き換える必要はありません。
 
-React は Node を使ったサーバー上でも Render できますし、
-[React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。
+React は Node を使ったサーバー上でも Render できますし、[React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。

From f85e2c83186bc585bfe0494912ad009a5bfa7433 Mon Sep 17 00:00:00 2001
From: Soichiro Miki <smiki-tky@umin.ac.jp>
Date: Thu, 7 Feb 2019 22:15:15 +0900
Subject: [PATCH 04/18] Update
 content/home/examples/a-component-using-external-plugins.md

Co-Authored-By: superyusuke <nakanishiyusuke0000@gmail.com>
---
 content/home/examples/a-component-using-external-plugins.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index d32f50510..bdcd8596e 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,5 +1,5 @@
 ---
-title: 外部プラグインを使用する Component
+title: 外部プラグインを使用するコンポーネント
 order: 3
 domid: markdown-example
 ---

From 8aaf94dd1f6d4b1c22589b019a3c84bc4f4c8acc Mon Sep 17 00:00:00 2001
From: Soichiro Miki <smiki-tky@umin.ac.jp>
Date: Thu, 7 Feb 2019 22:15:26 +0900
Subject: [PATCH 05/18] Update content/home/examples/a-simple-component.md

Co-Authored-By: superyusuke <nakanishiyusuke0000@gmail.com>
---
 content/home/examples/a-simple-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 98a59cdaf..b50cfd8cb 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,5 +1,5 @@
 ---
-title: シンプルな Component
+title: シンプルなコンポーネント
 order: 0
 domid: hello-example
 ---

From 57a873d69f58815da592fcbb7cd5eb3a303c884c Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Thu, 7 Feb 2019 22:21:27 +0900
Subject: [PATCH 06/18] =?UTF-8?q?=E6=94=B9=E8=A1=8C=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/examples/a-component-using-external-plugins.md | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index d32f50510..6db13dc76 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -4,7 +4,4 @@ order: 3
 domid: markdown-example
 ---
 
-React は柔軟性が高いので、
-React 以外のライブラリやフレームワークとやり取りをするためのフックを提供しています。
-次の例では Markdown の外部ライブラリである **remarkable** を使用しています。
-`<textarea>` に入力された値をリアルタイムに HTML へと変換しています。
+React は柔軟性が高いので、React 以外のライブラリやフレームワークとやり取りをするためのフックを提供しています。次の例では Markdown の外部ライブラリである **remarkable** を使用しています。`<textarea>` に入力された値をリアルタイムに HTML へと変換しています。

From 512f32b3936218f0474ae9e87091e18d2cc990cc Mon Sep 17 00:00:00 2001
From: Soichiro Miki <smiki-tky@umin.ac.jp>
Date: Thu, 7 Feb 2019 22:22:04 +0900
Subject: [PATCH 07/18] Update content/home/marketing/declarative.md

Co-Authored-By: superyusuke <nakanishiyusuke0000@gmail.com>
---
 content/home/marketing/declarative.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index fa4e42ea1..8dfeaa6c8 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -1,5 +1,5 @@
 ---
-title: Declarative / 宣言的な View
+title: 宣言的な View
 order: 0
 ---
 

From 4715c932d0ad1efe1574ff7906830e0fed2dc838 Mon Sep 17 00:00:00 2001
From: Soichiro Miki <smiki-tky@umin.ac.jp>
Date: Thu, 7 Feb 2019 22:24:30 +0900
Subject: [PATCH 08/18] Update
 content/home/marketing/learn-once-write-anywhere.md

Co-Authored-By: superyusuke <nakanishiyusuke0000@gmail.com>
---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 2370b54d9..88564bf65 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -3,6 +3,6 @@ title: Learn Once, Write Anywhere / 一度学習すれば、どこでも使え
 order: 2
 ---
 
-React と組み合わせて使用する技術に関してはどんなものも選択できるので、React を使って新しい機能を追加する際にも、既存のソースコードを書き換える必要はありません。
+React と組み合わせて使用する技術に制限はありません。React を使って新しい機能を追加する際に、既存のソースコードを書き換える必要はありません。
 
 React は Node を使ったサーバー上でも Render できますし、[React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。

From f12171d3d29516b9811ec8a68980f3d9aa8a3a74 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Thu, 7 Feb 2019 22:28:46 +0900
Subject: [PATCH 09/18] =?UTF-8?q?-=20=E3=83=88=E3=83=AB=20>=20=E5=A0=B4?=
 =?UTF-8?q?=E5=90=88=E3=82=92=E5=8F=96=20-=20input=20=3D>=20=E5=85=A5?=
 =?UTF-8?q?=E5=8A=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/examples/a-simple-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index b50cfd8cb..4e41f7347 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -4,6 +4,6 @@ order: 0
 domid: hello-example
 ---
 
-React コンポーネントを作成する場合には `render()` メソッドを実装します。このメソッドは、受け取った input データを元に、表示する内容を返す役割を担当します。次の例では JSX と呼ばれる XML に似た構文を使っています。コンポーネントに渡された input データを `this.props` で参照し、`render()` の中で使用しています。
+React コンポーネントを作成するには `render()` メソッドを実装します。このメソッドは、受け取った入力データを元に、表示する内容を返す役割を担当します。次の例では JSX と呼ばれる XML に似た構文を使っています。コンポーネントに渡された入力データを `this.props` で参照し、`render()` の中で使用しています。
 
 **React を使う際に JSX を必ず使わなくてはいけないわけではありません。** JSX のコンパイルによって生成される生の JavaScript コードを見るには、[Babel REPL](babel://es5-syntax-example) を参照してください。

From c39c6d32f8e31880278b55aa714ddc078c6d9e48 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Thu, 7 Feb 2019 22:30:47 +0900
Subject: [PATCH 10/18] =?UTF-8?q?and=20=3D>=20=E3=81=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/examples/an-application.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 6d6c9ff79..a77d3dfce 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-`props` and `state` を組み合わせることで、ちょっとした Todo アプリケーション を作ることができます。次の例では `state` を用いて、現在の Todo リストのアイテムの状態を追跡しています。それからユーザーが入力したテキストに関しても `state` で管理しています。イベントハンドラは、それが書かれた要素内部にレンダーされるように一見思われますが、実際にはこれらのハンドラは集められて、イベントデリゲーションを用いて実装されます。
+`props` と `state` を組み合わせることで、ちょっとした Todo アプリケーション を作ることができます。次の例では `state` を用いて、現在の Todo リストのアイテムの状態を追跡しています。それからユーザーが入力したテキストに関しても `state` で管理しています。イベントハンドラは、それが書かれた要素内部にレンダーされるように一見思われますが、実際にはこれらのハンドラは集められて、イベントデリゲーションを用いて実装されます。

From 72f2148120a8c59e879615c6dea51b11feb2f628 Mon Sep 17 00:00:00 2001
From: Soichiro Miki <smiki-tky@umin.ac.jp>
Date: Thu, 7 Feb 2019 22:30:58 +0900
Subject: [PATCH 11/18] Update content/home/marketing/component-based.md

Co-Authored-By: superyusuke <nakanishiyusuke0000@gmail.com>
---
 content/home/marketing/component-based.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index 91cd802a6..e1c0686b7 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -1,5 +1,5 @@
 ---
-title: Component-Based / コンポーネントベース
+title: コンポーネントベース
 order: 1
 ---
 

From a7e8afc2e20378cbde8b7f4ccb40b1c4633428a6 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Thu, 7 Feb 2019 23:32:10 +0900
Subject: [PATCH 12/18] =?UTF-8?q?=E6=97=A5=E6=9C=AC=E8=AA=9E=E3=81=AE?=
 =?UTF-8?q?=E3=81=BF=E3=81=AB=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 88564bf65..6083b77bb 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,5 +1,5 @@
 ---
-title: Learn Once, Write Anywhere / 一度学習すれば、どこでも使える
+一度学習すれば、どこでも使える
 order: 2
 ---
 

From f175cf91584394b18d8e35d24bc49b526f9031ff Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Thu, 7 Feb 2019 23:34:16 +0900
Subject: [PATCH 13/18] =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 41d1ea807..b4f85844e 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,5 +1,5 @@
 ---
-title: 状態を持つことのできる Component
+title: 状態を持つコンポーネント
 order: 1
 domid: timer-example
 ---

From b568ec46dc18e6e21e444fa0ac0c3807cc950170 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Wed, 13 Feb 2019 15:25:19 +0900
Subject: [PATCH 14/18] =?UTF-8?q?=E3=83=AC=E3=83=93=E3=83=A5=E3=82=A2?=
 =?UTF-8?q?=E3=83=BC=E3=81=AE=E8=A6=81=E6=B1=82=E3=81=A7=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index b4f85844e..b3844ddc5 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-コンポーネントは、入力されたデータを受け取るだけではなく（受け取ったデータは `this.props` で参照することができます）コンポーネント独自の内部状態を持つこともできます。（これは `this.state` で参照することができます）状態が変化した場合には、`render()` が再度実行され、描画されるマークアップの内容が更新されます。
+コンポーネントは、入力されたデータを受け取るだけではなく（受け取ったデータは `this.props` で参照することができます）コンポーネント独自の内部状態を持つこともできます。（これは `this.state` で参照することができます）状態が変化した場合には、`render()` が再度実行され、描画されるマークアップが更新されます。

From 6ee5aac4f7219aa9f55313709781c0e2c25dd179 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Wed, 13 Feb 2019 15:26:07 +0900
Subject: [PATCH 15/18] =?UTF-8?q?=E3=83=AC=E3=83=93=E3=83=A5=E3=82=A2?=
 =?UTF-8?q?=E3=83=BC=E3=81=AE=E8=A6=81=E6=B1=82=E3=81=A7=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/declarative.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
index 8dfeaa6c8..4dd67c97d 100644
--- a/content/home/marketing/declarative.md
+++ b/content/home/marketing/declarative.md
@@ -3,6 +3,6 @@ title: 宣言的な View
 order: 0
 ---
 
-React は、インタラクティブなユーザーインターフェイスの作成にともなう苦痛を取り除きます。アプリケーションの各状態に対応するシンプルな View を設計するだけで、React は状態用のデータの変更を検知し、関連するコンポーネントだけを効率的に更新、描画します。
+React は、インタラクティブなユーザーインターフェイスの作成にともなう苦痛を取り除きます。アプリケーションの各状態に対応するシンプルな View を設計するだけで、React はデータの変更を検知し、関連するコンポーネントだけを効率的に更新、描画します。
 
 宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、デバッグのしやすいものになります。

From 837fff1e253570afbce068d8b2fc3d4004a61c62 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Wed, 13 Feb 2019 23:03:32 +0900
Subject: [PATCH 16/18] =?UTF-8?q?title:=20=E3=81=AE=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 6083b77bb..0ecd6a8b9 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,5 +1,5 @@
 ---
-一度学習すれば、どこでも使える
+title: 一度学習すれば、どこでも使える
 order: 2
 ---
 

From 35921675e9dbc06dc679a9873dfd301bc57a8da6 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Wed, 13 Feb 2019 23:27:19 +0900
Subject: [PATCH 17/18] =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/component-based.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
index e1c0686b7..d5a553848 100644
--- a/content/home/marketing/component-based.md
+++ b/content/home/marketing/component-based.md
@@ -5,4 +5,4 @@ order: 1
 
 自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザーインターフェイスを構築します。
 
-コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、様々な形式のデータをアプリケーションに対して簡単に渡すことができ、それでいて DOM に状態を持たせないようにすることができます。
+コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、様々なデータをアプリケーション内で簡単に取り回すことができ、かつ DOM に状態を持たせないようにすることができます。

From 5377b37387874742fb366d086fc26c714c960946 Mon Sep 17 00:00:00 2001
From: "Nakanishi, Yusuke" <super.yusuke0000@gmail.com>
Date: Wed, 13 Feb 2019 23:58:50 +0900
Subject: [PATCH 18/18] =?UTF-8?q?=E8=A8=B3=E8=AA=9E=E3=81=AE=E7=B5=B1?=
 =?UTF-8?q?=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/home/marketing/learn-once-write-anywhere.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index 0ecd6a8b9..27ecec3d1 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -5,4 +5,4 @@ order: 2
 
 React と組み合わせて使用する技術に制限はありません。React を使って新しい機能を追加する際に、既存のソースコードを書き換える必要はありません。
 
-React は Node を使ったサーバー上でも Render できますし、[React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。
+React は Node を使ったサーバー上でもレンダーできますし、[React Native](https://facebook.github.io/react-native/) を使うことでモバイルアプリケーションの中でも動きます。