GitBook: [master] 124 pages modified

Author: yottahmd

SUMMARY.md

@@ -11,11 +11,11 @@
   * [クロージャ](recap/closure.md)
   * [Number型](recap/number.md)
   * [Truthy](recap/truthy.md)
-* [次世代のJavaScript機能](future-javascript/README.md)
+* [モダンなJavaScriptの機能](future-javascript/README.md)
   * [クラス](future-javascript/classes/README.md)
     * [Classes Emit](future-javascript/classes/classes-emit.md)
   * [アロー関数](future-javascript/arrow-functions.md)
-  * [残余引数](future-javascript/rest-parameters.md)
+  * [残余引数（Restパラメータ）](future-javascript/rest-parameters.md)
   * [let](future-javascript/let.md)
   * [const](future-javascript/const.md)
   * [分割代入](future-javascript/destructuring.md)

future-javascript/README.md

@@ -1,6 +1,6 @@
-# 次世代のJavaScript機能
+# モダンなJavaScriptの機能
 
-TypeScriptが提供する素晴らしいメリットの1つは、古い\(ES3およびES5レベルの\)JavaScript実行環境\(IE9やNode.jsなど\)で、新しいJavaScript\(ES6以降\)の機能を使用できることです。ここでは、これらの新しいJavaScriptの機能が便利である理由を詳しく説明します。その後で、TypeScriptでそれらがどのように実装されているかを説明します。
+TypeScriptが提供する素晴らしいメリットの1つは、古い\(ES3およびES5レベルの\)JavaScript実行環境\(IE9やNode.jsなど\)で、新しいJavaScript\(ES6以降\)の機能を使用できることです。ここでは、これらのモダンなJavaScriptの機能が便利である理由を詳しく説明します。その後で、TypeScriptでそれらがどのように実装されているかを説明します。
 
-注： これらの機能すべてがJavaScriptにすぐ追加されるとは限りません。しかし、これらの機能を使うことにより、クリーンなコードが書きやすくなり、かつ、メンテナンスしやすくなります。また、あなたのプロジェクトにとって必要ないものを無視していただくことは自由です。しかし、最終的には、それらのほとんどを使うことになるでしょう。
+注： これらの機能すべてがJavaScriptにすぐ追加されるとは限りません。しかし、これらの機能を使うことにより、メンテナンスしやすく、クリーンなコードを書くことができます。あなたのプロジェクトに必要ないものは無視していただいて問題ありません。しかし、最終的には、ほとんどの機能を使うことになるでしょう。
 

future-javascript/arrow-functions.md

@@ -4,17 +4,17 @@
 
 アロー関数は、可愛いらしく_fat arrow_\(なぜなら`->`は細く `=>`は太い\)、または_lambda関数_\(他の言語でそう名付けられているため\)とも呼ばれます。一般的に利用される機能のひとつは、このアロー関数`()=> something`です。これを使う理由は次の通りです：
 
-1. `function`を何度も打ち込まなくて済む
-2. `this`の意味をレキシカルスコープで捕捉する
-3. `arguments`の意味をレキシカルスコープで捕捉する
+1. `function`を何度もタイプしなくて済む
+2. `this`の参照をレキシカルスコープで捕捉する
+3. `arguments`の参照をレキシカルスコープで捕捉する
 
-関数型であると公言する言語と比べると、JavaScriptでは`function`を頻繁に打ち込まなければならない傾向があります。アロー関数を使うと、関数をシンプルに作成できます
+関数型言語と比べると、JavaScriptでは`function`を頻繁に打ち込まなければならない傾向があります。アロー関数を使うと、関数をシンプルに作成できます
 
 ```typescript
 var inc = (x)=>x+1;
 ```
 
-`this`はJavaScriptにおいて昔から頭痛の種でした。 ある賢い人はかつて「私は`this`の意味をすぐに忘れるJavaScriptが嫌いだ」と言いました。アロー関数は、それを囲んだコンテキストから`this`を捕捉します。純粋なJavaScriptだけで書かれたクラスを使って考えてみましょう：
+`this`はJavaScriptにおいて昔から頭痛の種でした。 ある賢い人は「`this`の意味をすぐに忘れるJavaScriptが嫌いだ」と言いました。アロー関数は、それを囲んだコンテキストから`this`を捕捉します。純粋なJavaScriptだけで書かれたクラスを使って考えてみましょう：
 
 ```typescript
 function Person(age) {
@@ -29,7 +29,7 @@ setTimeout(person.growOld,1000);
 setTimeout(function() { console.log(person.age); },2000); // 1, should have been 2
 ```
 
-このコードをブラウザで実行すると、関数内の`this`は`window`を指します。なぜなら、`window`が`growOld`関数を実行しているからです。修正方法は、アロー関数を使うことです：
+このコードをブラウザで実行すると、関数内の`this`は`window`を参照します。なぜなら、`window`が`growOld`関数を実行しているからです。修正方法は、アロー関数を使うことです：
 
 ```typescript
 function Person(age) {
@@ -60,7 +60,7 @@ setTimeout(person.growOld,1000);
 setTimeout(function() { console.log(person.age); },2000); // 2
 ```
 
-TypeScriptを使っているので、はるかに快適な構文で書けます。アロー関数とクラスは、組み合わせることができます:
+TypeScriptを使っているので、はるかに快適な構文で書けます。アロー関数とクラスは、組み合わせて利用できます:
 
 ```typescript
 class Person {

future-javascript/async-await.md

@@ -1,11 +1,9 @@
 # async await
 
-> [同内容をカバーするPRO eggheadのビデオコース](https://egghead.io/courses/async-await-using-typescript)
-
-思考実験として、次のことを想像してみてください： `await` キーワードがPromiseに対して使われた場合、JavaScriptコードの実行を一時停止する。そして、その関数から返されたPromiseが完了した場合にだけ、コードの実行が再開される。そのように、JavaScriptランタイムに指示する方法を想像してみてください:
+思考実験として、次のことを想像してみてください： `await` のキーワードがPromiseに対して使われた場合、JavaScriptコードの実行を一時停止します。そして、その関数から返されたPromiseが完了した場合にだけ、コードの実行が再開されます。このようにJavaScriptランタイムを制御する方法を想像してみてください:
 
 ```typescript
-// Not actual code. A thought experiment
+// 実際のコードではありません。ただの思考実験です。
 async function foo() {
     try {
         var val = await getMeAPromise();
@@ -28,11 +26,11 @@ Promiseが完了したとき、次の処理を続けます
 * 関数の内側に値を入れられること
 * 関数の内側に例外を投げられること
 
-これはまさにジェネレータが可能にしたことです!上記の思考実験は、TypeScript / JavaScript の`async`/`await`の実装に使われています。それらの内側の仕組みは、単にジェネレータを使っているのです。
+これはまさにジェネレータが可能にしたことです！上記の思考実験は、TypeScript / JavaScript の`async`/`await`の実装に使われています。それらの内側の仕組みは、単にジェネレータを使っているのです。
 
 ## 生成されたJavaScript
 
-これを理解する必要はありませんが、[ジェネレータ](generators.md)のことを知っていれば、かなり簡単です。関数`foo`は次のように単純にラップされたもので実現できます：
+これを理解する必要はありませんが、[ジェネレータ](generators.md)のことを知っていれば、かなり簡単です。関数`foo`は次のように単純に囲んだもので実現できます：
 
 ```typescript
 const foo = wrapToReturnPromise(function* () {
@@ -46,15 +44,15 @@ const foo = wrapToReturnPromise(function* () {
 });
 ```
 
-この`wrapToReturnPromise`は単にジェネレータ関数を実行して`generator`を取得します。そして、`generator.next()`を使います。返り値が`promise`なら、その`promise`を`then`+`catch`し、結果に応じて `generator.next(result)` または `generator.throw(error)` を呼び出します。それだけです!
+この`wrapToReturnPromise`は単にジェネレータ関数を実行して`generator`を取得します。そして、`generator.next()`を使います。返り値が`promise`なら、その`promise`を`then`+`catch`し、結果に応じて `generator.next(result)` または `generator.throw(error)` を呼び出します。それだけです！
 
 ## TypeScriptにおける Async Await のサポート
 
-**Async - Await**は[TypeScript1.7以降](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-1-7.html)でサポートされています。非同期関数の先頭に_async_キーワードが付きます。 _await_は、非同期関数の戻り値promiseが完了し、_Promise_から値を取得するまで実行を中断します。 以前は、**ターゲットがES6**の場合のみサポートしており、**ES6ジェネレータ**に直接トランスパイルしていました。
+**Async - Await**は[TypeScript1.7以降](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-1-7.html)でサポートされています。非同期関数の先頭に_async_キーワードが付きます。 _await_は、非同期関数の戻り値promiseが完了し、_Promise_から値を取得するまで実行を中断します。 以前は、**ターゲットがES6以降**の場合のみサポートしており、**ES6のジェネレータ**に直接トランスパイルしていました。
 
-**TypeScript2.1**は、[ES3とES5のランタイムにAsync/Await機能を追加](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.html)しました。これは、あなたがブラウザの環境に関係なく、それを利用できるということを意味しています。TypeScript 2.1以降、Promiseのためのポリフィルがグローバルに追加されたことにより、多くのブラウザでasync/awaitがサポートされています。
+**TypeScript2.1**は、[ES3とES5のランタイムにAsync/Await機能を追加](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.html)しました。これが意味することは、ブラウザの環境に関わらず、Async/Awaitを利用できるということです。TypeScript 2.1以降、Promiseのためのポリフィルがグローバルに追加されたことにより、多くのブラウザでasync/awaitがサポートされています。
 
-この例のコードを見て、TypeScriptのasync/await記法がどのように機能するかを理解してください。
+このコードの例を見て、TypeScriptのasync/awaitがどのように動作するかを理解してください。
 
 ```typescript
 function delay(milliseconds: number, count: number): Promise<number> {
@@ -65,12 +63,12 @@ function delay(milliseconds: number, count: number): Promise<number> {
         });
 }
 
-// async function always returns a Promise
+// async関数は常にPromiseを返します
 async function dramaticWelcome(): Promise<void> {
     console.log("Hello");
 
     for (let i = 0; i < 5; i++) {
-        // await is converting Promise<number> into number
+        // awaitは、Promise<number>をnumberに変換します
         const count:number = await delay(500, i);
         console.log(count);
     }
@@ -81,7 +79,7 @@ async function dramaticWelcome(): Promise<void> {
 dramaticWelcome();
 ```
 
-**ES6へのトランスパイル結果\(--target es6\)**
+**ES6へのコンパイル結果\(--target es6\)**
 
 ```javascript
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -99,12 +97,12 @@ function delay(milliseconds, count) {
         }, milliseconds);
     });
 }
-// async function always returns a Promise
+// async関数は常にPromiseを返します
 function dramaticWelcome() {
     return __awaiter(this, void 0, void 0, function* () {
         console.log("Hello");
         for (let i = 0; i < 5; i++) {
-            // await is converting Promise<number> into number
+            // awaitは、Promise<number>をnumberに変換します
             const count = yield delay(500, i);
             console.log(count);
         }
@@ -116,7 +114,7 @@ dramaticWelcome();
 
 完全な例を [ここ](https://cdn.rawgit.com/basarat/typescript-book/705e4496/code/async-await/es6/asyncAwaitES6.js) で見ることができます。
 
-**ES5へのトランスパイル結果\(--target es5\)**
+**ES5へのコンパイル結果\(--target es5\)**
 
 ```javascript
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -193,5 +191,5 @@ dramaticWelcome();
 
 完全な例を [ここ](https://cdn.rawgit.com/basarat/typescript-book/705e4496/code/async-await/es5/asyncAwaitES5.js) で見ることができます。
 
-**注意**：ES6、ES5のどちらをターゲットにする場合でも、ランタイムがグローバルにECMAScriptに準拠したPromiseの機能を持っていることを確認する必要があります。Promiseのためにポリフィルを用意する必要があるかもしれません。また、libフラグを "dom", "es2015"もしくは"dom", "es2015.promise", "es5"のように設定することで、TypeScriptがPromiseの存在を認識できるようにする必要があります。 **各ブラウザのPromiseサポート\(ネイティブ実装およびポリフィル\)の有無を** [**ここ**](https://kangax.github.io/compat-table/es6/#test-Promise) **で確認できます。**
+**注意**：ES6、ES5のどちらをターゲットにする場合でも、ランタイムがグローバルにECMAScriptに準拠したPromiseの機能を持っていることを確認する必要があります。Promiseのためにポリフィルを用意する必要があるかもしれません。また、libフラグを "dom", "es2015"もしくは"dom", "es2015.promise", "es5"のように設定することで、TypeScriptがPromiseの存在を認識できるようにする必要があります。 **各ブラウザのPromiseサポート\(ネイティブ実装およびポリフィル\)の有無を** [**このサイト**](https://kangax.github.io/compat-table/es6/#test-Promise) **で確認できます。**