Merge pull request #255 from reactjs/translate/components

feat: Translate components

Author: smikitky

src/components/CodeEditor/CodeEditor.js

@@ -62,12 +62,11 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          Babel の読み込みに失敗しました。
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          これは広告ブロッカーが原因である可能性があります。もし広告ブロッカーを利用している場合は、サンプルコードが機能させるために
+          ja.reactjs.org をホワイトリストに追加することを検討してください。
         </span>
       );
     } else if (error != null) {

src/components/CodeExample/CodeExample.js

@@ -61,7 +61,7 @@ class CodeExample extends Component {
         {loaded ? (
           <CodeEditor code={code} containerNodeID={containerNodeID} />
         ) : (
-          <h4>Loading code example...</h4>
+          <h4>サンプルコードを読み込んでいます……</h4>
         )}
       </div>
     );

src/components/ErrorDecoder/ErrorDecoder.js

@@ -69,16 +69,15 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        When you encounter an error, you'll receive a link to this page for that
-        specific error and we'll show you the full error text.
+        エラーが発生したとき、そのエラーに関するこのページへのリンクを受け取り、エラー全体のテキストが表示されます。
       </p>
     );
   }
 
   return (
     <div>
       <p>
-        <b>The full text of the error you just encountered is:</b>
+        <b>発生したエラーの全文は以下です。</b>
       </p>
       <code>
         <b>{urlify(errorMsg)}</b>