diff --git a/Translations/Japanese/README.md b/Translations/Japanese/README.md
index 3ece244a3..923e41dd5 100644
--- a/Translations/Japanese/README.md
+++ b/Translations/Japanese/README.md
@@ -19,7 +19,7 @@
 
 ## より一般的なエンジニア面接の準備がしたいですか？
 
-その場合には [Tech Interview Handbook](https://github.com/yangshun/tech-interview-handbook) が良いかもしれません。こちらのリポジトリはより一般的なエンジニア面接に役立つ内容になっています。含まれるものは例えば、アルゴリズム関連の問題や、行動面接（behavioral interview）対策、[面接対策チートシート](https://github.com/yangshun/tech-interview-handbook/blob/master/preparing/cheatsheet.md)などです！
+その場合には [Tech Interview Handbook](https://github.com/yangshun/tech-interview-handbook) が良いかもしれません。こちらのリポジトリはより一般的なエンジニア面接に役立つ内容になっています。含まれるものには、アルゴリズム関連の問題や、行動面接（behavioral interview）対策、[面接対策チートシート](https://github.com/yangshun/tech-interview-handbook/blob/master/preparing/cheatsheet.md)などがあります！
 
 ## 目次
 
@@ -46,12 +46,12 @@
 
 ### 行動規範
 
-私たちはプロジェクト参加者が遵守すべき行動規範として、Facebookと同じものを採択しました。[こちらの全文](https://code.facebook.com/codeofconduct)を読んで、どのような行為が容認されるかご確認ください。
+私たちはプロジェクト参加者が遵守すべき行動規範として、Facebookと同じものを採択しました。プロジェクトに参加する場合、[こちらの全文](https://code.facebook.com/codeofconduct)を読んでどのような行為が容認されるかをご確認ください。
 
 ### コントリビューションガイド
 
-コントリビューションの方法、改善の提案方法、コンテンツの翻訳方法に興味がある方は、[コントリビューションガイド](CONTRIBUTING.md)を参照してください。
+コントリビューションの方法、改善の提案方法、コンテンツの翻訳方法に興味がある方は、[コントリビューションガイド](/CONTRIBUTING.md)を参照してください。
 
 ## ライセンス
 
-このリポジトリ内のプロジェクトとパッケージはすべて [MIT ライセンス](LICENSE)です。
+このリポジトリ内のプロジェクトとパッケージはすべて [MIT ライセンス](/LICENSE)です。
diff --git a/Translations/Japanese/questions/css-questions.md b/Translations/Japanese/questions/css-questions.md
index 17b919e87..d6c0b949a 100644
--- a/Translations/Japanese/questions/css-questions.md
+++ b/Translations/Japanese/questions/css-questions.md
@@ -54,7 +54,7 @@
 * https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
 * https://www.sitepoint.com/web-foundations/specificity/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### "リセット" と "ノーマライズ" CSSの違いは何ですか？あなたはどちらを使いますか？そしてそれはなぜですか？
 
@@ -67,7 +67,7 @@
 
 * https://stackoverflow.com/questions/6887336/what-is-the-difference-between-normalize-css-and-reset-css
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `float` とは何ですか？どのようにはたらきますか？
 
@@ -95,7 +95,7 @@ CSSの `clear` プロパティは、`left`/`right`/`both` 浮動要素の下に
 
 * https://css-tricks.com/all-about-floats/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `z-index` とは何かと、スタックコンテキスト(スタック文脈)がどのように作られるのかを教えてください。
 
@@ -113,7 +113,7 @@ CSSの `z-index` プロパティは、重なっている要素の垂直方向の
 * https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### ブロック整形文脈（Block Formatting Context、BFC）とその仕組みを教えてください。
 
@@ -135,7 +135,7 @@ BFCが崩壊したときに隣接するブロックレベルボックス間の
 * https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
 * https://www.sitepoint.com/understanding-block-formatting-contexts-in-css/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### clear を行う手法にはどのようなものがあり、それぞれどのような状況に適していますか？
 
@@ -145,7 +145,7 @@ BFCが崩壊したときに隣接するブロックレベルボックス間の
 
 大規模なプロジェクトでは、ユーティリティ `.clearfix` クラスを作成し、必要な場所で使用します。 子供が親よりも背が高く、それほど理想的でない場合、`overflow: hidden` は子供をクリップするかもしれません。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### CSSスプライトとは何ですか？ページやサイトに実装する方法も合わせて説明してください。
 
@@ -164,7 +164,7 @@ CSSスプライトは、複数のイメージを1つの大きなイメージに
 
 * https://css-tricks.com/css-sprites/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### ブラウザ固有のスタイリングに関する問題を解決するにはどうすればいいですか？
 
@@ -173,7 +173,7 @@ CSSスプライトは、複数のイメージを1つの大きなイメージに
 * ベンダープレフィックスをコードに自動的に追加するには、`autoprefixer` を使用します。
 * Reset CSSまたはNormalize.cssを使用してください。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 機能の少ないブラウザに対しては、どのようにページを提供しますか？どのようなテクニック/プロセスを使用しますか？
 
@@ -183,7 +183,7 @@ CSSスプライトは、複数のイメージを1つの大きなイメージに
 * 自動ベンダー接頭辞挿入のための*オートプレフィクサー。
 * [Modernizr](https://modernizr.com/) を使った機能の検出
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### コンテンツを視覚的に隠す（スクリーンリーダーのみ利用可能にする）方法にはどのようなものがありますか？いくつか教えてください。
 
@@ -204,31 +204,46 @@ WAI-ARIAが理想的な解決策であっても、私は絶対的なポジショ
 * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
 * http://a11yproject.com/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### グリッドシステムを使用したことがありますか？使ったことがあるなら、あなたはどのグリッドシステムが好きですか？
 
 私は `float` ベースのグリッドシステムが好きです。なぜなら、既存の代替システム（フレックス、グリッド）の中でも最も多くのブラウザをサポートしているからです。 ブートストラップで長年使用されており、動作することが証明されています。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### メディアクエリやモバイル固有のレイアウト/CSSを使用したり実装したことはありますか？
 
 はい。 一例は、ピル型ナビゲーションを、特定のブレークポイントを越えた固定底のタブ型ナビゲーションに変換することである。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### SVGのスタイリングについては詳しいですか？
 
 いいえ...悲しいことに。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `screen` 以外の @media プロパティの例を挙げられますか？
 
-TODO
+はい、@media プロパティには `screen` も含めて４つの種類があります。:
+
+* `all` - for all media type devices
+* `print` - for printers
+* `speech` - for screenreaders that "reads" the page out loud
+* `screen` - for computer screens, tablets, smart-phones etc.
+
+`print` メディアタイプの使い方の例:
+
+```css
+@media print {
+  body {
+    color: black;
+  }
+}
+```
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 効率的なCSSを書くにために避けるべき "落とし穴" にはどんなものがありますか？
 
@@ -243,7 +258,7 @@ TODO
 * https://developers.google.com/web/fundamentals/performance/rendering/
 * https://csstriggers.com/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### CSSプリプロセッサを使用するメリットとデメリットには何がありますか？
 
@@ -259,7 +274,7 @@ TODO
 
 * 前処理のためのツールが必要です。 再コンパイル時間が遅くなることがあります。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 使用したことのあるCSSプリプロセッサについて好きなものと嫌いなものを教えてください。
 
@@ -273,13 +288,13 @@ TODO
 * Cassで書かれたLibSassのバインディングである `node-sass` を使ってSassを使用します。ノードのバージョンを切り替えるときに、頻繁に再コンパイルする必要があります。
 * Lessでは、変数名の先頭に `@` が付いています。これは `@media`、`@import`、`@font-face` ルールなどのネイティブCSSキーワードと混同することがあります。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 非標準フォントを使用するWebサイトを実装するにはどのようにしますか？
 
 `font-face` を使って `font-weight` の `font-family` を定義してください。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### CSSセレクタにマッチする要素がどれなのか、ブラウザがどのように決定しているかを説明してください。
 
@@ -291,7 +306,7 @@ TODO
 
 * https://stackoverflow.com/questions/5797014/why-do-browsers-match-css-selectors-from-right-to-left
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 疑似要素について説明し、それらがなんのために使われているかを詳しく話してください。
 
@@ -305,7 +320,7 @@ CSS疑似要素はセレクタに追加されたキーワードで、選択し
 
 * https://css-tricks.com/almanac/selectors/a/after-and-before/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### ボックスモデルがなんであるかのあなたの理解と、異なるボックスモデルでレイアウトをレンダリングするためにCSSでブラウザに指示する方法を説明してください。
 
@@ -330,7 +345,7 @@ CSSボックスモデルは、次の計算を行います。
 
 * https://www.smashingmagazine.com/2010/06/the-principles-of-cross-browser-css-coding/#understand-the-css-box-model
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `* { box-sizing: border-box; }` によって何が起きますか？その利点は何ですか？
 
@@ -339,7 +354,7 @@ CSSボックスモデルは、次の計算を行います。
 * 要素の `height` は、コンテンツの `height` +垂直 `padding` + 垂直 `border` 幅によって計算されます。
 * 要素の `width` は、コンテンツの `width` +水平 `padding` + 水平 `border` 幅によって計算されます。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### CSSの `display` プロパティとは何ですか？その使い方の例をいくつか挙げることができますか？
 
@@ -347,7 +362,7 @@ CSSボックスモデルは、次の計算を行います。
 
 TODO
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `inline` と `inline-block` の違いは何ですか？
 
@@ -362,7 +377,7 @@ TODO
 | Margins and paddings                 | All sides respected.                                                                        | All sides respected.                                             | Only horizontal sides respected. Vertical sides, if specified, do not affect layout. Vertical space it takes up depends on `line-height`, even though the `border` and `padding` appear visually around the content. |
 | Float                                | -                                                                                           | -                                                                | Becomes like a `block` element where you can set vertical margins and paddings.                                                                                                                                      |
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `position` が `relative`、`fixed`、`absolute`、`static` の要素の違いは何ですか？
 
@@ -378,7 +393,7 @@ TODO
 
 * https://developer.mozilla.org/en/docs/Web/CSS/position
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### ローカルや本番環境で、どの既存のCSSフレームワークを使用していますか？また、どのように変更/改善していますか？
 
@@ -386,7 +401,7 @@ TODO
 * **Semantic UI** - ソースコード構造により、テーマのカスタマイズが非常に難しくなります。慣習的でないテーマ設定システムでカスタマイズするのは面倒です。 ベンダライブラリ内のハードコードされた設定パス。BootStrap とは違って、変数をオーバーライドするためにうまく設計されていません。
 * **Bulma** - 非セマンティックで余計なクラスやマークアップが必要です。下位互換性がありません。バージョンをアップグレードすると、微妙な方法でアプリが壊れてしまいます。
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 新しいCSSの Flexbox や Grid の仕様で遊んだことはありますか？
 
@@ -400,13 +415,13 @@ Flexboxは、コンテナ内の要素の垂直方向のセンタリング、ス
 
 * https://philipwalton.github.io/solved-by-flexbox/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### ウェブサイトをレスポンシブでコーディングすることとモバイルファーストでコーディングすることの違いを説明できますか？
 
 TODO
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### レスポンシブデザインはアダプティブデザインと何が違いますか？
 
@@ -422,7 +437,7 @@ TODO
 * http://mediumwell.com/responsive-adaptive-mobile/
 * https://css-tricks.com/the-difference-between-responsive-and-adaptive-design/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### Retina 対応を行ったことはありますか？もしあるなら、いつどのようなテクニックを使いましたか？
 
@@ -436,7 +451,7 @@ TODO
 
 * https://www.sitepoint.com/css-techniques-for-retina-displays/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### `position: absolute` の代わりに `translate()` を使用するべき場合はありますか？その逆の場合もありますか？理由も合わせて教えてください。
 
@@ -448,7 +463,7 @@ TODO
 
 * https://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
 
-[[↑] 先頭に戻る](#css-questions)
+[[↑] 先頭に戻る](#css-に関する質問)
 
 ### 他の方の回答集
 
diff --git a/Translations/Japanese/questions/html-questions.md b/Translations/Japanese/questions/html-questions.md
index 60bfeb446..15eed96ce 100644
--- a/Translations/Japanese/questions/html-questions.md
+++ b/Translations/Japanese/questions/html-questions.md
@@ -16,9 +16,9 @@
 
 ### `DOCTYPE` は何のためにあるものですか？
 
-`DOCTYPE` は "document type" の略です。 これは、標準モードと[後方互換(quirks)モード](https://quirks.spec.whatwg.org/#history)を区別するためにHTMLで使用される宣言です。これがあると、標準モードでWebページをレンダリングするようにブラウザに指示します。
+`DOCTYPE` は "document type" の略です。これは、標準モードと[後方互換(quirks)モード](https://quirks.spec.whatwg.org/#history)を区別するためにHTMLで使用される宣言です。これがあると、標準モードでWebページをレンダリングするようにブラウザに指示します。
 
-教訓 - ページの先頭には `<！DOCTYPE html>` を追加しましょう。
+教訓 - ページの先頭には `<!DOCTYPE html>` を追加しましょう。
 
 ###### 参考
 
@@ -26,55 +26,55 @@
 * https://www.w3.org/QA/Tips/Doctype
 * https://quirks.spec.whatwg.org/#history
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### どのようにすれば複数の言語のコンテンツを含むページを提供できますか？
 
-この質問は少し曖昧なので、最も一般的なケース、つまり複数の言語で利用可能なコンテンツを提供する方法を尋ねていると仮定します。1つのページ内のコンテンツは1つの言語でのみ表示されるべきです。
+この質問は少し曖昧なので、最も一般的なケース、つまり複数の言語で利用可能なコンテンツを提供する方法を聞かれているとします。1つのページ内のコンテンツは1つの言語でのみ表示されるべきです。
 
-HTTPリクエストがサーバに対して行われるとき、リクエストしているユーザエージェントは通常 `Accept-Language`ヘッダのような言語設定に関する情報を送信します。 サーバーはこの情報を使用して適切な言語のバージョンで文書を返すことができます。 返されたHTML文書は `<html lang="ja">...</html>` のような `<html>` タグで `lang` 属性も宣言する必要があります。
+HTTPリクエストがサーバに対して行われるとき、リクエストしているユーザエージェントは通常 `Accept-Language` ヘッダのような言語設定に関する情報を送信します。サーバーはこの情報を使用して適切な言語のバージョンで文書を返すことができます。返されたHTML文書においても `<html lang="ja">...</html>` のような `<html>` タグで `lang` 属性を宣言するべきです。
 
-バックエンドでは、HTMLマークアップにはYML形式またはJSON形式で格納された各言語の`i18n`プレースホルダとコンテンツが含めます。 サーバーは通常、バックエンドフレームワークの助けを借りて各言語のコンテンツを含むHTMLページを動的に生成します。
+バックエンドでは、HTML マークアップには YML 形式または JSON 形式で格納された各言語の `i18n` プレースホルダとコンテンツを含めることができます。サーバーは通常、バックエンドフレームワークの助けを借りて各言語のコンテンツを含む HTML ページを動的に生成します。
 
 ###### 参考
 
 * https://www.w3.org/International/getting-started/language
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### 多言語サイトを設計・開発する際には、どんなことに注意を払わなければならないですか？
 
-* HTMLに `lang` 属性を使います。
-* ユーザーを母国語に誘導する - ユーザーが困難なく、国/言語を簡単に変更できるようにする。
-* 画像によるテキストを使用することはスケーラブルな方法ではありません - 画像にテキストを配置することは、システムに無い見栄えの良いフォントをどのコンピュータにでも表示させるための一般的な方法です。 しかし、画像によるテキストを翻訳するには、テキストごとに各言語用の別々の画像が必要になります。 このような画像の変換は、ほんの少しならいいものの、増えてくるとすぐに管理できなくなってしまいます。
-* 制限的な言葉/文章の長さ - 別の言語で書かれていると、いくらかの内容が長くなることがあります。デザインのレイアウトやオーバーフローの問題に注意してください。テキストの量がどこにあるかを設計するのは避けるのが最善です。文字数は、見出し、ラベル、ボタンなどのものがあります。それらは、本文やコメントなど自由に流れるテキストの問題ではありません。
-* 色がどのように認識されているかに注意してください。色は言語や文化によって違って見えます。デザインは適切に色を使用する必要があります。
+* HTML に `lang` 属性を使います。
+* ユーザーを母国語に誘導する - ユーザーが困難なく、国/言語を簡単に変更できるようにします。
+* 画像によるテキストを使用することはスケーラブルな方法ではない - 確かに画像にテキストを配置することは、システムに無い見栄えの良いフォントをあらゆるコンピュータに表示させるための一般的な方法です。しかし、画像によるテキストを翻訳するにはテキストごとに各言語用の別々の画像が必要になります。このような画像の変換はほんの少しならいいものの、増えてくるとすぐに管理できなくなってしまいます。
+* 制限的な言葉/文章の長さ - 別の言語で書くとコンテンツの長さが変わるので、デザインのレイアウトやオーバーフローの問題に注意します。テキスト量でデザインを決めるのは避けるべきです。文字数は、見出し、ラベル、ボタンなどのものがあります。それらは、本文やコメントなど自由に流れるテキストの問題ではありません。
+* 色がどのように認識されているかに注意します。色は言語や文化によって違って見えます。デザインは適切に色を使用する必要があります。
 * 日付と通貨の書式設定 - カレンダーの日付が異なる方法で表示されることがあります。例えば。米国の "May 31, 2012" とヨーロッパの "31 May 2012" です。
-* 翻訳された文字列を連結しないでください - `"The date today is " + date` のことです。異なる言語で単語の順序が壊れます。代わりに各言語のパラメータ置換を伴うテンプレート文字列を使用します。たとえば、次の2つの文章をそれぞれ英語と中国語で見てください： `I will travel on {% date %}` と `{% date %} 我会出发` です。変数の位置は、言語の文法規則によって異なることに注意してください。
-* 言語の読み方 - 英語では、左から右、上から下へ、伝統的な日本語では、テキストが上下左右に読み取られます。
+* 翻訳された文字列を連結しない - `"今日の日付は" + date` のことです。異なる言語で単語の順序は変化するのです。かわりに各言語のパラメータ置換を伴うテンプレート文字列を使用します。たとえば、次の2つの文章をそれぞれ日本語と英語で見てみましょう： `私は{% date %}に旅行します` と `I will travel on {% date %}` です。変数の位置は、言語の文法規則によって異なることに注意する必要があります。
+* 言語の読む方向 - 英語では、左から右、上から下へ向かって読みますが、日本語では伝統的に、上から下へ、右から左へ向かって読みます。
 
 ###### 参考
 
 * https://www.quora.com/What-kind-of-things-one-should-be-wary-of-when-designing-or-developing-for-multilingual-sites
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### `data-` 属性は何のために使われるのですか？
 
-JavaScript フレームワークが普及する前に、フロントエンドの開発者は、非標準属性、DOM の余分なプロパティなどの他のハッキングなしで、DOM 内に余分なデータを格納する `data-` 属性を使用しました。 適切な属性や要素が存在しないページやアプリケーション専用のカスタムデータを格納するためのものです。
+JavaScript フレームワークが普及する前に、フロントエンドの開発者は、非標準属性、DOM の余分なプロパティなどの他のハッキングなしで、DOM 内に余分なデータを格納する `data-` 属性を使用しました。カスタムデータをページやアプリケーションに格納する際に、適切な属性や要素が存在しない時のために利用するものです。
 
-最近、`data-` 属性を使うことは勧められません。 理由の1つは、ユーザーがブラウザの inspect 要素を使用してデータ属性を簡単に変更できることです。 データモデルは JavaScript 自体の中に保存されており、ライブラリやフレームワークを介したデータバインディングを介して DOM で更新された状態に保たれます。
+しかし近頃は `data-` 属性を使うことは推奨されていません。その理由の1つは、ユーザーがブラウザの「検証」を使用してデータ属性を簡単に変更できることです。データモデルは JavaScript 自体の中に保存されるのが良く、ライブラリやフレームワークによるデータバインディングによって DOM とともに更新された状態に保たれることが望ましいです。
 
 ###### 参考
 
 * http://html5doctor.com/html5-custom-data-attributes/
 * https://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
-### HTML5 をオープンウェブプラットフォームとして考え他ときに、HTML5 とはどんな要素から成るものですか？
+### HTML5 をオープンウェブプラットフォームとして考えたときに、HTML5 とはどんな要素から成るものですか？
 
-* セマンティクス - あなたのコンテンツがより正確に記述できるようにします。
+* セマンティクス - コンテンツを正確に記述できるようにします。
 * 接続性 - 新しく革新的な方法でサーバーと通信することができます。
 * オフラインとストレージ - ウェブページにクライアント側のデータをローカルに格納し、オフラインでより効率的に操作できるようにします。
 * マルチメディア - オープンウェブでビデオとオーディオを第一級オブジェクトにする。
@@ -87,7 +87,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
 
 * https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### `cookie`、`sessionStorage`、`localStorage` の違いを教えてください。
 
@@ -95,12 +95,12 @@ JavaScript フレームワークが普及する前に、フロントエンドの
 
 |                                        | `cookie`                                                 | `localStorage` | `sessionStorage` |
 | -------------------------------------- | -------------------------------------------------------- | -------------- | ---------------- |
-| イニシエータ                           | クライアントかサーバ。サーバは `Set-Cookie`ヘッダ使用可  | クライアント   | クライアント     |
+| イニシエータ                           | クライアントかサーバ。サーバは `Set-Cookie` ヘッダ使用可 | クライアント   | クライアント     |
 | 有効期限                               | 手動で設定　                                             | 永続　         | タブを閉じるまで |
 | ブラウザセッション間で保持するか       | 有効期限が設定されているかどうかによって異なります       | はい           | いいえ           |
 | ドメインが関連付けられているか         | はい                                                     | いいえ         | いいえ           |
-| すべてのHTTPリクエストでサーバーに送信 | クッキーは自動的に `Cookie`ヘッダ経由で送信されます      | いいえ         | いいえ           |
-| ドメインごとの容量                     | 4kb                                                      | 5MB            | 5MB              |
+| すべてのHTTPリクエストでサーバーに送信 | クッキーは自動的に `Cookie` ヘッダ経由で送信されます     | いいえ         | いいえ           |
+| ドメインごとの容量                     |B                                                      | 5MB            | 5MB              |
 | アクセシビリティ                       | ウィンドウ全て                                           | ウィンドウ全て | 同じタブ         |
 
 ###### 参考
@@ -108,7 +108,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
 * https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies
 * http://tutorial.techaltum.com/local-and-session-storage.html
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### `<script>`、`<script async>`、`<script defer>` の違いを教えてください。
 
@@ -124,7 +124,7 @@ JavaScript フレームワークが普及する前に、フロントエンドの
 * https://stackoverflow.com/questions/10808109/script-tag-async-defer
 * https://bitsofco.de/async-vs-defer/
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### なぜ一般的に、CSSの `<link>` を `<head>        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>` の間に、JSの `<script>` を `</body>` の直前に置くことが良いと言われているのでしょうか？こうすべきでない例外を知っていますか？
 
@@ -136,19 +136,19 @@ JavaScript フレームワークが普及する前に、フロントエンドの
 
 `<script>`は、ダウンロードされて実行されている間にHTML解析をブロックします。スクリプトを最下部にダウンロードすると、HTMLを解析して最初にユーザーに表示することができます。
 
-下の `<script>`の位置付けの例外は、あなたのスクリプトに `document.write()` が含まれているときですが、最近は `document.write()` を使うのは良い習慣ではありません。また、 `<script>`を一番下に置くことは、ドキュメント全体が解析されるまでブラウザがスクリプトのダウンロードを開始できないことを意味します。 1つの回避策は、`<head>` に `<script>` を入れ、 `defer` 属性を使うことです。
+下の `<script>`の位置付けの例外は、あなたのスクリプトに `document.write()` が含まれているときですが、最近は `document.write()` を使うのは良い習慣ではありません。また、 `<script>`を一番下に置くことは、ドキュメント全体が解析されるまでブラウザがスクリプトのダウンロードを開始できないことを意味します。1つの回避策は、`<head>` に `<script>` を入れ、 `defer` 属性を使うことです。
 
 ###### 参考
 
 * https://developer.yahoo.com/performance/rules.html#css_top
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### プログレッシブレンダリングとは何ですか？
 
-プログレッシブレンダリングは、ウェブページのパフォーマンスを向上させるために使用される技術（特に、認識された読み込み時間を改善する）に与えられた名前であり、できるだけ早く表示するためにコンテンツをレンダリングする。
+プログレッシブレンダリングは、ウェブページのパフォーマンスを向上させる（特に、感覚的な読み込み時間を改善する）ために使用される技術に与えられた名前であり、できるだけ早く表示するためにコンテンツをレンダリングします。
 
-以前はブロードバンドインターネットの普及以前に普及していましたが、モバイルデータ接続の普及（および信頼性低下）が進んでいる現在、現代的な開発にはまだ役立ちます。
+ブロードバンドインターネットの普及以前に使われてきましたが、モバイルデータ接続の普及（および信頼性低下）が進んでいる現在、現代的な開発にはまだ役立ちます。
 
 このような技術の例：
 
@@ -156,34 +156,39 @@ JavaScript フレームワークが普及する前に、フロントエンドの
 * 目に見えるコンテンツの優先順位付け（または折り畳みの上のレンダリング） - できるだけ早く表示するためにユーザーのブラウザでレンダリングされるページの量に必要な最小のCSS/コンテンツ/スクリプトのみを含める。スクリプトを呼び出すか、`DOMContentLoaded`/`load` イベントが他のリソースやコンテンツを読み込むのを待ちます。
 * 非同期HTMLフラグメント - HTMLの一部をブラウザにフラッシュし、ページがバックエンド上に構築されます。この技術の詳細は[こちら](http://www.ebaytechblog.com/2014/12/08/async-fragments-rediscovering-progressive-html-rendering-with-marko/)にあります。
 
-[[↑] 先頭に戻る](#html-questions)
+###### References
+
+* https://stackoverflow.com/questions/33651166/what-is-progressive-rendering
+* http://www.ebaytechblog.com/2014/12/08/async-fragments-rediscovering-progressive-html-rendering-with-marko/
+
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### img タグに `srcset` 属性を使用する理由は？この属性をもつ要素を評価するときにブラウザが行うプロセスを説明してください。
 
-デバイスの表示幅に応じて異なるイメージをユーザーに提供したい場合は、 `srcset`属性を使用します。網膜ディスプレイを使用してデバイスに高品質のイメージを表示し、低解像度のイメージをローエンドのデバイスに提供しながらパフォーマンスを向上させ、 （大きな画像には目に見える違いがないため）データの消耗を減らします。例： `<img srcset =" small.jpg 500w、medium.jpg 1000w、large.jpg 2000w "src =" ... "alt =" ">はブラウザに小、中、大のいずれかを表示するように指示します。クライアントの解像度に応じて「jpg」グラフィックを表示します。最初の値はイメージ名で、2番目の値はイメージのピクセル単位の幅です。 320pxのデバイス幅の場合、次の計算が行われます。
+デバイスの表示幅に応じて異なるイメージをユーザーに提供したい場合は、 `srcset`属性を使用します。網膜ディスプレイを使用してデバイスに高品質のイメージを表示し、低解像度のイメージをローエンドのデバイスに提供しながらパフォーマンスを向上させ、 （大きな画像には目に見える違いがないため）データの消耗を減らします。例： `<img srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 2000w" src="..." alt="">` はブラウザに小、中、大のいずれかを表示するように指示します。クライアントの解像度に応じて「jpg」グラフィックを表示します。最初の値はイメージ名で、2番目の値はイメージのピクセル単位の幅です。320pxのデバイス幅の場合、次の計算が行われます。
 
 * 500/320 = 1.5625
 * 1000/320 = 3.125
 * 2000/320 = 6.25
 
-クライアントの解像度が1xの場合、1.5625が最も近く、 `small.jpg 'に対応する` 500w`がブラウザによって選択されます。
+クライアントの解像度が1xの場合、1.5625が最も近く、`small.jpg` に対応する `500w` がブラウザによって選択されます。
 
 解像度が網膜（2倍）の場合、ブラウザは最小以上の最も近い解像度を使用します。それは1より大きく、画像が悪く見えるかもしれないので、500w（1.5625）を選択しないことを意味します。ブラウザは、得られた比率が2に近い1000w（3.125）の画像を選択します。
 
-`srcset`は、デスクトップディスプレイのような巨大な画像を必要としないため、小さな画像ファイルを画面の狭いデバイスに配信したいという問題を解決します。オプションで、異なる解像度の画像を高密度/高密度スクリーン。
+`srcset` は、デスクトップディスプレイのような巨大な画像を必要としないため、小さな画像ファイルを画面の狭いデバイスに配信したいという問題を解決します。オプションで、異なる解像度の画像を高密度/高密度スクリーン。
 
 ###### 参考
 
 * https://stackoverflow.com/questions/33651166/what-is-progressive-rendering
 * http://www.ebaytechblog.com/2014/12/08/async-fragments-rediscovering-progressive-html-rendering-with-marko/
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### HTMLテンプレート言語をいくつか使用した経験はありますか？
 
-はい、Pug (旧 Jade)、ERB、Slim、Handlebars、Jinja、Liquid を使ったことがあります。 私の意見では、それらはおおよそ同じようなものであり、表示されるデータを操作するためのエスケープするコンテンツや役立つフィルタと同様の機能を提供します。 ほとんどのテンプレートエンジンでは、表示前にカスタム処理が必要なイベントに独自のフィルタを挿入することもできます。
+はい。例をあげると、Pug (旧 Jade)、ERB、Slim、Handlebars、Jinja、Liquid を使ったことがあります。私の意見では、これらはおおよそ同じようなものであり、表示されるデータを操作するためのエスケープするコンテンツや役立つフィルタと同様の機能を提供します。ほとんどのテンプレートエンジンでは、表示前にカスタム処理が必要なイベントに独自のフィルタを挿入することもできます。
 
-[[↑] 先頭に戻る](#html-questions)
+[[↑] 先頭に戻る](#html-に関する質問)
 
 ### 他の方の回答集
 
diff --git a/Translations/Japanese/questions/javascript-questions.md b/Translations/Japanese/questions/javascript-questions.md
index f2a1e3e47..43f977527 100644
--- a/Translations/Japanese/questions/javascript-questions.md
+++ b/Translations/Japanese/questions/javascript-questions.md
@@ -22,7 +22,7 @@
 * [Ajax を利用する利点を欠点はなんですか？](#ajax-を利用する利点を欠点はなんですか)
 * [JSONP がどのように機能するか（またそれが Ajax とはどこが違うのか）を説明してください。](#jsonp-がどのように機能するかまたそれが-ajax-とはどこが違うのかを説明してください)
 * [JavaScript templating を使ったことがありますか？ もしあれば、どのライブラリを使ったことがありますか？](#javascript-templating-を使ったことがありますか-もしあればどのライブラリを使ったことがありますか)
-* ["hoisting" について説明してください。](#hoisting-について説明してください)
+* ["巻き上げ"について説明してください。](#巻き上げについて説明してください)
 * [event bubbling について教えてください。](#event-bubbling-について教えてください)
 * ["attribute" と "property" の違いを説明してください。](#attribute-と-property-の違いを説明してください)
 * [ビルトインオブジェクトを拡張することはなぜ良くないのでしょうか？](#ビルトインオブジェクトを拡張することはなぜ良くないのでしょうか)
@@ -59,7 +59,7 @@
 
 ### イベントデリゲーションについて説明してください。
 
-イベントデリゲーÏションは、イベントリスナーを子要素に追加するのではなく、親要素に追加する手法です。 リスナーは、DOMをバブリングするイベントのために、子孫要素でイベントがトリガーされるたびに発生します。 この手法の利点は次のとおりです。
+イベントデリゲーションは、イベントリスナーを子要素に追加するのではなく、親要素に追加する手法です。 リスナーは、DOM をバブリングするイベントのために、子孫要素でイベントがトリガーされるたびに発生します。 この手法の利点は次のとおりです。
 
 * 子孫ごとにイベントハンドラーをアタッチするのではなく、親要素に1つのハンドラーしか必要ないため、メモリの使用量が減少します。
 * 削除された要素からハンドラをアンバインドしたり、新しい要素のイベントをバインドする必要はありません。
@@ -69,18 +69,18 @@
 * https://davidwalsh.name/event-delegate
 * https://stackoverflow.com/questions/1687296/what-is-dom-event-delegation
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### JavaScriptの `this` はどう機能するものなのか説明してください。
 
-`this`の簡単な説明はありません。それはJavaScriptの最も混乱しやすい概念の1つです。手のひら波の説明は、 `this`の値が関数の呼び出し方法に依存するということです。私はこのオンラインで多くの説明を読んでおり、[Arnav Aggrawal]（https://medium.com/@arnav_aggarwal）の説明が最も明白であることがわかりました。次のルールが適用されます。
+`this`の簡単な説明はありません。それはJavaScriptの最も混乱しやすい概念の1つです。手のひら波の説明は、`this` の値が関数の呼び出し方法に依存するということです。私はこのオンラインで多くの説明を読んでおり、[Arnav Aggrawal]（https://medium.com/@arnav_aggarwal）の説明が最も明白であることがわかりました。次のルールが適用されます。
 
-1. 関数を呼び出すときに `new`キーワードが使用されている場合、関数内の` this`は全く新しいオブジェクトです。
-2. `apply`、` call`、 `bind`を使って関数を呼び出す/作成する場合、関数内の` this`は引数として渡されるオブジェクトです。
-3. メソッドが `obj.method()`のように呼び出された場合、 `this`はその関数がプロパティであるオブジェクトです。
-4. 関数が空の関数呼び出しとして呼び出された場合、つまり、上記の条件のいずれかがなくても呼び出された場合、 `this`はグローバルオブジェクトです。ブラウザでは、 `window`オブジェクトです。 strictモード（ `'use strict'`）の場合、` this`はグローバルオブジェクトではなく `undefined`になります。
-5. 上記のルールの複数が適用される場合、より高いルールが勝ち、 `this`値を設定します。
-6. 関数がES2015矢印関数の場合、上記のすべてのルールを無視し、作成時にその周囲のスコープの `this`値を受け取ります。
+1. 関数を呼び出すときに `new` キーワードが使用されている場合、関数内の `this` は全く新しいオブジェクトです。
+2. `apply`、`call`、 `bind` を使って関数を呼び出す/作成する場合、関数内の `this` は引数として渡されるオブジェクトです。
+3. メソッドが `obj.method()` のように呼び出された場合、 `this`はその関数がプロパティであるオブジェクトです。
+4. 関数が空の関数呼び出しとして呼び出された場合、つまり、上記の条件のいずれかがなくても呼び出された場合、`this` はグローバルオブジェクトです。ブラウザでは、`window` オブジェクトです。 strictモード（`'use strict'`）の場合、`this` はグローバルオブジェクトではなく `undefined` になります。
+5. 上記のルールの複数が適用される場合、より高いルールが勝ち、`this` 値を設定します。
+6. 関数がES2015矢印関数の場合、上記のすべてのルールを無視し、作成時にその周囲のスコープの `this` 値を受け取ります。
 
 詳細な説明は、彼の [article on Medium](https://codeburst.io/the-simple-rules-to-this-in-javascript-35d97f31bde3) を参照してください。
 
@@ -89,37 +89,37 @@
 * https://codeburst.io/the-simple-rules-to-this-in-javascript-35d97f31bde3
 * https://stackoverflow.com/a/3127440/1751946
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### プロトタイプ継承はどのように機能するか説明してください。
 
-これは非常によくあるJavaScriptインタビューの質問です。 すべてのJavaScriptオブジェクトには、別のオブジェクトへの参照である `prototype`プロパティがあります。 プロパティがオブジェクト上でアクセスされ、プロパティがそのオブジェクトに見つからない場合、JavaScriptエンジンはオブジェクトの `prototype` と `prototype` の `prototype`などを調べて、プロパティが定義されるまで探します プロトタイプチェーンの最後に到達するまで、 この動作は古典的な継承をシミュレートしますが、実際は継承よりも委譲されています （[delegation than inheritance](https://davidwalsh.name/javascript-objects)）。
+これは非常によくあるJavaScriptインタビューの質問です。 すべてのJavaScriptオブジェクトには、別のオブジェクトへの参照である `prototype` プロパティがあります。 プロパティがオブジェクト上でアクセスされ、プロパティがそのオブジェクトに見つからない場合、JavaScriptエンジンはオブジェクトの `prototype` と `prototype` の `prototype` などを調べて、プロパティが定義されるまで探します プロトタイプチェーンの最後に到達するまで、 この動作は古典的な継承をシミュレートしますが、実際は継承よりも委譲されています （[delegation than inheritance](https://davidwalsh.name/javascript-objects)）。
 
 ###### 参考
 
 * https://www.quora.com/What-is-prototypal-inheritance/answer/Kyle-Simpson
 * https://davidwalsh.name/javascript-objects
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### AMDとCommonJS、何が違いますか？
 
-どちらも、ES2015が登場するまでJavaScriptにネイティブに存在しなかったモジュールシステムを実装する方法です。 CommonJSは同期ですが、AMD（Asynchronous Module Definition）は明らかに非同期です。 CommonJSはサーバー側の開発を念頭に置いて設計されていますが、AMDはモジュールの非同期ロードをサポートしているため、ブラウザ向けのものです。
+どちらも、ES2015 が登場するまで JavaScript にネイティブに存在しなかったモジュールシステムを実装する方法です。 CommonJS は同期ですが、AMD（Asynchronous Module Definition）は明らかに非同期です。 CommonJS はサーバー側の開発を念頭に置いて設計されていますが、AMDはモジュールの非同期ロードをサポートしているため、ブラウザ向けのものです。
 
-私はAMD構文が非常に冗長であり、CommonJSは他の言語のインポート文を書くスタイルに近いことがわかります。ほとんどの場合、すべてのJavaScriptを1つの連結されたバンドルファイルに提供した場合、非同期読み込みプロパティのメリットはないため、AMDは不要です。また、CommonJS構文は、モジュールを書くノードスタイルに近く、クライアント側とサーバー側のJavaScript開発を切り替える際のコンテキスト切り替えのオーバーヘッドが少なくなります。
+私はAMD構文が非常に冗長であり、CommonJS は他の言語のインポート文を書くスタイルに近いことがわかります。ほとんどの場合、すべてのJavaScriptを1つの連結されたバンドルファイルに提供した場合、非同期読み込みプロパティのメリットはないため、AMDは不要です。また、CommonJS構文は、モジュールを書くノードスタイルに近く、クライアント側とサーバー側の JavaScript 開発を切り替える際のコンテキスト切り替えのオーバーヘッドが少なくなります。
 
-同期と非同期の両方のロードをサポートするES2015モジュールでは、最終的には1つのアプローチに固執することができてうれしいです。ブラウザやNodeでは完全にロールアウトされていませんが、私たちはいつでもtranspilerを使用してコードを変換することができます。
+同期と非同期の両方のロードをサポートする ES2015 モジュールでは、最終的には1つのアプローチに固執することができてうれしいです。ブラウザや Node では完全にロールアウトされていませんが、私たちはいつでもトランスパイラを使用してコードを変換することができます。
 
 ###### 参考
 
 * https://auth0.com/blog/javascript-module-systems-showdown/
 * https://stackoverflow.com/questions/16521471/relation-between-commonjs-amd-and-requirejs
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### なぜ次のコードは IIFE として機能しないのでしょうか？: `function foo(){ }();` IIFE として機能させるには何を変える必要がありますか？
 
-IIFEは、Immediately Invoked Function Expressionsの略です。 JavaScriptのパーサーは、`function foo(){ }();`を `function foo(){ }` と `();` として読み込みます。前者は関数宣言で、後者（括弧のペア）は試行です 関数を呼び出すときに名前が指定されていないので、 `Uncaught SyntaxError: Unexpected token )` をスローします）。
+IIFEは、Immediately Invoked Function Expressions の略です。 JavaScriptのパーサーは、`function foo(){ }();` を `function foo(){ }` と `();` として読み込みます。前者は関数宣言で、後者（括弧のペア）は試行です 関数を呼び出すときに名前が指定されていないので、 `Uncaught SyntaxError: Unexpected token )` をスローします）。
 
 `(function foo(){ })()` と `(function foo(){ }())` を追加するという2つの方法があります。 これらの関数はグローバルスコープで公開されておらず、本体内で自身を参照する必要がない場合は、その名前を省略することもできます。
 
@@ -127,7 +127,7 @@ IIFEは、Immediately Invoked Function Expressionsの略です。 JavaScriptの
 
 * http://lucybain.com/blog/2014/immediately-invoked-function-expression/
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### 変数が `null`、`undefined`、未定義だったときの違いはなんでしょう? どのようにして、これらの状態を調べますか？
 
@@ -173,7 +173,7 @@ console.log(foo == undefined); // true. Wrong, don't use this to check!
 * https://stackoverflow.com/questions/15985875/effect-of-declared-and-undeclared-variables
 * https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/undefined
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### クロージャとはなんですか？また、なぜこれを使うのでしょうか？どのように使うのでしょうか？
 
@@ -189,7 +189,7 @@ console.log(foo == undefined); // true. Wrong, don't use this to check!
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures
 * https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `.forEach` と `.map()` の違いを説明できますか？これらをどのように使い分けますか？
 
@@ -224,13 +224,13 @@ const doubled = a.map(num => {
 // doubled = [2, 4, 6]
 ```
 
-`.forEach`と` .map() `の主な違いは、` .map() `が新しい配列を返すことです。 結果が必要だが元の配列を変更したくない場合は、 `.map()`がはっきりとした選択です。 単に配列を反復処理する必要がある場合、 `forEach`は良い選択です。
+`.forEach` と `.map()` の主な違いは、` .map()` が新しい配列を返すことです。 結果が必要だが元の配列を変更したくない場合は、`.map()` がはっきりとした選択です。 単に配列を反復処理する必要がある場合、`forEach` は良い選択です。
 
 ###### 参考
 
 * https://codeburst.io/javascript-map-vs-foreach-f38111822c0f
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### 無名関数の典型的な使い方を教えてください。
 
@@ -250,7 +250,7 @@ setTimeout(function() {
 }, 1000);
 ```
 
-関数型プログラミング構造体またはLodashへの引数（コールバックと同様）。
+関数型プログラミング構造体または Lodash への引数（コールバックと同様）。
 
 ```js
 const arr = [1, 2, 3];
@@ -265,7 +265,7 @@ console.log(double); // [2, 4, 6]
 * https://www.quora.com/What-is-a-typical-usecase-for-anonymous-functions
 * https://stackoverflow.com/questions/10273185/what-are-the-benefits-to-using-anonymous-functions-instead-of-named-functions-fo
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### どのようなことを意識してコードを組み立てていますか？ (モジュールパターン, classical inheritance?)
 
@@ -275,7 +275,7 @@ console.log(double); // [2, 4, 6]
 
 私は可能な限り古典的な継承を避けます。 私がそうすると、[これらの規則](https://medium.com/@dan_abramov/how-to-use-classes-and-sleep-at-night-9af8de78ccb4)に固執します。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### host objects と native objects は何が違いますか？
 
@@ -287,7 +287,7 @@ console.log(double); // [2, 4, 6]
 
 * https://stackoverflow.com/questions/7614317/what-is-the-difference-between-native-objects-and-host-objects
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### 次のコードの違いはなんですか？: `function Person(){}` 後、 `var person = Person()` と `var person = new Person()`
 
@@ -315,7 +315,7 @@ console.log(person.name); // "john"
 
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `.call` と `.apply` の違いはなんですか？
 
@@ -330,7 +330,7 @@ console.log(add.call(null, 1, 2)); // 3
 console.log(add.apply(null, [1, 2])); // 3
 ```
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `Function.prototype.bind` について説明してください。
 
@@ -344,20 +344,20 @@ console.log(add.apply(null, [1, 2])); // 3
 
 * https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `document.write()` はいつ使いますか？
 
-`document.write()`は `document.open()`によってオープンされた文書ストリームに文字列を書き込みます。ページがロードされた後 `document.write()` が実行されると、`document.open` が呼び出され、ドキュメント全体が消去されます（`<head>` と `<body>` removed！）文字列に与えられたパラメータ値。したがって、通常は危険であり、誤用されやすいと考えられています。
+`document.write()` は `document.open()` によってオープンされた文書ストリームに文字列を書き込みます。ページがロードされた後 `document.write()` が実行されると、`document.open` が呼び出され、ドキュメント全体が消去されます（`<head>` と `<body>` removed！）文字列に与えられたパラメータ値。したがって、通常は危険であり、誤用されやすいと考えられています。
 
-`document.write()`が解析コードで使用されている、または[JavaScriptが有効になっている場合のみ動作するスタイルを含める場合](https://www.quirksmode.org/blog/archives/2005/06/three_javascrip_1.html)。 HTML5の定型句で[スクリプトを並行してロードして実行順序を保持する](https://github.com/paulirish/html5-boilerplate/wiki/Script-Loading-Techniques#documentwrite-script-tag)にも使用されています。しかし、私はそれらの理由が時代遅れかもしれないと思うし、現代では `document.write()` を使わなくても達成できます。私がこれについて間違っているなら、私に正しいことをしてください。
+`document.write()` が解析コードで使用されている、または[JavaScriptが有効になっている場合のみ動作するスタイルを含める場合](https://www.quirksmode.org/blog/archives/2005/06/three_javascrip_1.html)。 HTML5の定型句で[スクリプトを並行してロードして実行順序を保持する](https://github.com/paulirish/html5-boilerplate/wiki/Script-Loading-Techniques#documentwrite-script-tag)にも使用されています。しかし、私はそれらの理由が時代遅れかもしれないと思うし、現代では `document.write()` を使わなくても達成できます。私がこれについて間違っているなら、私に正しいことをしてください。
 
 ###### 参考
 
 * https://www.quirksmode.org/blog/archives/2005/06/three_javascrip_1.html
 * https://github.com/h5bp/html5-boilerplate/wiki/Script-Loading-Techniques#documentwrite-script-tag
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### feature detection, feature inference, and using the UA string の違いはなんですか？
 
@@ -397,7 +397,7 @@ This is not really recommended. Feature detection is more foolproof.
 * https://stackoverflow.com/questions/20104930/whats-the-difference-between-feature-detection-feature-inference-and-using-th
 * https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### Ajax をできるだけ詳しく説明してください。
 
@@ -410,7 +410,7 @@ Ajax（非同期JavaScriptとXML）は、クライアント側で多くのWebテ
 * https://en.wikipedia.org/wiki/Ajax_(programming)
 * https://developer.mozilla.org/en-US/docs/AJAX
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### Ajax を利用する利点を欠点はなんですか？
 
@@ -428,7 +428,7 @@ Ajax（非同期JavaScriptとXML）は、クライアント側で多くのWebテ
 * 一部のWebcrawlerはJavaScriptを実行しないため、JavaScriptによって読み込まれたコンテンツは表示されません。
 * SPAの基本的な欠点。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### JSONP がどのように機能するか（またそれが Ajax とはどこが違うのか）を説明してください。
 
@@ -462,7 +462,7 @@ JSONPは安全ではなく、セキュリティ上の問題もあります。 JS
 
 * https://stackoverflow.com/a/2067584/1751946
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### JavaScript templating を使ったことがありますか？ もしあれば、どのライブラリを使ったことがありますか？
 
@@ -474,11 +474,11 @@ const template = `<div>My name is: ${name}</div>`;
 
 ただし、上記のアプローチでは、テンプレートライブラリとは異なり、コンテンツがエスケープされない可能性があるため、潜在的なXSSに注意してください。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
-### "hoisting" について説明してください。
+### "巻き上げ"について説明してください。
 
-Hoistingは、コード内の変数宣言の動作を説明するために使用される用語です。 `var` キーワードで宣言または初期化された変数の宣言は、現在のスコープの先頭まで "hoisted" されます。 しかし、宣言だけが吊り上げられ、譲渡（存在する場合）がその場所にとどまります。 いくつかの例をあげて説明しましょう。
+巻き上げは、コード内の変数宣言の動作を説明するために使用される用語です。 `var` キーワードで宣言または初期化された変数の宣言は、現在のスコープの先頭まで "巻き上げ"されます。 しかし、宣言だけが吊り上げられ、譲渡（存在する場合）がその場所にとどまります。 いくつかの例をあげて説明しましょう。
 
 ```js
 // var declarations are hoisted.
@@ -512,13 +512,13 @@ var bar = function() {
 console.log(bar); // [Function: bar]
 ```
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### event bubbling について教えてください。
 
 DOMエレメントでイベントがトリガーされると、リスナーが接続されている場合にイベントを処理しようとすると、そのイベントは親にバブリングされ、同じことが起こります。 この泡立ちは、要素の先祖を `document` までずっと上げています。 イベントのバブリングは、イベントの委任の背後にあるメカニズムです。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### "attribute" と "property" の違いを説明してください。
 
@@ -541,19 +541,19 @@ console.log(input.value); // Hello World!
 
 * https://stackoverflow.com/questions/6003819/properties-and-attributes-in-html
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### ビルトインオブジェクトを拡張することはなぜ良くないのでしょうか？
 
-ビルトイン/ネイティブのJavaScriptオブジェクトを拡張することは、その `prototype` にプロパティ/関数を追加することを意味します。 これは最初は良いアイデアのように思えるかもしれませんが、実際には危険です。 あなたのコードが同じ `contains` メソッドを追加することによって `Array.prototype` を拡張し、実装がお互いを上書きし、これらの2つのメソッドの動作が同じでない場合、あなたのコードが壊れてしまういくつかのライブラリを使っているとしましょう。
+ビルトイン/ネイティブの JavaScript オブジェクトを拡張することは、その `prototype` にプロパティ/関数を追加することを意味します。 これは最初は良いアイデアのように思えるかもしれませんが、実際には危険です。 あなたのコードが同じ `contains` メソッドを追加することによって `Array.prototype` を拡張し、実装がお互いを上書きし、これらの2つのメソッドの動作が同じでない場合、あなたのコードが壊れてしまういくつかのライブラリを使っているとしましょう。
 
-ネイティブオブジェクトを拡張する唯一の方法は、ポリフィルを作成する場合です。これは、JavaScript仕様の一部であり、古いブラウザであるためにユーザーのブラウザには存在しないメソッドの独自の実装を提供することです 。
+ネイティブオブジェクトを拡張する唯一の方法は、ポリフィルを作成する場合です。これは、JavaScript 仕様の一部であり、古いブラウザであるためにユーザーのブラウザには存在しないメソッドの独自の実装を提供することです 。
 
 ###### 参考
 
 * http://lucybain.com/blog/2014/js-extending-built-in-objects/
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### document `load` event と document `DOMContentLoaded` event の違いは？
 
@@ -566,7 +566,7 @@ console.log(input.value); // Hello World!
 * https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
 * https://developer.mozilla.org/en-US/docs/Web/Events/load
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `==` と `===` の違いはなんですか？
 
@@ -593,17 +593,17 @@ console.log(a == undefined); // true
 
 * https://stackoverflow.com/questions/359494/which-equals-operator-vs-should-be-used-in-javascript-comparisons
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### JavaScript の同一オリジンポリシーについて説明してください。
 
-同じ起点ポリシーは、JavaScriptがドメインの境界を越えて要求を作成するのを防ぎます。 原点は、URIスキーム、ホスト名、およびポート番号の組み合わせとして定義されます。 このポリシーは、あるページの悪意のあるスクリプトが、そのページのドキュメントオブジェクトモデルを介して別のWebページの機密データにアクセスすることを防止します。
+同じ起点ポリシーは、JavaScriptがドメインの境界を越えて要求を作成するのを防ぎます。 原点は、URIスキーム、ホスト名、およびポート番号の組み合わせとして定義されます。 このポリシーは、あるページの悪意のあるスクリプトが、そのページのドキュメントオブジェクトモデルを介して別の Web ページの機密データにアクセスすることを防止します。
 
 ###### 参考
 
 * https://en.wikipedia.org/wiki/Same-origin_policy
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### 以下のコードを動くようにしてください:
 
@@ -619,7 +619,7 @@ function duplicate(arr) {
 duplicate([1, 2, 3, 4, 5]); // [1,2,3,4,5,1,2,3,4,5]
 ```
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### それが　Ternary expression と呼ばれるのはなぜですか？ "Ternary" はどういう意味で使われているのでしょうか？
 
@@ -629,7 +629,7 @@ duplicate([1, 2, 3, 4, 5]); // [1,2,3,4,5,1,2,3,4,5]
 
 * https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `"use strict";` とはなんですか？これを使う利点と欠点を教えてください。
 
@@ -648,7 +648,7 @@ duplicate([1, 2, 3, 4, 5]); // [1,2,3,4,5,1,2,3,4,5]
 欠点：
 
 * いくつかの開発者が慣れ親しかった欠けている機能がたくさんあります。
-* `function.caller` と ` function.arguments` へのアクセスはもうありません。
+* `function.caller` と `function.arguments` へのアクセスはもうありません。
 * 異なる厳密なモードで記述されたスクリプトを連結すると、問題が発生する可能性があります。
 
 全体的に、私は利点が欠点を上回っていると思うし、厳密なモードブロックという機能に頼る必要はなかった。私は厳密なモードを使用することをお勧めします。
@@ -658,7 +658,7 @@ duplicate([1, 2, 3, 4, 5]); // [1,2,3,4,5,1,2,3,4,5]
 * http://2ality.com/2011/10/strict-mode-hatred.html
 * http://lucybain.com/blog/2014/js-use-strict/
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### **"fizz"** を`3`の倍数で、**"buzz"** を`5`の倍数で、**"fizzbuzz"**を`3`と`5`の倍数で出力する、 '100'まで反復するforループを作成してください。
 
@@ -672,25 +672,25 @@ for (let i = 1; i <= 100; i++) {
 }
 ```
 
-私はあなたにインタビューの中で上記を書くことを勧めません。 長くてはっきりしたアプローチに固執してください。 もっと不気味なバージョンのFizzBuzzについては、下記の参考リンクを参照してください。
+私はあなたにインタビューの中で上記を書くことを勧めません。 長くてはっきりしたアプローチに固執してください。もっと不気味なバージョンのFizzBuzzについては、下記の参考リンクを参照してください。
 
 ###### 参考
 
 * https://gist.github.com/jaysonrowe/1592432
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### Web サイトのグローバルスコープをそのままの状態を保ち、決して触らないことが、一般的に良いとされているのはなぜですか？
 
 すべてのスクリプトはグローバルスコープにアクセスできます。誰もが独自の変数を定義するためにグローバル名前空間を使用している場合、衝突が発生します。 モジュールパターン（IIFE）を使用して、変数をローカル名前空間内にカプセル化します。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### なぜあなたは `load` イベントのようなものを使うのですか？ このイベントには欠点がありますか？ あなたは何か選択肢を知っていますか、なぜそれらを使うのですか？
 
-`load`イベントは、ドキュメント読み込みプロセスの最後に発生します。 この時点で、ドキュメント内のすべてのオブジェクトがDOM内にあり、すべてのイメージ、スクリプト、リンク、およびサブフレームの読み込みが完了しています。
+`load`イベントは、ドキュメント読み込みプロセスの最後に発生します。この時点で、ドキュメント内のすべてのオブジェクトがDOM内にあり、すべてのイメージ、スクリプト、リンク、およびサブフレームの読み込みが完了しています。
 
-DOMイベント「DOMContentLoaded」は、ページのDOMが構築された後に起動しますが、他のリソースの読み込みが完了するまで待機しません。 これは、初期化する前に全ページをロードする必要がない場合に適しています。
+DOMイベント「DOMContentLoaded」は、ページのDOMが構築された後に起動しますが、他のリソースの読み込みが完了するまで待機しません。これは、初期化する前に全ページをロードする必要がない場合に適しています。
 
 TODO.
 
@@ -698,20 +698,20 @@ TODO.
 
 * https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### シングルページアプリが何であるか、そしてSEOに優しいアプリを作る方法を説明してください。
 
-以下は素晴らしい[Grab Front End Guide](https://github.com/grab/front-end-guide)から取ったもので、偶然にも私によって書かれています！
+以下は素晴らしい [Grab Front End Guide](https://github.com/grab/front-end-guide) から取ったもので、偶然にも私によって書かれています！
 
-最近のWeb開発者は、Webアプリケーションではなく、Webアプリケーションとして構築する製品を指しています。この2つの用語の間には厳密な違いはありませんが、Webアプリケーションは高度にインタラクティブでダイナミックな傾向があり、ユーザはアクションを実行し、アクションのレスポンスを受け取ることができます。伝統的に、ブラウザはサーバからHTMLを受け取り、レンダリングします。ユーザーが別のURLに移動すると、フルページの更新が必要になり、サーバーは新しいページの新しいHTMLを新しく送信します。これをサーバサイドレンダリングといいます。
+最近の Web 開発者は、Web アプリケーションではなく、Web アプリケーションとして構築する製品を指しています。この2つの用語の間には厳密な違いはありませんが、Web アプリケーションは高度にインタラクティブでダイナミックな傾向があり、ユーザはアクションを実行し、アクションのレスポンスを受け取ることができます。伝統的に、ブラウザはサーバから HTML を受け取り、レンダリングします。ユーザーが別の URL に移動すると、フルページの更新が必要になり、サーバーは新しいページの新しい HTML を新しく送信します。これをサーバサイドレンダリングといいます。
 
-しかし、現代のSPAでは、代わりにクライアント側のレンダリングが使用されます。ブラウザは、アプリケーション全体に必要なスクリプト（フレームワーク、ライブラリ、アプリケーションコード）とスタイルシートとともに、サーバーから初期ページを読み込みます。ユーザーが他のページに移動すると、ページのリフレッシュは実行されません。ページのURLは[HTML5 History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API) で更新されます。通常はJSON形式の新しいページに必要な新しいデータは、[AJAX](https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started) リクエストを介してブラウザに取り込まれます。その後、SPAはJavaScriptを介してデータを動的に更新します。これは、初期ページのロード時にすでにダウンロードされています。このモデルは、ネイティブモバイルアプリの仕組みと似ています。
+しかし、現代の SPA では、代わりにクライアント側のレンダリングが使用されます。ブラウザは、アプリケーション全体に必要なスクリプト（フレームワーク、ライブラリ、アプリケーションコード）とスタイルシートとともに、サーバーから初期ページを読み込みます。ユーザーが他のページに移動すると、ページのリフレッシュは実行されません。ページの URL は [HTML5 History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API) で更新されます。通常はJSON形式の新しいページに必要な新しいデータは、[AJAX](https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started) リクエストを介してブラウザに取り込まれます。その後、SPA は JavaScript を介してデータを動的に更新します。これは、初期ページのロード時にすでにダウンロードされています。このモデルは、ネイティブモバイルアプリの仕組みと似ています。
 
 利点：
 
 * アプリの応答性が向上し、フルページのリフレッシュのためにページの移動の間にフラッシュが表示されないという問題がありました。
-* ページロードごとに同じアセットを再度ダウンロードする必要がないため、サーバーへのHTTP要求が少なくなります。
+* ページロードごとに同じアセットを再度ダウンロードする必要がないため、サーバーへの HTTP 要求が少なくなります。
 * クライアントとサーバーの間の問題の明確な分離。サーバーコードを変更することなく、さまざまなプラットフォーム（モバイル、チャットボット、スマートウォッチなど）の新しいクライアントを簡単に構築できます。また、API契約が破られていない限り、クライアントとサーバーのテクノロジスタックを個別に変更することもできます。
 
 欠点：
@@ -727,7 +727,7 @@ TODO.
 * http://blog.isquaredsoftware.com/presentations/2016-10-revolution-of-web-dev/
 * https://medium.freecodecamp.com/heres-why-client-side-rendering-won-46a349fadb52
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### プロミスおよび/またはそのポリフィルの経験はどの程度ですか？
 
@@ -739,7 +739,7 @@ TODO.
 
 * https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### コールバックの代わりにプロミスを使用することの長所と短所は何ですか？
 
@@ -754,7 +754,7 @@ TODO.
 * やや複雑なコード（議論の余地がある）。
 * ES2015がサポートされていない古いブラウザでは、使用するためにポリフィルをロードする必要があります。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### JavaScript にコンパイルしてくれる言語で JavaScript を書く利点と欠点をいくつか教えてください。
 
@@ -762,13 +762,13 @@ JavaScriptをコンパイルする言語には、CoffeeScript、Elm、ClojureScr
 
 利点：
 
-* JavaScriptの長年にわたる問題のいくつかを修正し、JavaScriptのアンチパターンを廃止しました。
-* JavaScriptの上に文法的な砂糖を提供することで、短いコードを書くことができますが、ES5はそれがないと思っていますが、ES2015はすばらしいです。
+* JavaScript の長年にわたる問題のいくつかを修正し、JavaScript のアンチパターンを廃止しました。
+* JavaScript の上に文法的な砂糖を提供することで、短いコードを書くことができますが、ES5 はそれがないと思っていますが、ES2015 はすばらしいです。
 * 静的型は時間が経っても維持する必要のある大規模プロジェクトの場合は素晴らしいです（TypeScriptの場合）。
 
 欠点：
 
-* ブラウザはJavaScriptのみを実行するため、ビルド/コンパイルのプロセスを必要とし、ブラウザに提供する前にコードをJavaScriptにコンパイルする必要があります。
+* ブラウザは JavaScript のみを実行するため、ビルド/コンパイルのプロセスを必要とし、ブラウザに提供する前にコードをJavaScriptにコンパイルする必要があります。
 * ソースマップがあらかじめコンパイルされたソースにうまくマッピングされない場合、デバッグが苦しいことがあります。
 * ほとんどの開発者はこれらの言語に精通しておらず、それを学ぶ必要があります。プロジェクトに使用する場合、チームのコストが上昇します。
 * 小規模なコミュニティ（言語に依存します）。リソース、チュートリアル、図書館、ツールなどを見つけるのが難しくなります。
@@ -782,7 +782,7 @@ JavaScriptをコンパイルする言語には、CoffeeScript、Elm、ClojureScr
 
 * https://softwareengineering.stackexchange.com/questions/72569/what-are-the-pros-and-cons-of-coffeescript
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### JavaScript のコードをデバッグする際にはどんなツールや技術をを利用しますか？
 
@@ -799,7 +799,7 @@ JavaScriptをコンパイルする言語には、CoffeeScript、Elm、ClojureScr
 * https://hackernoon.com/twelve-fancy-chrome-devtools-tips-dc1e39d10d9d
 * https://raygun.com/blog/javascript-debugging/
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### オブジェクトのプロパティや、配列の要素をイテレートする際にどの構文を使いますか？
 
@@ -811,12 +811,12 @@ JavaScriptをコンパイルする言語には、CoffeeScript、Elm、ClojureScr
 
 配列の場合：
 
-* `for`ループ - `for (var i = 0; i < arr.length; i++)`。ここでの一般的な落とし穴は、`var` は関数スコープであり、ブロックスコープではなく、ブロックスコープのイテレータ変数を使用したいと思うことです。 ES2015では、ブロックスコープを持つ `let`が導入されています。代わりにそのブロックを使用することをお勧めします。したがって、これは `for (let i = 0; i < arr.length; i++)` となります。
+* `for`ループ - `for (var i = 0; i < arr.length; i++)`。ここでの一般的な落とし穴は、`var` は関数スコープであり、ブロックスコープではなく、ブロックスコープのイテレータ変数を使用したいと思うことです。 ES2015 では、ブロックスコープを持つ `let`が導入されています。代わりにそのブロックを使用することをお勧めします。したがって、これは `for (let i = 0; i < arr.length; i++)` となります。
 * `forEach` - `arr.forEach(function (el, index) { ... })`。必要なのが配列要素であれば `index` を使う必要がないので、このコンストラクトは時に便利です。また、`every` と `some` メソッドもあります。これにより、早期に反復処理を終了させることができます。
 
 ほとんどの場合、私は `.forEach` メソッドを好むでしょうが、本当にあなたがしようとしているものに依存します。`for` ループは、より柔軟性を持たせます。たとえば、`break` を使ってループを早期に終了するか、ループごとにイテレータを複数回インクリメントします。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### mutable と immutable オブジェクトの違いを説明してください
 
@@ -826,15 +826,15 @@ JavaScriptをコンパイルする言語には、CoffeeScript、Elm、ClojureScr
 
 TODO
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### synchronous と asynchronous functions の違いを説明してください。
 
 非同期関数が非同期関数ではなく、非同期関数がブロックされています。 同期関数では、次のステートメントが実行される前にステートメントが完了します。 この場合、プログラムはステートメントの順番で正確に評価され、ステートメントの1つが非常に長い場合、プログラムの実行は一時停止されます。
 
-非同期関数は、通常、パラメータとしてコールバックを受け入れ、非同期関数が呼び出された直後に次の行で実行を続けます。 コールバックは、非同期操作が完了し、呼び出しスタックが空の場合にのみ呼び出されます。 Webサーバーからのデータのロードやデータベースのクエリなどの大規模な操作は、非同期で実行する必要があります。これにより、メインスレッドは、完了するまでの長い操作がブロックされるのではなく、他の操作の実行を継続できます（ブラウザの場合、UIはフリーズします） 。
+非同期関数は、通常、パラメータとしてコールバックを受け入れ、非同期関数が呼び出された直後に次の行で実行を続けます。 コールバックは、非同期操作が完了し、呼び出しスタックが空の場合にのみ呼び出されます。 Web サーバーからのデータのロードやデータベースのクエリなどの大規模な操作は、非同期で実行する必要があります。これにより、メインスレッドは、完了するまでの長い操作がブロックされるのではなく、他の操作の実行を継続できます（ブラウザの場合、UI はフリーズします） 。
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### event loop とはなんですか？ call stack や task queue との違いはなんですか？
 
@@ -847,7 +847,7 @@ TODO
 * https://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html
 * http://theproactiveprogrammer.com/javascript/the-javascript-event-loop-a-stack-and-a-queue/
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `function foo() {}` と `var foo = function() {}` をした場合の `foo` の使い方の違いを説明してください。
 
@@ -875,11 +875,11 @@ var foo = function() {
 
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### `let` と `var` と `const`で宣言した変数の違いはなんですか？
 
-`var`キーワードを使って宣言された変数は、それらが作成された関数、または関数の外で作成された場合はグローバルオブジェクトにスコープされます。`let` と `const` は _block scoped_ です。つまり、最も近い中括弧（関数、if-elseブロック、またはforループ）内でのみアクセス可能です。
+`var`キーワードを使って宣言された変数は、それらが作成された関数、または関数の外で作成された場合はグローバルオブジェクトにスコープされます。`let` と `const` は _block scoped_ です。つまり、最も近い中括弧（関数、if-else ブロック、または for ループ）内でのみアクセス可能です。
 
 ```js
 function foo() {
@@ -954,29 +954,29 @@ baz = 'qux';
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### ES6 のクラス定義と、ES5 のコンストラクタ関数との違いは何がありますか？
 
 TODO
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### アロー構文の使い方を例示してください。この構文と他の方法による定義とは何が違いますか？
 
 TODO
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### コンストラクタにおいて、メソッドをアロー構文で定義する方法の利点はなんですか？
 
 TODO
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### 高階関数とはなんですか？
 
-高次関数とは、1つまたは複数の関数を引数としてとり、いくつかのデータを操作するために使用する関数および/または結果として関数を返す関数のことです。 高次関数は、繰り返し実行される操作を抽象化することを意図しています。 これの古典的な例は配列と関数を引数として取る `map`です。 `map`はこの関数を使って配列内の各項目を変換し、変換されたデータで新しい配列を返します。 JavaScriptの他のよく使われている例は `forEach`、`filter`、 `reduce`です。 高次関数は、配列を操作するだけでなく、別の関数から関数を返す多くのユースケースがあるためです。 `Array.prototype.bind`はJavaScriptのそのような例です。
+高次関数とは、1つまたは複数の関数を引数としてとり、いくつかのデータを操作するために使用する関数および/または結果として関数を返す関数のことです。 高次関数は、繰り返し実行される操作を抽象化することを意図しています。 これの古典的な例は配列と関数を引数として取る `map`です。 `map`はこの関数を使って配列内の各項目を変換し、変換されたデータで新しい配列を返します。 JavaScript の他のよく使われている例は `forEach`、`filter`、 `reduce`です。 高次関数は、配列を操作するだけでなく、別の関数から関数を返す多くのユースケースがあるためです。 `Array.prototype.bind`はJavaScriptのそのような例です。
 
 **Map**
 
@@ -1014,11 +1014,11 @@ transformNamesToUppercase(names); // ['IRISH', 'DAISY', 'ANNA']
 * https://hackernoon.com/effective-functional-javascript-first-class-and-higher-order-functions-713fde8df50a
 * https://eloquentjavascript.net/05_higher_order.html
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### オブジェクトと配列について、「分割代入」の例を教えてください。
 
-分割代入は、オブジェクトまたは配列の値を抽出して別の変数に配置する簡潔で便利な方法を可能にするES6で使用可能な式です。
+分割代入は、オブジェクトまたは配列の値を抽出して別の変数に配置する簡潔で便利な方法を可能にする ES6 で使用可能な式です。
 
 **配列の分割代入**
 
@@ -1058,13 +1058,13 @@ console.log(q); // true
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
 * https://ponyfoo.com/articles/es6-destructuring-in-depth
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### ES6 のテンプレート文字列は文字列を作り出す上で様々な柔軟性をもたらしますが、例を示すことはできますか？
 
 TODO
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### カリー化の例を説明してください。またカリー化がもたらす利点はどこにあるのでしょうか？
 
@@ -1102,11 +1102,11 @@ var result = [0, 1, 2, 3, 4, 5].map(addFive); // [5, 6, 7, 8, 9, 10]
 
 * https://hackernoon.com/currying-in-js-d9ddc64f162e
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### spread syntax を利用する利点はなんですか？また、rest syntax とは何が違っていますか？
 
-ES6の普及構文は、 `Object.create`、` slice`、またはライブラリ関数に頼らずに配列やオブジェクトのコピーを簡単に作成できるので、機能的なパラダイムでコーディングするときに非常に便利です。 この言語機能は、Reduxおよびrx.jsプロジェクトで頻繁に使用されます。
+ES6 の普及構文は、 `Object.create`、`slice`、またはライブラリ関数に頼らずに配列やオブジェクトのコピーを簡単に作成できるので、機能的なパラダイムでコーディングするときに非常に便利です。 この言語機能は、Redux および rx.js プロジェクトで頻繁に使用されます。
 
 ```js
 function putDookieInAnyArray(arr) {
@@ -1123,7 +1123,7 @@ const person = {
 const copyOfTodd = { ...person };
 ```
 
-ES6のrest構文は、任意の数の引数を関数に渡すための省略表現です。 これは、データの配列をアンパックするのではなく、データを取り込んで配列に埋め込み、配列やオブジェクトの構造の割り当てと同様に、関数の引数でも機能する、普及した構文の逆です。
+ES6 の rest 構文は、任意の数の引数を関数に渡すための省略表現です。 これは、データの配列をアンパックするのではなく、データを取り込んで配列に埋め込み、配列やオブジェクトの構造の割り当てと同様に、関数の引数でも機能する、普及した構文の逆です。
 
 ```js
 function addFiveToABunchOfNumbers(...numbers) {
@@ -1148,17 +1148,17 @@ const { e, f, ...others } = {
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### ファイル間でコードを共有するにはどうすれば良いですか？
 
 これはJavaScript環境に依存します。
 
-クライアント（ブラウザ環境）では、変数/関数がグローバルスコープ（ `window`）で宣言されている限り、すべてのスクリプトがそれらを参照することができます。 代わりに、よりモジュール化されたアプローチのためにRequireJSを介してAsynchronous Module Definition（AMD）を採用してください。
+クライアント（ブラウザ環境）では、変数/関数がグローバルスコープ（`window`）で宣言されている限り、すべてのスクリプトがそれらを参照することができます。代わりに、よりモジュール化されたアプローチのために RequireJS を介して Asynchronous Module Definition（AMD）を採用してください。
 
-サーバー（Node.js）では、CommonJSを使用するのが一般的な方法でした。 各ファイルはモジュールとして扱われ、変数や関数を `module.exports`オブジェクトに添付することでエクスポートすることができます。
+サーバー（Node.js）では、CommonJS を使用するのが一般的な方法でした。各ファイルはモジュールとして扱われ、変数や関数を `module.exports`オブジェクトに添付することでエクスポートすることができます。
 
-ES2015は、AMDとCommonJSの両方を置き換えることを目指すモジュール構文を定義しています。 これは最終的にブラウザ環境とノード環境の両方でサポートされます。
+ES2015は、AMD と CommonJS の両方を置き換えることを目指すモジュール構文を定義しています。これは最終的にブラウザ環境とノード環境の両方でサポートされます。
 
 ###### 参考
 
@@ -1166,7 +1166,7 @@ ES2015は、AMDとCommonJSの両方を置き換えることを目指すモジュ
 * https://nodejs.org/docs/latest/api/modules.html
 * http://2ality.com/2014/09/es6-modules-final.html
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### static なクラス変数はどんな場面で使いますか？
 
@@ -1177,7 +1177,7 @@ ES2015は、AMDとCommonJSの両方を置き換えることを目指すモジュ
 * https://stackoverflow.com/questions/21155438/when-to-use-static-variables-methods-and-when-to-use-instance-variables-methods
 
 
-[[↑] 先頭に戻る](#js-questions)
+[[↑] 先頭に戻る](#js-に関する質問)
 
 ### 他の方の回答集