Merge pull request #360 from pan-no-mimi/pannomimi-fix-typo

fix typo

Author: KenjiI

1-js/06-advanced-functions/09-call-apply-decorators/02-delay/solution.md

@@ -12,7 +12,7 @@ function delay(f, ms) {
 
 ここで、アロー関数がどう使われているか注意してください。ご存知の通り、アロー関数は独自の `this` や `arguments` を持ちません。なので、`f.apply(this, arguments)` はラッパーから `this` と `arguments` を取ります。
 
-もし、通常の関数を渡す場合、`setTimeout` はそれを引数なしで、 `this=window` (ブラウザの場合) で呼び出します。なので、ラッパーからそれらをわすようにコードを書く必要があります。:
+もし、通常の関数を渡す場合、`setTimeout` はそれを引数なしで、 `this=window` (ブラウザの場合) で呼び出します。なので、ラッパーからそれらを渡すようにコードを書く必要があります。:
 
 ```js
 function delay(f, ms) {

1-js/06-advanced-functions/09-call-apply-decorators/article.md

@@ -400,7 +400,7 @@ E.g. 上記の例では、`slow` 関数にあるプロパティが含まれて
 
 一部のデコレータは独自のプロパティを提供することがあります。E.g. 関数が何回実行されたか、どれだけ時間がかかったかをカウントし、ラッパープロパティを介してこの情報を公開する、といったケースです。
 
-関数のプロパティへのアクセスを維持するデコレータを作成する方法はありますが、これには、関数をラップするために特別な `Proxy` オブジェクトを使用する必要があります。これについては、後ほど <info:proxy#proxy-apply> で設営します。
+関数のプロパティへのアクセスを維持するデコレータを作成する方法はありますが、これには、関数をラップするために特別な `Proxy` オブジェクトを使用する必要があります。これについては、後ほど <info:proxy#proxy-apply> で説明します。
 
 ## サマリ 
 

1-js/06-advanced-functions/10-bind/article.md

@@ -5,7 +5,7 @@ libs:
 
 # 関数バインディング
 
-オブジェクトメソッドで `setTimeout` 使ったり、オブジェクトメソッドを渡すような場合、"`this` を失う" という既知の問題があります。
+オブジェクトメソッドで `setTimeout` を使ったり、オブジェクトメソッドを渡すような場合、"`this` を失う" という既知の問題があります。
 
 突然、`this` が正しく動作するのをやめます。この状況は初心者の開発者には典型的ですが、経験者でも同様に起こりえます。
 
@@ -275,7 +275,7 @@ alert( triple(5) ); // = mul(3, 5) = 15
 
 ## Going partial without context
 
-仮に引数のいくつかを固定したいけど、コンテキスト `this` は固定したくない場合はどうしますか？例えば、オブジェクトメソッドです。
+仮に引数のいくつかを固定したいが、コンテキスト `this` は固定したくない場合はどうしますか？例えば、オブジェクトメソッドです。
 
 ネイティブの `bind` はそれは許可しません。コンテキストを省略して引数だけ指定することはできません。
 
@@ -321,7 +321,7 @@ user.sayNow("Hello");
 
 メソッド `func.bind(context, ...args)` はコンテキスト `this` を固定した関数 `func` の "束縛されたバリアント" を返します。
 
-通常は、オブジェクトメソッドで `this` を固定するために `bind` を適用し、どこかに渡すことができるようにします。たとえば、`setTimeout` に。 
+通常は、オブジェクトメソッドで `this` を固定するために `bind` を適用し、どこか (たとえば `setTimeout`) に渡すことができるようにします。 
 
 既存の関数において、引数のいくつかを固定した汎用性の低い関数は、部分関数と呼ばれます。
 

1-js/13-modules/01-modules-intro/article.md

@@ -63,7 +63,7 @@ sayHi('John'); // Hello, John!
 
 ## コアなモジュールの特徴
 
-"通常の" スクリプトと比較してときのモジュールの違いは何でしょう？
+"通常の" スクリプトと比較したときのモジュールの違いは何でしょう？
 
 ブラウザとサーバサイト JavaScript の両方に有効なコアな特徴があります。
 

2-ui/1-document/01-browser-environment/article.md

@@ -2,7 +2,7 @@
 
 当初、JavaScript言語は web ブラウザのために作られました。それ以降、言語は進化し、多くの用途やプラットフォームをもつ言語になりました。
 
-プラットフォームは、ブラウザ、Webサーバ、あるいは別の *ホスト*、JavaScirpt が実行可能であれば "スマートな" コーヒーマシンかもしれません。これらはプラットフォーム固有の機能を提供します。JavaScript スペックではこれを *ホスト環境* と呼んでいます。
+プラットフォームは、ブラウザ、Webサーバ、あるいは別の *ホスト*、JavaScript が実行可能であれば "スマートな" コーヒーマシンかもしれません。これらはプラットフォーム固有の機能を提供します。JavaScript スペックではこれを *ホスト環境* と呼んでいます。
 
 ホスト環境は言語のコアに加えて、独自のオブジェクトや機能を提供します。Webブラウザであれば Webページを制御する手段を、Node.js であればサーバサイドの機能などです。
 

2-ui/1-document/02-dom-nodes/article.md

@@ -22,7 +22,7 @@ document.body.style.background = 'red'; // 背景を赤に変更
 setTimeout(() => document.body.style.background = '', 3000); // 戻します
 ```
 
-ここでは、`document.body` の背景色を変更するのに、`style.background` を使用していますが、以下のようにたに多くのプロパティがあります:
+ここでは、`document.body` の背景色を変更するのに、`style.background` を使用していますが、以下のように他に多くのプロパティがあります:
 
 - `innerHTML` -- ノードの HTML コンテンツ
 - `offsetWidth` -- ノードの幅(ピクセル)
@@ -242,7 +242,7 @@ DOMを見ることができます、要素をクリックしその詳細をみ
 
 ## コンソールでのインタラクション 
 
-DOM を調べるにつれて、DOMをに対して JavaScript を適用したいことがあります。例えば、ノードを取得して修正するコードを実行し、その結果を確認る、です。 ここでは、Elementsタブとコンソールの間を移動する tips をいくつか紹介します。
+DOM を調べるにつれて、DOM に対して JavaScript を適用したいことがあります。例えば、ノードを取得して修正するコードを実行し、その結果を確認する、です。 ここでは、Elementsタブとコンソールの間を移動する tips をいくつか紹介します。
 
 まず最初に:
 
@@ -259,7 +259,7 @@ DOM を調べるにつれて、DOMをに対して JavaScript を適用したい
 
 逆もあります。DOMノードを参照している変数がある場合、`inspect(node)` コマンドを実行すると、Elements ペインで表示させることができます。
 
-もしくは単にそれをコンソールに出力し、"その場" で調べることができます。したの `document.body` のように:
+もしくは単にそれをコンソールに出力し、"その場" で調べることができます。下の `document.body` のように:
 
 ![](domconsole1.png)
 
@@ -279,4 +279,4 @@ HTML/XML ドキュメントはブラウザ内では DOM ツリーとして表現
 
 ここでは、基本と、最もよく使われている重要なアクションについて説明しました。 Chrome開発者ツールに関する詳細なドキュメントは、<https://developers.google.com/web/tools/chrome-devtools> にあります。 ツールを学ぶ最も良い方法は、ここをクリックしてメニューを読むことです: ほとんどのオプションは明白です。 
 
-DOMノードには、ノード間の移動やノードの変更、ページの遷移と言ったことを可能とするるプロパティとメソッドがあります。 次の章でそれらを見ていきましょう。
+DOMノードには、ノード間の移動やノードの変更、ページの遷移と言ったことを可能とするプロパティとメソッドがあります。 次の章でそれらを見ていきましょう。

2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md

@@ -6,7 +6,7 @@ importance: 5
 
 対角線上のすべての表のセルを赤でペイントするコードを書いてください。
 
-`<table>` からすべての体格 `<td>` を取得し、コードを使ってペイントする必要があります。:
+`<table>` からすべての対角 `<td>` を取得し、コードを使ってペイントする必要があります。:
 
 ```js
 // td はテーブルセルへの参照

2-ui/1-document/07-modifying-document/5-why-aaa/solution.md

@@ -6,4 +6,4 @@
 
 この問題はブラウザツールを使ってDOMを調べると簡単に答えることができます。`<table>` の前に `"aaa"` があります。
 
-HHTML標準では、悪いHTMLを処理する方法を詳細に指定しています。このようなブラウザの動作は正しいです。
+HTML標準では、悪いHTMLを処理する方法を詳細に指定しています。このようなブラウザの動作は正しいです。

2-ui/1-document/07-modifying-document/article.md

@@ -518,9 +518,9 @@ ul.append(...getListContent()); // append + "..." operator = friends!
 
 利点もあります。技術的には、ブラウザがまだ HTML を読んでいる（パースしている）間に `document.write` が呼び出され、何かを追加すると、ブラウザは HTML テキストに最初からそこにあったかのように処理します。
 
-これは *DOMの修正がないため* 驚くほど速く動作します。DOMがまだビルドされていない間、それは直接ページテキストに書き込み、ブラウザは生成時にそれをDOMを挿入します。
+これは *DOMの修正がないため* 驚くほど速く動作します。DOMがまだビルドされていない間、それは直接ページテキストに書き込み、ブラウザは生成時にそれをDOMに挿入します。
 
-なので、HTMLの動的に多くのテキストを追加する必要があり、またページをロードするフェーズであること、速度を考慮する必要がある場合には役立ちます。ですが、実際にはこれらの要件が一緒に来ることは殆どありません。通常、このメソッドを見るときは、単に古いスクリプトだからと言う理由です。
+なので、HTMLに多くのテキストを動的に追加する必要があり、またページをロードするフェーズであること、速度を考慮する必要がある場合には役立ちます。ですが、実際にはこれらの要件が一緒に来ることは殆どありません。通常、このメソッドを見るときは、単に古いスクリプトだからと言う理由です。
 
 ## サマリ 
 

2-ui/1-document/08-styles-and-classes/article.md

@@ -190,7 +190,7 @@ setTimeout(() => document.body.style.removeProperty('background'), 1000); // 1
 
 ## 算出スタイル: getComputedStyle 
 
-スタイルを変更するのは簡単です。しかしどうやってそれを *参照* ますか？
+スタイルを変更するのは簡単です。しかしどうやってそれを *参照* しますか？
 
 例えば、要素のサイズ、マージン、色が知りたいです。どうやりますか？