+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
new file mode 100644
index 0000000000..a08a7565f9
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c8c441eddfaeb5bdef
+title: はじめての HTML 要素
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gpt2'
+forumTopicId: 18276
+dashedName: say-hello-to-html-elements
+---
+
+# --description--
+
+freeCodeCamp の HTML コーディングチャレンジへようこそ。 このチャレンジを通じてウェブ開発を一歩ずつ学んでいきましょう。
+
+まず、HTML を使ってシンプルなウェブページを作ることから始めましょう。 このページに埋め込まれているコードエディタでコードを編集できます。
+
+コードエディタに `
` というコードが表示されていますか？ これが HTML 要素です。
+
+ほとんどの HTML 要素には開始タグと終了タグがあります。
+
+開始タグはこのようなタグです。
+
+```html
+
+```
+
+開始タグと終了タグの違いは、終了タグは最初の括弧の後にスラッシュがあることです。
+
+各チャレンジにはテストがあり、「Run tests」ボタンをクリックしていつでも実行できます。 全てのテストにパスすると、解答を提出して次のチャレンジに進むことができます。
+
+# --instructions--
+
+このチャレンジのテストをパスするには、`h1` 要素のテキストを `Hello World` に書き換えてください。
+
+# --hints--
+
+`h1` 要素のテキストは `Hello World` でなければなりません。
+
+```js
+assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
new file mode 100644
index 0000000000..4d37bb6f6c
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aedf08820
+title: 画像をリンクにする
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cRdBnUr'
+forumTopicId: 18327
+dashedName: turn-an-image-into-a-link
+---
+
+# --description--
+
+ある要素を `a` 要素内にネストすることで、その要素をリンクにすることができます。
+
+画像を `a` 要素内にネストしてみましょう。 例:
+
+```html
+
+```
+
+デッドリンクにするには `a` 要素の `href` プロパティとして `#` を使うことを忘れないでください。
+
+# --instructions--
+
+既存の画像要素を `a` (*アンカー*) 要素で囲んでください。
+
+それができたら、マウスカーソルを画像の上に持っていってみましょう。 マウスカーソルがリンクをクリックするときの形に変わるはずです。 これで画像がリンクになりました。
+
+# --hints--
+
+既存の `img` 要素が `a` 要素内にネストされている必要があります。
+
+```js
+assert($('a').children('img').length > 0);
+```
+
+`a` 要素は、`href` 属性が `#` に設定されたデッドリンクである必要があります。
+
+```js
+assert(new RegExp('#').test($('a').children('img').parent().attr('href')));
+```
+
+それぞれの `a` 要素に終了タグが必要です。
+
+```js
+assert(
+ code.match(/<\/a>/g) &&
+ code.match(/
CatPhotoApp
+
+ Click here to view more cat photos .
+
+ Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
+ Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
+
+```
+
+# --solutions--
+
+```html
+CatPhotoApp
+
+ Click here to view more cat photos .
+
+ Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
+ Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
new file mode 100644
index 0000000000..751551119b
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aedf08802
+title: HTML のコメントを解除する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cBmG9T7'
+forumTopicId: 18329
+dashedName: uncomment-html
+---
+
+# --description--
+
+コメントは、エンドユーザーに表示される最終的な出力に影響を与えることなく、コード内に他の開発者へのコメントを残す方法です。
+
+また、コメントはコードを完全に削除せずに無効化するための便利な方法でもあります。
+
+HTML のコメントは `` で終わります。
+
+# --instructions--
+
+`h1`, `h2` と `p` 要素のコメントを解除してください。
+
+# --hints--
+
+コメントを解除すると `h1` 要素はページに表示されるはずです。
+
+```js
+assert($('h1').length > 0);
+```
+
+コメントを解除すると `h2` 要素はページに表示されるはずです。
+
+```js
+assert($('h2').length > 0);
+```
+
+コメントを解除すると `p` 要素はページに表示されるはずです。
+
+```js
+assert($('p').length > 0);
+```
+
+コメントタグの末尾がページに表示されてはいけません (例: `-->`) 。
+
+```js
+assert(!$('*:contains("-->")')[1]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+# --solutions--
+
+```html
+Hello World
+
+CatPhotoApp
+
+Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
new file mode 100644
index 0000000000..c4b78b94f5
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aedc08830
+title: HTML5 を使用してフィールドを必須にする
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cMd4EcQ'
+forumTopicId: 18360
+dashedName: use-html5-to-require-a-field
+---
+
+# --description--
+
+ユーザーがその項目を入力するまでフォームを送信できないように、特定のフォームフィールドを必須とすることができます。
+
+例えば、テキスト入力フィールドを必須にしたい場合、次のように `required` 属性を `input` 要素に追加します: `CatPhotoApp
+
+ Click here to view more cat photos .
+
+ Things cats love:
+
+ cat nip
+ laser pointers
+ lasagna
+
+ Top 3 things cats hate:
+
+ flea treatment
+ thunder
+ other cats
+
+
+
+```
+
+# --solutions--
+
+```html
+CatPhotoApp
+
+ Click here to view more cat photos .
+
+ Things cats love:
+
+ cat nip
+ laser pointers
+ lasagna
+
+ Top 3 things cats hate:
+
+ flea treatment
+ thunder
+ other cats
+
+
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
new file mode 100644
index 0000000000..6b86e1815d
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
@@ -0,0 +1,148 @@
+---
+id: 5c6c06847491271903d37cfd
+title: ラジオボタンとチェックボックスの value 属性を使用する
+challengeType: 0
+forumTopicId: 301099
+dashedName: use-the-value-attribute-with-radio-buttons-and-checkboxes
+---
+
+# --description--
+
+フォームが送信されると、データがサーバーに送信され、そのデータには選択されたオプションの入力内容が含まれます。 `radio` と `checkbox` タイプの input 要素は、`value` 属性の値を送信します。
+
+例えば:
+
+```html
+
+
+
+
+```
+
+この例では、2 つの `radio` タイプの input 要素があります。 ユーザーが `indoor` オプションを選択してフォームを送信すると、フォームデータには次の行が含まれます: `indoor-outdoor=indoor` これは、"indoor" の input 要素の `name` と `value` 属性から取られたものです。
+
+`value` 属性を省略すると、送信されるフォームデータにはデフォルト値である `on` が使用されます。 この場合、ユーザーが "indoor" の選択肢をクリックしてフォームを送信すると結果のフォームデータは `indoor-outdoor=on` になりますが、これでは役に立ちません。 したがって、`value` 属性には選択肢を区別できる内容を設定する必要があります。
+
+# --instructions--
+
+既存の `radio` と `checkbox` の input 要素に、それぞれ `value` 属性を設定してください。 新しいラジオボタン、チェックボックスは作成しないようにしてください。 value 属性の値には、ラベルのテキストを小文字にしたものを使用してください。
+
+# --hints--
+
+ラジオボタンの 1 つに `indoor` という `value` 属性を設定してください。
+
+```js
+assert(
+ $('label:contains("Indoor") > input[type="radio"]').filter("[value='indoor']")
+ .length > 0
+);
+```
+
+ラジオボタンの 1 つに `outdoor` という `value` 属性を設定してください。
+
+```js
+assert(
+ $('label:contains("Outdoor") > input[type="radio"]').filter(
+ "[value='outdoor']"
+ ).length > 0
+);
+```
+
+チェックボックスの 1 つに `loving` という `value` 属性を設定してください。
+
+```js
+assert(
+ $('label:contains("Loving") > input[type="checkbox"]').filter(
+ "[value='loving']"
+ ).length > 0
+);
+```
+
+チェックボックスの 1 つに `lazy` という `value` 属性を設定してください。
+
+```js
+assert(
+ $('label:contains("Lazy") > input[type="checkbox"]').filter("[value='lazy']")
+ .length > 0
+);
+```
+
+チェックボックスの 1 つに `energetic` という `value` 属性を設定してください。
+
+```js
+assert(
+ $('label:contains("Energetic") > input[type="checkbox"]').filter(
+ "[value='energetic']"
+ ).length > 0
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+CatPhotoApp
+
+ Click here to view more cat photos .
+
+ Things cats love:
+
+ cat nip
+ laser pointers
+ lasagna
+
+ Top 3 things cats hate:
+
+ flea treatment
+ thunder
+ other cats
+
+
+
+```
+
+# --solutions--
+
+```html
+CatPhotoApp
+
+ Click here to view more cat photos .
+
+ Things cats love:
+
+ cat nip
+ laser pointers
+ lasagna
+
+ Top 3 things cats hate:
+
+ flea treatment
+ thunder
+ other cats
+
+
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
new file mode 100644
index 0000000000..556e91fc97
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
@@ -0,0 +1,258 @@
+---
+id: 587d78ab367417b2b2512af1
+title: 埋め込みツイートに flex の強力なパワーを追加する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c9W7MhM'
+forumTopicId: 301100
+dashedName: add-flex-superpowers-to-the-tweet-embed
+---
+
+# --description--
+
+実践的な例として使用する埋め込みツイートが右側にあります。 いくつかの要素はレイアウトを変えると見栄えがより良くなりそうです。 前回のチャレンジで `display: flex` を説明しました。 ここでは、埋め込みツイート内のコンポーネントにそれを追加して、位置の調整を行いましょう。
+
+# --instructions--
+
+CSS プロパティ `display: flex` を以下のすべてのアイテムに追加してください。セレクターは既に CSS に設定されていることに注意してください。
+
+`header`、ヘッダーの `.profile-name`、ヘッダーの `.follow-btn`、ヘッダーの `h3` および `h4`、`footer`、フッターの `.stats`
+
+# --hints--
+
+`.follow-btn` がページ上に表示されている必要があります。 必ず広告ブロッカーなどの拡張機能をオフにしてください。
+
+```js
+assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+```
+
+`header` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('header').css('display') == 'flex');
+```
+
+`footer` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('footer').css('display') == 'flex');
+```
+
+`h3` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('h3').css('display') == 'flex');
+```
+
+`h4` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('h4').css('display') == 'flex');
+```
+
+`.profile-name` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('.profile-name').css('display') == 'flex');
+```
+
+`.follow-btn` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('.follow-btn').css('display') == 'flex');
+```
+
+`.stats` は `display` プロパティを `flex` に設定する必要があります。
+
+```js
+assert($('.stats').css('display') == 'flex');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
flex-start: フレックスコンテナの先頭にアイテムを揃えます。 行の場合、アイテムはコンテナの上部に揃えられます。 列の場合、アイテムはコンテナの左側に揃えられます。flex-end: フレックスコンテナの末端にアイテムを揃えます。 行の場合、アイテムはコンテナの下部に揃えられます。 列の場合、アイテムはコンテナの右側に揃えられます。center: アイテムを中心で揃えます。 行の場合、アイテムを垂直方向に揃えます (アイテムの上下のスペースを均等にします)。 列の場合、アイテムを水平方向に揃えます (アイテムの左右のスペースを均等にします)。stretch: フレックスコンテナいっぱいを埋めるためにアイテムを拡大させます。 たとえば、行のアイテムはフレックスコンテナの上から下いっぱいを埋めるように引き伸ばされます。 align-items の値が指定されていない場合、これがデフォルト値になります。baseline: アイテムをベースラインで揃えます。 ベースラインとはテキストについての考え方で、文字が乗っているラインだと考えてください。flex-start: フレックスコンテナの先頭にアイテムを揃えます。 行の場合、アイテムはコンテナの左側に揃えられます。 列の場合、アイテムはコンテナの上部に揃えられます。 justify-content が指定されていない場合、これがデフォルトの配置になります。flex-end: フレックスコンテナの末端にアイテムを揃えます。 行の場合、アイテムはコンテナの右側に揃えられます。 列の場合、アイテムはコンテナの下部に揃えられます。space-between: アイテムを主軸方向の中央で揃え、各アイテムの間にスペースを挿入します。 最初と最後のアイテムはフレックスコンテナの端に配置されます。 例えば行では、最初のアイテムはコンテナの左端、最後のアイテムはコンテナの右側に接するように配置され、残りのスペースは他のアイテムで均等に分配されます。space-around: space-between と似ていますが、最初と最後のアイテムはコンテナの端に付かず、全てのアイテムの周りにスペースが分配されます。フレックスコンテナの両端には半分のスペースが配置されます。space-evenly: フレックスコンテナの両端に完全なスペースを持ち、各フレックスアイテムで均等にスペースを分配します。
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
nowrap: これはデフォルトの設定であり、アイテムを折り返しません。wrap: 行である場合は上から下へ、列である場合は左から右へ複数のラインにアイテムを折り返します。wrap-reverse: 行である場合は下から上へ、列である場合は右から左へ複数のラインにアイテムを折り返します。
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
+
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
+
1:32 PM - 12 Jan 2018
+
+
セル と呼ばれるボックス内に配置されます。 グリッドアイテムの `justify-self` プロパティを使用して、セル内でのコンテンツの水平方向の位置を揃えることができます。 デフォルトでは、このプロパティの値は `stretch` なので、コンテンツはセル全体の幅を埋めるようになります。 この CSS グリッドプロパティは他の値も受け付けます:
+
+`start`: セルの左側にコンテンツを揃えます。
+
+`center`: セルの中央にコンテンツを揃えます。
+
+`end`: セルの右側にコンテンツを揃えます。
+
+# --instructions--
+
+`justify-self` プロパティを使用して、`item2` クラスのアイテムを中央に配置してください。
+
+# --hints--
+
+`item2` クラスは `center` の値を持つ `justify-self` プロパティを持つ必要があります。
+
+```js
+assert(
+ code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
new file mode 100644
index 0000000000..187a7e7769
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
@@ -0,0 +1,71 @@
+---
+id: 5a90375238fddaf9a66b5d3b
+title: align-self を使用してアイテムを垂直に配置する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cmzd4fz'
+forumTopicId: 301123
+dashedName: align-an-item-vertically-using-align-self
+---
+
+# --description--
+
+アイテムを水平方向に配置するのと同様に、垂直に配置する方法もあります。 そのためには、アイテムの `align-self` プロパティを使用します。 このプロパティは前回のチャレンジで説明した `justify-self` と同じ値をすべて受け付けることができます。
+
+# --instructions--
+
+クラス `item3` のアイテムを垂直方向の `end` (下端) に配置してください。
+
+# --hints--
+
+`item3` クラスは `end` の値を持つ `align-self` プロパティを持つ必要があります。
+
+```js
+assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
new file mode 100644
index 0000000000..4bcbab68a6
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d35
+title: grid-column-gap を使用して列の隙間を作成する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cVZ8vfD'
+forumTopicId: 301124
+dashedName: create-a-column-gap-using-grid-column-gap
+---
+
+# --description--
+
+これまでに作成したグリッドでは、列はすべて互いにくっついています。 場合によっては、列の間に隙間が必要になります。 列の間に隙間を作るためには、`grid-column-gap` プロパティを次のように使用します:
+
+```css
+grid-column-gap: 10px;
+```
+
+これはすべての列の間に 10px の空白を作成します。
+
+# --instructions--
+
+グリッドの列に `20px` の隙間を作成してください。
+
+# --hints--
+
+`container` クラスは `20px` の値を持つ `grid-column-gap` プロパティを持つ必要があります。
+
+```js
+assert(
+ code.match(
+ /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
new file mode 100644
index 0000000000..2ae0e15f30
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
@@ -0,0 +1,68 @@
+---
+id: 5a9036ee38fddaf9a66b5d36
+title: grid-row-gap を使用して行の隙間を作成する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cPbJ2Cv'
+forumTopicId: 301125
+dashedName: create-a-row-gap-using-grid-row-gap
+---
+
+# --description--
+
+前回のチャレンジで列の間に隙間を追加したのと同様に、`grid-row-gap` を使用してグリッドの行間にギャップを追加することができます。
+
+# --instructions--
+
+行に高さ `5px` の隙間を追加してください。
+
+# --hints--
+
+`container` クラスは `5px` の値を持つ `grid-row-gap` プロパティを持つ必要があります。
+
+```js
+assert(
+ code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
new file mode 100644
index 0000000000..72d2f0c68a
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
@@ -0,0 +1,140 @@
+---
+id: 5a94fe5469fb03452672e461
+title: auto-fill を使用して柔軟なレイアウトを作成する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cmzdycW'
+forumTopicId: 301126
+dashedName: create-flexible-layouts-using-auto-fill
+---
+
+# --description--
+
+repeat 関数には auto-fill というオプションがあります。 これにより、希望するサイズの行または列を、コンテナのサイズに応じて可能な限り多く自動的に挿入できます。 以下のように `auto-fill` と `minmax` を組み合わせて柔軟なレイアウトが作成できます:
+
+```css
+repeat(auto-fill, minmax(60px, 1fr));
+```
+
+コンテナのサイズが変更されると、この設定では 60px の列が挿入され続け、次の列を挿入できるようになるまで引き伸ばし続けます。 **注:** コンテナがすべてのアイテムを 1 行に収められない場合、アイテムは新しい行に移動します。
+
+# --instructions--
+
+1 つ目のグリッドで `auto-fill` と `repeat` を使用して、最小幅 `60px` 最大幅 `1fr` の列でグリッドを埋めます。 次に、プレビューのサイズを変更して、auto-fill の動作を確認してください。
+
+# --hints--
+
+`container` クラスは `repeat` と `auto-fill` が設定された `grid-template-columns` プロパティを持ち、最小幅が `60px` で最大幅が `1fr` の列でグリッドを埋めるようにします。
+
+```js
+assert(
+ code.match(
+ /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
new file mode 100644
index 0000000000..4efa5be909
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
@@ -0,0 +1,91 @@
+---
+id: 5a94fe6269fb03452672e462
+title: auto-fit を使用して柔軟なレイアウトを作成する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c3dPph8'
+forumTopicId: 301127
+dashedName: create-flexible-layouts-using-auto-fit
+---
+
+# --description--
+
+`auto-fit` は `auto-fill` とほぼ同じ動作をします。 唯一の違いは、コンテナのサイズがすべてのアイテムを足し合わせたサイズを超える場合に、`auto-fill` は空の行や列を挿入し続けてアイテムを横に寄せるのに対し、`auto-fit` は空の行や列を押し潰しアイテムをコンテナのサイズに合わせて引き伸ばします。
+
+**注:** コンテナがすべてのアイテムを 1 行に収められない場合、アイテムは新しい行に移動します。
+
+# --instructions--
+
+2 つ目のグリッドで `auto-fit` と `repeat` を使用して、最小幅 `60px` 最大幅 `1fr` の列でグリッドを埋めます。 その後、プレビューの表示サイズを変更して違いを確認してください。
+
+# --hints--
+
+`container2` クラスは `repeat` と `auto-fit` が設定された `grid-template-columns` プロパティを持ち、最小幅が `60px` で最大幅が `1fr` の列でグリッドを埋めるようにします。
+
+```js
+assert(
+ code.match(
+ /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md
new file mode 100644
index 0000000000..0d2401ecf4
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md
@@ -0,0 +1,106 @@
+---
+id: 5a94fe8569fb03452672e464
+title: グリッド内にグリッドを作成する
+challengeType: 0
+forumTopicId: 301128
+dashedName: create-grids-within-grids
+---
+
+# --description--
+
+要素をグリッドに変換すると、その直接の子要素の動作にのみ影響します。 つまり、直接の子要素をグリッドに変換することで、グリッド内にグリッドを作成することができます。
+
+例えば、`item3` クラスの要素 に `display` と `grid-template-columns` プロパティを設定すると、グリッド内にグリッドを作成できます。
+
+# --instructions--
+
+`item3` クラスの要素を、`display` と `grid-template-columns` を使用して、幅が `auto` と `1fr` の 2 列のグリッドに変換します。
+
+# --hints--
+
+`item3` クラスは `grid-template-columns` プロパティを持ち、値に `auto` と `1fr` を設定する必要があります。
+
+```js
+assert(
+ code.match(
+ /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+`item3` クラスは `grid` の値を持つ `display` プロパティを持つ必要があります。
+
+```js
+assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
header
+
advert
+
+
paragraph1
+
paragraph2
+
+
footer
+
container 、子要素を items と呼びます。
+
+# --instructions--
+
+`container` クラスの div の display プロパティを `grid` に変更してください。
+
+# --hints--
+
+`container` クラスは `grid` の値を持つ `display` プロパティを持つ必要があります。
+
+```js
+assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
new file mode 100644
index 0000000000..95717c9c53
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
@@ -0,0 +1,113 @@
+---
+id: 5a94fe0569fb03452672e45c
+title: グリッドをエリアテンプレートに分割する
+challengeType: 0
+forumTopicId: 301130
+dashedName: divide-the-grid-into-an-area-template
+---
+
+# --description--
+
+グリッドのセルをエリア (area) にまとめてグループ化し、そのエリアにカスタム名を付けることができます。 次のようにコンテナで `grid-template-areas` を使用してください:
+
+```css
+grid-template-areas:
+ "header header header"
+ "advert content content"
+ "advert footer footer";
+```
+
+上記のコードは、グリッドのセルを `header`, `advert`, `content`, `footer` の 4 つのエリアにグループ化します。 すべての単語はセルを表し、引用符のすべてのペアは行を表します。
+
+# --instructions--
+
+テンプレートを変更して、 `footer` エリアが一番下の行全体に広がるようにしてください。 現時点ではエリアを定義しても視覚的な効果はありません。 後から、このエリアがどのように働くのかを、アイテムにエリアを使用させることで確認します。
+
+# --hints--
+
+`container` クラスは、例のような `grid-template-areas` プロパティを持つ必要がありますが、`footer` エリアは下の行全体に広がるようにしてください。
+
+```js
+assert(
+ __helpers
+ .removeCssComments(code)
+ .match(
+ /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
new file mode 100644
index 0000000000..f8c9ecf0ea
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
@@ -0,0 +1,77 @@
+---
+id: 5a94fe4469fb03452672e460
+title: minmax 関数を使用してアイテムのサイズを制限する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cD97RTv'
+forumTopicId: 301131
+dashedName: limit-item-size-using-the-minmax-function
+---
+
+# --description--
+
+`grid-template-columns` と `grid-template-rows` と共に使われる組み込み関数にはもう一つ、`minmax` があります。 これはグリッドコンテナのサイズが変更されたときに、アイテムのサイズを制限するために使用されます。 これを行うには、アイテムの許容サイズ範囲を指定する必要があります。 例:
+
+```css
+grid-template-columns: 100px minmax(50px, 200px);
+```
+
+上記のコードでは、 `grid-template-columns` は 2 つの列を作成するように設定されています。1 列目は幅 100px、2 列目は最小幅 50px、最大幅 200px です。
+
+# --instructions--
+
+`minmax` 関数を使って、`repeat` 関数内の列サイズ `1fr` を最小幅 `90px`、最大幅 `1fr` に置き換えてください。プレビューパネルをリサイズして効果を確認しましょう。
+
+# --hints--
+
+`container` クラスは、`grid-template-columns` プロパティを持ち、最小幅 `90px`、最大幅 `1fr` で 3 列を繰り返すように設定する必要があります。
+
+```js
+assert(
+ code.match(
+ /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
new file mode 100644
index 0000000000..26d827d0bc
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
@@ -0,0 +1,86 @@
+---
+id: 5a94fe1369fb03452672e45d
+title: grid-area プロパティを使用してグリッドエリアに項目を配置する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cRrqmtV'
+forumTopicId: 301132
+dashedName: place-items-in-grid-areas-using-the-grid-area-property
+---
+
+# --description--
+
+前回のチャレンジで示したように、グリッドコンテナ用のエリアテンプレートを作成した後、名前を参照してカスタムエリアにアイテムを配置することができます。 これを行うためには、アイテムの `grid-area` プロパティを使用します。
+
+```css
+.item1 {
+ grid-area: header;
+}
+```
+
+これにより、`item1` クラスを `header` という名前のエリアに移動させることができます。 この場合、行全体が header エリアと名付けられているため、アイテムは一番上の行全体を使用します。
+
+# --instructions--
+
+`grid-area` プロパティを使用して、`footer` 領域に `item5` クラスの要素を配置してください。
+
+# --hints--
+
+`item5` クラスは `footer` の値を持つ `grid-area` プロパティを持つ必要があります。
+
+```js
+assert(
+ __helpers
+ .removeCssComments(code)
+ .match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
new file mode 100644
index 0000000000..3b22722984
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
@@ -0,0 +1,93 @@
+---
+id: 5a94fe3669fb03452672e45f
+title: repeat 関数を使って繰り返しの記述を減らす
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cQvqyHR'
+forumTopicId: 301133
+dashedName: reduce-repetition-using-the-repeat-function
+---
+
+# --description--
+
+グリッドの構造を定義するために `grid-template-columns` や `grid-template-rows` を使用した際、作成する各行または列の値を入力しました。
+
+たとえば、100 行の同じ高さのグリッドを作成したいとします。 100 個の値を個別に挿入するのはあまり実用的ではありません。 幸い、より良い方法があります。`repeat` 関数を使用して、列や行を繰り返す回数を指定することです。回数の後にコンマと繰り返したい値を続けます。
+
+これは、各行が高さ 50px の 100 行のグリッドを作成する例です。
+
+```css
+grid-template-rows: repeat(100, 50px);
+```
+
+また、グリッド構造を定義する際に、repeat 関数を使用して複数の値を繰り返したり、関数を他の値に挿入したりすることもできます。 次のようになります:
+
+```css
+grid-template-columns: repeat(2, 1fr 50px) 20px;
+```
+
+これは以下を意味します:
+
+```css
+grid-template-columns: 1fr 50px 1fr 50px 20px;
+```
+
+**注:** `1fr 50px` が 2 回繰り返されたあとに 20px が続きます。
+
+# --instructions--
+
+`repeat` を使用して、`grid-template-columns` プロパティから繰り返しの記述を除去してください。
+
+# --hints--
+
+`container` クラスは、`grid-template-columns` プロパティを持ち、`1fr` の幅で 3 列を繰り返すように設定する必要があります。
+
+```js
+assert(
+ code.match(
+ /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
new file mode 100644
index 0000000000..494288b33f
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
@@ -0,0 +1,83 @@
+---
+id: 5a9036ee38fddaf9a66b5d34
+title: CSS グリッド単位を使用して列と行のサイズを変更する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cvE8phd'
+forumTopicId: 301134
+dashedName: use-css-grid-units-to-change-the-size-of-columns-and-rows
+---
+
+# --description--
+
+CSS グリッドでは `px` や `em` のような絶対単位および相対単位を使用して、行と列のサイズを定義できます。 以下の単位も使用できます:
+
+`fr`: 列または行を利用可能な空間に対する割合で設定します。
+
+`auto`: 列または行をコンテンツの幅や高さに自動的に設定します。
+
+`%`: 列または行をコンテナのパーセント幅に調整します。
+
+プレビューに表示されている出力を生成するコードは次のとおりです:
+
+```css
+grid-template-columns: auto 50px 10% 2fr 1fr;
+```
+
+このスニペットは 5 列を作成します。 1 列目はコンテンツと同じ幅、2 列目は 50px、3 列目はコンテナの 10％ になります。最後の 2 列については、残りのスペースを 3 分割して、2 つを 4 列目に、1 つを 5 列目に割り当てています。
+
+# --instructions--
+
+幅が 1fr、100px、2fr の 3 列のグリッドを作成してください。
+
+# --hints--
+
+`container` クラスは幅が `1fr, 100px, and 2fr` の 3 列を生成する `grid-template-columns` プロパティを持つ必要があります。
+
+```js
+assert(
+ code.match(
+ /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
new file mode 100644
index 0000000000..3f14f09f41
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
@@ -0,0 +1,86 @@
+---
+id: 5a94fe2669fb03452672e45e
+title: エリアテンプレートを作成せずに grid-area を使用する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c6N7VhK'
+forumTopicId: 301135
+dashedName: use-grid-area-without-creating-an-areas-template
+---
+
+# --description--
+
+前回のチャレンジで学んだ `grid-area` プロパティは、別の方法でも使用できます。 参照できるエリアテンプレートがグリッドにない場合は、 アイテムを配置するためのエリアをその場で作成できます。
+
+```css
+item1 { grid-area: 1/1/2/4; }
+```
+
+これは、どのエリアにこのアイテムがあるかを定義するために、以前に学んだグリッド線の番号を使用しています。 上の例における数値は以下の値を表しています。
+
+```css
+grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
+```
+
+そのため、例におけるアイテムは 1 番目から 2 番目の線の間にある行と、1 番目から 4 番目の線の間にある列を消費します。
+
+# --instructions--
+
+`grid-area` プロパティを使って、`item5` クラスの要素を 3 番目から 4 番目の水平線と、1 番目から 4 番目の垂直線の間に配置してください。
+
+# --hints--
+
+`item5` クラスは `grid-area` を持ち、これは 3 番目から 4 番目の水平線と 1 番目から 4 番目の垂直線の間のエリア全体を埋める必要があります。
+
+```js
+assert(
+ code.match(
+ /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
new file mode 100644
index 0000000000..c0755a5ea2
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
@@ -0,0 +1,139 @@
+---
+id: 5a90372638fddaf9a66b5d38
+title: grid-column を使用してスペースを制御する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cnzkDSr'
+forumTopicId: 301136
+dashedName: use-grid-column-to-control-spacing
+---
+
+# --description--
+
+ここまで説明したすべてのプロパティはグリッドコンテナ用です。 `grid-column` プロパティは、グリッドアイテム自身に使用する初めてのプロパティです。
+
+グリッドを作成する仮想の水平線と垂直線はグリッド線 (lines) と呼ばれます。 これらの線には順番が付けられており、グリッドの左上角の 1 から始まり、列は右に、行は下に向かって数えます。
+
+これが 3x3 のグリッド線の様子です:
+
+
+
+あるアイテムが消費する列数を制御するには `grid-column` プロパティを、アイテムを開始および終了させたい線の番号とともに使用します。
+
+例:
+
+```css
+grid-column: 1 / 3;
+```
+
+これにより、アイテムはグリッドの 1 番左の垂直線から始まり、グリッドの 3 番目の線まで拡張し、2 つの列を消費します。
+
+# --instructions--
+
+クラス `item5` のアイテムがグリッドの最後の 2 列を消費するようにしてください。
+
+# --hints--
+
+`item5` クラスが `grid-column` プロパティを持つようにしてください。
+
+```js
+assert(
+ __helpers
+ .removeWhiteSpace($('style').text())
+ .match(/\.item5{.*grid-column:.*}/g)
+);
+```
+
+`item5` クラスの `grid-column` プロパティは、グリッドの最後の 2 列を消費するように設定される必要があります。
+
+```js
+const colStart = getComputedStyle($('.item5')[0]).gridColumnStart;
+const colEnd = getComputedStyle($('.item5')[0]).gridColumnEnd;
+const result = colStart.toString() + colEnd.toString();
+const correctResults = [
+ '24',
+ '2-1',
+ '2span 2',
+ '2span2',
+ 'span 2-1',
+ '-12',
+ 'span 2span 2',
+ 'span 2auto',
+ 'autospan 2'
+];
+assert(correctResults.includes(result));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
new file mode 100644
index 0000000000..f4fc5d097e
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
@@ -0,0 +1,122 @@
+---
+id: 5a90373638fddaf9a66b5d39
+title: grid-row を使用してスペースを制御する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c9WBLU4'
+forumTopicId: 301137
+dashedName: use-grid-row-to-control-spacing
+---
+
+# --description--
+
+もちろん、列と同じように複数の行をアイテムに消費させることもできます。 グリッドアイテムに `grid-row` プロパティを使用して、アイテムを開始・終了させたい水平方向の線を定義します。
+
+# --instructions--
+
+`item5` クラスの要素が最後の 2 行を消費するようにしてください。
+
+# --hints--
+
+`item5` クラスが `grid-row` プロパティを持つようにしてください。
+
+```js
+assert(
+ __helpers.removeWhiteSpace($('style').text()).match(/\.item5{.*grid-row:.*}/g)
+);
+```
+
+`item5` クラスの `grid-row` プロパティは、グリッドの最後の 2 行を消費するように設定される必要があります。
+
+```js
+const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
+const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
+const result = rowStart.toString() + rowEnd.toString();
+const correctResults = [
+ '24',
+ '2-1',
+ '2span 2',
+ '2span2',
+ 'span 2-1',
+ '-12',
+ 'span 2span 2',
+ 'span 2auto',
+ 'autospan 2'
+];
+assert(correctResults.includes(result));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+```
+
+# --solutions--
+
+```html
+
+
+
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
new file mode 100644
index 0000000000..a28f964ae0
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
@@ -0,0 +1,174 @@
+---
+id: 5a94fe7769fb03452672e463
+title: メディアクエリを使用してレスポンシブレイアウトを作成する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cMbqeHk'
+forumTopicId: 301138
+dashedName: use-media-queries-to-create-responsive-layouts
+---
+
+# --description--
+
+CSS グリッドは、メディアクエリを使ってグリッドエリアの再配置、グリッドの大きさの変更、アイテムの配置変更などを行うことで、サイトをよりレスポンシブにするための手軽な方法です。
+
+このプレビューでは、ビューポート幅が 300px 以上の場合、列数が 1 列から 2 列に変更されます。 そして、広告 (advert) エリアが左の列全体を占有します。
+
+# --instructions--
+
+ビューポート幅が `400px` 以上の場合にヘッダーエリアが一番上の行全体を占有し、フッターエリアが一番下の行全体を占有するようにしてください。
+
+# --hints--
+
+ビューポートが `400px` 以上の場合、`container` クラスは `grid-template-areas` プロパティを持ち、ヘッダーとフッターの領域がそれぞれ一番上と一番下の行を占め、広告とコンテンツが中央行の左列と右列を占めるようにします。
+
+```js
+assert(
+ __helpers
+ .removeCssComments(code)
+ .match(
+ /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
header
+
advert
+
content
+
footer
+
+
header
+
advert
+
content
+
footer
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+```
+
+# --solutions--
+
+```html
+
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
new file mode 100644
index 0000000000..dc611f6769
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
@@ -0,0 +1,76 @@
+---
+id: 587d78b1367417b2b2512b09
+title: 画像をレスポンシブにする
+challengeType: 0
+forumTopicId: 301140
+dashedName: make-an-image-responsive
+---
+
+# --description--
+
+CSS で画像をレスポンシブにするのは、実は非常に簡単です。 次のプロパティを画像に追加するだけです:
+
+```css
+img {
+ max-width: 100%;
+ height: auto;
+}
+```
+
+`max-width` を `100%` にすることで画像が決してそれが入っているコンテナより広がらないようにし、`height` を `auto` にすることで画像が元のアスペクト比を保つようにします。
+
+# --instructions--
+
+`responsive-img` クラスにスタイルルールを追加し、これをレスポンシブにします。 コンテナ (この場合はプレビューウィンドウ) の幅より広がらないようにし、かつ元のアスペクト比を維持する必要があります。 コードを追加したら、画像の動作を確認するためにプレビューのサイズを変更してみましょう。
+
+# --hints--
+
+`responsive-img` クラスは `max-width` を `100%` に設定する必要があります。
+
+```js
+assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
+```
+
+`responsive-img` クラスは `height` を `auto` に設定する必要があります。
+
+```js
+assert(code.match(/height:\s*?auto;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+vw (ビューポート幅): 10vw はビューポートの幅の 10% になります。vh (ビューポート高さ): 3vh はビューポートの高さの 3% になります。vmin (ビューポート最小値): 70vmin はビューポートの (高さまたは幅のうち) 短い方の 70% になります。vmax (ビューポート最大値): 100vmax はビューポートの (高さまたは幅のうち) 長い方の 100% になります。Importantus Ipsum
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+```
+
+# --solutions--
+
+```html
+
+
+Importantus Ipsum
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
new file mode 100644
index 0000000000..dad65fef9c
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
@@ -0,0 +1,64 @@
+---
+id: 587d78b1367417b2b2512b0a
+title: 高解像度ディスプレイのために Retina 画像を使用する
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pzrPu4/cVZ4Rfp'
+forumTopicId: 301142
+dashedName: use-a-retina-image-for-higher-resolution-displays
+---
+
+# --description--
+
+インターネット接続デバイスの増加に伴い、そのサイズや仕様は様々になり、使用されるディスプレイは外部的にも内部的にも異なる可能性があります。 ピクセル密度はデバイスによって異なる場合があり、この密度は Pixel Per Inch (PPI) もしくは Dots Per Inch (DPI) と呼ばれます。 最も有名なディスプレイは、最新の Apple MacBook Pro ノートブックや最近の iMac コンピューターに搭載された「Retina ディスプレイ」と呼ばれるものです。 Retina ディスプレイと非 Retina ディスプレイ間のピクセル密度の違いにより、高解像度ディスプレイを想定して作成されていない画像を高解像度ディスプレイで表示すると「ピクセル化」して見える場合があります。
+
+MacBook Pro の「Retina ディスプレイ」のような高解像度ディスプレイで画像を適切に表示する最も簡単な方法は、`width` と `height` の値を元のファイルの半分だけと定義することです。 以下に、元の画像の高さと幅の半分を設定する例を示します。
+
+```html
+
+ と同様の機能を持つ [CodePen.io](https://codepen.io) アプリを構築します。
+
+以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を満たし、すべてのテストがパスするようにしてください。 あなた独自のスタイルを与えてください。
+
+このプロジェクトを完了するために、HTML、JavaScript、CSS を使用することができます。 これまでのレッスンでカバーされた純粋な CSS の練習をするため、純粋な CSS の使用を推奨します。 Bootstrap や SASS を使用しても構いません。 このプロジェクトで追加のテクノロジー (jQuery、React、Angular、Vue など) を使用することは推奨されません。使用する場合は自己責任で使用してください。 React のようなさまざまな技術スタックで作業する機会は他のプロジェクトで得られます。 私達は、このプロジェクトの推奨技術スタックを使用している場合の問題報告は全て受け入れ、修正するように努めます。 ハッピーコーディング！
+
+**ユーザーストーリー #1:** 私のポートフォリオには、`welcome-section` の id を持つウェルカムセクションがあります。
+
+**ユーザーストーリー #2:** ウェルカムセクションにはテキストを含む `h1` 要素があります。
+
+**ユーザーストーリー #3:** 私のポートフォリオには、`projects` の id を持つプロジェクトセクションがあります。
+
+**ユーザーストーリー #4:** プロジェクトセクションには、プロジェクトを入れるために少なくとも 1 つの `project-tile` クラスの要素があります。
+
+**ユーザーストーリー #5:** プロジェクトセクションには、少なくとも 1 つのプロジェクトへのリンクが含まれている必要があります。
+
+**ユーザーストーリー #6:** 私のポートフォリオには、 `navbar` の id を持つナビゲーションバーがあります。
+
+**ユーザーストーリー #7:** ナビゲーションバーには、クリックするとページ上の異なるセクションに移動できるリンクが少なくとも 1 つあります。
+
+**ユーザーストーリー #8:** 私のポートフォリオには `profile-link`の id を持つリンクがあり、GitHub または FCC プロフィールを新しいタブで開くことができます。
+
+**ユーザーストーリー #9:** 私のポートフォリオには、少なくとも 1 つのメディアクエリがあります。
+
+**ユーザーストーリー #10:** ウェルカムセクションの高さはビューポートの高さと等しくなければなりません。
+
+**ユーザーストーリー #11:** ナビゲーションバーは常にビューポートの上部に表示されている必要があります。
+
+この CodePen テンプレートを使用して あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen を作成することができます。 または、この CDN リンクを使用して任意の環境でテストを実行できます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+完了したら、すべてのテストがパスする状態の作業プロジェクトの URL を送信します。
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md
new file mode 100644
index 0000000000..016d502715
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md
@@ -0,0 +1,55 @@
+---
+id: 587d78af367417b2b2512b04
+title: プロダクトのランディングページを作成する
+challengeType: 3
+forumTopicId: 301144
+dashedName: build-a-product-landing-page
+---
+
+# --description--
+
+**目標:** こちら と同様の機能を持つ [CodePen.io](https://codepen.io) アプリを構築します。
+
+以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を満たし、すべてのテストがパスするようにしてください。 あなた独自のスタイルを与えてください。
+
+このプロジェクトを完了するために、HTML、JavaScript、CSS を使用することができます。 これまでのレッスンでカバーされた純粋な CSS の練習をするため、純粋な CSS の使用を推奨します。 Bootstrap や SASS を使用しても構いません。 このプロジェクトで追加のテクノロジー (jQuery、React、Angular、Vue など) を使用することは推奨されません。使用する場合は自己責任で使用してください。 React のようなさまざまな技術スタックで作業する機会は他のプロジェクトで得られます。 私達は、このプロジェクトの推奨技術スタックを使用している場合の問題報告は全て受け入れ、修正するように努めます。 ハッピーコーディング！
+
+**ユーザーストーリー #1:** 私のプロダクトランディングページには `id="header"` を持つ `header` 要素があります。
+
+**ユーザーストーリー #2:** `header` 要素内には `id="header-img"` を持つ画像が表示されます。 会社のロゴがあればここでいいイメージを与えることができるでしょう。
+
+**ユーザーストーリー #3:** `#header` 要素内に `id="nav-bar"` を持つ `nav` 要素があります。
+
+**ユーザーストーリー #4:** `nav` 要素内に少なくとも 3 つのクリック可能な `nav-link` クラスの要素があります。
+
+**ユーザーストーリー #5:** `nav` 要素内の `.nav-link` ボタンをクリックしたら、ランディングページの対応するセクションに移動します。
+
+**ユーザーストーリー #6:** `id="video"` を持つプロダクトの埋め込み動画を見ることができます。
+
+**ユーザーストーリー #7:** 私のランディングページには `id="form"` を持つ `form` 要素があります。
+
+**ユーザーストーリー #8:** フォーム内には、Eメールアドレスが入力可能な `id="email"` を持つ `input` フィールドがあります。
+
+**ユーザーストーリー #9:** `#email` 入力フィールドには、フィールドの用途をユーザーに知らせるためのプレイスホルダ―テキストが必要です。
+
+**ユーザーストーリー #10:** `#email` 入力フィールドは、入力されたテキストがメールアドレスであるか確認するために HTML5 のバリデーションを使用します。
+
+**ユーザーストーリー #11:** フォーム内には、`id="submit"` を持つ送信ボタンの `input` があります。
+
+**ユーザーストーリー #12:** `#submit` 要素をクリックすると、email の情報が静的ページに送信されます (このモック URL を使用してください: )。
+
+**ユーザーストーリー #13:** ナビゲーションバーは常にビューポートの上部に表示されている必要があります。
+
+**ユーザーストーリー #14:** 私のプロダクトランディングページには、少なくとも 1 つのメディアクエリがあります。
+
+**ユーザーストーリー #15:** 私のプロダクトランディングページは、少なくとも 1 つの CSS フレックスボックスを使用しています。
+
+この CodePen テンプレートを使用して あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen を作成することができます。 または、この CDN リンクを使用して任意の環境でテストを実行できます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+完了したら、すべてのテストがパスする状態の作業プロジェクトの URL を送信します。
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md
new file mode 100644
index 0000000000..16ddc71b15
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md
@@ -0,0 +1,57 @@
+---
+id: 587d78af367417b2b2512b03
+title: アンケートフォームを作成する
+challengeType: 3
+forumTopicId: 301145
+dashedName: build-a-survey-form
+---
+
+# --description--
+
+**目標:** こちら と同様の機能を持つ [CodePen.io](https://codepen.io) アプリを構築します。
+
+以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を満たし、すべてのテストがパスするようにしてください。 あなた独自のスタイルを与えてください。
+
+このプロジェクトを完了するために、HTML、JavaScript、CSS を使用することができます。 これまでのレッスンでカバーされた純粋な CSS の練習をするため、純粋な CSS の使用を推奨します。 Bootstrap や SASS を使用しても構いません。 このプロジェクトで追加のテクノロジー (jQuery、React、Angular、Vue など) を使用することは推奨されません。使用する場合は自己責任で使用してください。 React のようなさまざまな技術スタックで作業する機会は他のプロジェクトで得られます。 私達は、このプロジェクトの推奨技術スタックを使用している場合の問題報告は全て受け入れ、修正するように努めます。 ハッピーコーディング！
+
+**ユーザーストーリー #1:** `id="title"` を持つ H1 サイズテキストのタイトルがあります。
+
+**ユーザーストーリー #2:** `id="description"` を持つ P サイズテキストの短い説明文があります。
+
+**ユーザーストーリー #3:** `id="survey-form"` を持つ `form` があります。
+
+**ユーザーストーリー #4:** フォーム要素内では、`id="name"` を持つフィールドに名前入力が必須となっています。
+
+**ユーザーストーリー #5:** フォーム要素内では、`id="email"` を持つフィールドにメールアドレス入力が必須となっています。
+
+**ユーザーストーリー #6:** メールアドレスとして正しいフォーマットでない内容を入力すると、HTML5 のバリデーションエラーが表示されます。
+
+**ユーザーストーリー #7: ** フォーム要素内では、`id="number"` を持つフィールドに数字を入力することができます。
+
+**ユーザーストーリー #8:** 数字ではない内容を入力すると、HTML5 のバリデーションエラーが表示されます。
+
+**ユーザーストーリー #9:** `min` と `max` 属性で定義した範囲外の数字を入力すると、HTML5 のバリデーションエラーが表示されます。
+
+**ユーザーストーリー #10:** フォーム内の名前、メール、数字入力フィールドには、各フィールドの目的を説明する次のラベルが含まれます: `id="name-label"`、`id="email-label"`、`id="number-label"`。
+
+**ユーザーストーリー #11:** 名前、メール、数値の入力フィールドには、各フィールドの説明や指示を示すプレイスホルダ―テキストが表示されます。
+
+**ユーザーストーリー #12:** フォーム要素内では、対応する `id="dropdown"` を持つドロップダウンからオプションを選択できます。
+
+**ユーザーストーリー #13:** フォーム要素内では、1 つ以上のグループからなるラジオボタンでフィールドを選択できます。 各グループは `name` 属性を使用してグループ化する必要があります。
+
+**ユーザーストーリー #14:** フォーム要素内では、一連のチェックボックスからいくつかのフィールドを選択することができ、それぞれは `value` 属性を持つ必要があります。
+
+**ユーザーストーリー #15:** フォーム要素内では、追加でコメントするために最後に `textarea` を表示します。
+
+**ユーザーストーリー #16:** フォーム要素内では、すべての入力内容を送信するため `id="submit"` を持つボタンを表示します。
+
+この CodePen テンプレートを使用して あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen を作成することができます。 または、この CDN リンクを使用して任意の環境でテストを実行できます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+完了したら、すべてのテストがパスする状態の作業プロジェクトの URL を送信します。
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md
new file mode 100644
index 0000000000..d96c1e0b87
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md
@@ -0,0 +1,55 @@
+---
+id: 587d78b0367417b2b2512b05
+title: テクニカルドキュメントページを作成する
+challengeType: 3
+forumTopicId: 301146
+dashedName: build-a-technical-documentation-page
+---
+
+# --description--
+
+**目標:** こちら と同様の機能を持つ [CodePen.io](https://codepen.io) アプリを構築します。
+
+以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を満たし、すべてのテストがパスするようにしてください。 あなた独自のスタイルを与えてください。
+
+このプロジェクトを完了するために、HTML、JavaScript、CSS を使用することができます。 これまでのレッスンでカバーされた純粋な CSS の練習をするため、純粋な CSS の使用を推奨します。 Bootstrap や SASS を使用しても構いません。 このプロジェクトで追加のテクノロジー (jQuery、React、Angular、Vue など) を使用することは推奨されません。使用する場合は自己責任で使用してください。 React のようなさまざまな技術スタックで作業する機会は他のプロジェクトで得られます。 私達は、このプロジェクトの推奨技術スタックを使用している場合の問題報告は全て受け入れ、修正するように努めます。 ハッピーコーディング！
+
+**ユーザーストーリー #1:** `id="main-doc"` を持ち、ページのメインコンテンツ (テクニカルドキュメント) を含む `main` 要素があります。
+
+**ユーザーストーリー #2:** `#main-doc` 要素内に、それぞれのクラスが `main-section` である複数の `section` 要素があります。 最低でも 5 個必要です。
+
+**ユーザーストーリー #3:** 各 `.main-section` 内の最初の要素は、そのセクションの主なトピックを説明するテキストを含む `header` 要素でなければなりません。
+
+**ユーザーストーリー #4:** クラスが `main-section` の各 `section` 要素は、それぞれの `header` のテキストに対応する id も持つ必要があります。 すべてのスペースはアンダースコアに置き換える必要があります (例: "JavaScript and Java" ヘッダーを含む `section` には対応する `id="JavaScript_and_Java"` が必要です)。
+
+**ユーザーストーリー #5:** `.main-section` 要素は少なくとも (それぞれではなく) 合計で 10 個の `p` 要素を含む必要があります。
+
+**ユーザーストーリー #6:** `.main-section` 要素は少なくとも (それぞれではなく) 合計で 5 個の `code` 要素を含む必要があります。
+
+**ユーザーストーリー #7:** `.main-section` 要素は少なくとも (それぞれではなく) 合計で 5 個の `li` 要素を含む必要があります。
+
+**ユーザーストーリー #8:** `id="navbar"` を持つ `nav` 要素があります。
+
+**ユーザーストーリー #9:** navbar 要素には、テクニカルドキュメントのトピックを説明するテキストを含む `header` 要素が含まれている必要があります。
+
+**ユーザーストーリー #10:** さらに、ナビゲーションバーには `nav-link` のクラスを持つリンク (`a`) 要素が含まれている必要があります。 これはクラス `main-section` の各要素ごとに一つ存在する必要があります。
+
+**ユーザーストーリー #11:** ナビゲーションバーの `header` 要素は navbar のどのリンク (`a`) 要素よりも前に置かれなければなりません。
+
+**ユーザーストーリー #12:** `nav-link` クラスの各要素には、各 `section` 内の `header` テキストに対応するテキストが含まれていなければなりません (例えば、もし "Hello world" セクション / ヘッダーがあるならば、ナビゲーションバーには "Hello world" テキストを含む要素が必要です) 。
+
+**ユーザーストーリー #13:** ナビゲーションバーの要素をクリックしたとき、ページは `main-doc` 要素の対応するセクションに移動しなければなりません (例えば、"Hello world" テキストを含む `nav-link` 要素をクリックしたなら、その id を持ち対応する `header` を含む `section` 要素に移動しなければなりません)。
+
+**ユーザーストーリー #14:** 通常サイズのデバイス上 (ラップトップ、デスクトップ) では、`id="navbar"` を持つ要素は画面の左側に表示され、常にユーザーから見える状態にしなければなりません。
+
+**ユーザーストーリー #15:** 私のテクニカルドキュメントページは、少なくとも 1 つのメディアクエリを使う必要があります。
+
+この CodePen テンプレートを使用して あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen を作成することができます。 または、この CDN リンクを使用して任意の環境でテストを実行できます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+完了したら、すべてのテストがパスする状態の作業プロジェクトの URL を送信します。
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md
new file mode 100644
index 0000000000..e41031fe65
--- /dev/null
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md
@@ -0,0 +1,43 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: トリビュートページを作成する
+challengeType: 3
+forumTopicId: 301147
+dashedName: build-a-tribute-page
+---
+
+# --description--
+
+**目標:** こちら と同様の機能を持つ [CodePen.io](https://codepen.io) アプリを構築します。
+
+以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を満たし、すべてのテストがパスするようにしてください。 あなた独自のスタイルを与えてください。
+
+このプロジェクトを完了するために、HTML、JavaScript、CSS を使用することができます。 これまでのレッスンでカバーされた純粋な CSS の練習をするため、純粋な CSS の使用を推奨します。 Bootstrap や SASS を使用しても構いません。 このプロジェクトで追加のテクノロジー (jQuery、React、Angular、Vue など) を使用することは推奨されません。使用する場合は自己責任で使用してください。 React のようなさまざまな技術スタックで作業する機会は他のプロジェクトで得られます。 私達は、このプロジェクトの推奨技術スタックを使用している場合の問題報告は全て受け入れ、修正するように努めます。 ハッピーコーディング！
+
+**ユーザーストーリー #1:** 私のトリビュートページには `id="main"` を持つ要素があり、その中に他のすべての要素が含まれます。
+
+**ユーザーストーリー #2:** `id="title"` を持つ要素があり、これにはトリビュートページで取り上げる対象者 (例: "Dr. Norman Borlaug) を説明する文字列 (すなわちテキスト) が記載されています。
+
+**ユーザーストーリー #3:** `id="img-div"` が付随する `figure` または `div` 要素のどちらか一方が表示される必要があります。
+
+**ユーザーストーリー #4:** `img-div` 要素内に、`id="image"` を持つ `img` 要素があります。
+
+**ユーザーストーリー #5:** `img-div` 要素内には、`id="img-caption"` を持つ要素があり、`img-div` 内に表示されている画像を説明するテキストコンテンツを含みます。
+
+**ユーザーストーリー #6:** `id="tribute-info"` を持つ要素があり、これにはトリビュートページの対象者を説明するテキストコンテンツが含まれます。
+
+**ユーザーストーリー #7:** `id="tribute-link"` を持つ `a` 要素があり、これはトリビュートページの対象者に関する追加情報を含む外部サイトへのリンクです。 ヒント: リンクを新しいタブで開くためには、要素に `target` 属性を与え、その値に `_blank` を設定しなければなりません (つまり `target="_blank"` となります)。
+
+**ユーザーストーリー #8:** `img` 要素は、オリジナルのサイズを超えることなく親要素の幅に応じてレスポンシブにサイズが変更される必要があります。
+
+**ユーザーストーリー #9:** `img` 要素は、その親要素内で中央に配置される必要があります。
+
+この CodePen テンプレートを使用して あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen (CodePen 上の作品) を作成することができます。 または、この CDN リンクを使用して任意の環境でテストを実行できます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+完了したら、すべてのテストがパスする状態の作業プロジェクトの URL を送信します。
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md
new file mode 100644
index 0000000000..ccf49c10a5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md
@@ -0,0 +1,97 @@
+---
+id: a77dbc43c33f39daa4429b4f
+title: ブール型の確認
+challengeType: 5
+forumTopicId: 16000
+dashedName: boo-who
+---
+
+# --description--
+
+値がブールプリミティブとして分類されるかどうかを確認してください。 `true` または `false` を返してください。
+
+ブールプリミティブは `true` および `false` です。
+
+# --hints--
+
+`booWho(true)` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(booWho(true), true);
+```
+
+`booWho(false)` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(booWho(false), true);
+```
+
+`booWho([1, 2, 3])` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho([1, 2, 3]), false);
+```
+
+`booWho([].slice)` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho([].slice), false);
+```
+
+`booWho({ "a": 1 })` は `false` を返す必要があります 。
+
+```js
+assert.strictEqual(booWho({ a: 1 }), false);
+```
+
+`booWho(1)` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho(1), false);
+```
+
+`booWho(NaN)` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho(NaN), false);
+```
+
+`booWho("a")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho('a'), false);
+```
+
+`booWho("true")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho('true'), false);
+```
+
+`booWho("false")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(booWho('false'), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function booWho(bool) {
+ return bool;
+}
+
+booWho(null);
+```
+
+# --solutions--
+
+```js
+function booWho(bool) {
+ return typeof bool === "boolean";
+}
+
+booWho(null);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md
new file mode 100644
index 0000000000..040c4b5883
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md
@@ -0,0 +1,110 @@
+---
+id: a9bd25c716030ec90084d8a1
+title: 配列をグループに分割する
+challengeType: 5
+forumTopicId: 16005
+dashedName: chunky-monkey
+---
+
+# --description--
+
+配列 (最初の引数) を `size` (2 番目の引数) の長さのグループに分割して 2 次元配列として返す関数を記述してください。
+
+# --hints--
+
+`chunkArrayInGroups(["a", "b", "c", "d"], 2)` は `[["a", "b"], ["c", "d"]]` を返す必要があります 。
+
+```js
+assert.deepEqual(chunkArrayInGroups(['a', 'b', 'c', 'd'], 2), [
+ ['a', 'b'],
+ ['c', 'd']
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)` は `[[0, 1, 2], [3, 4, 5]]` を返す必要があります。
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3), [
+ [0, 1, 2],
+ [3, 4, 5]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)` は `[[0, 1], [2, 3], [4, 5]]` を返す必要があります。
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2), [
+ [0, 1],
+ [2, 3],
+ [4, 5]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)` は `[[0, 1, 2, 3], [4, 5]]` を返す必要があります。
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4), [
+ [0, 1, 2, 3],
+ [4, 5]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)` は `[[0, 1, 2], [3, 4, 5], [6]]` を返す必要があります。
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3), [
+ [0, 1, 2],
+ [3, 4, 5],
+ [6]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)` は `[[0, 1, 2, 3], [4, 5, 6, 7], [8]]` を返す必要があります。
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4), [
+ [0, 1, 2, 3],
+ [4, 5, 6, 7],
+ [8]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)` は `[[0, 1], [2, 3], [4, 5], [6, 7], [8]]` を返す必要があります。
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2), [
+ [0, 1],
+ [2, 3],
+ [4, 5],
+ [6, 7],
+ [8]
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function chunkArrayInGroups(arr, size) {
+ return arr;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+```
+
+# --solutions--
+
+```js
+function chunkArrayInGroups(arr, size) {
+ let out = [];
+
+ for (let i = 0; i < arr.length; i += size) {
+ out.push(arr.slice(i, i + size));
+ }
+
+ return out;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md
new file mode 100644
index 0000000000..7e2cbf8c86
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md
@@ -0,0 +1,113 @@
+---
+id: acda2fb1324d9b0fa741e6b5
+title: 末尾の一致判定
+challengeType: 5
+forumTopicId: 16006
+dashedName: confirm-the-ending
+---
+
+# --description--
+
+文字列 (最初の引数、`str`) が与えられたターゲット文字列 (2 番目の引数、`target`) で終わるかどうかを確認してください。
+
+このチャレンジは ES2015 で導入された `.endsWith()` メソッドを使用すれば*解決できます*。 しかし、ここでは代わりに JavaScript の substring メソッドを使用してください。
+
+# --hints--
+
+`confirmEnding("Bastian", "n")` は `true` を返す必要があります。
+
+```js
+assert(confirmEnding('Bastian', 'n') === true);
+```
+
+`confirmEnding("Congratulation", "on")`は `true` を返す必要があります。
+
+```js
+assert(confirmEnding('Congratulation', 'on') === true);
+```
+
+`confirmEnding("Connor", "n")` は `false` を返す必要があります。
+
+```js
+assert(confirmEnding('Connor', 'n') === false);
+```
+
+`confirmEnding("Walking on water and developing software from a specification are easy if both are frozen", "specification")` は `false` を返す必要があります。
+
+```js
+assert(
+ confirmEnding(
+ 'Walking on water and developing software from a specification are easy if both are frozen',
+ 'specification'
+ ) === false
+);
+```
+
+`confirmEnding("He has to give me a new name", "name")` は `true` を返す必要があります。
+
+```js
+assert(confirmEnding('He has to give me a new name', 'name') === true);
+```
+
+`confirmEnding("Open sesame", "same")` は `true` を返す必要があります。
+
+```js
+assert(confirmEnding('Open sesame', 'same') === true);
+```
+
+`confirmEnding("Open sesame", "sage")` は `false` を返す必要があります。
+
+```js
+assert(confirmEnding('Open sesame', 'sage') === false);
+```
+
+`confirmEnding("Open sesame", "game")` は `false` を返す必要があります。
+
+```js
+assert(confirmEnding('Open sesame', 'game') === false);
+```
+
+`confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain")` は `false` を返す必要があります。
+
+```js
+assert(
+ confirmEnding(
+ 'If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing',
+ 'mountain'
+ ) === false
+);
+```
+
+`confirmEnding("Abstraction", "action")` は `true` を返す必要があります。
+
+```js
+assert(confirmEnding('Abstraction', 'action') === true);
+```
+
+このチャレンジを解決するプログラムでは、組み込みメソッド `.endsWith()` を使用しないでください。
+
+```js
+assert(!/\.endsWith\(.*?\)\s*?;?/.test(code) && !/\['endsWith'\]/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function confirmEnding(str, target) {
+ return str;
+}
+
+confirmEnding("Bastian", "n");
+```
+
+# --solutions--
+
+```js
+function confirmEnding(str, target) {
+ return str.substring(str.length - target.length) === target;
+}
+
+confirmEnding("Bastian", "n");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md
new file mode 100644
index 0000000000..499c2c02a4
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244b3
+title: 摂氏から華氏への変換
+challengeType: 1
+forumTopicId: 16806
+dashedName: convert-celsius-to-fahrenheit
+---
+
+# --description--
+
+摂氏から華氏に変換するアルゴリズムは、摂氏温度 × `9/5` + `32` です。
+
+摂氏の温度を表す変数 `celsius` が与えられます。 すでに定義されている変数 `fahrenheit`を使用し、摂氏に相当する華氏温度を代入してください。 上記のアルゴリズムを使用して、摂氏温度を華氏温度に変換してください。
+
+# --hints--
+
+`convertToF(0)` は数値を返す必要があります。
+
+```js
+assert(typeof convertToF(0) === 'number');
+```
+
+`convertToF(-30)` は `-22` の値を返す必要があります。
+
+```js
+assert(convertToF(-30) === -22);
+```
+
+`convertToF(-10)` は `14` の値を返す必要があります。
+
+```js
+assert(convertToF(-10) === 14);
+```
+
+`convertToF(0)` は `32` の値を返す必要があります。
+
+```js
+assert(convertToF(0) === 32);
+```
+
+`convertToF(20)` は `68` の値を返す必要があります。
+
+```js
+assert(convertToF(20) === 68);
+```
+
+`convertToF(30)` は `86` の値を返す必要があります。
+
+```js
+assert(convertToF(30) === 86);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToF(celsius) {
+ let fahrenheit;
+ return fahrenheit;
+}
+
+convertToF(30);
+```
+
+# --solutions--
+
+```js
+function convertToF(celsius) {
+ let fahrenheit = celsius * 9/5 + 32;
+
+ return fahrenheit;
+}
+
+convertToF(30);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md
new file mode 100644
index 0000000000..6e49bcd679
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md
@@ -0,0 +1,73 @@
+---
+id: a302f7aae1aa3152a5b413bc
+title: 階乗計算
+challengeType: 5
+forumTopicId: 16013
+dashedName: factorialize-a-number
+---
+
+# --description--
+
+指定された整数の階乗を返してください。
+
+指定された整数が `n` の場合、階乗は `n` 以下のすべての正の整数の積となります。
+
+階乗はよく `n!` と簡略表記されます。
+
+例: `5! = 1 * 2 * 3 * 4 * 5 = 120`
+
+関数には 0 以上の整数だけが与えられます。
+
+# --hints--
+
+`factorialize(5)` は数値を返す必要があります。
+
+```js
+assert(typeof factorialize(5) === 'number');
+```
+
+`factorialize(5)` は `120` を返す必要があります。
+
+```js
+assert(factorialize(5) === 120);
+```
+
+`factorialize(10)` は `3628800` を返す必要があります。
+
+```js
+assert(factorialize(10) === 3628800);
+```
+
+`factorialize(20)` は `2432902008176640000` を返す必要があります。
+
+```js
+assert(factorialize(20) === 2432902008176640000);
+```
+
+`factorialize(0)` は `1` を返す必要があります。
+
+```js
+assert(factorialize(0) === 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function factorialize(num) {
+ return num;
+}
+
+factorialize(5);
+```
+
+# --solutions--
+
+```js
+function factorialize(num) {
+ return num < 1 ? 1 : num * factorialize(num - 1);
+}
+
+factorialize(5);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md
new file mode 100644
index 0000000000..7d2d0d0b68
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md
@@ -0,0 +1,63 @@
+---
+id: adf08ec01beb4f99fc7a68f2
+title: 偽値用心棒
+challengeType: 5
+forumTopicId: 16014
+dashedName: falsy-bouncer
+---
+
+# --description--
+
+すべての偽値を配列から取り除いてください。
+
+JavaScriptにおける偽値とは、`false`、`null`、`0`、`""`、`undefined`、そして `NaN` です。
+
+ヒント: それぞれの値をブール値に変換してみてください。
+
+# --hints--
+
+`bouncer([7, "ate", "", false, 9])` は `[7, "ate", 9]` を返す必要があります。
+
+```js
+assert.deepEqual(bouncer([7, 'ate', '', false, 9]), [7, 'ate', 9]);
+```
+
+`bouncer(["a", "b", "c"])` は `["a", "b", "c"]` を返す必要があります。
+
+```js
+assert.deepEqual(bouncer(['a', 'b', 'c']), ['a', 'b', 'c']);
+```
+
+`bouncer([false, null, 0, NaN, undefined, ""])` は `[]` を返す必要があります。
+
+```js
+assert.deepEqual(bouncer([false, null, 0, NaN, undefined, '']), []);
+```
+
+`bouncer([null, NaN, 1, 2, undefined])` は `[1, 2]` を返す必要があります。
+
+```js
+assert.deepEqual(bouncer([null, NaN, 1, 2, undefined]), [1, 2]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bouncer(arr) {
+ return arr;
+}
+
+bouncer([7, "ate", "", false, 9]);
+```
+
+# --solutions--
+
+```js
+function bouncer(arr) {
+ return arr.filter(e => e);
+}
+
+bouncer([7, "ate", "", false, 9]);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md
new file mode 100644
index 0000000000..73977fc976
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md
@@ -0,0 +1,87 @@
+---
+id: a26cbbe9ad8655a977e1ceb5
+title: 文字列で最も長い単語の長さを取得する
+challengeType: 5
+forumTopicId: 16015
+dashedName: find-the-longest-word-in-a-string
+---
+
+# --description--
+
+指定された文の中で最も長い単語の長さを返してください。
+
+戻り値として数値を返してください。
+
+# --hints--
+
+`findLongestWordLength("The quick brown fox jumped over the lazy dog")` は数値を返す必要があります。
+
+```js
+assert(
+ typeof findLongestWordLength(
+ 'The quick brown fox jumped over the lazy dog'
+ ) === 'number'
+);
+```
+
+`findLongestWordLength("The quick brown fox jumped over the lazy dog")` は `6` を返す必要があります。
+
+```js
+assert(
+ findLongestWordLength('The quick brown fox jumped over the lazy dog') === 6
+);
+```
+
+`findLongestWordLength("May the force be with you")` は `5` を返す必要があります。
+
+```js
+assert(findLongestWordLength('May the force be with you') === 5);
+```
+
+`findLongestWordLength("Google do a barrel roll")` は `6` を返す必要があります。
+
+```js
+assert(findLongestWordLength('Google do a barrel roll') === 6);
+```
+
+`findLongestWordLength("What is the average airspeed velocity of an unladen swallow")` は `8` を返す必要があります。
+
+```js
+assert(
+ findLongestWordLength(
+ 'What is the average airspeed velocity of an unladen swallow'
+ ) === 8
+);
+```
+
+`findLongestWordLength("What if we try a super-long word such as otorhinolaryngology")` は `19` を返す必要があります。
+
+```js
+assert(
+ findLongestWordLength(
+ 'What if we try a super-long word such as otorhinolaryngology'
+ ) === 19
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findLongestWordLength(str) {
+ return str.length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+```
+
+# --solutions--
+
+```js
+function findLongestWordLength(str) {
+ return str.split(' ').sort((a, b) => b.length - a.length)[0].length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md
new file mode 100644
index 0000000000..7944a15315
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md
@@ -0,0 +1,58 @@
+---
+id: a6e40f1041b06c996f7b2406
+title: 条件を満たす要素の抽出
+challengeType: 5
+forumTopicId: 16016
+dashedName: finders-keepers
+---
+
+# --description--
+
+配列 `arr` を参照し、「真偽判定」で真となる最初の要素を返す関数を作成してください。 たとえば、要素 `x` が与えられた場合、`func(x)` が `true` であれば、「真偽判定」は真となります。 真となる要素が無い場合は、`undefined` を返してください。
+
+# --hints--
+
+`findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })` は `8` を返す必要があります。
+
+```js
+assert.strictEqual(
+ findElement([1, 3, 5, 8, 9, 10], function (num) {
+ return num % 2 === 0;
+ }),
+ 8
+);
+```
+
+`findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })` は `undefined` を返す必要があります。
+
+```js
+assert.strictEqual(
+ findElement([1, 3, 5, 9], function (num) {
+ return num % 2 === 0;
+ }),
+ undefined
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findElement(arr, func) {
+ let num = 0;
+ return num;
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+```
+
+# --solutions--
+
+```js
+function findElement(arr, func) {
+ return arr.filter(func)[0];
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md
new file mode 100644
index 0000000000..190282b8d3
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md
@@ -0,0 +1,117 @@
+---
+id: af2170cad53daa0770fabdea
+title: ミューテーション
+challengeType: 5
+forumTopicId: 16025
+dashedName: mutations
+---
+
+# --description--
+
+配列の最初の要素内の文字列に、2 番目の要素内の文字列にあるすべての文字が含まれている場合に、`true` を返してください。
+
+たとえば、`["hello", "Hello"]` は、2 番目の文字列内のすべての文字が最初の文字列に含まれているので、`true` を返す必要があります (大文字と小文字は区別しません)。
+
+引数 `["hello", "hey"]` は `false` を返す必要があります。文字列 `hello` には `y` が含まれていないからです。
+
+最後の例として、`["Alien", "line"]` は `true` を返す必要があります。`line` のすべての文字が `Alien` に含まれているからです。
+
+# --hints--
+
+`mutation(["hello", "hey"])` は `false` を返す必要があります。
+
+```js
+assert(mutation(['hello', 'hey']) === false);
+```
+
+`mutation(["hello", "Hello"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['hello', 'Hello']) === true);
+```
+
+`mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['zyxwvutsrqponmlkjihgfedcba', 'qrstu']) === true);
+```
+
+`mutation(["Mary", "Army"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['Mary', 'Army']) === true);
+```
+
+`mutation(["Mary", "Aarmy"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['Mary', 'Aarmy']) === true);
+```
+
+`mutation(["Alien", "line"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['Alien', 'line']) === true);
+```
+
+`mutation(["floor", "for"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['floor', 'for']) === true);
+```
+
+`mutation(["hello", "neo"])` は `false` を返す必要があります。
+
+```js
+assert(mutation(['hello', 'neo']) === false);
+```
+
+`mutation(["voodoo", "no"])` は `false` を返す必要があります。
+
+```js
+assert(mutation(['voodoo', 'no']) === false);
+```
+
+`mutation(["ate", "date"])` は `false` を返す必要があります。
+
+```js
+assert(mutation(['ate', 'date']) === false);
+```
+
+`mutation(["Tiger", "Zebra"])` は `false` を返す必要があります。
+
+```js
+assert(mutation(['Tiger', 'Zebra']) === false);
+```
+
+`mutation(["Noel", "Ole"])` は `true` を返す必要があります。
+
+```js
+assert(mutation(['Noel', 'Ole']) === true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mutation(arr) {
+ return arr;
+}
+
+mutation(["hello", "hey"]);
+```
+
+# --solutions--
+
+```js
+function mutation(arr) {
+ let hash = Object.create(null);
+
+ arr[0].toLowerCase().split('').forEach(c => hash[c] = true);
+
+ return !arr[1].toLowerCase().split('').filter(c => !hash[c]).length;
+}
+
+mutation(["hello", "hey"]);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md
new file mode 100644
index 0000000000..676e8b27cf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md
@@ -0,0 +1,84 @@
+---
+id: afcc8d540bea9ea2669306b6
+title: 同じ文字列の繰り返し
+challengeType: 5
+forumTopicId: 16041
+dashedName: repeat-a-string-repeat-a-string
+---
+
+# --description--
+
+与えられた文字列 `str` (最初の引数) を `num` (2 番目の引数) 回繰り返してください。 `num` が正の数でない場合は、空の文字列を返してください。 このチャレンジでは、組み込みメソッドの `.repeat()` は*使用しないでください *。
+
+# --hints--
+
+`repeatStringNumTimes("*", 3)` は文字列 `***` を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('*', 3) === '***');
+```
+
+`repeatStringNumTimes("abc", 3)` は文字列 `abcabcabc` を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('abc', 3) === 'abcabcabc');
+```
+
+`repeatStringNumTimes("abc", 4)` は文字列 `abcabcabcabc` を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('abc', 4) === 'abcabcabcabc');
+```
+
+`repeatStringNumTimes("abc", 1)` は文字列 `abc` を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('abc', 1) === 'abc');
+```
+
+`repeatStringNumTimes("*", 8)` は文字列 `********` を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('*', 8) === '********');
+```
+
+`repeatStringNumTimes("abc", -2)` は空の文字列 (`""`) を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('abc', -2) === '');
+```
+
+組み込みメソッドの `repeat()` は使用しないでください。
+
+```js
+assert(!/\.repeat/g.test(code));
+```
+
+`repeatStringNumTimes("abc", 0)` は `""` を返す必要があります。
+
+```js
+assert(repeatStringNumTimes('abc', 0) === '');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function repeatStringNumTimes(str, num) {
+ return str;
+}
+
+repeatStringNumTimes("abc", 3);
+```
+
+# --solutions--
+
+```js
+function repeatStringNumTimes(str, num) {
+ if (num < 1) return '';
+ return num === 1 ? str : str + repeatStringNumTimes(str, num-1);
+}
+
+repeatStringNumTimes("abc", 3);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md
new file mode 100644
index 0000000000..1705828c33
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md
@@ -0,0 +1,92 @@
+---
+id: a789b3483989747d63b0e427
+title: 各配列の最大数値を返す
+challengeType: 5
+forumTopicId: 16042
+dashedName: return-largest-numbers-in-arrays
+---
+
+# --description--
+
+各サブ配列の最大数値からなる配列を返してください。 簡単のため、与えられる配列にはちょうど 4 つのサブ配列が含まれています。
+
+単純な for ループを使用して配列を反復処理し、配列式 `arr[i]` で含まれる各数字にアクセスできます。
+
+# --hints--
+
+`largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])` は配列を返す必要があります。
+
+```js
+assert(
+ largestOfFour([
+ [4, 5, 1, 3],
+ [13, 27, 18, 26],
+ [32, 35, 37, 39],
+ [1000, 1001, 857, 1]
+ ]).constructor === Array
+);
+```
+
+`largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])` は `[27, 5, 39, 1001]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ largestOfFour([
+ [13, 27, 18, 26],
+ [4, 5, 1, 3],
+ [32, 35, 37, 39],
+ [1000, 1001, 857, 1]
+ ]),
+ [27, 5, 39, 1001]
+);
+```
+
+`largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])` は `[9, 35, 97, 1000000]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ largestOfFour([
+ [4, 9, 1, 3],
+ [13, 35, 18, 26],
+ [32, 35, 97, 39],
+ [1000000, 1001, 857, 1]
+ ]),
+ [9, 35, 97, 1000000]
+);
+```
+
+`largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])` は `[25, 48, 21, -3]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ largestOfFour([
+ [17, 23, 25, 12],
+ [25, 7, 34, 48],
+ [4, -10, 18, 21],
+ [-72, -3, -17, -10]
+ ]),
+ [25, 48, 21, -3]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestOfFour(arr) {
+ return arr;
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+```
+
+# --solutions--
+
+```js
+function largestOfFour(arr) {
+ return arr.map(subArr => Math.max.apply(null, subArr));
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md
new file mode 100644
index 0000000000..5f3b4630a2
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md
@@ -0,0 +1,63 @@
+---
+id: a202eed8fc186c8434cb6d61
+title: 文字列の反転
+challengeType: 5
+forumTopicId: 16043
+dashedName: reverse-a-string
+---
+
+# --description--
+
+指定された文字列を反転させてください。
+
+場合によっては、文字列を反転させる前に文字列を配列に変換する必要があります。
+
+結果は必ず文字列にする必要があります。
+
+# --hints--
+
+`reverseString("hello")` は文字列を返す必要があります。
+
+```js
+assert(typeof reverseString('hello') === 'string');
+```
+
+`reverseString("hello")` は文字列 `olleh` を返す必要があります。
+
+```js
+assert(reverseString('hello') === 'olleh');
+```
+
+`reverseString("Howdy")` は文字列 `ydwoH` を返す必要があります。
+
+```js
+assert(reverseString('Howdy') === 'ydwoH');
+```
+
+`reverseString("Greetings from Earth")` は文字列 `htraE morf sgniteerG` を返す必要があります。
+
+```js
+assert(reverseString('Greetings from Earth') === 'htraE morf sgniteerG');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reverseString(str) {
+ return str;
+}
+
+reverseString("hello");
+```
+
+# --solutions--
+
+```js
+function reverseString(str) {
+ return str.split('').reverse().join('');
+}
+
+reverseString("hello");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md
new file mode 100644
index 0000000000..f10db97083
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md
@@ -0,0 +1,98 @@
+---
+id: 579e2a2c335b9d72dd32e05c
+title: Slice と Splice
+challengeType: 5
+forumTopicId: 301148
+dashedName: slice-and-splice
+---
+
+# --description--
+
+2 つの配列とインデックスが与えられています。
+
+最初の配列の各要素を 2 番目の配列に順番にコピーしてください。
+
+2 番目の配列のインデックス `n` から要素の挿入を始めてください。
+
+結果の配列を返してください。 入力された配列は、関数の実行後も元のままにしておく必要があります。
+
+# --hints--
+
+`frankenSplice([1, 2, 3], [4, 5], 1)` は `[4, 1, 2, 3, 5]` を返す必要があります。
+
+```js
+assert.deepEqual(frankenSplice([1, 2, 3], [4, 5], 1), [4, 1, 2, 3, 5]);
+```
+
+`frankenSplice([1, 2], ["a", "b"], 1)` は `["a", 1, 2, "b"]` を返す必要があります。
+
+```js
+assert.deepEqual(frankenSplice(testArr1, testArr2, 1), ['a', 1, 2, 'b']);
+```
+
+`frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2)` は `["head", "shoulders", "claw", "tentacle", "knees", "toes"]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ frankenSplice(
+ ['claw', 'tentacle'],
+ ['head', 'shoulders', 'knees', 'toes'],
+ 2
+ ),
+ ['head', 'shoulders', 'claw', 'tentacle', 'knees', 'toes']
+);
+```
+
+最初の配列のすべての要素を、元の順序で 2 番目の配列に追加する必要があります。 `frankenSplice([1, 2, 3, 4], [], 0)` は `[1, 2, 3, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(frankenSplice([1, 2, 3, 4], [], 0), [1, 2, 3, 4]);
+```
+
+最初の配列は、関数の実行後も元のままにしておく必要があります。
+
+```js
+frankenSplice(testArr1, testArr2, 1);
+assert.deepEqual(testArr1, [1, 2]);
+```
+
+2 番目の配列は、関数の実行後も元のままにしておく必要があります。
+
+```js
+frankenSplice(testArr1, testArr2, 1);
+assert.deepEqual(testArr2, ['a', 'b']);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+let testArr1 = [1, 2];
+let testArr2 = ["a", "b"];
+```
+
+## --seed-contents--
+
+```js
+function frankenSplice(arr1, arr2, n) {
+ return arr2;
+}
+
+frankenSplice([1, 2, 3], [4, 5, 6], 1);
+```
+
+# --solutions--
+
+```js
+function frankenSplice(arr1, arr2, n) {
+ // It's alive. It's alive!
+ let result = arr2.slice();
+ for (let i = 0; i < arr1.length; i++) {
+ result.splice(n+i, 0, arr1[i]);
+ }
+ return result;
+}
+
+frankenSplice([1, 2, 3], [4, 5], 1);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md
new file mode 100644
index 0000000000..1f69102542
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md
@@ -0,0 +1,64 @@
+---
+id: ab6137d4e35944e21037b769
+title: 文章をタイトルケースに変換
+challengeType: 5
+forumTopicId: 16088
+dashedName: title-case-a-sentence
+---
+
+# --description--
+
+与えられた文字列を、各単語の最初の文字を大文字にして返してください。 単語の残りの文字が小文字であることを確認してください。
+
+この演習では、 `the` や `of` のような接続語なども大文字にする必要があります。
+
+# --hints--
+
+`titleCase("I'm a little tea pot")` は文字列を返す必要があります。
+
+```js
+assert(typeof titleCase("I'm a little tea pot") === 'string');
+```
+
+`titleCase("I'm a little tea pot")` は文字列 `I'm A Little Tea Pot` を返す必要があります。
+
+```js
+assert(titleCase("I'm a little tea pot") === "I'm A Little Tea Pot");
+```
+
+`titleCase("sHoRt AnD sToUt")` は文字列 `Short And Stout` を返す必要があります。
+
+```js
+assert(titleCase('sHoRt AnD sToUt') === 'Short And Stout');
+```
+
+`titleCase("HERE IS MY HANDLE HERE IS MY SPOUT")` は文字列 `Here Is My Handle Here Is My Spout` を返す必要があります。
+
+```js
+assert(
+ titleCase('HERE IS MY HANDLE HERE IS MY SPOUT') ===
+ 'Here Is My Handle Here Is My Spout'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function titleCase(str) {
+ return str;
+}
+
+titleCase("I'm a little tea pot");
+```
+
+# --solutions--
+
+```js
+function titleCase(str) {
+ return str.split(' ').map(word => word.charAt(0).toUpperCase() + word.substring(1).toLowerCase()).join(' ');
+}
+
+titleCase("I'm a little tea pot");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md
new file mode 100644
index 0000000000..290d18a179
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md
@@ -0,0 +1,91 @@
+---
+id: ac6993d51946422351508a41
+title: 文字列の省略
+challengeType: 5
+forumTopicId: 16089
+dashedName: truncate-a-string
+---
+
+# --description--
+
+文字列 (最初の引数) が指定された最大文字列長 (2 番目の引数) より長い場合、文字列を切り捨ててください。 末尾に `...` を付けて、省略された文字列を返してください。
+
+# --hints--
+
+`truncateString("A-tisket a-tasket A green and yellow basket", 8)` は文字列 `A-tisket...` を返します。
+
+```js
+assert(
+ truncateString('A-tisket a-tasket A green and yellow basket', 8) ===
+ 'A-tisket...'
+);
+```
+
+`truncateString("Peter Piper picked a peck of pickled peppers", 11)` は文字列 `Peter Piper...` を返します。
+
+```js
+assert(
+ truncateString('Peter Piper picked a peck of pickled peppers', 11) ===
+ 'Peter Piper...'
+);
+```
+
+`truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length)` は文字列 `A-tisket a-tasket A green and yellow basket` を返します。
+
+```js
+assert(
+ truncateString(
+ 'A-tisket a-tasket A green and yellow basket',
+ 'A-tisket a-tasket A green and yellow basket'.length
+ ) === 'A-tisket a-tasket A green and yellow basket'
+);
+```
+
+`truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2)` は文字列 `A-tisket a-tasket A green and yellow basket` を返します。
+
+```js
+assert(
+ truncateString(
+ 'A-tisket a-tasket A green and yellow basket',
+ 'A-tisket a-tasket A green and yellow basket'.length + 2
+ ) === 'A-tisket a-tasket A green and yellow basket'
+);
+```
+
+`truncateString("A-", 1)` は文字列 `A...` を返します。
+
+```js
+assert(truncateString('A-', 1) === 'A...');
+```
+
+`truncateString("Absolutely Longer", 2)` は文字列 `Ab...` を返します。
+
+```js
+assert(truncateString('Absolutely Longer', 2) === 'Ab...');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function truncateString(str, num) {
+ return str;
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+```
+
+# --solutions--
+
+```js
+function truncateString(str, num) {
+ if (num >= str.length) {
+ return str;
+ }
+
+ return str.slice(0, num) + '...';
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md
new file mode 100644
index 0000000000..277468c3e1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md
@@ -0,0 +1,143 @@
+---
+id: a24c1a4622e3c05097f71d67
+title: 挿入位置
+challengeType: 5
+forumTopicId: 16094
+dashedName: where-do-i-belong
+---
+
+# --description--
+
+ソート後、配列 (最初の引数) の中で値 (2 番目の引数) を挿入すべきインデックスの最小値を返してください。 返される値は数値である必要があります。
+
+たとえば、`getIndexToIns([1,2,3,4], 1.5)` は `1` を返す必要があります。値の 1.5 は `1` (インデックスは 0) より大きく、`2` (インデックスは 1) より小さいからです。
+
+同様に、`getIndexToIns([20,3,5], 19)` は `2` を返します。配列をソートすると `[3,5,20]` となり、`19` は `20` (インデックスは 2) より小さく、`5` (インデックスは 1) より大きいからです。
+
+# --hints--
+
+`getIndexToIns([10, 20, 30, 40, 50], 35)` は `3` を返す必要があります。
+
+```js
+assert(getIndexToIns([10, 20, 30, 40, 50], 35) === 3);
+```
+
+`getIndexToIns([10, 20, 30, 40, 50], 35)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([10, 20, 30, 40, 50], 35) === 'number');
+```
+
+`getIndexToIns([10, 20, 30, 40, 50], 30)` は `2` を返す必要があります。
+
+```js
+assert(getIndexToIns([10, 20, 30, 40, 50], 30) === 2);
+```
+
+`getIndexToIns([10, 20, 30, 40, 50], 30)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([10, 20, 30, 40, 50], 30) === 'number');
+```
+
+`getIndexToIns([40, 60], 50)` は `1` を返す必要があります。
+
+```js
+assert(getIndexToIns([40, 60], 50) === 1);
+```
+
+`getIndexToIns([40, 60], 50)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([40, 60], 50) === 'number');
+```
+
+`getIndexToIns([3, 10, 5], 3)` は `0` を返す必要があります。
+
+```js
+assert(getIndexToIns([3, 10, 5], 3) === 0);
+```
+
+`getIndexToIns([3, 10, 5], 3)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([3, 10, 5], 3) === 'number');
+```
+
+`getIndexToIns([5, 3, 20, 3], 5)` は `2` を返す必要があります。
+
+```js
+assert(getIndexToIns([5, 3, 20, 3], 5) === 2);
+```
+
+`getIndexToIns([5, 3, 20, 3], 5)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([5, 3, 20, 3], 5) === 'number');
+```
+
+`getIndexToIns([2, 20, 10], 19)` は `2` を返す必要があります。
+
+```js
+assert(getIndexToIns([2, 20, 10], 19) === 2);
+```
+
+`getIndexToIns([2, 20, 10], 19)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([2, 20, 10], 19) === 'number');
+```
+
+`getIndexToIns([2, 5, 10], 15)` は `3` を返す必要があります。
+
+```js
+assert(getIndexToIns([2, 5, 10], 15) === 3);
+```
+
+`getIndexToIns([2, 5, 10], 15)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([2, 5, 10], 15) === 'number');
+```
+
+`getIndexToIns([], 1)` は `0` を返す必要があります。
+
+```js
+assert(getIndexToIns([], 1) === 0);
+```
+
+`getIndexToIns([], 1)` は数値を返す必要があります。
+
+```js
+assert(typeof getIndexToIns([], 1) === 'number');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function getIndexToIns(arr, num) {
+ return num;
+}
+
+getIndexToIns([40, 60], 50);
+```
+
+# --solutions--
+
+```js
+function getIndexToIns(arr, num) {
+ arr = arr.sort((a, b) => a - b);
+
+ for (let i = 0; i < arr.length; i++) {
+ if (arr[i] >= num) {
+ return i;
+ }
+ }
+
+ return arr.length;
+}
+
+getIndexToIns([40, 60], 50);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
new file mode 100644
index 0000000000..68f859b366
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
@@ -0,0 +1,82 @@
+---
+id: 5a661e0f1068aca922b3ef17
+title: ブラケット記法による配列内容へのアクセス
+challengeType: 1
+forumTopicId: 301149
+dashedName: access-an-arrays-contents-using-bracket-notation
+---
+
+# --description--
+
+当然ですが、どんなデータ構造でも基本的な機能として、データを保存できるだけでなく、コマンドでそれらのデータを取得することもできます。 ここまで配列の作成方法を学びました。今度は配列の情報にアクセスする方法を見ていきましょう。
+
+以下では単純な配列を定義していますが、配列には 3 つのアイテムがあります。
+
+```js
+let ourArray = ["a", "b", "c"];
+```
+
+配列では、配列のアイテムがそれぞれインデックス を持ちます。 このインデックスは、配列内のアイテムの位置と参照方法を兼ねています。 ただし、JavaScript の配列ではインデックスは 0 から始まる ことを覚えておいてください。つまり、配列の最初の要素の位置は ***0*** であって、1 ではないということです。 配列から要素を取得するには、インデックスをブラケット (角括弧) で囲み、配列の末尾に追加するか、または通常は配列オブジェクトを参照する変数に追加します。 これをブラケット記法 といいます。 たとえば、`ourArray` から `a` を取得して変数に割り当てたい場合、コードは次のようになります。
+
+```js
+let ourVariable = ourArray[0];
+```
+
+これで `ourVariable` の値は `a` になります。
+
+ブラケット記法を使用して、インデックスに関連付けられた値にアクセスできるだけでなく、インデックスに*値を設定する*こともできます。
+
+```js
+ourArray[1] = "not b anymore";
+```
+
+ブラケット記法を使用して、このアイテムのインデックス 1 を文字列 `b` から `not b anymore` に設定しなおしました。 これで、`ourArray` は `["a", "not b anymore", "c"]` になります。
+
+# --instructions--
+
+`myArray` の 2 番目の位置 (インデックス `1`) に任意の要素 (文字 `b` 以外) を設定して、このチャレンジを完了してください。
+
+# --hints--
+
+`myArray[0]` は文字 `a` と等しくなければなりません。
+
+```js
+assert.strictEqual(myArray[0], 'a');
+```
+
+`myArray[1]` は文字 `b` と等しくしてはなりません。
+
+```js
+assert.notStrictEqual(myArray[1], 'b');
+```
+
+`myArray[2]` は文字 `c` と等しくなければなりません。
+
+```js
+assert.strictEqual(myArray[2], 'c');
+```
+
+`myArray[3]` は文字 `d` と等しくなければなりません。
+
+```js
+assert.strictEqual(myArray[3], 'd');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myArray = ["a", "b", "c", "d"];
+// Only change code below this line
+
+// Only change code above this line
+console.log(myArray);
+```
+
+# --solutions--
+
+```js
+let myArray = ["a", "b", "c", "d"];
+myArray[1] = "e";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md
new file mode 100644
index 0000000000..cc3326f890
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md
@@ -0,0 +1,101 @@
+---
+id: 587d7b7c367417b2b2512b1a
+title: ブラケット記法によるプロパティ名へのアクセス
+challengeType: 1
+forumTopicId: 301150
+dashedName: access-property-names-with-bracket-notation
+---
+
+# --description--
+
+最初のオブジェクトのチャレンジでは、ブラケット記法の用法として、変数の評価を使用してプロパティ値にアクセスする方法について説明しました。 たとえば、スーパーマーケットのレジのプログラムで `foods` オブジェクトが使用されているとしましょう。 `selectedFood` を設定する関数があり、`foods` オブジェクトをチェックして、その食品の有無を確認したいとします。 これは、以下のようになります。
+
+```js
+let selectedFood = getCurrentFood(scannedItem);
+let inventory = foods[selectedFood];
+```
+
+このコードは `selectedFood` 変数に保存されている値を評価し、`foods` オブジェクト内の該当するキーの値を返すか、キーが存在しない場合は `undefined` を返します。 実行時にオブジェクトのプロパティがわからない場合や、より動的な方法でのアクセスが必要な場合があるため、ブラケット記法は非常に便利です。
+
+# --instructions--
+
+関数 `checkInventory`を定義しました。これは引数としてスキャンしたアイテムを受け取ります。 `foods` オブジェクトの `scannedItem` キーの現在の値を返してください。 `checkInventory` の引数として有効なキーのみが与えられると仮定してかまいません。
+
+# --hints--
+
+`checkInventory` は関数でなければなりません。
+
+```js
+assert.strictEqual(typeof checkInventory, 'function');
+```
+
+`foods` オブジェクトには以下のキーと値のペアのみがあるものとします: `apples: 25`, `oranges: 32`, `plums: 28`, `bananas: 13`, `grapes: 35`, `strawberries: 27`
+
+```js
+assert.deepEqual(foods, {
+ apples: 25,
+ oranges: 32,
+ plums: 28,
+ bananas: 13,
+ grapes: 35,
+ strawberries: 27
+});
+```
+
+`checkInventory("apples")` は `25` を返す必要があります。
+
+```js
+assert.strictEqual(checkInventory('apples'), 25);
+```
+
+`checkInventory("bananas")` は `13` を返す必要があります。
+
+```js
+assert.strictEqual(checkInventory('bananas'), 13);
+```
+
+`checkInventory("strawberries")` は `27` を返す必要があります。
+
+```js
+assert.strictEqual(checkInventory('strawberries'), 27);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let foods = {
+ apples: 25,
+ oranges: 32,
+ plums: 28,
+ bananas: 13,
+ grapes: 35,
+ strawberries: 27
+};
+
+function checkInventory(scannedItem) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+
+console.log(checkInventory("apples"));
+```
+
+# --solutions--
+
+```js
+let foods = {
+ apples: 25,
+ oranges: 32,
+ plums: 28,
+ bananas: 13,
+ grapes: 35,
+ strawberries: 27
+};
+
+function checkInventory(scannedItem) {
+ return foods[scannedItem];
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md
new file mode 100644
index 0000000000..c855673298
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md
@@ -0,0 +1,87 @@
+---
+id: 587d78b2367417b2b2512b0e
+title: push() と unshift() による配列へのアイテムの追加
+challengeType: 1
+forumTopicId: 301151
+dashedName: add-items-to-an-array-with-push-and-unshift
+---
+
+# --description--
+
+配列の長さは、そこに含まれるデータ型と同じく固定されていません。 配列は任意の数の要素の長さで定義することができ、要素は時間の経過とともに追加されたり削除されたりします。 つまり、配列はミュータブル (変更可能) です。 このチャレンジでは、配列をプログラム的に変更できる 2 つのメソッド `Array.push()` と `Array.unshift()` について見ていきます。
+
+どちらのメソッドもパラメーターとして 1 つ以上の要素を受け取り、メソッド呼び出しの対象の配列にそれらの要素を追加します。`push()` メソッドは要素を配列の末尾に追加し、`unshift()` メソッドは要素を配列の先頭に追加します。 以下の例について考えてみましょう。
+
+```js
+let twentyThree = 'XXIII';
+let romanNumerals = ['XXI', 'XXII'];
+
+romanNumerals.unshift('XIX', 'XX');
+```
+
+この場合、`romanNumerals` の値は `['XIX', 'XX', 'XXI', 'XXII']` になります。
+
+```js
+romanNumerals.push(twentyThree);
+```
+
+この場合、`romanNumerals` の値は `['XIX', 'XX', 'XXI', 'XXII', 'XXIII']` になります。 ここでは変数を渡すこともできることに注目してください。これにより、配列データの動的な変更がさらに柔軟に行えます。
+
+# --instructions--
+
+関数 `mixedNumbers`を定義しました。引数として配列を渡しています。 `push()` と `unshift()` を使用してこの関数を変更してください。`'I', 2, 'three'` を配列の先頭に、`7, 'VIII', 9` を末尾に追加して、数字 1～9 が順番に表示される配列を返すようにします。
+
+# --hints--
+
+ここでは、`mixedNumbers(["IV", 5, "six"])` は `["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]` を返す必要があります。
+
+```js
+assert.deepEqual(mixedNumbers(['IV', 5, 'six']), [
+ 'I',
+ 2,
+ 'three',
+ 'IV',
+ 5,
+ 'six',
+ 7,
+ 'VIII',
+ 9
+]);
+```
+
+`mixedNumbers` 関数で `push()` メソッドを使用する必要があります。
+
+```js
+assert(mixedNumbers.toString().match(/\.push/));
+```
+
+`mixedNumbers` 関数で `unshift()` メソッドを使用する必要があります。
+
+```js
+assert(mixedNumbers.toString().match(/\.unshift/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mixedNumbers(arr) {
+ // Only change code below this line
+
+ // Only change code above this line
+ return arr;
+}
+
+console.log(mixedNumbers(['IV', 5, 'six']));
+```
+
+# --solutions--
+
+```js
+function mixedNumbers(arr) {
+ arr.push(7,'VIII',9);
+ arr.unshift('I',2,'three');
+ return arr;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md
new file mode 100644
index 0000000000..6823661ec4
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md
@@ -0,0 +1,93 @@
+---
+id: 587d78b3367417b2b2512b11
+title: Splice() によるアイテムの追加
+challengeType: 1
+forumTopicId: 301152
+dashedName: add-items-using-splice
+---
+
+# --description--
+
+前回のチャレンジで説明しましたが、`splice()` は最大 3 つのパラメーターを取ることができます。 3 つ目のパラメーターは 1 つ以上の要素で構成されますが、このパラメーターを使用して配列に追加することができます。 これは、1 つまたは複数の要素を別の要素にすばやく入れ替えるのに非常に便利です。
+
+```js
+const numbers = [10, 11, 12, 12, 15];
+const startIndex = 3;
+const amountToDelete = 1;
+
+numbers.splice(startIndex, amountToDelete, 13, 14);
+console.log(numbers);
+```
+
+2 つ目の重複する `12` は削除され、同じインデックスに `13` と `14` が追加されます。 これで `numbers` 配列は `[ 10, 11, 12, 13, 14, 15 ]` となります。
+
+ここでは、最初に数字の配列があります。 次に、`splice()` に、要素の削除を開始するインデックス (3) と、削除する要素の数 (1)、そして、同じインデックスに順に挿入される残りの引数 (13, 14) を渡します。 `amountToDelete` の後に、任意の数の要素 (コンマで区切る) を指定でき、それぞれを挿入できることに注意してください。
+
+# --instructions--
+
+関数 `htmlColorNames`を定義しました。これは、引数として HTML カラーの配列を取ります。 `splice()` を使用して関数を変更してください。配列の最初の 2 つの要素を削除し、それぞれの場所に `'DarkSalmon'` と `'BlanchedAlmond'` を追加します。
+
+# --hints--
+
+`htmlColorNames` は `["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurquoise", "FireBrick"]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ htmlColorNames([
+ 'DarkGoldenRod',
+ 'WhiteSmoke',
+ 'LavenderBlush',
+ 'PaleTurquoise',
+ 'FireBrick'
+ ]),
+ [
+ 'DarkSalmon',
+ 'BlanchedAlmond',
+ 'LavenderBlush',
+ 'PaleTurquoise',
+ 'FireBrick'
+ ]
+);
+```
+
+`htmlColorNames` 関数で `splice()` メソッドを使用する必要があります。
+
+```js
+assert(/.splice/.test(code));
+```
+
+`shift()` または `unshift()` は使用しないでください。
+
+```js
+assert(!/shift|unshift/.test(code));
+```
+
+配列ブラケット記法は使用しないでください。
+
+```js
+assert(!/\[\d\]\s*=/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function htmlColorNames(arr) {
+ // Only change code below this line
+
+ // Only change code above this line
+ return arr;
+}
+
+console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurquoise', 'FireBrick']));
+```
+
+# --solutions--
+
+```js
+function htmlColorNames(arr) {
+ arr.splice(0,2,'DarkSalmon', 'BlanchedAlmond');
+ return arr;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md
new file mode 100644
index 0000000000..95915894ac
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md
@@ -0,0 +1,124 @@
+---
+id: 587d7b7c367417b2b2512b18
+title: JavaScript オブジェクトにキーと値のペアを追加する
+challengeType: 1
+forumTopicId: 301153
+dashedName: add-key-value-pairs-to-javascript-objects
+---
+
+# --description--
+
+最も基本的なオブジェクトは、キーと値 のペアのみの集合です。 言い換えれば、これはプロパティ ( キー ) と呼ばれる一意の識別子にマッピングされるデータ (値 ) の集まりです。 例を見てみましょう。
+
+```js
+const tekkenCharacter = {
+ player: 'Hwoarang',
+ fightingStyle: 'Tae Kwon Doe',
+ human: true
+};
+```
+
+上記のコードは、`tekkenCharacter` という鉄拳ビデオゲームキャラクターのオブジェクトを定義しています。 オブジェクトには 3 つのプロパティがあり、それぞれが特定の値にマッピングされています。 "origin" などの新しいプロパティを追加したい場合は、`origin` をオブジェクトに割り当てます。
+
+```js
+tekkenCharacter.origin = 'South Korea';
+```
+
+これにはドット記法を使用しています。 `tekkenCharacter` オブジェクトを確認すると、`origin` プロパティが追加されたことがわかります。 Hwoarang は特徴的なオレンジ色の髪をしていました。 このプロパティをブラケット記法で追加することができます。
+
+```js
+tekkenCharacter['hair color'] = 'dyed orange';
+```
+
+プロパティにスペースがある場合や、プロパティに名前を付けるために変数を使用する場合には、ブラケット記法が必要となります。 上記の場合、プロパティを引用符で囲んで文字列として示すことで、表示されているとおりに追加されます。 引用符がなければ、変数として評価され、プロパティの名前は変数の値となります。 次に変数を含む例を示します。
+
+```js
+const eyes = 'eye color';
+
+tekkenCharacter[eyes] = 'brown';
+```
+
+すべての例を追加すると、このオブジェクトは次のようになります。
+
+```js
+{
+ player: 'Hwoarang',
+ fightingStyle: 'Tae Kwon Doe',
+ human: true,
+ origin: 'South Korea',
+ 'hair color': 'dyed orange',
+ 'eye color': 'brown'
+};
+```
+
+# --instructions--
+
+3 つのエントリを持つ `foods` オブジェクトが作成されています。 任意の構文を用いて、このオブジェクトに新たに 3 つのエントリを追加してください。`bananas` の値は `13`、`grapes` の値は `35`、`strawberries` の値は `27` です。
+
+# --hints--
+
+`foods` はオブジェクトである必要があります。
+
+```js
+assert(typeof foods === 'object');
+```
+
+`foods` オブジェクトには値 `13` を持つキー `bananas` が含まれている必要があります。
+
+```js
+assert(foods.bananas === 13);
+```
+
+`foods` オブジェクトには値 `35` を持つキー `grapes` が含まれている必要があります。
+
+```js
+assert(foods.grapes === 35);
+```
+
+`foods` オブジェクトには値 `27` を持つキー `strawberries` が含まれている必要があります。
+
+```js
+assert(foods.strawberries === 27);
+```
+
+キーと値のペアはドット記法またはブラケット記法を使用して、設定する必要があります。
+
+```js
+assert(
+ code.search(/bananas:/) === -1 &&
+ code.search(/grapes:/) === -1 &&
+ code.search(/strawberries:/) === -1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let foods = {
+ apples: 25,
+ oranges: 32,
+ plums: 28
+};
+
+// Only change code below this line
+
+// Only change code above this line
+
+console.log(foods);
+```
+
+# --solutions--
+
+```js
+let foods = {
+ apples: 25,
+ oranges: 32,
+ plums: 28
+};
+
+foods['bananas'] = 13;
+foods['grapes'] = 35;
+foods['strawberries'] = 27;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md
new file mode 100644
index 0000000000..853925646a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md
@@ -0,0 +1,93 @@
+---
+id: 587d7b7b367417b2b2512b14
+title: indexOf() で要素の存在をチェックする
+challengeType: 1
+forumTopicId: 301154
+dashedName: check-for-the-presence-of-an-element-with-indexof
+---
+
+# --description--
+
+配列はいつでも変更、つまり*ミューテート*が可能であるため、 特定のデータが配列内のどこにあるのかや、その要素がまだ存在するかどうかについては何も保証されません。 幸い、JavaScript には組み込みメソッド `indexOf()` があり、配列内の要素の存在を素早く簡単に確認することができます。 `indexOf()` は要素をパラメーターとして取り、呼び出すと要素の位置 (インデックス) を返します。要素が配列内に存在しない場合には `-1` を返します。
+
+例:
+
+```js
+let fruits = ['apples', 'pears', 'oranges', 'peaches', 'pears'];
+
+fruits.indexOf('dates');
+fruits.indexOf('oranges');
+fruits.indexOf('pears');
+```
+
+`indexOf('dates')` は `-1` を返します。`indexOf('oranges')` は `2` を、`indexOf('pears')` は `1` を返します (それぞれの要素が出現する最初のインデックス)。
+
+# --instructions--
+
+`indexOf()` は、配列内の要素の存在を素早くチェックするのに非常に便利です。 関数 `quickCheck` を定義しました。この関数は配列と要素を引数として取ります。 `indexOf()` を使用してこの関数を変更し、渡した要素が配列内に存在する場合は `true` を、存在しない場合は `false` を返すようにしてください。
+
+# --hints--
+
+`quickCheck` 関数は文字列 (`"true"` または `"false"`) ではなく、ブール型 (`true` または `false`) を返す必要があります。
+
+```js
+assert.isBoolean(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+```
+
+`quickCheck(["squash", "onions", "shallots"], "mushrooms")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'),
+ false
+);
+```
+
+`quickCheck(["onions", "squash", "shallots"], "onions")` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(
+ quickCheck(['onions', 'squash', 'shallots'], 'onions'),
+ true
+);
+```
+
+`quickCheck([3, 5, 9, 125, 45, 2], 125)` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(quickCheck([3, 5, 9, 125, 45, 2], 125), true);
+```
+
+`quickCheck([true, false, false], undefined)` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(quickCheck([true, false, false], undefined), false);
+```
+
+`quickCheck` 関数では `indexOf()` メソッドを使用する必要があります。
+
+```js
+assert.notStrictEqual(quickCheck.toString().search(/\.indexOf\(/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function quickCheck(arr, elem) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+
+console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+```
+
+# --solutions--
+
+```js
+function quickCheck(arr, elem) {
+ return arr.indexOf(elem) >= 0;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md
new file mode 100644
index 0000000000..931726f844
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md
@@ -0,0 +1,161 @@
+---
+id: 587d7b7d367417b2b2512b1c
+title: オブジェクトにプロパティがあるかどうかを確認する
+challengeType: 1
+forumTopicId: 301155
+dashedName: check-if-an-object-has-a-property
+---
+
+# --description--
+
+オブジェクトのキーの追加、変更、削除について学びました。 しかし、オブジェクトに特定のプロパティがあるかどうかを知りたいだけの場合はどうすればよいでしょうか？ JavaScript には、そのことを調べるための 2 つの異なる方法があります。 1 つは `hasOwnProperty()` メソッドを使用する方法で、もう 1 つは `in` キーワードを使用する方法です。 `Alan` というプロパティを持つオブジェクト `users` がある場合、次のいずれかの方法でその存在を確認することができます。
+
+```js
+users.hasOwnProperty('Alan');
+'Alan' in users;
+```
+
+どちらも `true` を返します。
+
+# --instructions--
+
+渡されたオブジェクトに `Alan`、`Jeff`、`Sarah`、`Ryan` の 4 つの名前すべてが含まれている場合は true を返し、そうでない場合は false を返すように、関数の記述を完成させてください。
+
+# --hints--
+
+`users` オブジェクトに直接アクセスすることはできません。
+
+```js
+
+assert(code.match(/users/gm).length <= 2)
+
+```
+
+`users` オブジェクトには `Alan`、`Jeff`、`Sarah`、`Ryan` のキーのみを含めます。
+
+```js
+assert(
+ 'Alan' in users &&
+ 'Jeff' in users &&
+ 'Sarah' in users &&
+ 'Ryan' in users &&
+ Object.keys(users).length === 4
+);
+```
+
+関数 `isEveryoneHere` は、`Alan`、`Jeff`、`Sarah`、`Ryan` が渡されたオブジェクトのプロパティである場合、`true` を返す必要があります。
+
+```js
+assert(isEveryoneHere(users) === true);
+```
+
+関数 `isEveryoneHere` は、`Alan` が渡されたオブジェクトのプロパティではない場合、`false` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ delete users.Alan;
+ return isEveryoneHere(users);
+ })() === false
+);
+```
+
+関数 `isEveryoneHere` は、`Jeff` が渡されたオブジェクトのプロパティではない場合、`false` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ delete users.Jeff;
+ return isEveryoneHere(users);
+ })() === false
+);
+```
+
+関数 `isEveryoneHere` は、`Sarah` が渡されたオブジェクトのプロパティではない場合、`false` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ delete users.Sarah;
+ return isEveryoneHere(users);
+ })() === false
+);
+```
+
+関数 `isEveryoneHere` は、`Ryan` が渡されたオブジェクトのプロパティではない場合、`false` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ delete users.Ryan;
+ return isEveryoneHere(users);
+ })() === false
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let users = {
+ Alan: {
+ age: 27,
+ online: true
+ },
+ Jeff: {
+ age: 32,
+ online: true
+ },
+ Sarah: {
+ age: 48,
+ online: true
+ },
+ Ryan: {
+ age: 19,
+ online: true
+ }
+};
+
+function isEveryoneHere(userObj) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+
+console.log(isEveryoneHere(users));
+```
+
+# --solutions--
+
+```js
+let users = {
+ Alan: {
+ age: 27,
+ online: true
+ },
+ Jeff: {
+ age: 32,
+ online: true
+ },
+ Sarah: {
+ age: 48,
+ online: true
+ },
+ Ryan: {
+ age: 19,
+ online: true
+ }
+};
+
+function isEveryoneHere(userObj) {
+ return [
+ 'Alan',
+ 'Jeff',
+ 'Sarah',
+ 'Ryan'
+ ].every(user => userObj.hasOwnProperty(user));
+}
+
+console.log(isEveryoneHere(users));
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md
new file mode 100644
index 0000000000..cc38836275
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b7b367417b2b2512b17
+title: スプレッド演算子による配列の結合
+challengeType: 1
+forumTopicId: 301156
+dashedName: combine-arrays-with-the-spread-operator
+---
+
+# --description--
+
+スプレッド 演算子のもう一つの大きな利点は、配列を結合できること、つまり、ある配列のすべての要素を別の配列の任意のインデックスに挿入できることです。 従来の古い構文でも配列を結合できますが、その場合は、一方の末尾ともう一方の先頭の位置のみで結合が可能です。 スプレッド構文を使用すれば次のような操作が非常に簡単になります。
+
+```js
+let thisArray = ['sage', 'rosemary', 'parsley', 'thyme'];
+
+let thatArray = ['basil', 'cilantro', ...thisArray, 'coriander'];
+```
+
+これで `thatArray` の値は `['basil', 'cilantro', 'sage', 'rosemary', 'parsley', 'thyme', 'coriander']` になります。
+
+スプレッド構文を使用することで、従来のメソッドでは複雑で冗長だった操作を、より簡単に行えるようになりました。
+
+# --instructions--
+
+変数 `sentence` を返す関数 `spreadOut` を定義しました。 スプレッド 演算子を使用して関数を変更し、配列 `['learning', 'to', 'code', 'is', 'fun']` を返すようにしてください。
+
+# --hints--
+
+`spreadOut` は `["learning", "to", "code", "is", "fun"]` を返す必要があります。
+
+```js
+assert.deepEqual(spreadOut(), ['learning', 'to', 'code', 'is', 'fun']);
+```
+
+`spreadOut` 関数ではスプレッド構文を使用する必要があります。
+
+```js
+assert.notStrictEqual(spreadOut.toString().search(/[...]/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spreadOut() {
+ let fragment = ['to', 'code'];
+ let sentence; // Change this line
+ return sentence;
+}
+
+console.log(spreadOut());
+```
+
+# --solutions--
+
+```js
+function spreadOut() {
+ let fragment = ['to', 'code'];
+ let sentence = ['learning', ...fragment, 'is', 'fun'];
+ return sentence;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md
new file mode 100644
index 0000000000..14321713ea
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md
@@ -0,0 +1,102 @@
+---
+id: 587d7b7b367417b2b2512b13
+title: スプレッド演算子による配列のコピー
+challengeType: 1
+forumTopicId: 301157
+dashedName: copy-an-array-with-the-spread-operator
+---
+
+# --description--
+
+`slice()` を使用すると、コピーする配列の要素を選択できますが、他にもいくつかの便利な機能があり、ES6の新しいスプレッド演算子 を使用すれば、簡単で非常に読みやすい構文で、配列の*すべての*要素を順番通りにコピーすることができます。 スプレッドの構文は「`...`」のように単純なものです。
+
+実際には、スプレッド演算子を使用して、以下のように配列をコピーすることができます。
+
+```js
+let thisArray = [true, true, undefined, false, null];
+let thatArray = [...thisArray];
+```
+
+`thatArray` は `[true, true, undefined, false, null]` になります。 `thisArray` は変更されず、`thatArray` には `thisArray` と同じ要素が含まれます。
+
+# --instructions--
+
+関数 `copyMachine` を定義しました。この関数は引数として `arr` (配列) と `num` (数値) を受け取ります。 この関数では、`arr` の `num` 個のコピーで構成される新しい配列を返す必要があります。 必要なものはほぼ揃っていますが、まだうまく機能しません。 スプレッド構文を使用して、正しく機能するように関数を変更してください (ヒント: すでに説明した別のメソッドがここで役に立つかもしれません)。
+
+# --hints--
+
+`copyMachine([true, false, true], 2)` は `[[true, false, true], [true, false, true]]` を返す必要があります。
+
+```js
+assert.deepEqual(copyMachine([true, false, true], 2), [
+ [true, false, true],
+ [true, false, true]
+]);
+```
+
+`copyMachine([1, 2, 3], 5)` は `[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]` を返す必要があります。
+
+```js
+assert.deepEqual(copyMachine([1, 2, 3], 5), [
+ [1, 2, 3],
+ [1, 2, 3],
+ [1, 2, 3],
+ [1, 2, 3],
+ [1, 2, 3]
+]);
+```
+
+`copyMachine([true, true, null], 1)` は `[[true, true, null]]` を返す必要があります。
+
+```js
+assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]]);
+```
+
+`copyMachine(["it works"], 3)` は `[["it works"], ["it works"], ["it works"]]` を返す必要があります。
+
+```js
+assert.deepEqual(copyMachine(['it works'], 3), [
+ ['it works'],
+ ['it works'],
+ ['it works']
+]);
+```
+
+`copyMachine` 関数では、配列 `arr` を付けた `spread operator` を使用する必要があります。
+
+```js
+assert(code.match(/\.\.\.arr/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function copyMachine(arr, num) {
+ let newArr = [];
+ while (num >= 1) {
+ // Only change code below this line
+
+ // Only change code above this line
+ num--;
+ }
+ return newArr;
+}
+
+console.log(copyMachine([true, false, true], 2));
+```
+
+# --solutions--
+
+```js
+function copyMachine(arr,num){
+ let newArr=[];
+ while(num >=1){
+ newArr.push([...arr]);
+ num--;
+ }
+ return newArr;
+}
+console.log(copyMachine([true, false, true], 2));
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md
new file mode 100644
index 0000000000..3f82c638be
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b7a367417b2b2512b12
+title: Slice() を使用した配列アイテムのコピー
+challengeType: 1
+forumTopicId: 301158
+dashedName: copy-array-items-using-slice
+---
+
+# --description--
+
+次に取り上げるメソッドは `slice()` です。 `slice()` は配列を変更するのではなく、指定された数の要素を新しい配列にコピー、または*抽出*します。呼び出された配列は変更されずに残されます。 `slice()` は 2 つのパラメーターしか取りません。最初のパラメーターは抽出を開始するインデックスで、2 つ目のパラメーターは抽出を終了するインデックスです (このインデックスの前の要素までが抽出されます)。 以下の例を考えてみましょう。
+
+```js
+let weatherConditions = ['rain', 'snow', 'sleet', 'hail', 'clear'];
+
+let todaysWeather = weatherConditions.slice(1, 3);
+```
+
+`todaysWeather` の値は `['snow', 'sleet']` になりますが、`weatherConditions` の値は `['rain', 'snow', 'sleet', 'hail', 'clear']` のままです。
+
+結果として、既存の配列から要素を抽出して新しい配列を作成したことになります。
+
+# --instructions--
+
+関数 `forecast` を定義しました。この関数は配列を引数として取ります。 `slice()` を使用して、引数の配列から情報を抽出し、文字列要素 `warm` と `sunny` を含む新しい配列を返すように、関数を変更してください。
+
+# --hints--
+
+`forecast` は `["warm", "sunny"]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']),
+ ['warm', 'sunny']
+);
+```
+
+`forecast` 関数で `slice()` メソッドを使用する必要があります。
+
+```js
+assert(/\.slice\(/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function forecast(arr) {
+ // Only change code below this line
+
+ return arr;
+}
+
+// Only change code above this line
+console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));
+```
+
+# --solutions--
+
+```js
+function forecast(arr) {
+ return arr.slice(2,4);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md
new file mode 100644
index 0000000000..45bca3483a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md
@@ -0,0 +1,218 @@
+---
+id: 587d7b7b367417b2b2512b16
+title: 複雑な多次元配列の作成
+challengeType: 1
+forumTopicId: 301159
+dashedName: create-complex-multi-dimensional-arrays
+---
+
+# --description--
+
+お疲れ様！ 配列について多くのことを学びましたね！ かなりハイレベルな概要でしたが、配列の操作についてはまだ学ぶべきことがたくさんあります。その多くはこのあとのセクションで説明していきます。 ですがオブジェクト に移る前に、もう一度確認しておきましょう。これまでのチャレンジで取り上げたものより、配列をもう少し複雑にする方法について見ていきます。
+
+配列をデータ構造として捉えるときに最も強力な機能の一つは、配列に他の配列を含めることができる、あるいは完全に他の配列で構成することができるという点です。 これまでのチャレンジでも、配列を含む配列を取り上げてきましたが、それらはかなり単純な例でした。 しかし、配列では他の配列を格納できる無限の深さの配列を扱うことができ、含まれる各配列にも任意のレベルの深さを持たせることができます。さらにそこに含まれる配列も同様です。 このように、配列はたちまち非常に複雑なデータ構造になる可能性があります。こうした配列のことを多次元 配列、またはネストされた配列と呼びます。 以下の例を考えてみましょう。
+
+```js
+let nestedArray = [
+ ['deep'],
+ [
+ ['deeper'], ['deeper']
+ ],
+ [
+ [
+ ['deepest'], ['deepest']
+ ],
+ [
+ [
+ ['deepest-est?']
+ ]
+ ]
+ ]
+];
+```
+
+`deep` 配列はネストレベル 2 の深さです。 `deeper` 配列はレベル 3 の深さです。 `deepest` 配列はレベル 4、`deepest-est?` はレベル 5 です。
+
+この例は複雑に見えるかもしれませんが、大量のデータを扱う場合はこのくらいのレベルの複雑さを扱うこともあり、さほど珍しいわけでもありません。 しかし、ブラケット記法を使用すれば、こうした複雑な例の最も深いレベルの配列にも簡単にアクセスすることができます。
+
+```js
+console.log(nestedArray[2][1][0][0][0]);
+```
+
+これは文字列 `deepest-est?` を出力します。 そして、このデータの位置を確認できたので、必要に応じて再設定することができます。
+
+```js
+nestedArray[2][1][0][0][0] = 'deeper still';
+
+console.log(nestedArray[2][1][0][0][0]);
+```
+
+今度は `deeper still` が出力されます。
+
+# --instructions--
+
+変数 `myNestedArray` を定義し、配列を設定しました。 `myNestedArray` を変更してください。データ要素として文字列 、数値 、ブール値 を任意に組み合わせて使用し、ちょうどレベル 5 の深さを持つようにします (一番外側の配列がレベル 1 です)。 レベル 3 に文字列 `deep` を、レベル 4 に文字列 `deeper` を、レベル 5 に文字列 `deepest` を、それぞれ含めてください。
+
+# --hints--
+
+`myNestedArray` には、データ要素として数値、ブール値、文字列のみを含めます。
+
+```js
+assert.strictEqual(
+ (function (arr) {
+ let flattened = (function flatten(arr) {
+ const flat = [].concat(...arr);
+ return flat.some(Array.isArray) ? flatten(flat) : flat;
+ })(arr);
+ for (let i = 0; i < flattened.length; i++) {
+ if (
+ typeof flattened[i] !== 'number' &&
+ typeof flattened[i] !== 'string' &&
+ typeof flattened[i] !== 'boolean'
+ ) {
+ return false;
+ }
+ }
+ return true;
+ })(myNestedArray),
+ true
+);
+```
+
+`myNestedArray` は正確にレベル 5 の深さを持つ必要があります。
+
+```js
+assert.strictEqual(
+ (function (arr) {
+ let depth = 0;
+ function arrayDepth(array, i, d) {
+ if (Array.isArray(array[i])) {
+ arrayDepth(array[i], 0, d + 1);
+ } else {
+ depth = d > depth ? d : depth;
+ }
+ if (i < array.length) {
+ arrayDepth(array, i + 1, d);
+ }
+ }
+ arrayDepth(arr, 0, 0);
+ return depth;
+ })(myNestedArray),
+ 4
+);
+```
+
+`myNestedArray` で、レベル 3 の深さの配列に、文字列 `deep` が 1 回だけ出現する必要があります。
+
+```js
+assert(
+ (function howDeep(array, target, depth = 0) {
+ return array.reduce((combined, current) => {
+ if (Array.isArray(current)) {
+ return combined.concat(howDeep(current, target, depth + 1));
+ } else if (current === target) {
+ return combined.concat(depth);
+ } else {
+ return combined;
+ }
+ }, []);
+ })(myNestedArray, 'deep').length === 1 &&
+ (function howDeep(array, target, depth = 0) {
+ return array.reduce((combined, current) => {
+ if (Array.isArray(current)) {
+ return combined.concat(howDeep(current, target, depth + 1));
+ } else if (current === target) {
+ return combined.concat(depth);
+ } else {
+ return combined;
+ }
+ }, []);
+ })(myNestedArray, 'deep')[0] === 2
+);
+```
+
+`myNestedArray` レベル 4 の深さの配列に、文字列 `deeper` が 1 回だけ出現する必要があります。
+
+```js
+assert(
+ (function howDeep(array, target, depth = 0) {
+ return array.reduce((combined, current) => {
+ if (Array.isArray(current)) {
+ return combined.concat(howDeep(current, target, depth + 1));
+ } else if (current === target) {
+ return combined.concat(depth);
+ } else {
+ return combined;
+ }
+ }, []);
+ })(myNestedArray, 'deeper').length === 1 &&
+ (function howDeep(array, target, depth = 0) {
+ return array.reduce((combined, current) => {
+ if (Array.isArray(current)) {
+ return combined.concat(howDeep(current, target, depth + 1));
+ } else if (current === target) {
+ return combined.concat(depth);
+ } else {
+ return combined;
+ }
+ }, []);
+ })(myNestedArray, 'deeper')[0] === 3
+);
+```
+
+`myNestedArray` で、レベル 5 の深さの配列に、文字列 `deepest` が 1 回だけ出現する必要があります。
+
+```js
+assert(
+ (function howDeep(array, target, depth = 0) {
+ return array.reduce((combined, current) => {
+ if (Array.isArray(current)) {
+ return combined.concat(howDeep(current, target, depth + 1));
+ } else if (current === target) {
+ return combined.concat(depth);
+ } else {
+ return combined;
+ }
+ }, []);
+ })(myNestedArray, 'deepest').length === 1 &&
+ (function howDeep(array, target, depth = 0) {
+ return array.reduce((combined, current) => {
+ if (Array.isArray(current)) {
+ return combined.concat(howDeep(current, target, depth + 1));
+ } else if (current === target) {
+ return combined.concat(depth);
+ } else {
+ return combined;
+ }
+ }, []);
+ })(myNestedArray, 'deepest')[0] === 4
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myNestedArray = [
+ // Only change code below this line
+ ['unshift', false, 1, 2, 3, 'complex', 'nested'],
+ ['loop', 'shift', 6, 7, 1000, 'method'],
+ ['concat', false, true, 'spread', 'array'],
+ ['mutate', 1327.98, 'splice', 'slice', 'push'],
+ ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+ // Only change code above this line
+];
+```
+
+# --solutions--
+
+```js
+let myNestedArray = [
+ ['unshift', ['deep', ['deeper', ['deepest']]],false, 1, 2, 3, 'complex', 'nested'],
+ ['loop', 'shift', 6, 7, 1000, 'method'],
+ ['concat', false, true, 'spread', 'array'],
+ ['mutate', 1327.98, 'splice', 'slice', 'push'],
+ ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md
new file mode 100644
index 0000000000..6422ec4f84
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md
@@ -0,0 +1,111 @@
+---
+id: 587d7b7d367417b2b2512b1e
+title: Object.keys() による全オブジェクトキーの配列の生成
+challengeType: 1
+forumTopicId: 301160
+dashedName: generate-an-array-of-all-object-keys-with-object-keys
+---
+
+# --description--
+
+`Object.keys()`メソッドを使用し、オブジェクトを引数として渡すことで、オブジェクトにあるすべてのキーを含む配列を生成することも可能です。 この場合は、オブジェクト内の各プロパティを表す文字列を持つ配列を返します。 ここでも、配列内のエントリに対する特定の順序はありません。
+
+# --instructions--
+
+`getArrayOfUsers` 関数の記述を完成させて、引数として受け取ったオブジェクトのすべてのプロパティを含む配列を返してください。
+
+# --hints--
+
+`users` オブジェクトには `Alan`、`Jeff`、`Sarah`、`Ryan` のキーのみを含めます。
+
+```js
+assert(
+ 'Alan' in users &&
+ 'Jeff' in users &&
+ 'Sarah' in users &&
+ 'Ryan' in users &&
+ Object.keys(users).length === 4
+);
+```
+
+`getArrayOfUsers` 関数は、`users` オブジェクト内のすべてのキーを含む配列を返す必要があります。
+
+```js
+assert(
+ (function () {
+ users.Sam = {};
+ users.Lewis = {};
+ let R = getArrayOfUsers(users);
+ return (
+ R.indexOf('Alan') !== -1 &&
+ R.indexOf('Jeff') !== -1 &&
+ R.indexOf('Sarah') !== -1 &&
+ R.indexOf('Ryan') !== -1 &&
+ R.indexOf('Sam') !== -1 &&
+ R.indexOf('Lewis') !== -1
+ );
+ })() === true
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let users = {
+ Alan: {
+ age: 27,
+ online: false
+ },
+ Jeff: {
+ age: 32,
+ online: true
+ },
+ Sarah: {
+ age: 48,
+ online: false
+ },
+ Ryan: {
+ age: 19,
+ online: true
+ }
+};
+
+function getArrayOfUsers(obj) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+
+console.log(getArrayOfUsers(users));
+```
+
+# --solutions--
+
+```js
+let users = {
+ Alan: {
+ age: 27,
+ online: false
+ },
+ Jeff: {
+ age: 32,
+ online: true
+ },
+ Sarah: {
+ age: 48,
+ online: false
+ },
+ Ryan: {
+ age: 19,
+ online: true
+ }
+};
+
+function getArrayOfUsers(obj) {
+ return Object.keys(obj);
+}
+
+console.log(getArrayOfUsers(users));
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md
new file mode 100644
index 0000000000..ae624ec181
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md
@@ -0,0 +1,138 @@
+---
+id: 587d7b7b367417b2b2512b15
+title: For ループによる配列の全アイテムの繰り返し処理
+challengeType: 1
+forumTopicId: 301161
+dashedName: iterate-through-all-an-arrays-items-using-for-loops
+---
+
+# --description--
+
+配列処理では、必要な 1 つ以上の要素を検索したい場合や、特定の基準を満たすデータアイテムに基づいて配列を操作したい場合に、各アイテムを繰り返し処理できるととても便利です。 JavaScript には配列の繰り返し処理を行える組み込みメソッドがいくつかありますが (`every()`、`forEach()`、`map()` など)、繰り返しの方法や得られる結果はそれぞれわずかに異なります。しかし、最も柔軟性があり、最大限の制御ができるのは、単純な `for` ループです。
+
+以下の例について考えてみましょう。
+
+```js
+function greaterThanTen(arr) {
+ let newArr = [];
+ for (let i = 0; i < arr.length; i++) {
+ if (arr[i] > 10) {
+ newArr.push(arr[i]);
+ }
+ }
+ return newArr;
+}
+
+greaterThanTen([2, 12, 8, 14, 80, 0, 1]);
+```
+
+この関数は、`for` ループを使用して繰り返し処理で配列の各要素にアクセスし、作成済みの単純なテストを実行します。 この例は、`10` より大きいデータアイテムをプログラムで簡単に判断し、そのアイテムを含む新しい配列 `[12, 14, 80]` を返します。
+
+# --instructions--
+
+関数 `filteredArray` を定義しました。この関数は引数として、ネストされた配列 `arr` と `elem` を受け取り、新しい配列を返します。 `elem` は、`arr` 内でネストされた 1 つ以上の配列の要素を表しますが、その要素が存在する場合もあれば存在しない場合もあります。 この関数を変更し、`for` ループを使用して、`arr` 内のネストされた配列のうち `elem` が含まれているものをすべて削除し、渡された配列を絞り込んだ結果を返すようにしてください。
+
+# --hints--
+
+`filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)` は `[[10, 8, 3], [14, 6, 23]]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ filteredArray(
+ [
+ [10, 8, 3],
+ [14, 6, 23],
+ [3, 18, 6]
+ ],
+ 18
+ ),
+ [
+ [10, 8, 3],
+ [14, 6, 23]
+ ]
+);
+```
+
+`filteredArray([["trumpets", 2], ["flutes", 4], ["saxophones", 2]], 2)` は `[["flutes", 4]]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ filteredArray(
+ [
+ ['trumpets', 2],
+ ['flutes', 4],
+ ['saxophones', 2]
+ ],
+ 2
+ ),
+ [['flutes', 4]]
+);
+```
+
+`filteredArray([["amy", "beth", "sam"], ["dave", "sean", "peter"]], "peter")` は `[["amy", "beth", "sam"]]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ filteredArray(
+ [
+ ['amy', 'beth', 'sam'],
+ ['dave', 'sean', 'peter']
+ ],
+ 'peter'
+ ),
+ [['amy', 'beth', 'sam']]
+);
+```
+
+`filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)` は `[]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ filteredArray(
+ [
+ [3, 2, 3],
+ [1, 6, 3],
+ [3, 13, 26],
+ [19, 3, 9]
+ ],
+ 3
+ ),
+ []
+);
+```
+
+`filteredArray` 関数では `for` ループを使用する必要があります。
+
+```js
+assert.notStrictEqual(filteredArray.toString().search(/for/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function filteredArray(arr, elem) {
+ let newArr = [];
+ // Only change code below this line
+
+ // Only change code above this line
+ return newArr;
+}
+
+console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
+```
+
+# --solutions--
+
+```js
+function filteredArray(arr, elem) {
+ let newArr = [];
+ for (let i = 0; ifor...in ステートメントと呼ばれる JavaScript 固有の構文が必要になります。 `users` オブジェクトの場合は次のように記述できます。
+
+```js
+for (let user in users) {
+ console.log(user);
+}
+```
+
+これは `Alan`、`Jeff`、`Sarah`、`Ryan` を出力し、それぞれの値を独自の行に表示します。
+
+このステートメントでは変数 `user` を定義しました。ご覧のように、for...in ステートメントでオブジェクトがループ処理されるとき、この変数は繰り返し処理ごとにオブジェクトの各キーにリセットされ、それぞれのユーザー名がコンソールに出力されます。
+
+**注:** オブジェクトも配列の場合と同じように、格納されているキーの順序は維持されません。つまり、キーを参照したりキーにアクセスしたりするときは、そのキーのオブジェクト内での位置や、表示される相対的な順序は無関係になります。
+
+# --instructions--
+
+関数 `countOnline` を定義しました。この関数は 1 つの引数 (ユーザーオブジェクト) を受け取ります。 この関数の中で for...in ステートメントを使用して、関数に渡されたユーザーオブジェクトをループ処理し、`online` プロパティが `true` に設定されているユーザーの数を返してください。 たとえば、`countOnline` には次のようなユーザーオブジェクトが渡されます。 各ユーザーは `true` または `false` のいずれかの値を持つ `online` プロパティを持ちます。
+
+```js
+{
+ Alan: {
+ online: false
+ },
+ Jeff: {
+ online: true
+ },
+ Sarah: {
+ online: false
+ }
+}
+```
+
+# --hints--
+
+関数 `countOnline` では `for in` ステートメントを使用して、渡されたオブジェクトのオブジェクトキーを繰り返し処理する必要があります。
+
+```js
+assert(
+ code.match(
+ /for\s*\(\s*(var|let|const)\s+[a-zA-Z_$]\w*\s+in\s+[a-zA-Z_$]\w*\s*\)/
+ )
+);
+```
+
+関数 `countOnline` は、オブジェクト `{ Alan: { online: false }, Jeff: { online: true }, Sarah: { online: false } }` が渡された場合、`1` を返す必要があります。
+
+```js
+assert(countOnline(usersObj1) === 1);
+```
+
+関数 `countOnline` は、オブジェクト `{ Alan: { online: true }, Jeff: { online: false }, Sarah: { online: true } }` が渡された場合、`2` を返す必要があります。
+
+```js
+assert(countOnline(usersObj2) === 2);
+```
+
+関数 `countOnline` は、オブジェクト `{ Alan: { online: false }, Jeff: { online: false }, Sarah: { online: false } }` が渡された場合、`0` を返す必要があります。
+
+```js
+assert(countOnline(usersObj3) === 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const usersObj1 = {
+ Alan: {
+ online: false
+ },
+ Jeff: {
+ online: true
+ },
+ Sarah: {
+ online: false
+ }
+}
+
+const usersObj2 = {
+ Alan: {
+ online: true
+ },
+ Jeff: {
+ online: false
+ },
+ Sarah: {
+ online: true
+ }
+}
+
+
+const usersObj3 = {
+ Alan: {
+ online: false
+ },
+ Jeff: {
+ online: false
+ },
+ Sarah: {
+ online: false
+ }
+}
+```
+
+## --seed-contents--
+
+```js
+const users = {
+ Alan: {
+ online: false
+ },
+ Jeff: {
+ online: true
+ },
+ Sarah: {
+ online: false
+ }
+}
+
+function countOnline(usersObj) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+
+console.log(countOnline(users));
+```
+
+# --solutions--
+
+```js
+function countOnline(usersObj) {
+ let online = 0;
+ for(let user in usersObj){
+ if(usersObj[user].online) {
+ online++;
+ }
+ }
+ return online;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md
new file mode 100644
index 0000000000..4ec6b3210c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md
@@ -0,0 +1,112 @@
+---
+id: 587d7b7d367417b2b2512b1f
+title: オブジェクトに格納されている配列の変更
+challengeType: 1
+forumTopicId: 301163
+dashedName: modify-an-array-stored-in-an-object
+---
+
+# --description--
+
+ここまで、JavaScript オブジェクトの基本的な操作をすべて見てきました。 キーと値のペアの追加、変更、削除、キーが存在するかどうかの確認、オブジェクト内のすべてのキーの繰り返し処理ができるようになりました。 JavaScript の学習を続けることで、さらに様々なオブジェクトの操作方法を習得できるようになります。 また、カリキュラムのコーディングインタビュー準備セクションにあるデータ構造レッスンでは、ES6 の Map と Set オブジェクトについても取り上げています。どちらも通常のオブジェクトと似ていますが、いくつかの追加機能を備えています。 配列やオブジェクトの基本を学んできたことで、JavaScript を使用したより複雑な問題に取り組む準備が整いました。
+
+# --instructions--
+
+コードエディターに用意されているオブジェクトをご覧ください。 この `user` オブジェクトには 3 つのキーが含まれています。 `data` キーには 5 つのキーが含まれており、そのうちの 1 つには `friends` の配列が含まれています。 このことから、オブジェクトがデータ構造として非常に柔軟であることがわかります。 関数 `addFriend` の記述が一部できていますが、 この記述を完成させて、関数が `user` オブジェクトを受け取り、`friend` 引数の名前を `user.data.friends`に格納されている配列に追加して、その配列を返すようにしてください。
+
+# --hints--
+
+`user` オブジェクトに `name`、`age`、`data` のキーが存在する必要があります。
+
+```js
+assert('name' in user && 'age' in user && 'data' in user);
+```
+
+`addFriend` 関数は、`user` オブジェクトと `friend` 文字列を引数として取り、`user` オブジェクト内の `friends` の配列に friend を追加する必要があります。
+
+```js
+assert(
+ (function () {
+ let L1 = user.data.friends.length;
+ addFriend(user, 'Sean');
+ let L2 = user.data.friends.length;
+ return L2 === L1 + 1;
+ })()
+);
+```
+
+`addFriend(user, "Pete")` は `["Sam", "Kira", "Tomo", "Pete"]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ (function () {
+ delete user.data.friends;
+ user.data.friends = ['Sam', 'Kira', 'Tomo'];
+ return addFriend(user, 'Pete');
+ })(),
+ ['Sam', 'Kira', 'Tomo', 'Pete']
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let user = {
+ name: 'Kenneth',
+ age: 28,
+ data: {
+ username: 'kennethCodesAllDay',
+ joinDate: 'March 26, 2016',
+ organization: 'freeCodeCamp',
+ friends: [
+ 'Sam',
+ 'Kira',
+ 'Tomo'
+ ],
+ location: {
+ city: 'San Francisco',
+ state: 'CA',
+ country: 'USA'
+ }
+ }
+};
+
+function addFriend(userObj, friend) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+
+console.log(addFriend(user, 'Pete'));
+```
+
+# --solutions--
+
+```js
+let user = {
+ name: 'Kenneth',
+ age: 28,
+ data: {
+ username: 'kennethCodesAllDay',
+ joinDate: 'March 26, 2016',
+ organization: 'freeCodeCamp',
+ friends: [
+ 'Sam',
+ 'Kira',
+ 'Tomo'
+ ],
+ location: {
+ city: 'San Francisco',
+ state: 'CA',
+ country: 'USA'
+ }
+ }
+};
+
+function addFriend(userObj, friend) {
+ userObj.data.friends.push(friend);
+ return userObj.data.friends;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md
new file mode 100644
index 0000000000..ebc3f2ad70
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md
@@ -0,0 +1,101 @@
+---
+id: 587d7b7c367417b2b2512b19
+title: オブジェクト内でネストされたオブジェクトの変更
+challengeType: 1
+forumTopicId: 301164
+dashedName: modify-an-object-nested-within-an-object
+---
+
+# --description--
+
+今度はもう少し複雑なオブジェクトを見てみましょう。 オブジェクトのプロパティは任意の深さまでネストすることができ、その値は、配列や他のオブジェクトなど、JavaScript でサポートされているあらゆる種類のデータを取ることができます。 以下の例について考えてみましょう。
+
+```js
+let nestedObject = {
+ id: 28802695164,
+ date: 'December 31, 2016',
+ data: {
+ totalUsers: 99,
+ online: 80,
+ onlineStatus: {
+ active: 67,
+ away: 13,
+ busy: 8
+ }
+ }
+};
+```
+
+`nestedObject` には、`id` (値は数値)、`date` (値は文字列)、`data` (値はネスト構造のオブジェクト) の 3 つのプロパティがあります。 構造はすぐに複雑になりますが、同じ記法を使用して、必要な情報にアクセスすることができます。 ネストされた `onlineStatus` オブジェクトの `busy` プロパティに値 `10` を割り当てるには、 ドット記法を用いてプロパティを参照します。
+
+```js
+nestedObject.data.onlineStatus.busy = 10;
+```
+
+# --instructions--
+
+オブジェクト `userActivity` を定義しました。このオブジェクトの中には、ネストされた別のオブジェクトが含まれています。 `online` キーの値を `45` に設定してください。
+
+# --hints--
+
+`userActivity` には `id`、`date`、`data` のプロパティが存在する必要があります。
+
+```js
+assert(
+ 'id' in userActivity && 'date' in userActivity && 'data' in userActivity
+);
+```
+
+`userActivity` には `data` キーがあり、`totalUsers` と `online` というキーを持つオブジェクトが設定されている必要があります。
+
+```js
+assert('totalUsers' in userActivity.data && 'online' in userActivity.data);
+```
+
+`userActivity` の `data` キー内でネストされた `online` プロパティを、`45` に設定する必要があります。
+
+```js
+assert(userActivity.data.online === 45);
+```
+
+`online` プロパティを、ドット記法またはブラケット記法を使用して設定する必要があります。
+
+```js
+assert.strictEqual(code.search(/online: 45/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let userActivity = {
+ id: 23894201352,
+ date: 'January 1, 2017',
+ data: {
+ totalUsers: 51,
+ online: 42
+ }
+};
+
+// Only change code below this line
+
+// Only change code above this line
+
+console.log(userActivity);
+```
+
+# --solutions--
+
+```js
+let userActivity = {
+ id: 23894201352,
+ date: 'January 1, 2017',
+ data: {
+ totalUsers: 51,
+ online: 42
+ }
+};
+
+userActivity.data.online = 45;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md
new file mode 100644
index 0000000000..5a2a88e3c4
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md
@@ -0,0 +1,86 @@
+---
+id: 587d78b2367417b2b2512b0f
+title: pop() と shift() による配列からのアイテムの削除
+challengeType: 1
+forumTopicId: 301165
+dashedName: remove-items-from-an-array-with-pop-and-shift
+---
+
+# --description--
+
+`push()` および `unshift()` と対で、ほぼ反対の機能を持つメソッドが `pop()` および `shift()` です。 ご推察のとおり、`pop()` は配列の末尾から、`shift()` は配列の先頭から、要素を追加するのではなく*削除*します。 `pop()` や `shift()` は同じような仲間の `push()` や `unshift()` と違って、どちらのメソッドもパラメーターを受け取らず、一度に 1 つの配列要素しか変更できません。
+
+以下を見てみましょう。
+
+```js
+let greetings = ['whats up?', 'hello', 'see ya!'];
+
+greetings.pop();
+```
+
+`greetings` の値は `['whats up?', 'hello']` になります。
+
+```js
+greetings.shift();
+```
+
+`greetings` の値は `['hello']` になります。
+
+以下のような方法で、削除された要素の値を返すこともできます。
+
+```js
+let popped = greetings.pop();
+```
+
+`greetings` の値は `[]` に、`popped` の値は `hello` になります。
+
+# --instructions--
+
+関数 `popShift` を定義しました。この関数は引数として配列を受け取り、新しい配列を返します。 `pop()` と `shift()` を使用して関数を変更してください。引数である配列の最初と最後の要素を削除し、削除された要素を対応する変数に割り当てて、それらの値を含む配列を返すようにします。
+
+# --hints--
+
+`popShift(["challenge", "is", "not", "complete"])` は `["challenge", "complete"]` を返す必要があります。
+
+```js
+assert.deepEqual(popShift(['challenge', 'is', 'not', 'complete']), [
+ 'challenge',
+ 'complete'
+]);
+```
+
+`popShift` 関数で `pop()` メソッドを使用する必要があります。
+
+```js
+assert.notStrictEqual(popShift.toString().search(/\.pop\(/), -1);
+```
+
+`popShift` 関数で `shift()` メソッドを使用する必要があります。
+
+```js
+assert.notStrictEqual(popShift.toString().search(/\.shift\(/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function popShift(arr) {
+ let popped; // Change this line
+ let shifted; // Change this line
+ return [shifted, popped];
+}
+
+console.log(popShift(['challenge', 'is', 'not', 'complete']));
+```
+
+# --solutions--
+
+```js
+function popShift(arr) {
+ let popped = arr.pop(); // Change this line
+ let shifted = arr.shift(); // Change this line
+ return [shifted, popped];
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md
new file mode 100644
index 0000000000..904cf4f949
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md
@@ -0,0 +1,87 @@
+---
+id: 587d78b2367417b2b2512b10
+title: Splice() によるアイテムの削除
+challengeType: 1
+forumTopicId: 301166
+dashedName: remove-items-using-splice
+---
+
+# --description--
+
+`shift()` と `pop()` を使用して、配列の先頭と末尾から要素を削除する方法を学びました。しかし中間のどこかから要素を取り除きたい場合はどうすればよいでしょうか？ あるいは、一度に複数の要素を取り除きたい場合はどうすればよいでしょうか？ そこで登場するのが `splice()` です。 `splice()` を使用すると、配列の任意の場所から**連続した任意の数の要素を削除する**ことができます。
+
+`splice()` は最大で 3 つのパラメーターを受け取ることができますが、ここでは最初の 2 つだけに注目しましょう。 `splice()` の最初の 2 つのパラメーターは、`splice()` を呼び出している配列のインデックス (または位置) を表す整数です。 すでに説明したように、配列は*インデックスがゼロから始まる*ため、配列の最初の要素を指定する場合は `0` を使用します。 `splice()` の最初のパラメーターは、要素の削除を開始する配列上のインデックスを表します。 一方、2 番目のパラメータは、削除する要素の数を示します。 例:
+
+```js
+let array = ['today', 'was', 'not', 'so', 'great'];
+
+array.splice(2, 2);
+```
+
+ここでは、3 番目の要素 (インデックスが 2) から始まる 2 つの要素を削除しています。 `array` の値は `['today', 'was', 'great']` になります。
+
+`splice()` は、呼び出されている配列を変更するだけでなく、削除された要素の値を含む新しい配列も返します。
+
+```js
+let array = ['I', 'am', 'feeling', 'really', 'happy'];
+
+let newArray = array.splice(3, 2);
+```
+
+`newArray` の値は `['really', 'happy']` になります。
+
+# --instructions--
+
+配列 `arr` が初期化されています。 `splice()` を使用して `arr` から要素を削除し、値の合計が `10` となる要素のみを含むようにしてください。
+
+# --hints--
+
+`const arr = [2, 4, 5, 1, 7, 5, 2, 1];` の元の順序を変更しないでください。
+
+```js
+assert(
+ __helpers.removeWhiteSpace(code).match(/constarr=\[2,4,5,1,7,5,2,1\];?/)
+);
+```
+
+`arr` には合計が `10` となる要素のみを含める必要があります。
+
+```js
+assert.strictEqual(
+ arr.reduce((a, b) => a + b),
+ 10
+);
+```
+
+コードでは、`arr` に対して `splice()` メソッドを使用する必要があります。
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/arr\.splice\(/));
+```
+
+splice は `arr` から要素を削除するのみで、`arr` にどんな新しい要素も追加しないものとします。
+
+```js
+assert(
+ !__helpers.removeWhiteSpace(code).match(/arr\.splice\(\d+,\d+,\d+.*\)/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const arr = [2, 4, 5, 1, 7, 5, 2, 1];
+// Only change code below this line
+
+// Only change code above this line
+console.log(arr);
+```
+
+# --solutions--
+
+```js
+const arr = [2, 4, 5, 1, 7, 5, 2, 1];
+arr.splice(1, 4);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md
new file mode 100644
index 0000000000..8acd0da39d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md
@@ -0,0 +1,95 @@
+---
+id: 587d7b7e367417b2b2512b20
+title: 配列によって複数のデータをまとめて格納する
+challengeType: 1
+forumTopicId: 301167
+dashedName: use-an-array-to-store-a-collection-of-data
+---
+
+# --description--
+
+以下は、配列データ構造の最も簡単な実装例です。 このような配列を 1 次元配列 と呼びます。つまり、1 つの階層しか持たない、あるいは内部にネストされた他の配列がない配列です。 ブール値 、文字列 、数値 など、JavaScript の有効な他のデータ型が含まれていることに注意してください。
+
+```js
+let simpleArray = ['one', 2, 'three', true, false, undefined, null];
+console.log(simpleArray.length);
+```
+
+この `console.log` は `7` を表示します。
+
+すべての配列には上記のような length プロパティがあり、`Array.length` という構文で非常に簡単にアクセスできます。 もっと複雑な配列の実装例を以下に示します。 こうした配列を多次元配列 と呼びます。つまり、他の配列を含む配列です。 この配列には JavaScript のオブジェクト も含まれていることに注意してください。オブジェクトについては次のセクションで詳しく説明します。 しかしここでは、配列は複雑なオブジェクトも格納できるということだけを知っておいてください。
+
+```js
+let complexArray = [
+ [
+ {
+ one: 1,
+ two: 2
+ },
+ {
+ three: 3,
+ four: 4
+ }
+ ],
+ [
+ {
+ a: "a",
+ b: "b"
+ },
+ {
+ c: "c",
+ d: "d"
+ }
+ ]
+];
+```
+
+# --instructions--
+
+`yourArray` という変数を定義しました。 `yourArray` 変数に、要素数 length が 5 以上の配列を割り当てて、記述を完成させてください。 配列には文字列 、数値 、ブール値 をそれぞれ 1 つ以上含める必要があります。
+
+# --hints--
+
+`yourArray` は配列である必要があります。
+
+```js
+assert.strictEqual(Array.isArray(yourArray), true);
+```
+
+`yourArray` の要素数は 5 以上である必要があります。
+
+```js
+assert.isAtLeast(yourArray.length, 5);
+```
+
+`yourArray` には少なくとも 1 つの `boolean` を含める必要があります。
+
+```js
+assert(yourArray.filter((el) => typeof el === 'boolean').length >= 1);
+```
+
+`yourArray` には少なくとも 1 つの `number` を含める必要があります。
+
+```js
+assert(yourArray.filter((el) => typeof el === 'number').length >= 1);
+```
+
+`yourArray` には少なくとも 1 つの `string` を含める必要があります。
+
+```js
+assert(yourArray.filter((el) => typeof el === 'string').length >= 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let yourArray; // Change this line
+```
+
+# --solutions--
+
+```js
+let yourArray = ['a string', 100, true, ['one', 2], 'another string'];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md
new file mode 100644
index 0000000000..bd50345331
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b7c367417b2b2512b1b
+title: delete キーワードを使用してオブジェクトプロパティを削除する
+challengeType: 1
+forumTopicId: 301168
+dashedName: use-the-delete-keyword-to-remove-object-properties
+---
+
+# --description--
+
+ここまで、オブジェクトとは何か、そしてその基本的な機能と利点について学んできました。 手短に言えば、オブジェクトとはキーと値のペアを格納したものです。データを構造化するための柔軟で直感的な方法を提供し、***なおかつ***、参照時間が非常に高速です。 以降のチャレンジでは、オブジェクトに対するいくつかの一般的な操作について説明します。これらを学ぶことで、こうした便利なデータ構造を自身のプログラムで自信をもって扱えるようになるでしょう。
+
+前のチャレンジで、オブジェクトのキーと値のペアの追加と変更について説明しました。 ここでは、オブジェクトからキーと値のペアを*削除*する方法について説明します。
+
+もう一度だけ、`foods` オブジェクトの例を取り上げてみましょう。 `apples` キーを削除したい場合は、次のように `delete` キーワードを使用して削除できます。
+
+```js
+delete foods.apples;
+```
+
+# --instructions--
+
+delete キーワードを使用して、`foods` オブジェクトから `oranges`、`plums`、`strawberries` のキーを削除してください。
+
+# --hints--
+
+`foods` オブジェクトには `apples`、`grapes`、`bananas` の 3 つのキーのみが存在する必要があります。
+
+```js
+assert(
+ !foods.hasOwnProperty('oranges') &&
+ !foods.hasOwnProperty('plums') &&
+ !foods.hasOwnProperty('strawberries') &&
+ Object.keys(foods).length === 3
+);
+```
+
+`delete`を使用して `oranges`、`plums`、`strawberries` のキーを削除する必要があります。
+
+```js
+assert(
+ code.search(/oranges:/) !== -1 &&
+ code.search(/plums:/) !== -1 &&
+ code.search(/strawberries:/) !== -1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let foods = {
+ apples: 25,
+ oranges: 32,
+ plums: 28,
+ bananas: 13,
+ grapes: 35,
+ strawberries: 27
+};
+
+// Only change code below this line
+
+// Only change code above this line
+
+console.log(foods);
+```
+
+# --solutions--
+
+```js
+let foods = {
+ apples: 25,
+ oranges: 32,
+ plums: 28,
+ bananas: 13,
+ grapes: 35,
+ strawberries: 27
+};
+
+delete foods.oranges;
+delete foods.plums;
+delete foods.strawberries;
+
+console.log(foods);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md
new file mode 100644
index 0000000000..ad46146ef7
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md
@@ -0,0 +1,89 @@
+---
+id: 56bbb991ad1ed5201cd392ca
+title: インデックスによる配列データへのアクセス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBZQbTz'
+forumTopicId: 16158
+dashedName: access-array-data-with-indexes
+---
+
+# --description--
+
+インデックス を使用して配列内のデータにアクセスすることができます。
+
+配列インデックスは文字列と同じくブラケット記法で記述します。異なっているのは、文字の代わりに配列内のエントリを指定する点です。 文字列と同様に、配列では 0 から始まる インデックスを使用するため、配列の最初の要素のインデックスは `0` になります。
+
+多次元 配列は、*配列の配列*として考えることができます。 ブラケット (角括弧) を使用して配列にアクセスする場合、最初のブラケットのセットは、一番外側 (最初の階層) の配列の項目を参照します。 ブラケットを追加するたびに、その次の階層の項目を参照します。
+
+**例**
+
+```js
+const arr = [
+ [1, 2, 3],
+ [4, 5, 6],
+ [7, 8, 9],
+ [[10, 11, 12], 13, 14]
+];
+
+arr[3];
+arr[3][0];
+arr[3][0][1];
+```
+
+`arr[3]` は `[[10, 11, 12], 13, 14]`、`arr[3][0]` は `[10, 11, 12]`、`arr[3][0][1]` は `11` になります。
+
+**注:** 「`array [0][0]`」のように、配列名と角括弧 (ブラケット) の間にスペースを入れないでください。また、こうした `array [0] [0]` という記述は使用できません。 JavaScript はこれを正しく処理できますが、このコードを読む他のプログラマーを混乱させる恐れがあります。
+
+# --instructions--
+
+ブラケット記法を使用して、`myData` が `8` に等しくなるように、`myArray` から要素を取得してください。
+
+# --hints--
+
+`myData` が `8` に等しくなるようにします。
+
+```js
+assert(myData === 8);
+```
+
+ブラケット記法を使用して、`myArray` から正しい値を読み取る必要があります。
+
+```js
+assert(/myData=myArray\[2\]\[1\]/.test(__helpers.removeWhiteSpace(code)));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return "myData: " + myData + " myArray: " + JSON.stringify(myArray);})();}
+```
+
+## --seed-contents--
+
+```js
+const myArray = [
+ [1, 2, 3],
+ [4, 5, 6],
+ [7, 8, 9],
+ [[10, 11, 12], 13, 14],
+];
+
+const myData = myArray[0][0];
+```
+
+# --solutions--
+
+```js
+const myArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9], [[10, 11, 12], 13, 14]];
+const myData = myArray[2][1];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md
new file mode 100644
index 0000000000..dafedeac0a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md
@@ -0,0 +1,121 @@
+---
+id: 56533eb9ac21ba0edf2244cd
+title: ネストされた配列へのアクセス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cLeGDtZ'
+forumTopicId: 16160
+dashedName: accessing-nested-arrays
+---
+
+# --description--
+
+これまでの例で見てきたとおり、オブジェクトには、ネストされたオブジェクトとネストされた配列のどちらも含めることができます。 ネストされたオブジェクトへのアクセスと同様に、配列のブラケット記法のチェーンを使用して、ネストされた配列にアクセスできます。
+
+次はネストされた配列にアクセスする方法の例です。
+
+```js
+const ourPets = [
+ {
+ animalType: "cat",
+ names: [
+ "Meowzer",
+ "Fluffy",
+ "Kit-Cat"
+ ]
+ },
+ {
+ animalType: "dog",
+ names: [
+ "Spot",
+ "Bowser",
+ "Frankie"
+ ]
+ }
+];
+
+ourPets[0].names[1];
+ourPets[1].names[0];
+```
+
+`ourPets[0].names[1]` は文字列 `Fluffy` になり、`ourPets[1].names[0]` は文字列 `Spot` になります。
+
+# --instructions--
+
+ドット記法とブラケット記法を使用して、変数 `secondTree` が `myPlants` オブジェクトの `trees` リストの 2 番目のアイテムとなるように設定してください。
+
+# --hints--
+
+`secondTree` が文字列 `pine` に等しくなるようにします。
+
+```js
+assert(secondTree === 'pine');
+```
+
+ドット記法とブラケット記法を使用して `myPlants` にアクセスする必要があります。
+
+```js
+assert(/=\s*myPlants\[1\].list\[1\]/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(x) {
+ if(typeof x != 'undefined') {
+ return "secondTree = " + x;
+ }
+ return "secondTree is undefined";
+})(secondTree);
+```
+
+## --seed-contents--
+
+```js
+const myPlants = [
+ {
+ type: "flowers",
+ list: [
+ "rose",
+ "tulip",
+ "dandelion"
+ ]
+ },
+ {
+ type: "trees",
+ list: [
+ "fir",
+ "pine",
+ "birch"
+ ]
+ }
+];
+
+const secondTree = "";
+```
+
+# --solutions--
+
+```js
+const myPlants = [
+ {
+ type: "flowers",
+ list: [
+ "rose",
+ "tulip",
+ "dandelion"
+ ]
+ },
+ {
+ type: "trees",
+ list: [
+ "fir",
+ "pine",
+ "birch"
+ ]
+ }
+];
+
+const secondTree = myPlants[1].list[1];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md
new file mode 100644
index 0000000000..52262f778b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md
@@ -0,0 +1,100 @@
+---
+id: 56533eb9ac21ba0edf2244cc
+title: ネストされたオブジェクトへのアクセス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRnRnfa'
+forumTopicId: 16161
+dashedName: accessing-nested-objects
+---
+
+# --description--
+
+オブジェクトの下位プロパティには、ドット記法またはブラケット記法によるチェーンでアクセスできます。
+
+次はネストされたオブジェクトです。
+
+```js
+const ourStorage = {
+ "desk": {
+ "drawer": "stapler"
+ },
+ "cabinet": {
+ "top drawer": {
+ "folder1": "a file",
+ "folder2": "secrets"
+ },
+ "bottom drawer": "soda"
+ }
+};
+
+ourStorage.cabinet["top drawer"].folder2;
+ourStorage.desk.drawer;
+```
+
+`ourStorage.cabinet["top drawer"].folder2` は文字列 `secrets`、`ourStorage.desk.drawer` は文字列 `stapler` となります。
+
+# --instructions--
+
+`myStorage` オブジェクトにアクセスし、`glove box` プロパティの内容を `gloveBoxContents` 変数に代入してください。 可能な限りすべてのプロパティにドット記法を使用し、それが使用できない場合はブラケット記法を使用してください。
+
+# --hints--
+
+`gloveBoxContents` が文字列 `maps` と等しくなるようにします。
+
+```js
+assert(gloveBoxContents === 'maps');
+```
+
+ドット記法とブラケット記法を使用して `myStorage` にアクセスする必要があります。
+
+```js
+assert(/=\s*myStorage\.car\.inside\[\s*("|')glove box\1\s*\]/g.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(x) {
+ if(typeof x != 'undefined') {
+ return "gloveBoxContents = " + x;
+ }
+ return "gloveBoxContents is undefined";
+})(gloveBoxContents);
+```
+
+## --seed-contents--
+
+```js
+const myStorage = {
+ "car": {
+ "inside": {
+ "glove box": "maps",
+ "passenger seat": "crumbs"
+ },
+ "outside": {
+ "trunk": "jack"
+ }
+ }
+};
+
+const gloveBoxContents = undefined;
+```
+
+# --solutions--
+
+```js
+const myStorage = {
+ "car":{
+ "inside":{
+ "glove box":"maps",
+ "passenger seat":"crumbs"
+ },
+ "outside":{
+ "trunk":"jack"
+ }
+ }
+};
+const gloveBoxContents = myStorage.car.inside["glove box"];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md
new file mode 100644
index 0000000000..8c604fbc0f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md
@@ -0,0 +1,103 @@
+---
+id: 56533eb9ac21ba0edf2244c8
+title: ブラケット記法によるオブジェクトのプロパティへのアクセス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBvmEHP'
+forumTopicId: 16163
+dashedName: accessing-object-properties-with-bracket-notation
+---
+
+# --description--
+
+オブジェクトのプロパティにアクセスする 2 つ目の方法は、ブラケット記法 (`[]`) です。 アクセスしようとしているオブジェクトのプロパティの名前にスペースが含まれている場合は、ブラケット記法を使用する必要があります。
+
+ただし、オブジェクトのプロパティにスペースが含まれていない場合もブラケット記法を使用できます。
+
+次は、ブラケット記法を使用してオブジェクトのプロパティを読み取る例です。
+
+```js
+const myObj = {
+ "Space Name": "Kirk",
+ "More Space": "Spock",
+ "NoSpace": "USS Enterprise"
+};
+
+myObj["Space Name"];
+myObj['More Space'];
+myObj["NoSpace"];
+```
+
+`myObj["Space Name"]` は文字列 `Kirk`、`myObj['More Space']` は文字列 `Spock`、`myObj["NoSpace"]` は文字列 `USS Enterprise` となります。
+
+スペースを含むプロパティ名には引用符 (シングルクォートまたはダブルクォート) が必要なことに注意してください。
+
+# --instructions--
+
+ブラケット記法を使用して、`testObj` のプロパティである `an entree` と `the drink` の値を読み取り、それぞれ `entreeValue` と `drinkValue` に割り当ててください。
+
+# --hints--
+
+`entreeValue` は文字列である必要があります。
+
+```js
+assert(typeof entreeValue === 'string');
+```
+
+`entreeValue` の値は文字列 `hamburger`である必要があります。
+
+```js
+assert(entreeValue === 'hamburger');
+```
+
+`drinkValue` は文字列である必要があります。
+
+```js
+assert(typeof drinkValue === 'string');
+```
+
+`drinkValue` の値は文字列 `water`である必要があります。
+
+```js
+assert(drinkValue === 'water');
+```
+
+ブラケット記法を 2 回使用する必要があります。
+
+```js
+assert(code.match(/testObj\s*?\[('|")[^'"]+\1\]/g).length > 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b) { return "entreeValue = '" + a + "', drinkValue = '" + b + "'"; })(entreeValue,drinkValue);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const testObj = {
+ "an entree": "hamburger",
+ "my side": "veggies",
+ "the drink": "water"
+};
+
+// Only change code below this line
+const entreeValue = testObj; // Change this line
+const drinkValue = testObj; // Change this line
+```
+
+# --solutions--
+
+```js
+const testObj = {
+ "an entree": "hamburger",
+ "my side": "veggies",
+ "the drink": "water"
+};
+const entreeValue = testObj["an entree"];
+const drinkValue = testObj['the drink'];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md
new file mode 100644
index 0000000000..fe56f0eb45
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md
@@ -0,0 +1,100 @@
+---
+id: 56533eb9ac21ba0edf2244c7
+title: ドット記法によるオブジェクトのプロパティへのアクセス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cGryJs8'
+forumTopicId: 16164
+dashedName: accessing-object-properties-with-dot-notation
+---
+
+# --description--
+
+配列の場合と同様に、オブジェクトのプロパティへのアクセス方法も、ドット記法 (`.`) とブラケット記法 (`[]`) の 2 通りがあります。
+
+ドット記法は、アクセスしようとしているプロパティの名前があらかじめわかっている場合に使用します。
+
+次は、ドット記法 (`.`) を使用してオブジェクトのプロパティを読み取る例です。
+
+```js
+const myObj = {
+ prop1: "val1",
+ prop2: "val2"
+};
+
+const prop1val = myObj.prop1;
+const prop2val = myObj.prop2;
+```
+
+`prop1val` の値は文字列 `val1`、`prop2val` の値は文字列 `val2` となります。
+
+# --instructions--
+
+ドット記法を使用して `testObj` のプロパティ値を取得してください。 変数 `hatValue` はオブジェクトのプロパティ `hat` と等しくなるように設定し、変数 `shirtValue` はオブジェクトのプロパティ `shirt` と等しくなるように設定してください。
+
+# --hints--
+
+`hatValue` は文字列である必要があります。
+
+```js
+assert(typeof hatValue === 'string');
+```
+
+`hatValue` の値は文字列 `ballcap`である必要があります。
+
+```js
+assert(hatValue === 'ballcap');
+```
+
+`shirtValue` は文字列である必要があります。
+
+```js
+assert(typeof shirtValue === 'string');
+```
+
+`shirtValue` の値は文字列 `jersey` である必要があります。
+
+```js
+assert(shirtValue === 'jersey');
+```
+
+ドット記法を 2 回使用する必要があります。
+
+```js
+assert(code.match(/testObj\.\w+/g).length > 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b) { return "hatValue = '" + a + "', shirtValue = '" + b + "'"; })(hatValue,shirtValue);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const testObj = {
+ "hat": "ballcap",
+ "shirt": "jersey",
+ "shoes": "cleats"
+};
+
+// Only change code below this line
+const hatValue = testObj; // Change this line
+const shirtValue = testObj; // Change this line
+```
+
+# --solutions--
+
+```js
+const testObj = {
+ "hat": "ballcap",
+ "shirt": "jersey",
+ "shoes": "cleats"
+};
+
+const hatValue = testObj.hat;
+const shirtValue = testObj.shirt;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md
new file mode 100644
index 0000000000..389f6998c0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md
@@ -0,0 +1,125 @@
+---
+id: 56533eb9ac21ba0edf2244c9
+title: 変数によるオブジェクトのプロパティへのアクセス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cnQyKur'
+forumTopicId: 16165
+dashedName: accessing-object-properties-with-variables
+---
+
+# --description--
+
+オブジェクトに対するブラケット記法のもう一つの用例として、プロパティを変数の値として保存し、アクセスする方法があります。 この用法は、オブジェクトのプロパティを繰り返し処理する場合や、ルックアップテーブルにアクセスする場合にとても便利です。
+
+次は変数を使用してプロパティにアクセスする例です。
+
+```js
+const dogs = {
+ Fido: "Mutt",
+ Hunter: "Doberman",
+ Snoopie: "Beagle"
+};
+
+const myDog = "Hunter";
+const myBreed = dogs[myDog];
+console.log(myBreed);
+```
+
+コンソールには文字列 `Doberman` が表示されます。
+
+この用法の別の例として、プログラムの実行中にプロパティの名前を動的に取得することができます。次に例を示します。
+
+```js
+const someObj = {
+ propName: "John"
+};
+
+function propPrefix(str) {
+ const s = "prop";
+ return s + str;
+}
+
+const someProp = propPrefix("Name");
+console.log(someObj[someProp]);
+```
+
+`someProp` の値は文字列 `propName` となり、文字列 `John` がコンソールに表示されます。
+
+変数を使用してプロパティにアクセスする場合、変数名を引用符で*囲まない*ことに注意してください。使用するのは変数の*値*であって、*名前*ではありません。
+
+# --instructions--
+
+`playerNumber` 変数を `16` に設定してください。 次に、変数を使用してプレイヤーの名前を参照し、それを `player` に割り当ててください。
+
+# --hints--
+
+`playerNumber` は数値である必要があります。
+
+```js
+assert(typeof playerNumber === 'number');
+```
+
+変数 `player` は文字列である必要があります。
+
+```js
+assert(typeof player === 'string');
+```
+
+`player` の値は文字列 `Montana` である必要があります。
+
+```js
+assert(player === 'Montana');
+```
+
+ブラケット記法を使用して `testObj` にアクセスする必要があります。
+
+```js
+assert(/testObj\s*?\[.*?\]/.test(code));
+```
+
+値 `Montana` を、変数 `player` に直接、割り当てることはできません。
+
+```js
+assert(!code.match(/player\s*=\s*"|\'\s*Montana\s*"|\'\s*;/gi));
+```
+
+ブラケット記法で、変数`playerNumber` を使用する必要があります。
+
+```js
+assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof player !== "undefined"){(function(v){return v;})(player);}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const testObj = {
+ 12: "Namath",
+ 16: "Montana",
+ 19: "Unitas"
+};
+
+// Only change code below this line
+const playerNumber = 42; // Change this line
+const player = testObj; // Change this line
+```
+
+# --solutions--
+
+```js
+const testObj = {
+ 12: "Namath",
+ 16: "Montana",
+ 19: "Unitas"
+};
+const playerNumber = 16;
+const player = testObj[playerNumber];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md
new file mode 100644
index 0000000000..25496fd790
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md
@@ -0,0 +1,90 @@
+---
+id: 56bbb991ad1ed5201cd392d2
+title: JavaScript オブジェクトへの新しいプロパティの追加
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cQe38UD'
+forumTopicId: 301169
+dashedName: add-new-properties-to-a-javascript-object
+---
+
+# --description--
+
+プロパティの変更と同じ方法で、既存の JavaScript オブジェクトに新しいプロパティを追加することができます。
+
+`ourDog` に `bark` プロパティを追加する方法を次に示します。
+
+```js
+ourDog.bark = "bow-wow";
+```
+
+または
+
+```js
+ourDog["bark"] = "bow-wow";
+```
+
+これで `ourDog.bark` を評価すると、`bow-wow` という鳴き声が得られます。
+
+例:
+
+```js
+const ourDog = {
+ "name": "Camper",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["everything!"]
+};
+
+ourDog.bark = "bow-wow";
+```
+
+# --instructions--
+
+`myDog` に `bark` プロパティを追加して、"woof" などの犬の鳴き声を設定してください。 ドット記法またはブラケット記法のいずれも使用できます。
+
+# --hints--
+
+プロパティ `bark` を `myDog` に追加する必要があります。
+
+```js
+assert(myDog.bark !== undefined);
+```
+
+`myDog` の初期化に `bark`を追加しないでください。
+
+```js
+assert(!/bark[^\n]:/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+const myDog = {
+ "name": "Happy Coder",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["freeCodeCamp Campers"]
+};
+
+
+```
+
+# --solutions--
+
+```js
+const myDog = {
+ "name": "Happy Coder",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["freeCodeCamp Campers"]
+};
+myDog.bark = "Woof Woof";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md
new file mode 100644
index 0000000000..1dbb97138a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md
@@ -0,0 +1,62 @@
+---
+id: cf1111c1c11feddfaeb3bdef
+title: JavaScript で 2 つの数値を足し算する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cM2KBAG'
+forumTopicId: 16650
+dashedName: add-two-numbers-with-javascript
+---
+
+# --description--
+
+`Number` は数値データを表す JavaScript のデータ型です。
+
+では、JavaScript で 2 つの数字の足し算をしてみましょう。
+
+JavaScript では `+` 記号を加算演算子として 2 つの数字の間に置いて使用します。
+
+**例:**
+
+```js
+const myVar = 5 + 10;
+```
+
+`myVar` の値はいま `15` になりました。
+
+# --instructions--
+
+`0` を、和が `20` と等しくなるように変更してください。
+
+# --hints--
+
+`sum` は `20` と等しくなければいけません。
+
+```js
+assert(sum === 20);
+```
+
+`+` 演算子を使用してください。
+
+```js
+assert(/\+/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'sum = '+z;})(sum);
+```
+
+## --seed-contents--
+
+```js
+const sum = 10 + 0;
+```
+
+# --solutions--
+
+```js
+const sum = 10 + 10;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md
new file mode 100644
index 0000000000..0a513a931a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md
@@ -0,0 +1,128 @@
+---
+id: 56533eb9ac21ba0edf2244de
+title: switch ステートメントへのデフォルトオプションの追加
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c3JvVfg'
+forumTopicId: 16653
+dashedName: adding-a-default-option-in-switch-statements
+---
+
+# --description--
+
+`switch` ステートメントでは、可能性のあるすべての値を `case` ステートメントとして指定することができない場合があります。 代わりに、`case` に一致するものが見つからない場合に実行される `default` を追加することができます。 これは、`if/else` チェーンの最後の `else` のようなものだと考えてください。
+
+`default` ステートメントは最後の case として記述してください。
+
+```js
+switch (num) {
+ case value1:
+ statement1;
+ break;
+ case value2:
+ statement2;
+ break;
+...
+ default:
+ defaultStatement;
+ break;
+}
+```
+
+# --instructions--
+
+次の条件ごとに `answer` を設定した switch ステートメントを記述してください。
+`a` - `apple`
+`b` - `bird`
+`c` - `cat`
+`default` - `stuff`
+
+# --hints--
+
+`switchOfStuff("a")` は文字列 `apple` を返す必要があります。
+
+```js
+assert(switchOfStuff('a') === 'apple');
+```
+
+`switchOfStuff("b")` は文字列 `bird` を返す必要があります。
+
+```js
+assert(switchOfStuff('b') === 'bird');
+```
+
+`switchOfStuff("c")` は文字列 `cat` を返す必要があります。
+
+```js
+assert(switchOfStuff('c') === 'cat');
+```
+
+`switchOfStuff("d")` は文字列 `stuff` を返す必要があります。
+
+```js
+assert(switchOfStuff('d') === 'stuff');
+```
+
+`switchOfStuff(4)` は文字列 `stuff` を返す必要があります。
+
+```js
+assert(switchOfStuff(4) === 'stuff');
+```
+
+`if` または `else` ステートメントを使用することはできません。
+
+```js
+assert(!/else/g.test(code) || !/if/g.test(code));
+```
+
+`default` ステートメントを使用する必要があります。
+
+```js
+assert(switchOfStuff('string-to-trigger-default-case') === 'stuff');
+```
+
+少なくとも 3 つの `break` ステートメントを含める必要があります。
+
+```js
+assert(code.match(/break/g).length > 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function switchOfStuff(val) {
+ let answer = "";
+ // Only change code below this line
+
+
+
+ // Only change code above this line
+ return answer;
+}
+
+switchOfStuff(1);
+```
+
+# --solutions--
+
+```js
+function switchOfStuff(val) {
+ let answer = "";
+
+ switch(val) {
+ case "a":
+ answer = "apple";
+ break;
+ case "b":
+ answer = "bird";
+ break;
+ case "c":
+ answer = "cat";
+ break;
+ default:
+ answer = "stuff";
+ }
+ return answer;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md
new file mode 100644
index 0000000000..3a3dd86ecf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md
@@ -0,0 +1,77 @@
+---
+id: 56533eb9ac21ba0edf2244ed
+title: 文字列への変数の連結
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cbQmZfa'
+forumTopicId: 16656
+dashedName: appending-variables-to-strings
+---
+
+# --description--
+
+複数行の文字列リテラル から文字列を作成することができますが、それと同じように、加算代入 (`+=`) 演算子を使用して変数を文字列に連結することができます。
+
+例:
+
+```js
+const anAdjective = "awesome!";
+let ourStr = "freeCodeCamp is ";
+ourStr += anAdjective;
+```
+
+`ourStr` の値は `freeCodeCamp is awesome!` となります。
+
+# --instructions--
+
+`someAdjective` に 3 文字以上の文字列を設定し、`+=` 演算子を使用して `myStr` に連結してください。
+
+# --hints--
+
+`someAdjective` には 3 文字以上の長さの文字列を設定する必要があります。
+
+```js
+assert(typeof someAdjective !== 'undefined' && someAdjective.length > 2);
+```
+
+`+=` 演算子を使用して、`someAdjective` を `myStr` に連結する必要があります。
+
+```js
+assert(code.match(/myStr\s*\+=\s*someAdjective\s*/).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+ var output = [];
+ if(typeof someAdjective === 'string') {
+ output.push('someAdjective = "' + someAdjective + '"');
+ } else {
+ output.push('someAdjective is not a string');
+ }
+ if(typeof myStr === 'string') {
+ output.push('myStr = "' + myStr + '"');
+ } else {
+ output.push('myStr is not a string');
+ }
+ return output.join('\n');
+})();
+```
+
+## --seed-contents--
+
+```js
+// Change code below this line
+const someAdjective = "";
+let myStr = "Learning to code is ";
+```
+
+# --solutions--
+
+```js
+const someAdjective = "neat";
+let myStr = "Learning to code is ";
+myStr += someAdjective;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md
new file mode 100644
index 0000000000..ccdb178b03
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md
@@ -0,0 +1,86 @@
+---
+id: 5ee127a03c3b35dd45426493
+title: ある変数の値を別の変数に割り当てる
+challengeType: 1
+videoUrl: ''
+forumTopicId: 418265
+dashedName: assigning-the-value-of-one-variable-to-another
+---
+
+# --description--
+
+代入 演算子を使ってある値を変数に割り当てたあと、その変数の値を代入 演算子を使って更に別の変数へ割り当てることもできます。
+
+```js
+var myVar;
+myVar = 5;
+var myNum;
+myNum = myVar;
+```
+
+上記は値を持たない `myVar` 変数を宣言したあと、値 `5` を代入します。 次に、値を持たない `myNum` という名前の変数を宣言します。 そして、`myVar` の内容 (値 `5`) が変数 `myNum` に割り当てられます。 最終的に、`myNum` の値も `5` になりました。
+
+# --instructions--
+
+変数 `a` の内容を変数 `b` に割り当ててください。
+
+# --hints--
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(/var a;/.test(code) && /a = 7;/.test(code) && /var b;/.test(code));
+```
+
+`b` の値は `7` でなければなりません。
+
+```js
+assert(typeof b === 'number' && b === 7);
+```
+
+`a` は `=` を使って `b` に割り当てられなければなりません。
+
+```js
+assert(/b\s*=\s*a\s*/g.test(code));
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+if (typeof a != 'undefined') {
+ a = undefined;
+}
+if (typeof b != 'undefined') {
+ b = undefined;
+}
+```
+
+## --after-user-code--
+
+```js
+(function(a, b) {
+ return 'a = ' + a + ', b = ' + b;
+})(a, b);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+var a;
+a = 7;
+var b;
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+var a;
+a = 7;
+var b;
+b = a;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md
new file mode 100644
index 0000000000..f0ebfc4caf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244c3
+title: 戻り値の代入
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ce2pEtB'
+forumTopicId: 16658
+dashedName: assignment-with-a-returned-value
+---
+
+# --description--
+
+[代入演算子による値の格納](/learn/javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator)で説明したように、等号の右側の部分はすべて、値が代入される前に解決されます。 つまり、関数の戻り値を受け取って変数に代入することができます。
+
+2 つの数値を足し算する関数 `sum` があらかじめ定義されているとします。次の
+
+```js
+ourSum = sum(5, 12);
+```
+
+は `sum` 関数を呼び出します。関数は `17` という値を返し、その値が `ourSum` 変数に代入されます。
+
+# --instructions--
+
+`7` を引数に取る `processArg` 関数を呼び出し、その戻り値を変数 `processed` に代入してください。
+
+# --hints--
+
+`processed` の値は `2` になる必要があります。
+
+```js
+assert(processed === 2);
+```
+
+`processArg` を `processed` に代入する必要があります。
+
+```js
+assert(/processed\s*=\s*processArg\(\s*7\s*\)/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){return "processed = " + processed})();
+```
+
+## --seed-contents--
+
+```js
+// Setup
+let processed = 0;
+
+function processArg(num) {
+ return (num + 3) / 5;
+}
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+var processed = 0;
+
+function processArg(num) {
+ return (num + 3) / 5;
+}
+
+processed = processArg(7);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md
new file mode 100644
index 0000000000..284bfcda18
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md
@@ -0,0 +1,159 @@
+---
+id: 56bbb991ad1ed5201cd392d0
+title: JavaScript オブジェクトの作成
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWGkbtd'
+forumTopicId: 16769
+dashedName: build-javascript-objects
+---
+
+# --description--
+
+これまでに `object` (オブジェクト) という言葉を耳にしたことがあるでしょうか。
+
+オブジェクトは `arrays` (配列) に似ていますが、配列とは異なり、インデックスを使用してデータにアクセスしたりデータを変更したりする代わりに、`properties` (プロパティ) と呼ばれるものを通じてオブジェクトのデータにアクセスします。
+
+オブジェクトはデータを構造化して格納する場合に便利であり、たとえば猫などの現実世界の物体 (オブジェクト) を表現することができます。
+
+次は猫のオブジェクトの例です。
+
+```js
+const cat = {
+ "name": "Whiskers",
+ "legs": 4,
+ "tails": 1,
+ "enemies": ["Water", "Dogs"]
+};
+```
+
+この例では、すべてのプロパティを `name`、`legs`、`tails` のように文字列として格納しています。 しかし、数値もプロパティとして使用することが可能です。 次のように、1 つの単語の文字列プロパティの場合は引用符を省略することもできます。
+
+```js
+const anotherObject = {
+ make: "Ford",
+ 5: "five",
+ "model": "focus"
+};
+```
+
+ただし、オブジェクトに文字列ではないプロパティがある場合、JavaScript では自動的に文字列に型変換されます。
+
+# --instructions--
+
+犬を表現する `myDog` というオブジェクトを作成してください。このオブジェクトには `name` (文字列)、`legs`、`tails`、`friends` というプロパティを含めてください。
+
+オブジェクトのプロパティには任意の値を設定できます。ただし、`name` は文字列、`legs` と `tails` は数値、`friends` は配列とします。
+
+# --hints--
+
+`myDog` はプロパティ `name` を含み、それは `string` である必要があります。
+
+```js
+assert(
+ (function (z) {
+ if (
+ z.hasOwnProperty('name') &&
+ z.name !== undefined &&
+ typeof z.name === 'string'
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myDog)
+);
+```
+
+`myDog` はプロパティ `legs` を含み、それは `number` である必要があります。
+
+```js
+assert(
+ (function (z) {
+ if (
+ z.hasOwnProperty('legs') &&
+ z.legs !== undefined &&
+ typeof z.legs === 'number'
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myDog)
+);
+```
+
+`myDog` はプロパティ `tails` を含み、それは `number` である必要があります。
+
+```js
+assert(
+ (function (z) {
+ if (
+ z.hasOwnProperty('tails') &&
+ z.tails !== undefined &&
+ typeof z.tails === 'number'
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myDog)
+);
+```
+
+`myDog` はプロパティ `friends` を含み、それは `array` である必要があります。
+
+```js
+assert(
+ (function (z) {
+ if (
+ z.hasOwnProperty('friends') &&
+ z.friends !== undefined &&
+ Array.isArray(z.friends)
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myDog)
+);
+```
+
+`myDog` には指定されたすべてのプロパティのみを含めてください。
+
+```js
+assert(
+ (function (z) {
+ return Object.keys(z).length === 4;
+ })(myDog)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+const myDog = {
+ // Only change code below this line
+
+
+ // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+const myDog = {
+ "name": "Camper",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["everything!"]
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md
new file mode 100644
index 0000000000..946dcb48cd
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md
@@ -0,0 +1,149 @@
+---
+id: 56533eb9ac21ba0edf2244dc
+title: if/else ステートメントのチェーン
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caeJgsw'
+forumTopicId: 16772
+dashedName: chaining-if-else-statements
+---
+
+# --description--
+
+`if/else` ステートメントをチェーンとしてつなげて複雑なロジックを記述することができます。 次は、`if` / `else if` ステートメントを複数つなげた擬似コード です。
+
+```js
+if (condition1) {
+ statement1
+} else if (condition2) {
+ statement2
+} else if (condition3) {
+ statement3
+. . .
+} else {
+ statementN
+}
+```
+
+# --instructions--
+
+次の条件を満たすように `if`/`else if` ステートメントをつなげて記述してください。
+
+`num < 5` - `Tiny` を返す
+`num < 10` - `Small` を返す
+`num < 15` - `Medium` を返す
+`num < 20` - `Large` を返す
+`num >= 20` - `Huge` を返す
+
+# --hints--
+
+少なくとも 4 つの `else` ステートメントが必要です。
+
+```js
+assert(code.match(/else/g).length > 3);
+```
+
+少なくとも 4 つの `if` ステートメントが必要です。
+
+```js
+assert(code.match(/if/g).length > 3);
+```
+
+少なくとも 1 つの `return` ステートメントが必要です。
+
+```js
+assert(code.match(/return/g).length >= 1);
+```
+
+`testSize(0)` は文字列 `Tiny` を返す必要があります。
+
+```js
+assert(testSize(0) === 'Tiny');
+```
+
+`testSize(4)` は文字列 `Tiny` を返す必要があります。
+
+```js
+assert(testSize(4) === 'Tiny');
+```
+
+`testSize(5)` は文字列 `Small` を返す必要があります。
+
+```js
+assert(testSize(5) === 'Small');
+```
+
+`testSize(8)` は文字列 `Small` を返す必要があります。
+
+```js
+assert(testSize(8) === 'Small');
+```
+
+`testSize(10)` は文字列 `Medium` を返す必要があります。
+
+```js
+assert(testSize(10) === 'Medium');
+```
+
+`testSize(14)` は文字列 `Medium` を返す必要があります。
+
+```js
+assert(testSize(14) === 'Medium');
+```
+
+`testSize(15)` は文字列 `Large` を返す必要があります。
+
+```js
+assert(testSize(15) === 'Large');
+```
+
+`testSize(17)` は文字列 `Large` を返す必要があります。
+
+```js
+assert(testSize(17) === 'Large');
+```
+
+`testSize(20)` は文字列 `Huge` を返す必要があります。
+
+```js
+assert(testSize(20) === 'Huge');
+```
+
+`testSize(25)` は文字列 `Huge` を返す必要があります。
+
+```js
+assert(testSize(25) === 'Huge');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testSize(num) {
+ // Only change code below this line
+
+
+ return "Change Me";
+ // Only change code above this line
+}
+
+testSize(7);
+```
+
+# --solutions--
+
+```js
+function testSize(num) {
+ if (num < 5) {
+ return "Tiny";
+ } else if (num < 10) {
+ return "Small";
+ } else if (num < 15) {
+ return "Medium";
+ } else if (num < 20) {
+ return "Large";
+ } else {
+ return "Huge";
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md
new file mode 100644
index 0000000000..408be62038
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md
@@ -0,0 +1,63 @@
+---
+id: bd7123c9c441eddfaeb4bdef
+title: JavaScript コードにコメントする
+challengeType: 1
+removeComments: false
+videoUrl: 'https://scrimba.com/c/c7ynnTp'
+forumTopicId: 16783
+dashedName: comment-your-javascript-code
+---
+
+# --description--
+
+コメントとは、JavaScript が意図的にコードを無視する行です。 コメントは、そのコードが何をするかを後で自分自身や他の人が把握するためにメモを残すために最適な方法です。
+
+JavaScript でコメントを書く方法は 2 つあります。
+
+`//` を使用すると、JavaScript は現在の行の残りのテキストを無視するようになります。 これはインラインコメントです。
+
+```js
+// This is an in-line comment.
+```
+
+`/*` で始まり、`*/` で終わる複数行のコメントも作成できます。 下記は複数行コメントです。
+
+```js
+/* This is a
+multi-line comment */
+```
+
+**注:** コードを書く際、部分的なコードが持つ機能を明確にするために、定期的にコメントを追加すると良いでしょう。 良いコメントをすることは、自分のコードの意図を伝えるのに役立ちます。他の人のため*だけでなく*未来の自分自身のためにも。
+
+# --instructions--
+
+それぞれのタイプのコメントを作成してみてください。
+
+# --hints--
+
+5 文字以上の `//` スタイルのコメントを作成する必要があります。
+
+```js
+assert(code.match(/(\/\/)...../g));
+```
+
+5 文字以上の `/* */` スタイルのコメントを作成する必要があります。
+
+```js
+assert(code.match(/(\/\*)([^\/]{5,})(?=\*\/)/gm));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+// Fake Comment
+/* Another Comment */
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md
new file mode 100644
index 0000000000..275ddf2c43
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md
@@ -0,0 +1,91 @@
+---
+id: 56533eb9ac21ba0edf2244d0
+title: 等価演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cKyVMAL'
+forumTopicId: 16784
+dashedName: comparison-with-the-equality-operator
+---
+
+# --description--
+
+JavaScript には多くの比較演算子 があります。 これらの演算子はすべてブール値の `true` または `false` を返します。
+
+最も基本的な演算子は等価演算子 `==` です。 等価演算子は 2 つの値を比較し、等価な場合は `true` を、そうでない場合は `false` を返します。 等価は代入 (`=`) とは異なることに注意してください。代入は演算子の右側の値を左側の変数に割り当てるものです。
+
+```js
+function equalityTest(myVal) {
+ if (myVal == 10) {
+ return "Equal";
+ }
+ return "Not Equal";
+}
+```
+
+`myVal` が `10` と等しい場合には、等価演算子は `true` を返し、中括弧内のコードが実行されて、関数は `Equal` を返します。 それ以外の場合、関数は `Not Equal` を返します。 JavaScript では、比較する 2 つのデータのデータ型 が異なる場合 (たとえば `numbers` と `strings`)、必ず一方の型が他方の型に変換されます。 これを「型強制」と呼びます。 これが行われることで、次のような値の比較が可能になります。
+
+```js
+1 == 1
+1 == 2
+1 == '1'
+"3" == 3
+```
+
+これらの式は上から順に、`true`、`false`、`true`、`true` と評価されます。
+
+# --instructions--
+
+`val` が `12` と等しい場合に関数が文字列 `Equal` を返すように、指定された行に等価演算子を追加してください。
+
+# --hints--
+
+`testEqual(10)` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testEqual(10) === 'Not Equal');
+```
+
+`testEqual(12)` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(testEqual(12) === 'Equal');
+```
+
+`testEqual("12")` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(testEqual('12') === 'Equal');
+```
+
+`==` 演算子を使用してください。
+
+```js
+assert(code.match(/==/g) && !code.match(/===/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testEqual(val) {
+ if (val) { // Change this line
+ return "Equal";
+ }
+ return "Not Equal";
+}
+
+testEqual(10);
+```
+
+# --solutions--
+
+```js
+function testEqual(val) {
+ if (val == 12) {
+ return "Equal";
+ }
+ return "Not Equal";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md
new file mode 100644
index 0000000000..5774defea8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md
@@ -0,0 +1,113 @@
+---
+id: 56533eb9ac21ba0edf2244d4
+title: 大なり演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cp6GbH4'
+forumTopicId: 16786
+dashedName: comparison-with-the-greater-than-operator
+---
+
+# --description--
+
+大なり演算子 (`>`) は、2 つの数値の値を比較します。 左の数値が右の数値よりも大きい場合は、`true` を返します。 それ以外の場合は、`false` を返します。
+
+等価演算子と同様に、大なり演算子でも比較時に値のデータ型が変換されます。
+
+**例**
+
+```js
+5 > 3
+7 > '3'
+2 > 3
+'1' > 9
+```
+
+これらの式は上から順に、`true`、`true`、`false`、`false` と評価されます。
+
+# --instructions--
+
+return ステートメントの意味が正しくなるように、指定された行に大なり演算子を追加してください。
+
+# --hints--
+
+`testGreaterThan(0)` は文字列 `10 or Under` を返す必要があります。
+
+```js
+assert(testGreaterThan(0) === '10 or Under');
+```
+
+`testGreaterThan(10)` は文字列 `10 or Under` を返す必要があります。
+
+```js
+assert(testGreaterThan(10) === '10 or Under');
+```
+
+`testGreaterThan(11)` は文字列 `Over 10` を返す必要があります。
+
+```js
+assert(testGreaterThan(11) === 'Over 10');
+```
+
+`testGreaterThan(99)` は文字列 `Over 10` を返す必要があります。
+
+```js
+assert(testGreaterThan(99) === 'Over 10');
+```
+
+`testGreaterThan(100)` は文字列 `Over 10` を返す必要があります。
+
+```js
+assert(testGreaterThan(100) === 'Over 10');
+```
+
+`testGreaterThan(101)` は文字列 `Over 100` を返す必要があります。
+
+```js
+assert(testGreaterThan(101) === 'Over 100');
+```
+
+`testGreaterThan(150)` は文字列 `Over 100` を返す必要があります。
+
+```js
+assert(testGreaterThan(150) === 'Over 100');
+```
+
+`>` 演算子を 2 回以上使用してください。
+
+```js
+assert(code.match(/val\s*>\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testGreaterThan(val) {
+ if (val) { // Change this line
+ return "Over 100";
+ }
+
+ if (val) { // Change this line
+ return "Over 10";
+ }
+
+ return "10 or Under";
+}
+
+testGreaterThan(10);
+```
+
+# --solutions--
+
+```js
+function testGreaterThan(val) {
+ if (val > 100) { // Change this line
+ return "Over 100";
+ }
+ if (val > 10) { // Change this line
+ return "Over 10";
+ }
+ return "10 or Under";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md
new file mode 100644
index 0000000000..0ad4f88250
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md
@@ -0,0 +1,115 @@
+---
+id: 56533eb9ac21ba0edf2244d5
+title: 大なりイコール演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c6KBqtV'
+forumTopicId: 16785
+dashedName: comparison-with-the-greater-than-or-equal-to-operator
+---
+
+# --description--
+
+大なりイコール演算子 (`>=`) は、2 つの数値の値を比較します。 左の数値が右の数値よりも大きいか等しい場合は、`true` を返します。 それ以外の場合は、`false` を返します。
+
+等価演算子と同様に、大なりイコール演算子でも比較時にデータ型が変換されます。
+
+**例**
+
+```js
+6 >= 6
+7 >= '3'
+2 >= 3
+'7' >= 9
+```
+
+これらの式は上から順に、`true`、`true`、`false`、`false` と評価されます。
+
+# --instructions--
+
+return ステートメントの意味が正しくなるように、指定された行に大なりイコール演算子を追加してください。
+
+# --hints--
+
+`testGreaterOrEqual(0)` は文字列 `Less than 10` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(0) === 'Less than 10');
+```
+
+`testGreaterOrEqual(9)` は文字列 `Less than 10` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(9) === 'Less than 10');
+```
+
+`testGreaterOrEqual(10)` は文字列 `10 or Over` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(10) === '10 or Over');
+```
+
+`testGreaterOrEqual(11)` は文字列 `10 or Over` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(11) === '10 or Over');
+```
+
+`testGreaterOrEqual(19)` は文字列 `10 or Over` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(19) === '10 or Over');
+```
+
+`testGreaterOrEqual(100)` は文字列 `20 or Over` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(100) === '20 or Over');
+```
+
+`testGreaterOrEqual(21)` は文字列 `20 or Over` を返す必要があります。
+
+```js
+assert(testGreaterOrEqual(21) === '20 or Over');
+```
+
+`>=` 演算子を 2 回以上使用してください。
+
+```js
+assert(code.match(/val\s*>=\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testGreaterOrEqual(val) {
+ if (val) { // Change this line
+ return "20 or Over";
+ }
+
+ if (val) { // Change this line
+ return "10 or Over";
+ }
+
+ return "Less than 10";
+}
+
+testGreaterOrEqual(10);
+```
+
+# --solutions--
+
+```js
+function testGreaterOrEqual(val) {
+ if (val >= 20) { // Change this line
+ return "20 or Over";
+ }
+
+ if (val >= 10) { // Change this line
+ return "10 or Over";
+ }
+
+ return "Less than 10";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md
new file mode 100644
index 0000000000..4c58546dea
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md
@@ -0,0 +1,93 @@
+---
+id: 56533eb9ac21ba0edf2244d2
+title: 不等価演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cdBm9Sr'
+forumTopicId: 16787
+dashedName: comparison-with-the-inequality-operator
+---
+
+# --description--
+
+不等価演算子 (`!=`) は等価演算子の逆です。 つまり、等価演算子では等しくない場合に `false` を返していたところを、不等価演算子では `true` を返します。*逆の場合も同様です*。 等価演算子と同様に、不等価演算子でも比較時に値のデータ型が変換されます。
+
+**例**
+
+```js
+1 != 2
+1 != "1"
+1 != '1'
+1 != true
+0 != false
+```
+
+これらの式は上から順に、`true`、`false`、`false`、`false`、`false` と評価されます。
+
+# --instructions--
+
+`val` が `99` と等しくない場合に関数が文字列 `Not Equal` を返すように、`if` ステートメントに不等価演算子 `!=` を追加してください。
+
+# --hints--
+
+`testNotEqual(99)` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(testNotEqual(99) === 'Equal');
+```
+
+`testNotEqual("99")` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(testNotEqual('99') === 'Equal');
+```
+
+`testNotEqual(12)` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testNotEqual(12) === 'Not Equal');
+```
+
+`testNotEqual("12")` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testNotEqual('12') === 'Not Equal');
+```
+
+`testNotEqual("bob")` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testNotEqual('bob') === 'Not Equal');
+```
+
+`!=` 演算子を使用してください。
+
+```js
+assert(code.match(/(?!!==)!=/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testNotEqual(val) {
+ if (val) { // Change this line
+ return "Not Equal";
+ }
+ return "Equal";
+}
+
+testNotEqual(10);
+```
+
+# --solutions--
+
+```js
+function testNotEqual(val) {
+ if (val != 99) {
+ return "Not Equal";
+ }
+ return "Equal";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md
new file mode 100644
index 0000000000..581fb811eb
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md
@@ -0,0 +1,108 @@
+---
+id: 56533eb9ac21ba0edf2244d6
+title: 小なり演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNVRWtB'
+forumTopicId: 16789
+dashedName: comparison-with-the-less-than-operator
+---
+
+# --description--
+
+小なり演算子 (`<`) は、2 つの数値の値を比較します。 左の数値が右の数値よりも小さい場合は、`true` を返します。 それ以外の場合は、`false` を返します。 等価演算子と同様に、小なり演算子でも比較時にデータ型が変換されます。
+
+**例**
+
+```js
+2 < 5
+'3' < 7
+5 < 5
+3 < 2
+'8' < 4
+```
+
+これらの式は上から順に、`true`、`true`、`false`、`false`、`false` と評価されます。
+
+# --instructions--
+
+return ステートメントの意味が正しくなるように、指定された行に小なり演算子を追加してください。
+
+# --hints--
+
+`testLessThan(0)` は文字列 `Under 25` を返す必要があります。
+
+```js
+assert(testLessThan(0) === 'Under 25');
+```
+
+`testLessThan(24)` は文字列 `Under 25` を返す必要があります。
+
+```js
+assert(testLessThan(24) === 'Under 25');
+```
+
+`testLessThan(25)` は文字列 `Under 55` を返す必要があります。
+
+```js
+assert(testLessThan(25) === 'Under 55');
+```
+
+`testLessThan(54)` は文字列 `Under 55` を返す必要があります。
+
+```js
+assert(testLessThan(54) === 'Under 55');
+```
+
+`testLessThan(55)` は文字列 `55 or Over` を返す必要があります。
+
+```js
+assert(testLessThan(55) === '55 or Over');
+```
+
+`testLessThan(99)` は文字列 `55 or Over` を返す必要があります。
+
+```js
+assert(testLessThan(99) === '55 or Over');
+```
+
+`<` 演算子を 2 回以上使用してください。
+
+```js
+assert(code.match(/val\s*<\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLessThan(val) {
+ if (val) { // Change this line
+ return "Under 25";
+ }
+
+ if (val) { // Change this line
+ return "Under 55";
+ }
+
+ return "55 or Over";
+}
+
+testLessThan(10);
+```
+
+# --solutions--
+
+```js
+function testLessThan(val) {
+ if (val < 25) { // Change this line
+ return "Under 25";
+ }
+
+ if (val < 55) { // Change this line
+ return "Under 55";
+ }
+
+ return "55 or Over";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md
new file mode 100644
index 0000000000..bdb54e353f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md
@@ -0,0 +1,114 @@
+---
+id: 56533eb9ac21ba0edf2244d7
+title: 小なりイコール演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNVR7Am'
+forumTopicId: 16788
+dashedName: comparison-with-the-less-than-or-equal-to-operator
+---
+
+# --description--
+
+小なりイコール演算子 (`<=`) は、2 つの数値の値を比較します。 左の数値が右の数値よりも小さいか等しい場合は、`true` を返します。 左の数値が右の数値よりも大きい場合は、`false` を返します。 等価演算子と同様に、小なりイコール演算子でもデータ型が変換されます。
+
+**例**
+
+```js
+4 <= 5
+'7' <= 7
+5 <= 5
+3 <= 2
+'8' <= 4
+```
+
+これらの式は上から順に、`true`、`true`、`true`、`false`、`false` と評価されます。
+
+# --instructions--
+
+return ステートメントの意味が正しくなるように、指定された行に小なりイコール演算子を追加してください。
+
+# --hints--
+
+`testLessOrEqual(0)` は文字列 `Smaller Than or Equal to 12` を返す必要があります。
+
+```js
+assert(testLessOrEqual(0) === 'Smaller Than or Equal to 12');
+```
+
+`testLessOrEqual(11)` は文字列 `Smaller Than or Equal to 12` を返す必要があります。
+
+```js
+assert(testLessOrEqual(11) === 'Smaller Than or Equal to 12');
+```
+
+`testLessOrEqual(12)` は文字列 `Smaller Than or Equal to 12` を返す必要があります。
+
+```js
+assert(testLessOrEqual(12) === 'Smaller Than or Equal to 12');
+```
+
+`testLessOrEqual(23)` は文字列 `Smaller Than or Equal to 24` を返す必要があります。
+
+```js
+assert(testLessOrEqual(23) === 'Smaller Than or Equal to 24');
+```
+
+`testLessOrEqual(24)` は文字列 `Smaller Than or Equal to 24` を返す必要があります。
+
+```js
+assert(testLessOrEqual(24) === 'Smaller Than or Equal to 24');
+```
+
+`testLessOrEqual(25)` は文字列 `More Than 24` を返す必要があります。
+
+```js
+assert(testLessOrEqual(25) === 'More Than 24');
+```
+
+`testLessOrEqual(55)` は文字列 `More Than 24` を返す必要があります。
+
+```js
+assert(testLessOrEqual(55) === 'More Than 24');
+```
+
+`<=` 演算子を 2 回以上使用してください。
+
+```js
+assert(code.match(/val\s*<=\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLessOrEqual(val) {
+ if (val) { // Change this line
+ return "Smaller Than or Equal to 12";
+ }
+
+ if (val) { // Change this line
+ return "Smaller Than or Equal to 24";
+ }
+
+ return "More Than 24";
+}
+
+testLessOrEqual(10);
+```
+
+# --solutions--
+
+```js
+function testLessOrEqual(val) {
+ if (val <= 12) { // Change this line
+ return "Smaller Than or Equal to 12";
+ }
+
+ if (val <= 24) { // Change this line
+ return "Smaller Than or Equal to 24";
+ }
+
+ return "More Than 24";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md
new file mode 100644
index 0000000000..a2f695c994
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244d1
+title: 厳密等価演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy87atr'
+forumTopicId: 16790
+dashedName: comparison-with-the-strict-equality-operator
+---
+
+# --description--
+
+厳密等価演算子 (`===`) は等価演算子 (`==`) の相棒です。 しかし、比較する値を共通の型に変換しようとする等価演算子とは異なり、厳密等価演算子は型変換を行いません。
+
+比較する値の型が異なる場合は等しくないとみなし、厳密等価演算子は false を返します。
+
+**例**
+
+```js
+3 === 3
+3 === '3'
+```
+
+これらの条件ではそれぞれ、`true` と `false` を返すことになります。
+
+2 番目の例では、 `3` は `Number` 型で、 `'3'` は `String` 型です。
+
+# --instructions--
+
+`if` ステートメントで厳密等価演算子を使用して、`val` が `7` と厳密に等しい場合に関数が文字列 `Equal` を返すようにしてください。
+
+# --hints--
+
+`testStrict(10)` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testStrict(10) === 'Not Equal');
+```
+
+`testStrict(7)` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(testStrict(7) === 'Equal');
+```
+
+`testStrict("7")` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testStrict('7') === 'Not Equal');
+```
+
+`===` 演算子を使用してください。
+
+```js
+assert(code.match(/(val\s*===\s*\d+)|(\d+\s*===\s*val)/g).length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testStrict(val) {
+ if (val) { // Change this line
+ return "Equal";
+ }
+ return "Not Equal";
+}
+
+testStrict(10);
+```
+
+# --solutions--
+
+```js
+function testStrict(val) {
+ if (val === 7) {
+ return "Equal";
+ }
+ return "Not Equal";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md
new file mode 100644
index 0000000000..07b7d3befa
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md
@@ -0,0 +1,85 @@
+---
+id: 56533eb9ac21ba0edf2244d3
+title: 厳密不等価演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cKekkUy'
+forumTopicId: 16791
+dashedName: comparison-with-the-strict-inequality-operator
+---
+
+# --description--
+
+厳密不等価演算子 (`!==`) は論理的な意味で厳密等価演算子の逆です。 つまり、「厳密に等しくない」 場合に厳密等価演算子が `false` を返す場面で、`true` を返します。*逆の場合も同様です*。 厳密不等価演算子はデータ型の変換を行いません。
+
+**例**
+
+```js
+3 !== 3
+3 !== '3'
+4 !== 3
+```
+
+これらの式は順に `false`、`true`、`true` と評価されます。
+
+# --instructions--
+
+`val` が `17` と厳密に等しくない場合に関数が文字列 `Not Equal` を返すように、`if` ステートメントに厳密不等価演算子を追加してください。
+
+# --hints--
+
+`testStrictNotEqual(17)` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(testStrictNotEqual(17) === 'Equal');
+```
+
+`testStrictNotEqual("17")` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testStrictNotEqual('17') === 'Not Equal');
+```
+
+`testStrictNotEqual(12)` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testStrictNotEqual(12) === 'Not Equal');
+```
+
+`testStrictNotEqual("bob")` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(testStrictNotEqual('bob') === 'Not Equal');
+```
+
+`!==` 演算子を使用してください。
+
+```js
+assert(code.match(/(val\s*!==\s*\d+)|(\d+\s*!==\s*val)/g).length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testStrictNotEqual(val) {
+ if (val) { // Change this line
+ return "Not Equal";
+ }
+ return "Equal";
+}
+
+testStrictNotEqual(10);
+```
+
+# --solutions--
+
+```js
+function testStrictNotEqual(val) {
+ if (val !== 17) {
+ return "Not Equal";
+ }
+ return "Equal";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md
new file mode 100644
index 0000000000..ad0b35c8fd
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md
@@ -0,0 +1,130 @@
+---
+id: 56533eb9ac21ba0edf2244d8
+title: 論理積演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cvbRVtr'
+forumTopicId: 16799
+dashedName: comparisons-with-the-logical-and-operator
+---
+
+# --description--
+
+一度に複数の条件をテストしなければならない場合があります。 論理積 演算子 (`&&`) は、左側と右側のオペランド の両方が true である場合にのみ `true` を返します。
+
+if ステートメントを別の if ステートメントにネストしても、同じ効果が得られます。
+
+```js
+if (num > 5) {
+ if (num < 10) {
+ return "Yes";
+ }
+}
+return "No";
+```
+
+上の例は、`num` が `5` より大きく `10` より小さい場合にのみ `Yes` を返します。 同じロジックを次のように記述することができます。
+
+```js
+if (num > 5 && num < 10) {
+ return "Yes";
+}
+return "No";
+```
+
+# --instructions--
+
+`&&` 演算子を使用して、2つの if ステートメントを 1 つのステートメントにしてください。このプログラムは `val` が `25` 以上 `50` 以下の場合に文字列 `Yes` を返します。 それ以外の場合は文字列 `No` を返します。
+
+# --hints--
+
+`&&` 演算子を 1 回使用してください。
+
+```js
+assert(code.match(/&&/g).length === 1);
+```
+
+`if` ステートメントを 1 つだけにする必要があります。
+
+```js
+assert(code.match(/if/g).length === 1);
+```
+
+`testLogicalAnd(0)` は文字列 `No` を返す必要があります。
+
+```js
+assert(testLogicalAnd(0) === 'No');
+```
+
+`testLogicalAnd(24)` は文字列 `No` を返す必要があります。
+
+```js
+assert(testLogicalAnd(24) === 'No');
+```
+
+`testLogicalAnd(25)` は文字列 `Yes` を返す必要があります。
+
+```js
+assert(testLogicalAnd(25) === 'Yes');
+```
+
+`testLogicalAnd(30)` は文字列 `Yes` を返す必要があります。
+
+```js
+assert(testLogicalAnd(30) === 'Yes');
+```
+
+`testLogicalAnd(50)` は文字列 `Yes` を返す必要があります。
+
+```js
+assert(testLogicalAnd(50) === 'Yes');
+```
+
+`testLogicalAnd(51)` は文字列 `No` を返す必要があります。
+
+```js
+assert(testLogicalAnd(51) === 'No');
+```
+
+`testLogicalAnd(75)` は文字列 `No` を返す必要があります。
+
+```js
+assert(testLogicalAnd(75) === 'No');
+```
+
+`testLogicalAnd(80)` は文字列 `No` を返す必要があります。
+
+```js
+assert(testLogicalAnd(80) === 'No');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLogicalAnd(val) {
+ // Only change code below this line
+
+ if (val) {
+ if (val) {
+ return "Yes";
+ }
+ }
+
+ // Only change code above this line
+ return "No";
+}
+
+testLogicalAnd(10);
+```
+
+# --solutions--
+
+```js
+function testLogicalAnd(val) {
+ if (val >= 25 && val <= 50) {
+ return "Yes";
+ }
+ return "No";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md
new file mode 100644
index 0000000000..919008c000
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md
@@ -0,0 +1,135 @@
+---
+id: 56533eb9ac21ba0edf2244d9
+title: 論理和演算子による比較
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cEPrGTN'
+forumTopicId: 16800
+dashedName: comparisons-with-the-logical-or-operator
+---
+
+# --description--
+
+論理和 演算子 (`||`) は、オペランド のいずれかが `true` である場合に `true` を返します。 それ以外の場合は、`false` を返します。
+
+論理和 演算子は 2 本のパイプ記号 (`||`) で構成されます。 この記号のキーは通常、バックスペースキーと Enter キーの間近くにあります。
+
+次のようなパターンは以前のチャレンジでも登場しています。
+
+```js
+if (num > 10) {
+ return "No";
+}
+if (num < 5) {
+ return "No";
+}
+return "Yes";
+```
+
+上の例は、`num` が `5` と `10` の間 (5 と 10 を含む) の場合のみ、`Yes` を返します。 同じロジックを次のように記述することができます。
+
+```js
+if (num > 10 || num < 5) {
+ return "No";
+}
+return "Yes";
+```
+
+# --instructions--
+
+2つの `if` ステートメントを 1 つのステートメントにまとめて、`val` が `10` 以上 `20` 以下でない場合は文字列 `Outside` を返すようにしてください。 それ以外の場合は、文字列 `Inside` を返してください。
+
+# --hints--
+
+`||`演算子を 1 回使用してください。
+
+```js
+assert(code.match(/\|\|/g).length === 1);
+```
+
+`if` ステートメントを 1 つだけにする必要があります。
+
+```js
+assert(code.match(/if/g).length === 1);
+```
+
+`testLogicalOr(0)` は文字列 `Outside` を返す必要があります。
+
+```js
+assert(testLogicalOr(0) === 'Outside');
+```
+
+`testLogicalOr(9)` は文字列 `Outside` を返す必要があります。
+
+```js
+assert(testLogicalOr(9) === 'Outside');
+```
+
+`testLogicalOr(10)` は文字列 `Inside` を返す必要があります。
+
+```js
+assert(testLogicalOr(10) === 'Inside');
+```
+
+`testLogicalOr(15)` は文字列 `Inside` を返す必要があります。
+
+```js
+assert(testLogicalOr(15) === 'Inside');
+```
+
+`testLogicalOr(19)` は文字列 `Inside` を返す必要があります。
+
+```js
+assert(testLogicalOr(19) === 'Inside');
+```
+
+`testLogicalOr(20)` は文字列 `Inside` を返す必要があります。
+
+```js
+assert(testLogicalOr(20) === 'Inside');
+```
+
+`testLogicalOr(21)` は文字列 `Outside` を返す必要があります。
+
+```js
+assert(testLogicalOr(21) === 'Outside');
+```
+
+`testLogicalOr(25)` は文字列 `Outside` を返す必要があります。
+
+```js
+assert(testLogicalOr(25) === 'Outside');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLogicalOr(val) {
+ // Only change code below this line
+
+ if (val) {
+ return "Outside";
+ }
+
+ if (val) {
+ return "Outside";
+ }
+
+ // Only change code above this line
+ return "Inside";
+}
+
+testLogicalOr(15);
+```
+
+# --solutions--
+
+```js
+function testLogicalOr(val) {
+ if (val < 10 || val > 20) {
+ return "Outside";
+ }
+ return "Inside";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md
new file mode 100644
index 0000000000..18f54bb042
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md
@@ -0,0 +1,101 @@
+---
+id: 56533eb9ac21ba0edf2244af
+title: 加算と代入の組み合わせ
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDR6LCb'
+forumTopicId: 16661
+dashedName: compound-assignment-with-augmented-addition
+---
+
+# --description--
+
+プログラミングでは、代入を使用して変数の中身を変更する操作がよく行われます。 最初に等号の右辺のすべてが評価されることを忘れないようにしましょう。
+
+```js
+myVar = myVar + 5;
+```
+
+と記述すると、`myVar` に `5` を足すことができます。 このような操作は一般的なパターンなので、算術演算と代入の両方を一度に行う演算子があります。
+
+その一つが `+=` 演算子です。
+
+```js
+let myVar = 1;
+myVar += 5;
+console.log(myVar);
+```
+
+上の例では `6` がコンソールに表示されます。
+
+# --instructions--
+
+`a`、`b`、`c` への各代入を、`+=` 演算子を使用するように変換してください。
+
+# --hints--
+
+`a` が `15` と等しくなるようにしてください。
+
+```js
+assert(a === 15);
+```
+
+`b` が `26` と等しくなるようにしてください。
+
+```js
+assert(b === 26);
+```
+
+`c` が `19` と等しくなるようにしてください。
+
+```js
+assert(c === 19);
+```
+
+各変数で `+=` 演算子を使用してください。
+
+```js
+assert(code.match(/\+=/g).length === 3);
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(
+ /let a = 3;/.test(code) &&
+ /let b = 17;/.test(code) &&
+ /let c = 12;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 3;
+let b = 17;
+let c = 12;
+
+// Only change code below this line
+a = a + 12;
+b = 9 + b;
+c = c + 7;
+```
+
+# --solutions--
+
+```js
+let a = 3;
+let b = 17;
+let c = 12;
+
+a += 12;
+b += 9;
+c += 7;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md
new file mode 100644
index 0000000000..1214801d5d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244b2
+title: 除算と代入の組み合わせ
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QvKT2'
+forumTopicId: 16659
+dashedName: compound-assignment-with-augmented-division
+---
+
+# --description--
+
+`/=` 演算子は変数を他の数で割ります。
+
+```js
+myVar = myVar / 5;
+```
+
+は `myVar` を `5` で割ります。 これは次のように書き換えることができます。
+
+```js
+myVar /= 5;
+```
+
+# --instructions--
+
+`a`、`b`、`c` への各代入を、`/=` 演算子を使用するように変換してください。
+
+# --hints--
+
+`a` が `4` と等しくなるようにしてください。
+
+```js
+assert(a === 4);
+```
+
+`b` が `27` と等しくなるようにしてください。
+
+```js
+assert(b === 27);
+```
+
+`c` が `3` と等しくなるようにしてください。
+
+```js
+assert(c === 3);
+```
+
+各変数で `/=` 演算子を使用してください。
+
+```js
+assert(code.match(/\/=/g).length === 3);
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(
+ /let a = 48;/.test(code) &&
+ /let b = 108;/.test(code) &&
+ /let c = 33;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 48;
+let b = 108;
+let c = 33;
+
+// Only change code below this line
+a = a / 12;
+b = b / 4;
+c = c / 11;
+```
+
+# --solutions--
+
+```js
+let a = 48;
+let b = 108;
+let c = 33;
+
+a /= 12;
+b /= 4;
+c /= 11;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md
new file mode 100644
index 0000000000..f55ced24e1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244b1
+title: 乗算と代入の組み合わせ
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c83vrfa'
+forumTopicId: 16662
+dashedName: compound-assignment-with-augmented-multiplication
+---
+
+# --description--
+
+`*=` 演算子は変数に数を掛けます。
+
+```js
+myVar = myVar * 5;
+```
+
+は `myVar` に `5` を掛けます。 これは次のように書き換えることができます。
+
+```js
+myVar *= 5;
+```
+
+# --instructions--
+
+`a`、`b`、`c` への各代入を、`*=` 演算子を使用するように変換してください。
+
+# --hints--
+
+`a` が `25` と等しくなるようにしてください。
+
+```js
+assert(a === 25);
+```
+
+`b` が `36` と等しくなるようにしてください。
+
+```js
+assert(b === 36);
+```
+
+`c` が `46` と等しくなるようにしてください。
+
+```js
+assert(c === 46);
+```
+
+各変数で `*=` 演算子を使用してください。
+
+```js
+assert(code.match(/\*=/g).length === 3);
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(
+ /let a = 5;/.test(code) &&
+ /let b = 12;/.test(code) &&
+ /let c = 4\.6;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 5;
+let b = 12;
+let c = 4.6;
+
+// Only change code below this line
+a = a * 5;
+b = 3 * b;
+c = c * 10;
+```
+
+# --solutions--
+
+```js
+let a = 5;
+let b = 12;
+let c = 4.6;
+
+a *= 5;
+b *= 3;
+c *= 10;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md
new file mode 100644
index 0000000000..6af96e9ecf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md
@@ -0,0 +1,93 @@
+---
+id: 56533eb9ac21ba0edf2244b0
+title: 減算と代入の組み合わせ
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2Qv7AV'
+forumTopicId: 16660
+dashedName: compound-assignment-with-augmented-subtraction
+---
+
+# --description--
+
+`+=` 演算子と同様に、`-=` は変数から数を引きます。
+
+```js
+myVar = myVar - 5;
+```
+
+は `myVar` から `5` を引きます。 これは次のように書き換えることができます。
+
+```js
+myVar -= 5;
+```
+
+# --instructions--
+
+`a`、`b`、`c` への各代入を、`-=` 演算子を使用するように変換してください。
+
+# --hints--
+
+`a` が `5` と等しくなるようにしてください。
+
+```js
+assert(a === 5);
+```
+
+`b` が `-6` と等しくなるようにしてください。
+
+```js
+assert(b === -6);
+```
+
+`c` が `2` と等しくなるようにしてください。
+
+```js
+assert(c === 2);
+```
+
+各変数で `-=` 演算子を使用してください。
+
+```js
+assert(code.match(/-=/g).length === 3);
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(
+ /let a = 11;/.test(code) && /let b = 9;/.test(code) && /let c = 3;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 11;
+let b = 9;
+let c = 3;
+
+// Only change code below this line
+a = a - 6;
+b = b - 15;
+c = c - 1;
+```
+
+# --solutions--
+
+```js
+let a = 11;
+let b = 9;
+let c = 3;
+
+a -= 6;
+b -= 15;
+c -= 1;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md
new file mode 100644
index 0000000000..e4efa0d3e0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md
@@ -0,0 +1,83 @@
+---
+id: 56533eb9ac21ba0edf2244b7
+title: 文字列をプラス演算子で連結する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNpM8AN'
+forumTopicId: 16802
+dashedName: concatenating-strings-with-plus-operator
+---
+
+# --description--
+
+JavaScript では、`+` 演算子を `String` の値に対して使用する場合、その演算子のことを連結 演算子と呼びます。 他の文字列を一緒に連結する ことで新しい文字列を作ることができます。
+
+**例**
+
+```js
+'My name is Alan,' + ' I concatenate.'
+```
+
+**注:** 空白が必要な場合は注意してください。 連結では、文字列の間に空白が追加されないため、必要な場合は自分で付け加える必要があります。
+
+例:
+
+```js
+const ourStr = "I come first. " + "I come second.";
+```
+
+文字列 `I come first. ` `I come second.` がコンソールに表示されます。
+# --instructions--
+
+`+` 演算子を使用して、文字列 `This is the start.` と `This is the end.` から `myStr` を作成してください。 2 つの文字列の間に空白を必ず含めるようにしてください。
+
+# --hints--
+
+`myStr` の値が文字列 `This is the start.` `This is the end.` になる必要があります。
+
+```js
+assert(myStr === 'This is the start. This is the end.');
+```
+
+`+` 演算子を使用して `myStr` を作成する必要があります。
+
+```js
+assert(code.match(/(["']).*\1\s*\+\s*(["']).*\2/g));
+```
+
+`const` キーワードを使用して `myStr` を作成する必要があります。
+
+```js
+assert(/const\s+myStr/.test(code));
+```
+
+結果を `myStr` 変数に代入する必要があります。
+
+```js
+assert(/myStr\s*=/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+ if(typeof myStr === 'string') {
+ return 'myStr = "' + myStr + '"';
+ } else {
+ return 'myStr is not a string';
+ }
+})();
+```
+
+## --seed-contents--
+
+```js
+const myStr = ""; // Change this line
+```
+
+# --solutions--
+
+```js
+const myStr = "This is the start. " + "This is the end.";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md
new file mode 100644
index 0000000000..16ef6b3b0c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244b8
+title: 文字列を += 演算子で連結する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cbQmmC4'
+forumTopicId: 16803
+dashedName: concatenating-strings-with-the-plus-equals-operator
+---
+
+# --description--
+
+`+=` 演算子を使用して、既存の文字列変数の末尾に文字列を連結する こともできます。 これは長い文字列を複数行に分割する場合にとても便利です。
+
+**注:** 空白が必要な場合は注意してください。 連結では、文字列の間に空白が追加されないため、必要な場合は自分で付け加える必要があります。
+
+例:
+
+```js
+let ourStr = "I come first. ";
+ourStr += "I come second.";
+```
+
+これで `ourStr` の値は文字列 `I come first. I come second.` になります。
+
+# --instructions--
+
+`+=` 演算子を使用して、`This is the first sentence.` と `This is the second sentence.` の 2 つの文字列を連結し、複数行にわたる `myStr` を作成してください。 前の例のように、`+=` 演算子を使用し、必ず 2 つの文字列の間に空白を入れてください。 まず `myStr` に 1 つ目の文字列を代入し、それから 2 つ目の文字列を追加してください。
+
+# --hints--
+
+`myStr` の値が文字列値 `This is the first sentence. This is the second sentence.` になる必要があります。
+
+```js
+assert(myStr === 'This is the first sentence. This is the second sentence.');
+```
+
+`+=` 演算子を使用して `myStr` を作成する必要があります。
+
+```js
+assert(code.match(/myStr\s*\+=\s*(["']).*\1/g));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+ if(typeof myStr === 'string') {
+ return 'myStr = "' + myStr + '"';
+ } else {
+ return 'myStr is not a string';
+ }
+})();
+```
+
+## --seed-contents--
+
+```js
+let myStr;
+```
+
+# --solutions--
+
+```js
+let myStr = "This is the first sentence. ";
+myStr += "This is the second sentence.";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md
new file mode 100644
index 0000000000..0fb7d925a6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244b9
+title: 変数を使用して文字列を作成する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cqk8rf4'
+forumTopicId: 16805
+dashedName: constructing-strings-with-variables
+---
+
+# --description--
+
+[Mad Libs](https://en.wikipedia.org/wiki/Mad_Libs) 的に文字列を作成しなければならない場合があります。 連結演算子 (`+`) を使用して、作成する文字列に 1 つまたは複数の変数を挿入することができます。
+
+例:
+
+```js
+const ourName = "freeCodeCamp";
+const ourStr = "Hello, our name is " + ourName + ", how are you?";
+```
+
+`ourStr` の値は文字列 `Hello, our name is freeCodeCamp, how are you?` となります。
+
+# --instructions--
+
+`myName` にあなたの名前と同じ文字列を設定し、文字列 `My name is` と `and I am well!` の間に `myName` を挿入した `myStr` を作成してください。
+
+# --hints--
+
+`myName` には 3 文字以上の長さの文字列を設定する必要があります。
+
+```js
+assert(typeof myName !== 'undefined' && myName.length > 2);
+```
+
+2つの `+` 演算子を使用して、`myName` を挿入した `myStr` を作成する必要があります。
+
+```js
+assert(code.match(/["']\s*\+\s*myName\s*\+\s*["']/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+ var output = [];
+ if(typeof myName === 'string') {
+ output.push('myName = "' + myName + '"');
+ } else {
+ output.push('myName is not a string');
+ }
+ if(typeof myStr === 'string') {
+ output.push('myStr = "' + myStr + '"');
+ } else {
+ output.push('myStr is not a string');
+ }
+ return output.join('\n');
+})();
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const myName = "";
+const myStr = "";
+```
+
+# --solutions--
+
+```js
+const myName = "Bob";
+const myStr = "My name is " + myName + " and I am well!";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md
new file mode 100644
index 0000000000..4b75b29b3b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md
@@ -0,0 +1,77 @@
+---
+id: 56105e7b514f539506016a5e
+title: for ループでの減算
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2R6BHa'
+forumTopicId: 16808
+dashedName: count-backwards-with-a-for-loop
+---
+
+# --description--
+
+for ループでは、適切な条件を定義することができれば、減算も可能です。
+
+繰り返しごとに 2 ずつデクリメント (減算) するには、初期化式、条件式、および最終式を変更する必要があります。
+
+`i = 10` から始めて、`i > 0` の間、ループ処理を行います。 `i -= 2` と記述すると、ループごとに `i` が 2 ずつデクリメントされます。
+
+```js
+const ourArray = [];
+
+for (let i = 10; i > 0; i -= 2) {
+ ourArray.push(i);
+}
+```
+
+`ourArray` の内容は `[10, 8, 6, 4, 2]` になります。 2 ずつ減算して奇数の降順の配列を作成できるように、初期化式と最終式を変更してみましょう。
+
+# --instructions--
+
+`for` ループを使用して、9 から 1 までの奇数を `myArray` に push してください。
+
+# --hints--
+
+この作業では `for` ループを使用してください。
+
+```js
+assert(/for\s*\([^)]+?\)/.test(code));
+```
+
+配列メソッド `push` を使用してください。
+
+```js
+assert(code.match(/myArray.push/));
+```
+
+`myArray` は `[9, 7, 5, 3, 1]` となる必要があります。
+
+```js
+assert.deepEqual(myArray, [9, 7, 5, 3, 1]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+for (let i = 9; i > 0; i -= 2) {
+ myArray.push(i);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md
new file mode 100644
index 0000000000..960819e29f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md
@@ -0,0 +1,201 @@
+---
+id: 565bbe00e9cc8ac0725390f4
+title: カードカウンティング
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c6KE7ty'
+forumTopicId: 16809
+dashedName: counting-cards
+---
+
+# --description--
+
+カジノゲームのブラックジャックでは、デッキに残っているカードのハイローの相対数を把握しておくことで、プレイヤーはディーラーに対して有利な立場を得られます。 これは[カードカウンティング](https://en.wikipedia.org/wiki/Card_counting)と呼ばれています。
+
+デッキに残っているハイカードの数が多いほど、プレイヤーに有利となります。 次の表に従って各カードに値を割り当てます。 カウンティングの結果が正の場合、プレイヤーは高く賭けるべきです。 カウンティングの結果がゼロまたは負の場合、プレイヤーは少なめに賭けた方がいいでしょう。
+
+カウントの変更 カード +1 2、3、4、5、6 0 7、8、9 -1 10、'J'、'Q'、'K'、'A'
+
+カードカウンティング関数を記述してください。 この関数は数値または文字列の `card` パラメーターを受け取り、カードの値に応じて (表を参照)、グローバルの `count` 変数をインクリメントまたはデクリメントします。 次に、この関数は現在のカウントを示す文字列と、文字列 `Bet` (カウントが正の場合) または文字列 `Hold` (カウントがゼロか負の場合) を返します。 現在のカウントとプレイヤーの判断 (`Bet` または `Hold`) の間にスペースを 1 つ入れてください。
+
+**出力例:** `-3 Hold`、`5 Bet` など
+
+**ヒント**
+値が 7、8、9 の場合に `count` を 0 にリセットしないでください。 配列を返さないでください。
+出力に引用符 (シングルクォートまたはダブルクォート) を含めないでください。
+
+# --hints--
+
+カードの並びが 2、3、4、5、6 の場合は文字列 `5 Bet` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(2);
+ cc(3);
+ cc(4);
+ cc(5);
+ var out = cc(6);
+ if (out === '5 Bet') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+カードの並びが 7、8、9 の場合は文字列 `0 Hold` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(7);
+ cc(8);
+ var out = cc(9);
+ if (out === '0 Hold') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+カードの並びが 10、J、Q、K、A の場合は文字列 `-5 Hold` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(10);
+ cc('J');
+ cc('Q');
+ cc('K');
+ var out = cc('A');
+ if (out === '-5 Hold') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+カードの並びが 3、7、Q、8、A の場合は文字列 `-1 Hold` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(3);
+ cc(7);
+ cc('Q');
+ cc(8);
+ var out = cc('A');
+ if (out === '-1 Hold') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+カードの並びが 2、J、9、2、7 の場合は文字列 `1 Bet` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(2);
+ cc('J');
+ cc(9);
+ cc(2);
+ var out = cc(7);
+ if (out === '1 Bet') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+カードの並びが 2、2、10 の場合は文字列 `1 Bet` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(2);
+ cc(2);
+ var out = cc(10);
+ if (out === '1 Bet') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+カードの並びが 3、2、A、10、K の場合は文字列 `-1 Hold` を返す必要があります。
+
+```js
+assert(
+ (function () {
+ count = 0;
+ cc(3);
+ cc(2);
+ cc('A');
+ cc(10);
+ var out = cc('K');
+ if (out === '-1 Hold') {
+ return true;
+ }
+ return false;
+ })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let count = 0;
+
+function cc(card) {
+ // Only change code below this line
+
+
+ return "Change Me";
+ // Only change code above this line
+}
+
+cc(2); cc(3); cc(7); cc('K'); cc('A');
+```
+
+# --solutions--
+
+```js
+let count = 0;
+function cc(card) {
+ switch(card) {
+ case 2:
+ case 3:
+ case 4:
+ case 5:
+ case 6:
+ count++;
+ break;
+ case 10:
+ case 'J':
+ case 'Q':
+ case 'K':
+ case 'A':
+ count--;
+ }
+ if(count > 0) {
+ return count + " Bet";
+ } else {
+ return count + " Hold";
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md
new file mode 100644
index 0000000000..dffae4211c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md
@@ -0,0 +1,55 @@
+---
+id: cf1391c1c11feddfaeb4bdef
+title: JavaScript で小数を作成する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8GEuW'
+forumTopicId: 16826
+dashedName: create-decimal-numbers-with-javascript
+---
+
+# --description--
+
+変数に小数を格納することもできます。 小数は浮動小数点数 または float と呼ばれることもあります。
+
+**注:** すべての実数を正確に浮動小数点数 で表すことができるわけではありません。 これは丸めエラーをもたらす可能性があります。 詳細は[こちら](https://en.wikipedia.org/wiki/Floating-point_arithmetic#Accuracy_problems)を参照してください。
+
+# --instructions--
+
+変数 `myDecimal` を作成して、整数部と小数部からなる小数 (たとえば `5.7`) を代入してください。
+
+# --hints--
+
+`myDecimal` は数値である必要があります。
+
+```js
+assert(typeof myDecimal === 'number');
+```
+
+`myDecimal` には小数点が含まれている必要があります。
+
+```js
+assert(myDecimal % 1 != 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){if(typeof myDecimal !== "undefined"){return myDecimal;}})();
+```
+
+## --seed-contents--
+
+```js
+const ourDecimal = 5.7;
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myDecimal = 9.9;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md
new file mode 100644
index 0000000000..8e10737d68
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md
@@ -0,0 +1,88 @@
+---
+id: 587d7b87367417b2b2512b41
+title: const キーワードを使用して読み取り専用の変数を宣言する
+challengeType: 1
+forumTopicId: 301201
+dashedName: declare-a-read-only-variable-with-the-const-keyword
+---
+
+# --description--
+
+変数を宣言する新しい方法はキーワード `let` だけではありません。 ES6 では、`const` キーワードを使用して変数を宣言することもできます。
+
+`const` は `let` の持つ素晴らしい機能をすべて備えていますが、それだけでなく、`const` を使用して宣言した変数は読み取り専用になります。 それらの変数は定数となり、いったん `const` で代入された変数には、再び代入することはできません。
+
+```js
+const FAV_PET = "Cats";
+FAV_PET = "Dogs";
+```
+
+`FAV_PET` に再び値を代入しようとしているので、コンソールにエラーが表示されます。
+
+再代入を必要としない変数に名前を付けるときは、常に `const` キーワードを使用してください。 そうすれば、定数でなければならない変数に誤って再代入しようとするのを防ぐのに役立ちます。
+
+一般に、定数に名前を付けるときは、すべて英大文字を使用し、単語をアンダースコアで区切ります。
+
+**注:** 開発者は一般に、イミュータブル (変更不可) の値には英大文字の変数識別子を使用し、ミュータブル (変更可能) の値 (オブジェクトや配列) には英小文字またはキャメルケースを使用します。 このあとのチャレンジで、オブジェクトと配列について学び、ミュータブルの値とイミュータブルの値について詳しく説明します。 また以降のチャレンジでは、英大文字、英小文字、またはキャメルケースのさまざまな変数識別子を使用します。
+
+# --instructions--
+
+コードを変更して、すべての変数を `let` または `const` を使用して宣言してください。 変更を必要とする変数には `let` を使用し、定数にする必要がある変数には `const` を使用してください。 また、`const` で宣言した変数の名前について、すべて英大文字にするという一般的な慣習に従うように変更してください。
+
+# --hints--
+
+`var` がコード内に存在しない必要があります。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`fCC` をすべて英大文字に変更する必要があります。
+
+```js
+(getUserInput) => {
+ assert(getUserInput('index').match(/(FCC)/));
+ assert(!getUserInput('index').match(/fCC/));
+}
+```
+
+`FCC` は `const` で宣言された定数変数である必要があります。
+
+```js
+assert.equal(FCC, 'freeCodeCamp');
+assert.match(code, /const\s+FCC/);
+```
+
+`fact` は `let` を使用して宣言する必要があります。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/(let fact)/g));
+```
+
+`console.log` を、`FCC` と `fact` 変数を出力するように変更する必要があります。
+
+```js
+(getUserInput) =>
+ assert(getUserInput('index').match(/console\.log\(\s*FCC\s*\,\s*fact\s*\)\s*;?/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var fCC = "freeCodeCamp"; // Change this line
+var fact = "is cool!"; // Change this line
+fact = "is awesome!";
+console.log(fCC, fact); // Change this line
+```
+
+# --solutions--
+
+```js
+const FCC = "freeCodeCamp";
+let fact = "is cool!";
+
+fact = "is awesome!";
+console.log(FCC, fact);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md
new file mode 100644
index 0000000000..fa868c96e6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md
@@ -0,0 +1,61 @@
+---
+id: bd7123c9c443eddfaeb5bdef
+title: JavaScript 変数を宣言する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNanrHq'
+forumTopicId: 17556
+dashedName: declare-javascript-variables
+---
+
+# --description--
+
+コンピューターサイエンスでは、データ とはコンピューターにとって意味のある情報のことです。 JavaScript では 8 つの異なるデータ型 として、`undefined`、`null`、`boolean`、`string`、`symbol`、`bigint`、`number`、`object` が提供されています。
+
+たとえば、コンピューターでは `12` などの数値と、`"12"`、 `"dog"`、`"123 cats"` といった文字の集まりである `strings` (文字列) が区別されます。 コンピューターは数値に対して数学演算を実行することができますが、文字列に対してそれを実行することはできません。
+
+変数 を使用すると、コンピューターがデータを動的に格納して操作することが可能になります。 その際、データ自体が使用されるのではなく、データを指し示す「ラベル」が使用されます。 8 つのデータ型はどれも変数に格納することができます。
+
+変数は、数学で使用される x や y といった変数と似ています。つまり、これらは参照したいデータを表す名前にすぎません。 コンピューターの変数は数学の変数とは異なり、さまざまな値をさまざまなタイミングで格納することができます。
+
+JavaScript で変数を作成または宣言 するには、次のように変数の前に `var` キーワードを付けます。
+
+```js
+var ourName;
+```
+
+これで `ourName` という変数が作成されます。 JavaScript では、ステートメントの終わりにセミコロンを付けます。 変数名には、数字、文字、`$`、または `_` を使用できます。 ただし、スペースを含めることはできず、数字で名前を始めることはできません。
+
+# --instructions--
+
+`var` キーワードを使用して `myName` という変数を作成してください。
+
+**ヒント**
+わからない場合は上の `ourName` の例を見てください。
+
+# --hints--
+
+`myName` を `var` キーワードで宣言し、末尾にセミコロンを付ける必要があります。
+
+```js
+assert(/var\s+myName\s*;/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myName !== "undefined"){(function(v){return v;})(myName);}
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+var myName;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md
new file mode 100644
index 0000000000..f824078986
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md
@@ -0,0 +1,87 @@
+---
+id: bd7123c9c444eddfaeb5bdef
+title: 文字列変数を宣言する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QvWU6'
+forumTopicId: 17557
+dashedName: declare-string-variables
+---
+
+# --description--
+
+前回は次のコードを使用して変数を宣言しました。
+
+```js
+var myName;
+```
+
+しかし、次のように文字列変数を宣言することもできます。
+
+```js
+var myName = "your name";
+```
+
+こうした `"your name"` のような文字列のことを文字列 リテラル と呼びます。 文字列リテラル (単に文字列とも呼びます) は、シングルクォートまたはダブルクォートで囲まれた 0 文字以上の一連の文字です。
+
+# --instructions--
+
+2 つの新しい文字列変数 `myFirstName` と `myLastName` を作成し、それらにあなたの名前と苗字をそれぞれ代入してください。
+
+# --hints--
+
+`myFirstName` は少なくとも 1 つの文字を含む文字列である必要があります。
+
+```js
+assert(
+ (function () {
+ if (
+ typeof myFirstName !== 'undefined' &&
+ typeof myFirstName === 'string' &&
+ myFirstName.length > 0
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })()
+);
+```
+
+`myLastName` はは少なくとも 1 つの文字を含む文字列である必要があります。
+
+```js
+assert(
+ (function () {
+ if (
+ typeof myLastName !== 'undefined' &&
+ typeof myLastName === 'string' &&
+ myLastName.length > 0
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myFirstName !== "undefined" && typeof myLastName !== "undefined"){(function(){return myFirstName + ', ' + myLastName;})();}
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+var myFirstName = "Alan";
+var myLastName = "Turing";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md
new file mode 100644
index 0000000000..863461b0de
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244ad
+title: JavaScript で数値をデクリメントする
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cM2KeS2'
+forumTopicId: 17558
+dashedName: decrement-a-number-with-javascript
+---
+
+# --description--
+
+`--` 演算子を使用して簡単に変数の値を 1 減らす (デクリメント する) ことができます。
+
+```js
+i--;
+```
+
+は次の式と等価です。
+
+```js
+i = i - 1;
+```
+
+**注:** この行全体が `i--;` となり、等号が不要になります。
+
+# --instructions--
+
+コードを変更して `myVar` で `--` 演算子を使用してください。
+
+# --hints--
+
+`myVar` は `10` に等しくなる必要があります。
+
+```js
+assert(myVar === 10);
+```
+
+`myVar = myVar - 1;` を書き換える必要があります。
+
+```js
+assert(
+ /let\s*myVar\s*=\s*11;\s*\/*.*\s*([-]{2}\s*myVar|myVar\s*[-]{2});/.test(code)
+);
+```
+
+`myVar` で `--` 演算子を使用する必要があります。
+
+```js
+assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code));
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(/let myVar = 11;/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'myVar = ' + z;})(myVar);
+```
+
+## --seed-contents--
+
+```js
+let myVar = 11;
+
+// Only change code below this line
+myVar = myVar - 1;
+```
+
+# --solutions--
+
+```js
+let myVar = 11;
+myVar--;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md
new file mode 100644
index 0000000000..fd7921ef4d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md
@@ -0,0 +1,96 @@
+---
+id: 56bbb991ad1ed5201cd392d3
+title: JavaScript オブジェクトからのプロパティの削除
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDqKdTv'
+forumTopicId: 17560
+dashedName: delete-properties-from-a-javascript-object
+---
+
+# --description--
+
+次のようにオブジェクトからプロパティを削除することもできます。
+
+```js
+delete ourDog.bark;
+```
+
+例:
+
+```js
+const ourDog = {
+ "name": "Camper",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["everything!"],
+ "bark": "bow-wow"
+};
+
+delete ourDog.bark;
+```
+
+上記の最後の行の後の `ourDog` は次のようになります。
+
+```js
+{
+ "name": "Camper",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["everything!"]
+}
+```
+
+# --instructions--
+
+`tails` プロパティを `myDog` から削除してください。 ドット記法またはブラケット記法のいずれも使用できます。
+
+# --hints--
+
+プロパティ `tails` を `myDog` から削除する必要があります。
+
+```js
+assert(typeof myDog === 'object' && myDog.tails === undefined);
+```
+
+`myDog` の設定を変更しないでください。
+
+```js
+assert(code.match(/"tails": 1/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myDog = {
+ "name": "Happy Coder",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["freeCodeCamp Campers"],
+ "bark": "woof"
+};
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myDog = {
+ "name": "Happy Coder",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["freeCodeCamp Campers"],
+ "bark": "woof"
+};
+delete myDog.tails;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md
new file mode 100644
index 0000000000..7a80c0ce75
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md
@@ -0,0 +1,56 @@
+---
+id: bd7993c9ca9feddfaeb7bdef
+title: JavaScript で小数どうしの割り算をする
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBZe9AW'
+forumTopicId: 18255
+dashedName: divide-one-decimal-by-another-with-javascript
+---
+
+# --description--
+
+小数どうしの割り算をしてみましょう。
+
+# --instructions--
+
+`0.0` を変更して、`quotient` (割り算の商) が `2.2` と等しくなるようにしてください。
+
+# --hints--
+
+変数 `quotient` が `2.2` と等しくなる必要があります。
+
+```js
+assert(quotient === 2.2);
+```
+
+`/` 演算子を使用して 4.4 を 2.0 で割る必要があります。
+
+```js
+assert(/4\.40*\s*\/\s*2\.*0*/.test(code));
+```
+
+変数 quotient には一度だけ代入してください。
+
+```js
+assert(code.match(/quotient/g).length === 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y){return 'quotient = '+y;})(quotient);
+```
+
+## --seed-contents--
+
+```js
+const quotient = 0.0 / 2.0; // Change this line
+```
+
+# --solutions--
+
+```js
+const quotient = 4.4 / 2.0;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md
new file mode 100644
index 0000000000..ea5bfc9901
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb6bdef
+title: JavaScript で数値どうしの割り算をする
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cqkbdAr'
+forumTopicId: 17566
+dashedName: divide-one-number-by-another-with-javascript
+---
+
+# --description--
+
+数値どうしの割り算をすることもできます。
+
+JavaScript では除算記号として `/` を使用します。
+
+**例**
+
+```js
+const myVar = 16 / 2;
+```
+
+`myVar` の値は `8` になります。
+# --instructions--
+
+`0` を変更して、`quotient` (割り算の商) が `2` と等しくなるようにしてください。
+
+# --hints--
+
+変数 `quotient` が 2 と等しくなる必要があります。
+
+```js
+assert(quotient === 2);
+```
+
+`/` 演算子を使用してください。
+
+```js
+assert(/\d+\s*\/\s*\d+/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'quotient = '+z;})(quotient);
+```
+
+## --seed-contents--
+
+```js
+const quotient = 66 / 0;
+```
+
+# --solutions--
+
+```js
+const quotient = 66 / 33;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md
new file mode 100644
index 0000000000..e6f6b22148
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md
@@ -0,0 +1,99 @@
+---
+id: 56533eb9ac21ba0edf2244b6
+title: 文字列内のエスケープシーケンス
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cvmqRh6'
+forumTopicId: 17567
+dashedName: escape-sequences-in-strings
+---
+
+# --description--
+
+文字列の中でエスケープ できる文字は引用符だけではありません。 エスケープ文字を使用するのには 2 つ理由があります。
+
+1. キャリッジリターンのように、他に入力する方法がない文字を使用できるようになります。
+2. 文字列中で複数の引用符を表現でき、JavaScript が正しく解釈できるようになります。
+
+前のチャレンジでは次のことを学習しました。
+
+コード 出力 \'シングルクォート \"ダブルクォート \\バックスラッシュ (日本語では円記号) \n改行 \rキャリッジリターン \tタブ \b単語境界 \f改ページ
+
+*バックスラッシュ自体をバックスラッシュとして表示するためにはエスケープする必要があります。*
+
+# --instructions--
+
+エスケープシーケンスを使用して、単一の変数 `myStr` に次の 3 行のテキストを代入してください。
+
+FirstLine
+
+特殊文字を正しく挿入するにはエスケープシーケンスを使用する必要があります。 また、エスケープシーケンスや単語の間にスペースを入れず、上記のとおりに表示する必要があります。
+
+**注:** `SecondLine` にインデントを付けるには、スペースではなくタブエスケープ文字を使用します。
+
+# --hints--
+
+`myStr` にはスペースを含めない必要があります。
+
+```js
+assert(!/ /.test(myStr));
+```
+
+`myStr` には文字列 `FirstLine`、 `SecondLine`、および `ThirdLine` を含める必要があります (大文字小文字を正しく区別してください)。
+
+```js
+assert(
+ /FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr)
+);
+```
+
+`FirstLine` の直後に改行文字 `\n` を付ける必要があります。
+
+```js
+assert(/FirstLine\n/.test(myStr));
+```
+
+`myStr` にはタブ文字 `\t` を含め、直後に改行文字を付ける必要があります。
+
+```js
+assert(/\n\t/.test(myStr));
+```
+
+`SecondLine` の前にバックスラッシュ文字 `\` を付ける必要があります。
+
+```js
+assert(/\\SecondLine/.test(myStr));
+```
+
+`SecondLine` と `ThirdLine` の間に改行文字を入れる必要があります。
+
+```js
+assert(/SecondLine\nThirdLine/.test(myStr));
+```
+
+`myStr` には手順で示した文字だけを含める必要があります。
+
+```js
+assert(myStr === 'FirstLine\n\t\\SecondLine\nThirdLine');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+if (myStr !== undefined){
+console.log('myStr:\n' + myStr);}})();
+```
+
+## --seed-contents--
+
+```js
+const myStr = ""; // Change this line
+```
+
+# --solutions--
+
+```js
+const myStr = "FirstLine\n\t\\SecondLine\nThirdLine";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md
new file mode 100644
index 0000000000..e4e7053062
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244b5
+title: 文字列内の引用符リテラルをエスケープする
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QvgSr'
+forumTopicId: 17568
+dashedName: escaping-literal-quotes-in-strings
+---
+
+# --description--
+
+文字列を定義する際、文字列の先頭と末尾ではシングルクォートまたはダブルクォートを使用する必要があります。 もし文字列の中で引用符リテラル `"` または `'`、つまり引用符そのものが必要になった場合はどうすればよいでしょうか？
+
+JavaScript では、引用符の直前にバックスラッシュ (日本語では円記号) (`\`) を入れることで、その引用符が文字列の終わりとみなされないようになります。これを「引用符をエスケープ する」といいます。
+
+```js
+const sampleStr = "Alan said, \"Peter is learning JavaScript\".";
+```
+
+エスケープによって、次に続く引用符が文字列の終わりではなく、文字列の中に出現する文字であることを JavaScript に伝えます。 この結果をコンソールに出力すると次のようになります。
+
+```js
+Alan said, "Peter is learning JavaScript".
+```
+
+# --instructions--
+
+バックスラッシュ を使用して `myStr` 変数に文字列を代入し、次のようにコンソールに出力されるようにしてください。
+
+```js
+I am a "double quoted" string inside "double quotes".
+```
+
+# --hints--
+
+2 つのダブルクォート (`"`) と 4 つのエスケープされたダブルクォート (`\"`) を使用する必要があります。
+
+```js
+assert(code.match(/\\"/g).length === 4 && code.match(/[^\\]"/g).length === 2);
+```
+
+変数 myStr は文字列 `I am a "double quoted" string inside "double quotes".` になる必要があります。
+
+```js
+assert(/I am a "double quoted" string inside "double quotes(\."|"\.)$/.test(myStr));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+ if(typeof myStr === 'string') {
+ console.log("myStr = \"" + myStr + "\"");
+ } else {
+ console.log("myStr is undefined");
+ }
+})();
+```
+
+## --seed-contents--
+
+```js
+const myStr = ""; // Change this line
+```
+
+# --solutions--
+
+```js
+const myStr = "I am a \"double quoted\" string inside \"double quotes\".";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md
new file mode 100644
index 0000000000..16d3f9dfbd
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md
@@ -0,0 +1,74 @@
+---
+id: 587d7b87367417b2b2512b3f
+title: var キーワードと let キーワードの違いについて
+challengeType: 1
+forumTopicId: 301202
+dashedName: explore-differences-between-the-var-and-let-keywords
+---
+
+# --description--
+
+`var` キーワードによる変数宣言の最も大きな問題の一つは、簡単に変数宣言を上書きできてしまうことです。
+
+```js
+var camper = "James";
+var camper = "David";
+console.log(camper);
+```
+
+上記のコードで、変数 `camper` は最初は `James` として宣言されていますが、その後 `David` に上書きされています。 そのためコンソールには文字列 `David` が表示されます。
+
+小規模なアプリケーションであれば、こうした問題は起きにくいかもしれまん。 しかし、コードの規模が大きくなると、変数を意図せずに誤って上書きしてしまう可能性が高くなります。 このような動作はエラーを返さないため、バグを見つけて修正することが難しくなります。
+
+JavaScript の大きなアップデートとなった ES6 では、`var`キーワードに伴うこうした潜在的な問題を解決するために `let` というキーワードが導入されました。 以降のチャレンジでは ES6 の他の機能についても学習します。
+
+上記のコードの `var` を `let` に置き換えた場合、結果はエラーになります。
+
+```js
+let camper = "James";
+let camper = "David";
+```
+
+エラーはブラウザーコンソールで確認できます。
+
+`var` とは違って、`let` を使用する場合は、同じ名前を持つ変数は一度だけしか宣言できません。
+
+# --instructions--
+
+`let` キーワードだけを使用するようにコードを更新してください。
+
+# --hints--
+
+`var` がコード内に存在しない必要があります。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`catName` は文字列 `Oliver` である必要があります。
+
+```js
+assert(catName === 'Oliver');
+```
+
+`catSound` は文字列 `Meow!` である必要があります。
+
+```js
+assert(catSound === 'Meow!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var catName = "Oliver";
+var catSound = "Meow!";
+```
+
+# --solutions--
+
+```js
+let catName = "Oliver";
+let catSound = "Meow!";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md
new file mode 100644
index 0000000000..8fb2db74ad
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c448eddfaeb5bdef
+title: 文字列の長さの取得
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cvmqEAd'
+forumTopicId: 18182
+dashedName: find-the-length-of-a-string
+---
+
+# --description--
+
+文字列変数または文字列リテラルの後に `.length` と記述することで、`String` 値の長さを取得することができます。
+
+```js
+console.log("Alan Peter".length);
+```
+
+この例では値 `10` がコンソールに表示されます。
+
+たとえば、変数 `const firstName = "Ada"` を作成した場合、`firstName.length` プロパティを使用して文字列 `Ada` の長さを取得できます。
+
+# --instructions--
+
+`.length` プロパティを使用して、`lastName` 変数の文字数をカウントし、それを `lastNameLength` に代入してください。
+
+# --hints--
+
+`// Setup` セクションの変数宣言を変更しないでください。
+
+```js
+assert(
+ code.match(/let lastNameLength = 0;/) &&
+ code.match(/const lastName = "Lovelace";/)
+);
+```
+
+`lastNameLength` は 8 になる必要があります。
+
+```js
+assert(typeof lastNameLength !== 'undefined' && lastNameLength === 8);
+```
+
+`lastName.length` のように、`.length` を使用して `lastName` の長さを取得する必要があります。
+
+```js
+assert(code.match(/=\s*lastName\.length/g) && !code.match(/lastName\s*=\s*8/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+let lastNameLength = 0;
+const lastName = "Lovelace";
+
+// Only change code below this line
+lastNameLength = lastName;
+```
+
+# --solutions--
+
+```js
+let lastNameLength = 0;
+const lastName = "Lovelace";
+lastNameLength = lastName.length;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
new file mode 100644
index 0000000000..1e04fcae0c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244ae
+title: JavaScript で割り算の余りを求める
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWP24Ub'
+forumTopicId: 18184
+dashedName: finding-a-remainder-in-javascript
+---
+
+# --description--
+
+剰余 演算子 `%` は 2 つの数値の割り算の余りを取得します。
+
+**例**
+
+5 % 2 = 1 なぜならば
+
+**使用例**
+数学では、ある数が偶数か奇数かを求めるために、その数を `2` で割った余りを調べることができます。
+
+17 % 2 = 1 (17 は奇数)
+
+**注:** 剰余 演算子はしばしばモジュロ演算子と混同されることがあります。 剰余はモジュロと非常によく似ていますが、負数では正しく機能しません。
+
+# --instructions--
+
+剰余 (`%`) 演算子を使用して、`remainder` が `11` を `3` で割った余りと等しくなるように設定してください。
+
+# --hints--
+
+変数 `remainder` を初期化する必要があります。
+
+```js
+assert(/(const|let|var)\s+?remainder/.test(code));
+```
+
+`remainder` の値は `2` になる必要があります。
+
+```js
+assert(remainder === 2);
+```
+
+`%` 演算子を使用してください。
+
+```js
+assert(/\s+?remainder\s*?=\s*?.*%.*;?/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y){return 'remainder = '+y;})(remainder);
+```
+
+## --seed-contents--
+
+```js
+const remainder = 0;
+```
+
+# --solutions--
+
+```js
+const remainder = 11 % 3;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md
new file mode 100644
index 0000000000..ec0283c6f6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md
@@ -0,0 +1,69 @@
+---
+id: cf1111c1c11feddfaeb9bdef
+title: JavaScript で小数の乱数を生成する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cyWJJs3'
+forumTopicId: 18185
+dashedName: generate-random-fractions-with-javascript
+---
+
+# --description--
+
+乱数はランダムな動作を作成するのに便利です。
+
+JavaScript には、`0` (含む) から `1` (含まない) の間の小数の乱数を生成する `Math.random()` 関数があります。 つまり、`Math.random()` は `0` を返すことはありますが、`1` を返すことは決してありません。
+
+**注意:** [代入演算子による値の格納](/learn/javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator)の場合と同様に、すべての関数呼び出しは `return` が実行される前に解決されるため、`Math.random()` 関数の値を `return` することができます。
+
+# --instructions--
+
+`0` の代わりに乱数を返すように、`randomFraction` を変更してください。
+
+# --hints--
+
+`randomFraction` は乱数を返す必要があります。
+
+```js
+assert(typeof randomFraction() === 'number');
+```
+
+`randomFraction` が返す数値は小数である必要があります。
+
+```js
+assert((randomFraction() + '').match(/\./g));
+```
+
+`Math.random` を使用して、小数の乱数を生成する必要があります。
+
+```js
+assert(code.match(/Math\.random/g).length >= 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){return randomFraction();})();
+```
+
+## --seed-contents--
+
+```js
+function randomFraction() {
+
+ // Only change code below this line
+
+ return 0;
+
+ // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function randomFraction() {
+ return Math.random();
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md
new file mode 100644
index 0000000000..bc65c0014d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md
@@ -0,0 +1,90 @@
+---
+id: cf1111c1c12feddfaeb1bdef
+title: JavaScript で整数の乱数を生成する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRn6bfr'
+forumTopicId: 18186
+dashedName: generate-random-whole-numbers-with-javascript
+---
+
+# --description--
+
+小数の乱数を生成できるのはとても便利ですが、それを利用して整数の乱数を生成すればさらに便利です。
+
+Math.random() を使用して小数の乱数を生成するその小数の乱数に 20 を掛ける 別の関数 Math.floor() を使用して小数点以下の端数を切り捨て、最も近い整数を得る スコープ と呼びます。 関数ブロックの外側で定義された変数は、グローバル のスコープを持ちます。 つまり、JavaScript コードのどこからでもその変数を参照することができます。
+
+`let` キーワードまたは `const` キーワードを使用せずに宣言された変数は、自動的に `global` スコープで作成されます。 これは、コード内の他の場所で、または関数を再び実行するときに、意図しない結果を引き起こす可能性があります。 変数は常に `let` または `const` で宣言するようにしてください。
+
+# --instructions--
+
+`let` または `const`を使用して、関数の外部で `myGlobal` という名前のグローバル変数を宣言し、 値 `10` で初期化してください。
+
+関数 `fun1` の内側で、`let` キーワードまたは `const` キーワードを***使用せずに***、`oopsGlobal` に `5` を代入してください。
+
+# --hints--
+
+`myGlobal` を定義する必要があります。
+
+```js
+assert(typeof myGlobal != 'undefined');
+```
+
+`myGlobal` の値は `10` である必要があります。
+
+```js
+assert(myGlobal === 10);
+```
+
+`myGlobal` は `let` キーワードまたは `const` キーワードを使用して宣言する必要があります。
+
+```js
+assert(/(let|const)\s+myGlobal/.test(code));
+```
+
+`oopsGlobal` はグローバル変数で、値は `5` である必要があります。
+
+```js
+assert(typeof oopsGlobal != 'undefined' && oopsGlobal === 5);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+ var nativeLog = console.log;
+ console.log = function (message) {
+ logOutput = message;
+ if(nativeLog.apply) {
+ nativeLog.apply(originalConsole, arguments);
+ } else {
+ var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+ nativeLog(nativeMsg);
+ }
+ };
+}
+
+function uncapture() {
+ console.log = originalConsole.log;
+}
+var oopsGlobal;
+capture();
+```
+
+## --after-user-code--
+
+```js
+fun1();
+fun2();
+uncapture();
+(function() { return logOutput || "console.log never called"; })();
+```
+
+## --seed-contents--
+
+```js
+// Declare the myGlobal variable below this line
+
+
+function fun1() {
+ // Assign 5 to oopsGlobal Here
+
+}
+
+// Only change code above this line
+
+function fun2() {
+ var output = "";
+ if (typeof myGlobal != "undefined") {
+ output += "myGlobal: " + myGlobal;
+ }
+ if (typeof oopsGlobal != "undefined") {
+ output += " oopsGlobal: " + oopsGlobal;
+ }
+ console.log(output);
+}
+```
+
+# --solutions--
+
+```js
+const myGlobal = 10;
+
+function fun1() {
+ oopsGlobal = 5;
+}
+
+function fun2() {
+ var output = "";
+ if(typeof myGlobal != "undefined") {
+ output += "myGlobal: " + myGlobal;
+ }
+ if(typeof oopsGlobal != "undefined") {
+ output += " oopsGlobal: " + oopsGlobal;
+ }
+ console.log(output);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md
new file mode 100644
index 0000000000..f95661799c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md
@@ -0,0 +1,77 @@
+---
+id: 56533eb9ac21ba0edf2244c0
+title: 関数のグローバルスコープとローカルスコープ
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QwKH2'
+forumTopicId: 18194
+dashedName: global-vs--local-scope-in-functions
+---
+
+# --description--
+
+ローカル 変数とグローバル 変数で同じ名前を使用することが可能です。 その場合は、ローカル変数がグローバル変数よりも優先されます。
+
+次の例を見てみましょう。
+
+```js
+const someVar = "Hat";
+
+function myFun() {
+ const someVar = "Head";
+ return someVar;
+}
+```
+
+ローカルの変数が存在するため、関数 `myFun` は文字列 `Head` を返します。
+
+# --instructions--
+
+`myOutfit` 関数にローカル変数を追加し、 `outerWear` の値を文字列 `sweater`で上書きしてください。
+
+# --hints--
+
+グローバルの `outerWear` の値を変更してはいけません。
+
+```js
+assert(outerWear === 'T-Shirt');
+```
+
+`myOutfit` は文字列 `sweater` を返す必要があります。
+
+```js
+assert(myOutfit() === 'sweater');
+```
+
+return ステートメントを変更してはいけません。
+
+```js
+assert(/return outerWear/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+const outerWear = "T-Shirt";
+
+function myOutfit() {
+ // Only change code below this line
+
+ // Only change code above this line
+ return outerWear;
+}
+
+myOutfit();
+```
+
+# --solutions--
+
+```js
+const outerWear = "T-Shirt";
+function myOutfit() {
+ const outerWear = "sweater";
+ return outerWear;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md
new file mode 100644
index 0000000000..b85228235a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md
@@ -0,0 +1,136 @@
+---
+id: 5664820f61c48e80c9fa476c
+title: ゴルフのプログラム
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9ykNUR'
+forumTopicId: 18195
+dashedName: golf-code
+---
+
+# --description--
+
+[ゴルフ](https://en.wikipedia.org/wiki/Golf)の試合では、各ホールに `par` (パー) が設定されています。これは、ゴルファーがボールをカップインさせてホールアウトするのに要すると考えられる平均 `strokes` (ストローク) 数です。 `strokes`数 が `par` よりどれだけ多いか少ないかによって、異なるニックネームが付いています。
+
+関数は引数として `par` と `strokes` を受け取ります。 次の表に対応した正しい文字列を返してください。この表はスコアの良い順 (最高から最低の順) にストロークを並べて記載しています。
+
+ストローク 戻り値 1 "Hole-in-one!" <= par - 2 "Eagle" par - 1 "Birdie" par "Par" par + 1 "Bogey" par + 2 "Double Bogey" >= par + 3 "Go Home!"
+
+`par` と `strokes` は常に正の数値になります。 すべての名称を含む配列をすでに追加してあります。
+
+# --hints--
+
+`golfScore(4, 1)` は文字列 `Hole-in-one!` を返す必要があります。
+
+```js
+assert(golfScore(4, 1) === 'Hole-in-one!');
+```
+
+`golfScore(4, 2)` は文字列 `Eagle` を返す必要があります。
+
+```js
+assert(golfScore(4, 2) === 'Eagle');
+```
+
+`golfScore(5, 2)` は文字列 `Eagle` を返す必要があります。
+
+```js
+assert(golfScore(5, 2) === 'Eagle');
+```
+
+`golfScore(4, 3)` は文字列 `Birdie` を返す必要があります。
+
+```js
+assert(golfScore(4, 3) === 'Birdie');
+```
+
+`golfScore(4, 4)` は文字列 `Par` を返す必要があります。
+
+```js
+assert(golfScore(4, 4) === 'Par');
+```
+
+`golfScore(1, 1)` は文字列 `Hole-in-one!` を返す必要があります。
+
+```js
+assert(golfScore(1, 1) === 'Hole-in-one!');
+```
+
+`golfScore(5, 5)` は文字列 `Par` を返す必要があります。
+
+```js
+assert(golfScore(5, 5) === 'Par');
+```
+
+`golfScore(4, 5)` は文字列 `Bogey` を返す必要があります。
+
+```js
+assert(golfScore(4, 5) === 'Bogey');
+```
+
+`golfScore(4, 6)` は文字列 `Double Bogey` を返す必要があります。
+
+```js
+assert(golfScore(4, 6) === 'Double Bogey');
+```
+
+`golfScore(4, 7)` は文字列 `Go Home!` を返す必要があります。
+
+```js
+assert(golfScore(4, 7) === 'Go Home!');
+```
+
+`golfScore(5, 9)` は文字列 `Go Home!` を返す必要があります。
+
+```js
+assert(golfScore(5, 9) === 'Go Home!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const names = ["Hole-in-one!", "Eagle", "Birdie", "Par", "Bogey", "Double Bogey", "Go Home!"];
+
+function golfScore(par, strokes) {
+ // Only change code below this line
+
+
+ return "Change Me";
+ // Only change code above this line
+}
+
+golfScore(5, 4);
+```
+
+# --solutions--
+
+```js
+function golfScore(par, strokes) {
+ if (strokes === 1) {
+ return "Hole-in-one!";
+ }
+
+ if (strokes <= par - 2) {
+ return "Eagle";
+ }
+
+ if (strokes === par - 1) {
+ return "Birdie";
+ }
+
+ if (strokes === par) {
+ return "Par";
+ }
+
+ if (strokes === par + 1) {
+ return "Bogey";
+ }
+
+ if(strokes === par + 2) {
+ return "Double Bogey";
+ }
+
+ return "Go Home!";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md
new file mode 100644
index 0000000000..703dea7bd6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244ac
+title: JavaScript で数値をインクリメントする
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8GLT9'
+forumTopicId: 18201
+dashedName: increment-a-number-with-javascript
+---
+
+# --description--
+
+`++` 演算子を使用して簡単に変数の値を 1 増やす (インクリメント する) ことができます。
+
+```js
+i++;
+```
+
+は次の式と等価です。
+
+```js
+i = i + 1;
+```
+
+**注:** この行全体が `i++;` となり、等号が不要になります。
+
+# --instructions--
+
+コードを変更して `myVar` で `++` 演算子を使用してください。
+
+# --hints--
+
+`myVar` は `88` に等しくなる必要があります。
+
+```js
+assert(myVar === 88);
+```
+
+代入演算子は使用しないでください。
+
+```js
+assert(
+ /let\s*myVar\s*=\s*87;\s*\/*.*\s*([+]{2}\s*myVar|myVar\s*[+]{2});/.test(code)
+);
+```
+
+`++` 演算子を使用する必要があります。
+
+```js
+assert(/[+]{2}\s*myVar|myVar\s*[+]{2}/.test(code));
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(/let myVar = 87;/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'myVar = ' + z;})(myVar);
+```
+
+## --seed-contents--
+
+```js
+let myVar = 87;
+
+// Only change code below this line
+myVar = myVar + 1;
+```
+
+# --solutions--
+
+```js
+let myVar = 87;
+myVar++;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md
new file mode 100644
index 0000000000..c143f463a8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md
@@ -0,0 +1,50 @@
+---
+id: 56533eb9ac21ba0edf2244a9
+title: 代入演算子で変数を初期化する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWJ4Bfb'
+forumTopicId: 301171
+dashedName: initializing-variables-with-the-assignment-operator
+---
+
+# --description--
+
+変数は宣言と同じ行の中で、初期値を使用して初期化 するのが一般的です。
+
+```js
+var myVar = 0;
+```
+
+上記は `myVar` という名前の新しい変数を作成し、初期値 `0` を代入します。
+
+# --instructions--
+
+変数 `a` を `var` で定義し、値 `9` で初期化してください。
+
+# --hints--
+
+`a` を値 `9` で初期化する必要があります。
+
+```js
+assert(/var\s+a\s*=\s*9(\s*;?\s*)$/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof a !== 'undefined') {(function(a){return "a = " + a;})(a);} else { (function() {return 'a is undefined';})(); }
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+var a = 9;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md
new file mode 100644
index 0000000000..e9a8a93887
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md
@@ -0,0 +1,114 @@
+---
+id: 56533eb9ac21ba0edf2244db
+title: else if ステートメントを導入する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caeJ2hm'
+forumTopicId: 18206
+dashedName: introducing-else-if-statements
+---
+
+# --description--
+
+処理を必要とする条件が複数ある場合は、`if` ステートメントと `else if` ステートメントをつなぎ合わせることができます。
+
+```js
+if (num > 15) {
+ return "Bigger than 15";
+} else if (num < 5) {
+ return "Smaller than 5";
+} else {
+ return "Between 5 and 15";
+}
+```
+
+# --instructions--
+
+`else if` ステートメントを使用するようにロジックを変えてください。
+
+# --hints--
+
+2 つ以上の `else` ステートメントを記述する必要があります。
+
+```js
+assert(code.match(/else/g).length > 1);
+```
+
+2 つ以上の `if` ステートメントを記述する必要があります。
+
+```js
+assert(code.match(/if/g).length > 1);
+```
+
+`if else` コードブロックごとに開始と終了の中括弧を置く必要があります。
+
+```js
+assert(
+ code.match(
+ /if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s+if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/
+ )
+);
+```
+
+`testElseIf(0)` は文字列 `Smaller than 5` を返す必要があります。
+
+```js
+assert(testElseIf(0) === 'Smaller than 5');
+```
+
+`testElseIf(5)` は文字列 `Between 5 and 10` を返す必要があります。
+
+```js
+assert(testElseIf(5) === 'Between 5 and 10');
+```
+
+`testElseIf(7)` は文字列 `Between 5 and 10` を返す必要があります。
+
+```js
+assert(testElseIf(7) === 'Between 5 and 10');
+```
+
+`testElseIf(10)` は文字列 `Between 5 and 10` を返す必要があります。
+
+```js
+assert(testElseIf(10) === 'Between 5 and 10');
+```
+
+`testElseIf(12)` は文字列 `Greater than 10` を返す必要があります。
+
+```js
+assert(testElseIf(12) === 'Greater than 10');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testElseIf(val) {
+ if (val > 10) {
+ return "Greater than 10";
+ }
+
+ if (val < 5) {
+ return "Smaller than 5";
+ }
+
+ return "Between 5 and 10";
+}
+
+testElseIf(7);
+```
+
+# --solutions--
+
+```js
+function testElseIf(val) {
+ if(val > 10) {
+ return "Greater than 10";
+ } else if(val < 5) {
+ return "Smaller than 5";
+ } else {
+ return "Between 5 and 10";
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md
new file mode 100644
index 0000000000..b40f77070c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244da
+title: else ステートメントを導入する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cek4Efq'
+forumTopicId: 18207
+dashedName: introducing-else-statements
+---
+
+# --description--
+
+`if` ステートメントの条件が true の場合は、その後のコードブロックが実行されます。 条件が false の場合はどうなるでしょうか？ 通常は何も起こりません。 `else` ステートメントを記述することによって、 別のコードブロックを実行できます。
+
+```js
+if (num > 10) {
+ return "Bigger than 10";
+} else {
+ return "10 or Less";
+}
+```
+
+# --instructions--
+
+複数の `if` ステートメントを 1 つの `if/else` ステートメントにまとめてください。
+
+# --hints--
+
+エディターでは 1 つの `if` ステートメントのみを記述する必要があります。
+
+```js
+assert(code.match(/if/g).length === 1);
+```
+
+`else` ステートメントを使用する必要があります。
+
+```js
+assert(/else/g.test(code));
+```
+
+`testElse(4)` は文字列 `5 or Smaller` を返す必要があります。
+
+```js
+assert(testElse(4) === '5 or Smaller');
+```
+
+`testElse(5)` は文字列 `5 or Smaller` を返す必要があります。
+
+```js
+assert(testElse(5) === '5 or Smaller');
+```
+
+`testElse(6)` は文字列 `Bigger than 5` を返す必要があります。
+
+```js
+assert(testElse(6) === 'Bigger than 5');
+```
+
+`testElse(10)` は文字列 `Bigger than 5` を返す必要があります。
+
+```js
+assert(testElse(10) === 'Bigger than 5');
+```
+
+指定のコメントの上または下のコードを変更しないでください。
+
+```js
+assert(/let result = "";/.test(code) && /return result;/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testElse(val) {
+ let result = "";
+ // Only change code below this line
+
+ if (val > 5) {
+ result = "Bigger than 5";
+ }
+
+ if (val <= 5) {
+ result = "5 or Smaller";
+ }
+
+ // Only change code above this line
+ return result;
+}
+
+testElse(4);
+```
+
+# --solutions--
+
+```js
+function testElse(val) {
+ let result = "";
+ if(val > 5) {
+ result = "Bigger than 5";
+ } else {
+ result = "5 or Smaller";
+ }
+ return result;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md
new file mode 100644
index 0000000000..37cf3c3bf5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md
@@ -0,0 +1,69 @@
+---
+id: 56104e9e514f539506016a5c
+title: for ループによる奇数の繰り返し処理
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cm8n7T9'
+forumTopicId: 18212
+dashedName: iterate-odd-numbers-with-a-for-loop
+---
+
+# --description--
+
+for ステートメントのループ処理は必ずしも 1 回に 1 つずつ繰り返す必要はありません。 `final-expression` の部分を変更して偶数ずつカウントすることができます。
+
+`i = 0` から始めて、`i < 10` の間、ループ処理を行います。 `i += 2` で、`i` をループごとに 2 ずつインクリメントします。
+
+```js
+const ourArray = [];
+
+for (let i = 0; i < 10; i += 2) {
+ ourArray.push(i);
+}
+```
+
+`ourArray` には `[0, 2, 4, 6, 8]` が格納されます。 奇数をカウントできるように `initialization` の部分を変更してみましょう。
+
+# --instructions--
+
+`for` ループを使用して、1 から 9 までの奇数を `myArray` に push してください。
+
+# --hints--
+
+この作業には `for` ループを使用してください。
+
+```js
+assert(/for\s*\([^)]+?\)/.test(code));
+```
+
+`myArray` は `[1, 3, 5, 7, 9]` になる必要があります。
+
+```js
+assert.deepEqual(myArray, [1, 3, 5, 7, 9]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+for (let i = 1; i < 10; i += 2) {
+ myArray.push(i);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md
new file mode 100644
index 0000000000..5f2b85751e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md
@@ -0,0 +1,81 @@
+---
+id: 5675e877dbd60be8ad28edc6
+title: for ループによる配列の繰り返し処理
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caeR3HB'
+forumTopicId: 18216
+dashedName: iterate-through-an-array-with-a-for-loop
+---
+
+# --description--
+
+JavaScript では配列の内容を繰り返し処理する作業をよく行います。 その方法の一つとして `for` ループを使用できます。 次のコードは、配列 `arr` の各要素をコンソールに出力します。
+
+```js
+const arr = [10, 9, 8, 7, 6];
+
+for (let i = 0; i < arr.length; i++) {
+ console.log(arr[i]);
+}
+```
+
+配列は 0 から始まるインデックスを持つことに注意してください。つまり、配列の最後のインデックスは `length - 1` になります。 このループ処理の条件は `i < arr.length` となっていて、`i` が `length` に等しくなるとループ処理を終了します。 この例では、最後の繰り返しは `i === 4` です。つまり、`i` が `arr.length - 1` に等しくなり、コンソールに `6` を出力します。 その後、`i` が加算されて `5` になると、`i < arr.length` が `false` となるため、ループ処理は終了します。
+
+# --instructions--
+
+変数 `total` を宣言し、`0` に初期化してください。 `for` ループを使用して、`myArr` 配列の各要素の値を `total` に追加してください。
+
+# --hints--
+
+`total` を宣言し、0 に初期化する必要があります。
+
+```js
+assert(code.match(/(var|let|const)\s*?total\s*=\s*0.*?;?/));
+```
+
+`total` は 20 と等しくなる必要があります。
+
+```js
+assert(total === 20);
+```
+
+`for` ループを使用して、`myArr` の繰り返し処理を行う必要があります。
+
+```js
+assert(/for\s*\(/g.test(code) && /myArr\s*\[/g.test(code));
+```
+
+値 20 を直接 `total` に代入しないでください。
+
+```js
+assert(!__helpers.removeWhiteSpace(code).match(/total[=+-]0*[1-9]+/gm));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){if(typeof total !== 'undefined') { return "total = " + total; } else { return "total is undefined";}})()
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArr = [2, 3, 4, 5, 6];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArr = [2, 3, 4, 5, 6];
+let total = 0;
+
+for (let i = 0; i < myArr.length; i++) {
+ total += myArr[i];
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md
new file mode 100644
index 0000000000..37a91a7ba7
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md
@@ -0,0 +1,105 @@
+---
+id: 5a2efd662fb457916e1fe604
+title: JavaScript の do...while ループによる繰り返し処理
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDqWGcp'
+forumTopicId: 301172
+dashedName: iterate-with-javascript-do---while-loops
+---
+
+# --description--
+
+次に学ぶループ処理のタイプは `do...while` ループと呼ばれるものです。 この処理が `do...while` ループと呼ばれるのは、最初にループ内のコードが無条件に 1 回実行 (`do`) され、その後、指定された条件が `true` と評価される間ずっと (`while`)、ループ処理が実行され続けるからです。
+
+```js
+const ourArray = [];
+let i = 0;
+
+do {
+ ourArray.push(i);
+ i++;
+} while (i < 5);
+```
+
+上記の例も他のタイプのループと同様の処理を行い、配列の結果は `[0, 1, 2, 3, 4]` のようになります。 しかし、`do...while` は他のループとは違って、最初の評価で条件を満たさない場合の動作が異なります。 これを実際の例で見ていきましょう。次は `i < 5` である限りループ処理を実行する通常の `while` ループです。
+
+```js
+const ourArray = [];
+let i = 5;
+
+while (i < 5) {
+ ourArray.push(i);
+ i++;
+}
+```
+
+この例では、`ourArray` の値を空の配列に初期化し、`i` の値を 5 に初期化しています。 この `while` ループを実行すると、`i` が 5 未満ではないため、条件の評価が `false` となり、ループ内のコードは実行されません。 その結果、`ourArray` には何も値が追加されません。上記の例のコードの実行がすべて完了しても `[]` のままです。 次に、`do...while` ループを見てみましょう。
+
+```js
+const ourArray = [];
+let i = 5;
+
+do {
+ ourArray.push(i);
+ i++;
+} while (i < 5);
+```
+
+この例でも、`while` ループの場合と同じように、`i` の値を 5 に初期化しています。 次の行に進むと、評価すべき条件がないため、中括弧内のコードに進み、そのコードを実行します。 そこでは配列に要素を 1つ追加し、`i` をインクリメントしてから、条件の評価に移ります。 最後の行で最終的に条件 `i < 5` を評価するときは、`i` は 6 になっていて、条件を満たさないため、ループを抜けて終了します。 上記の例の最後では、`ourArray` の値は `[5]` になっています。 `do...while` ループはその性質上、ループ内のコードを少なくとも 1 回は必ず実行します。 `do...while` ループを利用して配列に値を push してみましょう。
+
+# --instructions--
+
+コードの `while` ループを `do...while` ループに変更して、`myArray` に値 `10` だけを push し、コードの実行終了時に `i` が `11` に等しくなるようなループ処理を行ってください。
+
+# --hints--
+
+この課題には `do...while` ループを使用してください。
+
+```js
+assert(code.match(/do/g));
+```
+
+`myArray` は `[10]` に等しくなる必要があります。
+
+```js
+assert.deepEqual(myArray, [10]);
+```
+
+`i` は `11` に等しくなる必要があります。
+
+```js
+assert.equal(i, 11);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+let i = 10;
+
+// Only change code below this line
+while (i < 5) {
+ myArray.push(i);
+ i++;
+}
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+let i = 10;
+do {
+ myArray.push(i);
+ i++;
+} while (i < 5)
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md
new file mode 100644
index 0000000000..2c678b38f9
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md
@@ -0,0 +1,81 @@
+---
+id: cf1111c1c11feddfaeb5bdef
+title: JavaScript の for ループによる繰り返し処理
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9yNVCe'
+forumTopicId: 18219
+dashedName: iterate-with-javascript-for-loops
+---
+
+# --description--
+
+ループ処理によって、同じコードを何度も実行できます。
+
+JavaScript のループで最も一般的なのは、特定の回数を実行する `for` ループと呼ばれるものです。
+
+for ループは、セミコロンで区切られた 3 つの任意の式を使用して
+
+`for (a; b; c)` のように宣言します。ここで `a` は初期化式、`b` は条件式、`c` は最終式です。
+
+初期化式は、ループが開始される前に 1 回だけ実行されます。 通常はループ変数の定義と設定に使用します。
+
+条件式は各ループ処理の最初に評価され、`true` である限り繰り返されます。 繰り返し処理の開始時に条件が `false` になると、ループの実行が停止します。 したがって、条件の最初の評価が false の場合はループは決して実行されません。
+
+最終式は各ループ処理の最後、次の条件評価の前に実行されます。通常はループカウンターのインクリメントまたはデクリメントに使用します。
+
+次の例では、`i = 0` で初期化し、条件 `i < 5` が true である間、繰り返し処理を実行します。 最終式の `i++` により、各ループ処理で `i` を `1` ずつインクリメントします。
+
+```js
+const ourArray = [];
+
+for (let i = 0; i < 5; i++) {
+ ourArray.push(i);
+}
+```
+
+`ourArray` の値は `[0, 1, 2, 3, 4]` となります。
+
+# --instructions--
+
+`for` ループを使用して、1 から 5 までの値を `myArray` に push してください。
+
+# --hints--
+
+この課題には `for` ループを使用してください。
+
+```js
+assert(/for\s*\([^)]+?\)/.test(code));
+```
+
+`myArray` は `[1, 2, 3, 4, 5]` となる必要があります。
+
+```js
+assert.deepEqual(myArray, [1, 2, 3, 4, 5]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if (typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+for (let i = 1; i < 6; i++) {
+ myArray.push(i);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md
new file mode 100644
index 0000000000..3a15fb6336
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md
@@ -0,0 +1,75 @@
+---
+id: cf1111c1c11feddfaeb1bdef
+title: JavaScript の while ループによる繰り返し処理
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c8QbnCM'
+forumTopicId: 18220
+dashedName: iterate-with-javascript-while-loops
+---
+
+# --description--
+
+ループ処理によって、同じコードを何度も実行できます。
+
+まず最初に `while` ループと呼ばれるループ型を学習します。こう呼ばれるのは特定の条件が true である間 (while) は実行され、条件が true でなくなると終了するためです。
+
+```js
+const ourArray = [];
+let i = 0;
+
+while (i < 5) {
+ ourArray.push(i);
+ i++;
+}
+```
+
+上記のコード例では、`while` ループは 5 回実行され、0 から 4 までの数字を `ourArray` に追加します。
+
+while ループを利用して配列に値を push してみましょう。
+
+# --instructions--
+
+`while` ループを使用して、`myArray` に数字 5 ～ 0 を降順に追加してください。
+
+# --hints--
+
+この課題には `while` ループを使用してください。
+
+```js
+assert(code.match(/while/g));
+```
+
+`myArray` は `[5, 4, 3, 2, 1, 0]` となる必要があります。
+
+```js
+assert.deepEqual(myArray, [5, 4, 3, 2, 1, 0]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+let i = 5;
+while (i >= 0) {
+ myArray.push(i);
+ i--;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md
new file mode 100644
index 0000000000..2ee8a92478
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md
@@ -0,0 +1,86 @@
+---
+id: 56533eb9ac21ba0edf2244bf
+title: ローカルスコープと関数
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cd62NhM'
+forumTopicId: 18227
+dashedName: local-scope-and-functions
+---
+
+# --description--
+
+関数内で宣言された変数や、関数のパラメーターは、ローカル のスコープを持ちます。 つまり、それらは関数内でのみ参照されます。
+
+次は、`loc` というローカル変数を持つ関数 `myTest` です。
+
+```js
+function myTest() {
+ const loc = "foo";
+ console.log(loc);
+}
+
+myTest();
+console.log(loc);
+```
+
+`myTest()` 関数の呼び出しでは、コンソールに文字列 `foo` が表示されます。 `console.log(loc)` の行はエラーをスローします。これは、関数の外側では `loc` が定義されていないためです。
+
+# --instructions--
+
+エディターにある 2 つの `console.log` は動作を確認するのに役立ちます。 コーディングを行いながらコンソールをチェックして、どのような変化が起きるかを確認してください。 `myLocalScope` 内でローカル変数 `myVar` を宣言し、テストを実行してください。
+
+**注:** コンソールには `ReferenceError: myVar is not defined` と表示されますが、これが原因でテストが失敗することはありません。
+
+# --hints--
+
+コードにはグローバルの `myVar` 変数を含めないでください。
+
+```js
+function declared() {
+ myVar;
+}
+
+assert.throws(declared, ReferenceError);
+```
+
+ローカルの `myVar` 変数を追加する必要があります。
+
+```js
+assert(
+ /functionmyLocalScope\(\)\{.*(var|let|const)myVar[\s\S]*}/.test(
+ __helpers.removeWhiteSpace(code)
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function myLocalScope() {
+ // Only change code below this line
+
+ console.log('inside myLocalScope', myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log('outside myLocalScope', myVar);
+```
+
+# --solutions--
+
+```js
+function myLocalScope() {
+ // Only change code below this line
+ let myVar;
+ console.log('inside myLocalScope', myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log('outside myLocalScope', myVar);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md
new file mode 100644
index 0000000000..c5ba65adc3
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md
@@ -0,0 +1,109 @@
+---
+id: 5690307fddb111c6084545d7
+title: if else ステートメントの論理的順序
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cwNvMUV'
+forumTopicId: 18228
+dashedName: logical-order-in-if-else-statements
+---
+
+# --description--
+
+`if` ステートメント、`else if` ステートメントでは、順序が重要です。
+
+関数は上から下へと実行されるので、どのステートメントが先に来るかに気をつけるようにしてください。
+
+例として 2 つの関数を考えてみましょう。
+
+まず 1 つ目です。
+
+```js
+function foo(x) {
+ if (x < 1) {
+ return "Less than one";
+ } else if (x < 2) {
+ return "Less than two";
+ } else {
+ return "Greater than or equal to two";
+ }
+}
+```
+
+2 つ目は 1 つ目のステートメントの順序を入れ替えただけのものです。
+
+```js
+function bar(x) {
+ if (x < 2) {
+ return "Less than two";
+ } else if (x < 1) {
+ return "Less than one";
+ } else {
+ return "Greater than or equal to two";
+ }
+}
+```
+
+これら 2 つの関数は見かけはほとんど同じですが、両方に数値を渡すと異なる出力が得られます。
+
+```js
+foo(0)
+bar(0)
+```
+
+`foo(0)` は文字列 `Less than one` を返し、`bar(0)` は文字列 `Less than two` を返します。
+
+# --instructions--
+
+すべてのケースで適切なステートメントを返すように、関数内のロジックの順序を変更してください。
+
+# --hints--
+
+`orderMyLogic(4)` は文字列 `Less than 5` を返す必要があります。
+
+```js
+assert(orderMyLogic(4) === 'Less than 5');
+```
+
+`orderMyLogic(6)` は文字列 `Less than 10` を返す必要があります。
+
+```js
+assert(orderMyLogic(6) === 'Less than 10');
+```
+
+`orderMyLogic(11)` は文字列 `Greater than or equal to 10` を返す必要があります。
+
+```js
+assert(orderMyLogic(11) === 'Greater than or equal to 10');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function orderMyLogic(val) {
+ if (val < 10) {
+ return "Less than 10";
+ } else if (val < 5) {
+ return "Less than 5";
+ } else {
+ return "Greater than or equal to 10";
+ }
+}
+
+orderMyLogic(7);
+```
+
+# --solutions--
+
+```js
+function orderMyLogic(val) {
+ if(val < 5) {
+ return "Less than 5";
+ } else if (val < 10) {
+ return "Less than 10";
+ } else {
+ return "Greater than or equal to 10";
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md
new file mode 100644
index 0000000000..d58a3e57e0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md
@@ -0,0 +1,90 @@
+---
+id: 56bbb991ad1ed5201cd392cc
+title: pop() による配列の操作
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRbVZAB'
+forumTopicId: 18236
+dashedName: manipulate-arrays-with-pop
+---
+
+# --description--
+
+配列内のデータを変更する別の方法として、`.pop()` 関数を使用できます。
+
+`.pop()` は配列の末尾の値を取り出すのに使用します。 pop で取り出した値は、変数に代入して格納できます。 `.pop()` は配列から最後の要素を削除してその要素を返す、と言うこともできます。
+
+配列から任意の型の項目 (数値、文字列、さらにはネストされた配列) を取り出すことが可能です。
+
+```js
+const threeArr = [1, 4, 6];
+const oneDown = threeArr.pop();
+console.log(oneDown);
+console.log(threeArr);
+```
+
+最初の `console.log` は値 `6`を表示し、2 番目は値 `[1, 4]` を表示します。
+
+# --instructions--
+
+`.pop()` 関数を使用して、`myArray` の最後のアイテムを削除し、取り出した値を新しい変数 `removedFromMyArray` に代入してください。
+
+# --hints--
+
+`myArray` は `[["John", 23]]` のみを含む必要があります。
+
+```js
+assert(
+ (function (d) {
+ if (d[0][0] == 'John' && d[0][1] === 23 && d[1] == undefined) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myArray)
+);
+```
+
+`myArray` で `pop()` を使用する必要があります。
+
+```js
+assert(/removedFromMyArray\s*=\s*myArray\s*.\s*pop\s*(\s*)/.test(code));
+```
+
+`removedFromMyArray` は `["cat", 2]` のみを含む必要があります。
+
+```js
+assert(
+ (function (d) {
+ if (d[0] == 'cat' && d[1] === 2 && d[2] == undefined) {
+ return true;
+ } else {
+ return false;
+ }
+ })(removedFromMyArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if (typeof removedFromMyArray !== 'undefined') (function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removedFromMyArray = ' + JSON.stringify(z);})(myArray, removedFromMyArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["cat", 2]];
+const removedFromMyArray = myArray.pop();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md
new file mode 100644
index 0000000000..0c188a0579
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md
@@ -0,0 +1,78 @@
+---
+id: 56bbb991ad1ed5201cd392cb
+title: push() による配列の操作
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cnqmVtJ'
+forumTopicId: 18237
+dashedName: manipulate-arrays-with-push
+---
+
+# --description--
+
+`push()` 関数を使用して、配列の末尾に簡単にデータを追加することができます。
+
+`.push()` は 1 つ以上のパラメーター を受け取り、それらを配列の末尾に「プッシュ (押し込み)」します。
+
+例:
+
+```js
+const arr1 = [1, 2, 3];
+arr1.push(4);
+
+const arr2 = ["Stimpson", "J", "cat"];
+arr2.push(["happy", "joy"]);
+```
+
+`arr1` の値は `[1, 2, 3, 4]` になり、`arr2` の値は `["Stimpson", "J", "cat", ["happy", "joy"]]` になります。
+
+# --instructions--
+
+`["dog", 3]` を `myArray` 変数の末尾に push してください。
+
+# --hints--
+
+`myArray` は `[["John", 23], ["cat", 2], ["dog", 3]]` になる必要があります。
+
+```js
+assert(
+ (function (d) {
+ if (
+ d[2] != undefined &&
+ d[0][0] == 'John' &&
+ d[0][1] === 23 &&
+ d[2][0] == 'dog' &&
+ d[2][1] === 3 &&
+ d[2].length == 2
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'myArray = ' + JSON.stringify(z);})(myArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["cat", 2]];
+myArray.push(["dog",3]);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md
new file mode 100644
index 0000000000..eb09a80e6f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md
@@ -0,0 +1,88 @@
+---
+id: 56bbb991ad1ed5201cd392cd
+title: shift() による配列の操作
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRbVETW'
+forumTopicId: 18238
+dashedName: manipulate-arrays-with-shift
+---
+
+# --description--
+
+`pop()` は常に配列の最後の要素を削除します。 では、最初の要素を削除したい場合はどうすればいいでしょうか？
+
+そのような場合に使用するのが `.shift()` です。 これは `.pop()` と同様の動作をしますが、最後の要素ではなく最初の要素を削除します。
+
+例:
+
+```js
+const ourArray = ["Stimpson", "J", ["cat"]];
+const removedFromOurArray = ourArray.shift();
+```
+
+`removedFromOurArray` の値は文字列 `Stimpson` となり、`ourArray` は `["J", ["cat"]]` となります。
+
+# --instructions--
+
+`.shift()` 関数を使用して、`myArray` の最初のアイテムを削除し、取り出した値を新しい変数 `removedFromMyArray` に代入してください。
+
+# --hints--
+
+`myArray` は `[["dog", 3]]` となる必要があります。
+
+```js
+assert(
+ (function (d) {
+ if (d[0][0] == 'dog' && d[0][1] === 3 && d[1] == undefined) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myArray)
+);
+```
+
+`removedFromMyArray` は `["John", 23]` を含む必要があります。
+
+```js
+assert(
+ (function (d) {
+ if (
+ d[0] == 'John' &&
+ d[1] === 23 &&
+ typeof removedFromMyArray === 'object'
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(removedFromMyArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if (typeof removedFromMyArray !== 'undefined') (function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removedFromMyArray = ' + JSON.stringify(z);})(myArray, removedFromMyArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line
+const removedFromMyArray = myArray.shift();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md
new file mode 100644
index 0000000000..ce05d73829
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md
@@ -0,0 +1,79 @@
+---
+id: 56bbb991ad1ed5201cd392ce
+title: unshift() による配列の操作
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ckNDESv'
+forumTopicId: 18239
+dashedName: manipulate-arrays-with-unshift
+---
+
+# --description--
+
+`shift` を使用して配列の先頭から要素を取り出すだけでなく、`unshift` を使用して配列の先頭に要素を追加することも可能です。
+
+`.unshift()` は `.push()` とまったく同様の動作をします。ただし、`unshift()` は配列の末尾に要素を追加するのではなく、配列の先頭に要素を追加します。
+
+例:
+
+```js
+const ourArray = ["Stimpson", "J", "cat"];
+ourArray.shift();
+ourArray.unshift("Happy");
+```
+
+`shift` の後、`ourArray` の値は `["J", "cat"]` となります。 `unshift` の後、`ourArray` の値は `["Happy", "J", "cat"]` となります。
+
+# --instructions--
+
+`unshift()` を使用して、`myArray` 変数の先頭に `["Paul", 35]` を追加してください。
+
+# --hints--
+
+`myArray` は `[["Paul", 35], ["dog", 3]]` となる必要があります。
+
+```js
+assert(
+ (function (d) {
+ if (
+ typeof d[0] === 'object' &&
+ d[0][0] == 'Paul' &&
+ d[0][1] === 35 &&
+ d[1][0] != undefined &&
+ d[1][0] == 'dog' &&
+ d[1][1] != undefined &&
+ d[1][1] == 3
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })(myArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y, z){return 'myArray = ' + JSON.stringify(y);})(myArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+myArray.unshift(["Paul", 35]);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md
new file mode 100644
index 0000000000..7f11baa104
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md
@@ -0,0 +1,179 @@
+---
+id: 56533eb9ac21ba0edf2244cb
+title: 複雑なオブジェクトの操作
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9yNMfR'
+forumTopicId: 18208
+dashedName: manipulating-complex-objects
+---
+
+# --description--
+
+場合によっては、データを柔軟なデータ構造 に保存したいことがあります。 JavaScript オブジェクトは、柔軟性のあるデータを扱う方法の一つです。 オブジェクトでは、文字列 、数値 、ブール値 、配列 、関数 、オブジェクト の任意の組み合わせを使用できます。
+
+次は複雑なデータ構造の例です。
+
+```js
+const ourMusic = [
+ {
+ "artist": "Daft Punk",
+ "title": "Homework",
+ "release_year": 1997,
+ "formats": [
+ "CD",
+ "Cassette",
+ "LP"
+ ],
+ "gold": true
+ }
+];
+```
+
+これは内部にオブジェクトを 1 つ含む配列です。 このオブジェクトには、アルバムに関するさまざまなメタデータ があります。 また、ネストされた `formats` という配列もあります。 アルバムレコードを追加したい場合は、最上位の配列にレコードを追加することで実現できます。 オブジェクトではデータがプロパティに保持されます。プロパティはキーと値の組み合わせの形式を持ちます。 上記の例では、`"artist": "Daft Punk"` はプロパティで、`artist` というキーと `Daft Punk` という値を持っています。 データの格納に使用される関連のデータ交換形式として、[JavaScript Object Notation](http://www.json.org/) (`JSON`) という形式があります。
+
+```json
+{
+ "artist": "Daft Punk",
+ "title": "Homework",
+ "release_year": 1997,
+ "formats": [
+ "CD",
+ "Cassette",
+ "LP"
+ ],
+ "gold": true
+}
+```
+
+**注:** 配列内では、最後のオブジェクトを除くすべてのオブジェクトの後にコンマを置く必要があります。
+
+# --instructions--
+
+`myMusic` 配列に新しいアルバムを追加してください。 文字列の `artist` と `title`、数値の `release_year`、文字列配列の `formats` を追加してください。
+
+# --hints--
+
+`myMusic` は配列である必要があります。
+
+```js
+assert(Array.isArray(myMusic));
+```
+
+`myMusic` には、少なくとも 2 つの要素が必要です。
+
+```js
+assert(myMusic.length > 1);
+```
+
+`myMusic` 配列の要素はオブジェクトである必要があります。
+
+```js
+myMusic.forEach(object => {assert.typeOf(object, 'object')})
+```
+
+`myMusic` 内のオブジェクトには、少なくとも 4 つのプロパティが必要です。
+
+```js
+myMusic.forEach(object => {assert(Object.keys(object).length > 3); });
+```
+
+`myMusic` 内のオブジェクトには、文字列であるプロパティ `artist` が含まれている必要があります。
+
+```js
+myMusic.forEach(object => {
+ assert.containsAllKeys(object, ['artist']);
+ assert.typeOf(object.artist, 'string')
+})
+```
+
+`myMusic` 内のオブジェクトには、文字列であるプロパティ `title` が含まれている必要があります。
+
+```js
+myMusic.forEach(object => {
+ assert.containsAllKeys(object, ['title']);
+ assert.typeOf(object.title, 'string')
+})
+```
+
+`myMusic` 内のオブジェクトには、数値であるプロパティ `release_year` が含まれている必要があります。
+
+```js
+myMusic.forEach(object => {
+ assert.containsAllKeys(object, ['release_year']);
+ assert.typeOf(object.release_year, 'number')
+})
+```
+
+`myMusic` 内のオブジェクトには、配列であるプロパティ `formats` が含まれている必要があります。
+
+```js
+myMusic.forEach(object => {
+ assert.containsAllKeys(object, ['formats']);
+ assert.typeOf(object.formats, 'array')
+})
+```
+
+`formats` は少なくとも 2 つの要素を持つ文字列配列である必要があります。
+
+```js
+myMusic.forEach(object => {
+ object.formats.forEach(format => {
+ assert.typeOf(format, 'string')
+ });
+ assert.isAtLeast(object.formats.length, 2)
+})
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(x){ if (Array.isArray(x)) { return JSON.stringify(x); } return "myMusic is not an array"})(myMusic);
+```
+
+## --seed-contents--
+
+```js
+const myMusic = [
+ {
+ "artist": "Billy Joel",
+ "title": "Piano Man",
+ "release_year": 1973,
+ "formats": [
+ "CD",
+ "8T",
+ "LP"
+ ],
+ "gold": true
+ }
+];
+```
+
+# --solutions--
+
+```js
+const myMusic = [
+ {
+ "artist": "Billy Joel",
+ "title": "Piano Man",
+ "release_year": 1973,
+ "formats": [
+ "CS",
+ "8T",
+ "LP" ],
+ "gold": true
+ },
+ {
+ "artist": "ABBA",
+ "title": "Ring Ring",
+ "release_year": 1973,
+ "formats": [
+ "CS",
+ "8T",
+ "LP",
+ "CD",
+ ]
+ }
+];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md
new file mode 100644
index 0000000000..5d5603f1ed
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md
@@ -0,0 +1,87 @@
+---
+id: cf1111c1c11feddfaeb8bdef
+title: インデックスによる配列データの変更
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/czQM4A8'
+forumTopicId: 18241
+dashedName: modify-array-data-with-indexes
+---
+
+# --description--
+
+文字列とは異なり、配列の項目はミュータブル であり、配列が `const` で宣言されている場合であっても自由に変更することができます。
+
+**例**
+
+```js
+const ourArray = [50, 40, 30];
+ourArray[0] = 15;
+```
+
+`ourArray` の値は `[15, 40, 30]` となります。
+
+**注:** 「`array [0]`」のように、配列名と角括弧 (ブラケット) の間にスペースを入れないでください。 JavaScript はこれを正しく処理できますが、このコードを読む他のプログラマーを混乱させる恐れがあります。
+
+# --instructions--
+
+`myArray` のインデックス `0` に格納されているデータの値を `45` に変更してください。
+
+# --hints--
+
+`myArray` は `[45, 64, 99]` となる必要があります。
+
+```js
+assert(
+ (function () {
+ if (
+ typeof myArray != 'undefined' &&
+ myArray[0] == 45 &&
+ myArray[1] == 64 &&
+ myArray[2] == 99
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ })()
+);
+```
+
+正しいインデックスを使用して、`myArray` の値を変更する必要があります。
+
+```js
+assert(
+ (function () {
+ if (code.match(/myArray\[0\]\s*=\s*/g)) {
+ return true;
+ } else {
+ return false;
+ }
+ })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [18, 64, 99];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [18, 64, 99];
+myArray[0] = 45;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md
new file mode 100644
index 0000000000..97c4ffe410
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md
@@ -0,0 +1,149 @@
+---
+id: 56533eb9ac21ba0edf2244df
+title: switch ステートメントの複数の同一オプション
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cdBKWCV'
+forumTopicId: 18242
+dashedName: multiple-identical-options-in-switch-statements
+---
+
+# --description--
+
+`switch` ステートメントの `case` で `break` ステートメントを省略すると、`break` が現れるまで、その後の `case` ステートメント (1 つ以上) が実行されます。 同じ出力となる複数の入力がある場合、`switch` ステートメントで次のように表現できます。
+
+```js
+let result = "";
+switch(val) {
+ case 1:
+ case 2:
+ case 3:
+ result = "1, 2, or 3";
+ break;
+ case 4:
+ result = "4 alone";
+}
+```
+
+1、2、3 の case はすべて同じ結果を生成します。
+
+# --instructions--
+
+次の範囲の `answer` を設定するように switch ステートメントを記述してください。
+`1 ～ 3` - `Low`
+`4 ～ 6` - `Mid`
+`7 ～ 9` - `High`
+
+**注:** 範囲内の数値ごとに `case` ステートメントが必要です。
+
+# --hints--
+
+`sequentialSizes(1)` は文字列 `Low` を返す必要があります。
+
+```js
+assert(sequentialSizes(1) === 'Low');
+```
+
+`sequentialSizes(2)` は文字列 `Low` を返す必要があります。
+
+```js
+assert(sequentialSizes(2) === 'Low');
+```
+
+`sequentialSizes(3)` は文字列 `Low` を返す必要があります。
+
+```js
+assert(sequentialSizes(3) === 'Low');
+```
+
+`sequentialSizes(4)` は文字列 `Mid` を返す必要があります。
+
+```js
+assert(sequentialSizes(4) === 'Mid');
+```
+
+`sequentialSizes(5)` は文字列 `Mid` を返す必要があります。
+
+```js
+assert(sequentialSizes(5) === 'Mid');
+```
+
+`sequentialSizes(6)` は文字列 `Mid` を返す必要があります。
+
+```js
+assert(sequentialSizes(6) === 'Mid');
+```
+
+`sequentialSizes(7)` は文字列 `High` を返す必要があります。
+
+```js
+assert(sequentialSizes(7) === 'High');
+```
+
+`sequentialSizes(8)` は文字列 `High` を返す必要があります。
+
+```js
+assert(sequentialSizes(8) === 'High');
+```
+
+`sequentialSizes(9)` は文字列 `High` を返す必要があります。
+
+```js
+assert(sequentialSizes(9) === 'High');
+```
+
+`if` ステートメントまたは `else` ステートメントを使用しないでください。
+
+```js
+assert(!/else/g.test(code) || !/if/g.test(code));
+```
+
+9 つの `case` ステートメントが必要です。
+
+```js
+assert(code.match(/case/g).length === 9);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sequentialSizes(val) {
+ let answer = "";
+ // Only change code below this line
+
+
+
+ // Only change code above this line
+ return answer;
+}
+
+sequentialSizes(1);
+```
+
+# --solutions--
+
+```js
+function sequentialSizes(val) {
+ let answer = "";
+
+ switch(val) {
+ case 1:
+ case 2:
+ case 3:
+ answer = "Low";
+ break;
+ case 4:
+ case 5:
+ case 6:
+ answer = "Mid";
+ break;
+ case 7:
+ case 8:
+ case 9:
+ answer = "High";
+ }
+
+ return answer;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md
new file mode 100644
index 0000000000..4946ab96b5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md
@@ -0,0 +1,52 @@
+---
+id: bd7993c9c69feddfaeb7bdef
+title: JavaScript で 2 つの小数を掛け合わせる
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ce2GeHq'
+forumTopicId: 301173
+dashedName: multiply-two-decimals-with-javascript
+---
+
+# --description--
+
+JavaScript では小数の計算も整数と同様に行えます。
+
+2 つの小数を掛け合わせて積を計算してみましょう。
+
+# --instructions--
+
+`0.0` を変更して、積が `5.0` と等しくなるようにしてください。
+
+# --hints--
+
+変数 `product` は `5.0` に等しくなる必要があります。
+
+```js
+assert(product === 5.0);
+```
+
+`*` 演算子を使用する必要があります。
+
+```js
+assert(/\*/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y){return 'product = '+y;})(product);
+```
+
+## --seed-contents--
+
+```js
+const product = 2.0 * 0.0;
+```
+
+# --solutions--
+
+```js
+const product = 2.0 * 2.5;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md
new file mode 100644
index 0000000000..9a9b6126c0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md
@@ -0,0 +1,60 @@
+---
+id: cf1231c1c11feddfaeb5bdef
+title: JavaScript で 2 つの数値を掛け算する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cP3y3Aq'
+forumTopicId: 18243
+dashedName: multiply-two-numbers-with-javascript
+---
+
+# --description--
+
+数値どうしの掛け算をすることもできます。
+
+JavaScript では 2 つの数値の掛け算に `*` 記号を使用します。
+
+**例**
+
+```js
+const myVar = 13 * 13;
+```
+
+`myVar` の値は `169` になります。
+
+# --instructions--
+
+`0` を変更して、掛け算の積が `80` と等しくなるようにしてください。
+
+# --hints--
+
+変数 `product` は 80 に等しくなる必要があります。
+
+```js
+assert(product === 80);
+```
+
+`*` 演算子を使用する必要があります。
+
+```js
+assert(/\*/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'product = '+z;})(product);
+```
+
+## --seed-contents--
+
+```js
+const product = 8 * 0;
+```
+
+# --solutions--
+
+```js
+const product = 8 * 10;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md
new file mode 100644
index 0000000000..c34c413130
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md
@@ -0,0 +1,51 @@
+---
+id: cf1111c1c11feddfaeb7bdef
+title: ある配列を別の配列内にネストする
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/crZQZf8'
+forumTopicId: 18247
+dashedName: nest-one-array-within-another-array
+---
+
+# --description--
+
+次のように、配列を他の配列内にネストすることもできます。
+
+```js
+const teams = [["Bulls", 23], ["White Sox", 45]];
+```
+
+これは多次元配列 とも呼ばれます。
+
+# --instructions--
+
+`myArray` という名前のネストされた配列を作成してください。
+
+# --hints--
+
+`myArray` は、別の配列内にネストされた配列を少なくとも 1 つ持つ必要があります。
+
+```js
+assert(Array.isArray(myArray) && myArray.some(Array.isArray));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const myArray = [];
+```
+
+# --solutions--
+
+```js
+const myArray = [[1, 2, 3]];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md
new file mode 100644
index 0000000000..7b289a9378
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md
@@ -0,0 +1,92 @@
+---
+id: 56533eb9ac21ba0edf2244e1
+title: ネストした for ループ
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRn6GHM'
+forumTopicId: 18248
+dashedName: nesting-for-loops
+---
+
+# --description--
+
+多次元配列を処理する場合、前に学習した同じロジックを使用して、配列とサブ配列の両方をループ処理することができます。 例:
+
+```js
+const arr = [
+ [1, 2], [3, 4], [5, 6]
+];
+
+for (let i = 0; i < arr.length; i++) {
+ for (let j = 0; j < arr[i].length; j++) {
+ console.log(arr[i][j]);
+ }
+}
+```
+
+これは `arr` の各サブ要素を一度に 1 つずつ出力します。 `arr[i]` 自体が配列であるため、内側のループでは `arr[i]` の `.length` をチェックしていることに注意してください。
+
+# --instructions--
+
+`arr` のサブ配列のすべての数値の積を返すように、関数 `multiplyAll` を変更してください。
+
+# --hints--
+
+`multiplyAll([[1], [2], [3]])` は `6` を返す必要があります。
+
+```js
+assert(multiplyAll([[1], [2], [3]]) === 6);
+```
+
+`multiplyAll([[1, 2], [3, 4], [5, 6, 7]])` は `5040` を返す必要があります。
+
+```js
+assert(
+ multiplyAll([
+ [1, 2],
+ [3, 4],
+ [5, 6, 7]
+ ]) === 5040
+);
+```
+
+`multiplyAll([[5, 1], [0.2, 4, 0.5], [3, 9]])` は `54` を返す必要があります。
+
+```js
+assert(
+ multiplyAll([
+ [5, 1],
+ [0.2, 4, 0.5],
+ [3, 9]
+ ]) === 54
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function multiplyAll(arr) {
+ let product = 1;
+ // Only change code below this line
+
+ // Only change code above this line
+ return product;
+}
+
+multiplyAll([[1, 2], [3, 4], [5, 6, 7]]);
+```
+
+# --solutions--
+
+```js
+function multiplyAll(arr) {
+ let product = 1;
+ for (let i = 0; i < arr.length; i++) {
+ for (let j = 0; j < arr[i].length; j++) {
+ product *= arr[i][j];
+ }
+ }
+ return product;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md
new file mode 100644
index 0000000000..89a34ca54f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md
@@ -0,0 +1,120 @@
+---
+id: 56533eb9ac21ba0edf2244bd
+title: 引数を使用して関数に値を渡す
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy8rahW'
+forumTopicId: 18254
+dashedName: passing-values-to-functions-with-arguments
+---
+
+# --description--
+
+パラメーター は、関数が呼び出されたときに関数に入力される値のプレイスホルダーとして機能する変数です。 通常、関数を定義するときは 1 つ以上のパラメーターを一緒に定義します。 関数が呼び出されるときに入力される (または「渡される」 ) 実際の値のことを引数 と呼びます。
+
+次の関数は `param1` と `param2` の 2 つのパラメーターを持っています。
+
+```js
+function testFun(param1, param2) {
+ console.log(param1, param2);
+}
+```
+
+この `testFun` を `testFun("Hello", "World");` のように呼び出し、 `Hello` と `World` の 2 つの文字列を引数として渡すことができます。 関数の内部では、`param1` は文字列 `Hello` に等しくなり、`param2` は文字列 `World` に等しくなります。 別の引数を付けて再び `testFun` を呼び出すことができ、その場合、パラメーターは新しい引数の値を受け取ります。
+
+# --instructions--
+
+2 つの引数を受け取り、その合計を開発コンソールに出力する functionWithArgs という関数を作成してください。 2 つの数値を引数に取る関数を呼び出してください。 文字列 の値を記述するときは、開始と終了の引用符が同じ種類であればシングルクォートとダブルクォートのどちらも使用できます。 他のいくつかのプログラミング言語とは違い、JavaScript ではシングルクォートとダブルクォートは同様に機能します。
+
+```js
+const doubleQuoteStr = "This is a string";
+const singleQuoteStr = 'This is also a string';
+```
+
+1 つの文字列の中で両方の種類の引用符を使用したい場合、一方の引用符を他方の引用符の中で使用する必要があります。 たとえば、引用符で囲まれた会話を文字列に保存したい場合があります。 また、引用符で囲まれたさまざまな属性を持つ `` タグをまとめて文字列の中に保存したいという場合もあります。
+
+```js
+const conversation = 'Finn exclaims to Jake, "Algebraic!"';
+```
+
+ただし、最も外側の引用符を文字列の中で使用する必要がある場合には、問題となります。 前述のように、文字列の開始と終了には同じ種類の引用符を使用します。 しかし、その同じ引用符が中間のどこかに存在する場合は、文字列が意図したよりも早く終了してしまいエラーとなります。
+
+```js
+const goodStr = 'Jake asks Finn, "Hey, let\'s go on an adventure?"';
+const badStr = 'Finn responds, "Let's go!"';
+```
+
+この例の `badStr` はエラーを返します。
+
+上記の goodStr では、バックスラッシュ (日本語では円記号) `\` をエスケープ文字として使用することで、両方の引用符を問題なく使用することができます。
+
+**注:** バックスラッシュ `\` を斜線 `/` と混同しないでください。 これらの動作は同じではありません。
+
+# --instructions--
+
+用意された文字列を、開始と終了をシングルクォートで囲んだ、エスケープ文字を含まない文字列に変更してください。
+
+現在、文字列の中の ` ` タグでは至る所でダブルクォートが使用されています。 外側の引用符をシングルクォートに変更して、エスケープ文字を削除できるようにする必要があります。
+
+# --hints--
+
+すべてのバックスラッシュ (`\`) を削除する必要があります。
+
+```js
+assert(
+ !/\\/g.test(code) &&
+ myStr.match(
+ '\\s* \\s*Link\\s* \\s*'
+ )
+);
+```
+
+2 つのシングルクォート `'` と 4 つのダブルクォート `"` を使用する必要があります。
+
+```js
+assert(code.match(/"/g).length === 4 && code.match(/'/g).length === 2);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function() { return "myStr = " + myStr; })();
+```
+
+## --seed-contents--
+
+```js
+const myStr = "Link ";
+```
+
+# --solutions--
+
+```js
+const myStr = 'Link ';
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md
new file mode 100644
index 0000000000..c62d7f40b1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md
@@ -0,0 +1,181 @@
+---
+id: 56533eb9ac21ba0edf2244cf
+title: レコードコレクション
+challengeType: 1
+forumTopicId: 18261
+dashedName: record-collection
+---
+
+# --description--
+
+音楽アルバムのコレクションの一部を表すオブジェクトリテラルが用意されています。 各アルバムには、キーとして一意の ID 番号と、その他のいくつかのプロパティが含まれています。 情報が完全ではないアルバムもあります。
+
+まず `updateRecords` 関数から記述を始めてください。この関数はオブジェクトリテラル `records` を受け取ります。これには、音楽アルバムのコレクション、`id`、`prop` (`artist` や `tracks` など)、および `value` が含まれています。 次に示すルールに従って関数を完成させ、関数に渡すオブジェクトを変更してください。
+
+- 関数は常にレコードコレクションオブジェクト全体を返す必要があります。
+- `prop` が `tracks` ではなく、`value` が空文字列ではない場合は、アルバムの `prop` を `value` に更新または設定します。
+- `prop` が `tracks` であるものの、アルバムに `tracks` プロパティがない場合は、空の配列を作成してそこに `value` を追加します。
+- `prop` が `tracks` であり、`value` が空文字列ではない場合は、`value` をアルバムの既存の `tracks` 配列の末尾に追加します。
+- `value` が空文字列の場合は、指定された `prop` プロパティをアルバムから削除します。
+
+**注:** テストには `recordCollection` オブジェクトのコピーが使用されます。
+
+# --hints--
+
+`updateRecords(recordCollection, 5439, "artist", "ABBA")` の実行後、`artist` は文字列 `ABBA` になる必要があります。
+
+```js
+assert(
+ updateRecords(_recordCollection, 5439, 'artist', 'ABBA')[5439]['artist'] ===
+ 'ABBA'
+);
+```
+
+`updateRecords(recordCollection, 5439, "tracks", "Take a Chance on Me")` の実行後、`tracks` の末尾の要素は文字列 `Take a Chance on Me` になる必要があります。
+
+```js
+assert(
+ updateRecords(_recordCollection, 5439, 'tracks', 'Take a Chance on Me')[5439][
+ 'tracks'
+ ].pop() === 'Take a Chance on Me'
+);
+```
+
+`updateRecords(recordCollection, 2548, "artist", "")` の実行後、`artist` は設定されない必要があります。
+
+```js
+updateRecords(_recordCollection, 2548, 'artist', '');
+assert(!_recordCollection[2548].hasOwnProperty('artist'));
+```
+
+`updateRecords(recordCollection, 1245, "tracks", "Addicted to Love")` の実行後、`tracks` の末尾の要素は文字列 `Addicted to Love` になる必要があります。
+
+```js
+assert(
+ updateRecords(_recordCollection, 1245, 'tracks', 'Addicted to Love')[1245][
+ 'tracks'
+ ].pop() === 'Addicted to Love'
+);
+```
+
+`updateRecords(recordCollection, 2468, "tracks", "Free")` の実行後、`tracks` の先頭の要素は文字列 `1999` になる必要があります。
+
+```js
+assert(
+ updateRecords(_recordCollection, 2468, 'tracks', 'Free')[2468][
+ 'tracks'
+ ][0] === '1999'
+);
+```
+
+`updateRecords(recordCollection, 2548, "tracks", "")` の実行後、`tracks` は設定されない必要があります。
+
+```js
+updateRecords(_recordCollection, 2548, 'tracks', '');
+assert(!_recordCollection[2548].hasOwnProperty('tracks'));
+```
+
+`updateRecords(recordCollection, 1245, "albumTitle", "Riptide")` の実行後、`albumTitle` は文字列 `Riptide` になる必要があります。
+
+```js
+assert(
+ updateRecords(_recordCollection, 1245, 'albumTitle', 'Riptide')[1245][
+ 'albumTitle'
+ ] === 'Riptide'
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const _recordCollection = {
+ 2548: {
+ albumTitle: 'Slippery When Wet',
+ artist: 'Bon Jovi',
+ tracks: ['Let It Rock', 'You Give Love a Bad Name']
+ },
+ 2468: {
+ albumTitle: '1999',
+ artist: 'Prince',
+ tracks: ['1999', 'Little Red Corvette']
+ },
+ 1245: {
+ artist: 'Robert Palmer',
+ tracks: []
+ },
+ 5439: {
+ albumTitle: 'ABBA Gold'
+ }
+};
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const recordCollection = {
+ 2548: {
+ albumTitle: 'Slippery When Wet',
+ artist: 'Bon Jovi',
+ tracks: ['Let It Rock', 'You Give Love a Bad Name']
+ },
+ 2468: {
+ albumTitle: '1999',
+ artist: 'Prince',
+ tracks: ['1999', 'Little Red Corvette']
+ },
+ 1245: {
+ artist: 'Robert Palmer',
+ tracks: []
+ },
+ 5439: {
+ albumTitle: 'ABBA Gold'
+ }
+};
+
+// Only change code below this line
+function updateRecords(records, id, prop, value) {
+ return records;
+}
+
+updateRecords(recordCollection, 5439, 'artist', 'ABBA');
+```
+
+# --solutions--
+
+```js
+const recordCollection = {
+ 2548: {
+ albumTitle: 'Slippery When Wet',
+ artist: 'Bon Jovi',
+ tracks: ['Let It Rock', 'You Give Love a Bad Name']
+ },
+ 2468: {
+ albumTitle: '1999',
+ artist: 'Prince',
+ tracks: ['1999', 'Little Red Corvette']
+ },
+ 1245: {
+ artist: 'Robert Palmer',
+ tracks: []
+ },
+ 5439: {
+ albumTitle: 'ABBA Gold'
+ }
+};
+
+// Only change code below this line
+function updateRecords(records, id, prop, value) {
+ if (value === '') delete records[id][prop];
+ else if (prop === 'tracks') {
+ records[id][prop] = records[id][prop] || [];
+ records[id][prop].push(value);
+ } else {
+ records[id][prop] = value;
+ }
+
+ return records;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md
new file mode 100644
index 0000000000..e6d56c825b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md
@@ -0,0 +1,105 @@
+---
+id: 5cfa3679138e7d9595b9d9d4
+title: 再帰を使用してループを置き換える
+challengeType: 1
+videoUrl: >-
+ https://www.freecodecamp.org/news/how-recursion-works-explained-with-flowcharts-and-a-video-de61f40cb7f9/
+forumTopicId: 301175
+dashedName: replace-loops-using-recursion
+---
+
+# --description--
+
+関数が自分自身を呼び出せるという概念のことを再帰といいます。 再帰を理解するために、次の作業について考えてみましょう。配列の最初の `n` 個の要素を掛け合わせて、それらの要素の積を生成するとします。 これは次のように `for` ループを使用して記述できます。
+
+```js
+ function multiply(arr, n) {
+ let product = 1;
+ for (let i = 0; i < n; i++) {
+ product *= arr[i];
+ }
+ return product;
+ }
+```
+
+しかし、ここで `multiply(arr, n) == multiply(arr, n - 1) * arr[n - 1]` であることに注目してください。 つまり、`multiply` を自分自身で書き換えることが可能で、ループを使用する必要はありません。
+
+```js
+ function multiply(arr, n) {
+ if (n <= 0) {
+ return 1;
+ } else {
+ return multiply(arr, n - 1) * arr[n - 1];
+ }
+ }
+```
+
+`multiply` の再帰バージョンを詳しく説明すると次のようになります。 基準ケース は `n <= 0` であり、1 を返します。 `n` の値がこれより大きい場合、関数は `n - 1` を引数に取って自分自身を呼び出します。 この関数呼び出しは同じ方法で評価され、`n <= 0` となるまで、`multiply` を呼び出し続けます。 n <= 0 になった時点で、すべての関数が処理を返し、最初の `multiply` が答えを返します。
+
+**注:** 再帰関数では、関数の呼び出しをせずに制御を返す条件となる基準ケースを設定しておく必要があります (たとえば、この例では `n <= 0`)。これがないと再帰を無限に繰り返してしまいます。
+
+# --instructions--
+
+再帰関数の `sum(arr, n)` を記述してください。この関数は配列 `arr` の最初の `n` 個の要素の合計を返します。
+
+# --hints--
+
+`sum([1], 0)` は 0 と等しくなる必要があります。
+
+```js
+assert.equal(sum([1], 0), 0);
+```
+
+`sum([2, 3, 4], 1)` は 2 と等しくなる必要があります。
+
+```js
+assert.equal(sum([2, 3, 4], 1), 2);
+```
+
+`sum([2, 3, 4, 5], 3)` は 9 と等しくなる必要があります。
+
+```js
+assert.equal(sum([2, 3, 4, 5], 3), 9);
+```
+
+このコードには、どのような種類のループ (`for`、`while`、または `forEach`、`map`、`filter`、`reduce` のような高階関数) も使用しないでください。
+
+```js
+assert(
+ !code.match(/for|while|forEach|map|filter|reduce/g)
+);
+```
+
+この課題の解決には、再帰を使用してください。
+
+```js
+assert(
+ sum.toString().match(/sum\(.*\)/g).length > 1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sum(arr, n) {
+ // Only change code below this line
+
+ // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function sum(arr, n) {
+ // Only change code below this line
+ if(n <= 0) {
+ return 0;
+ } else {
+ return sum(arr, n - 1) + arr[n - 1];
+ }
+ // Only change code above this line
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md
new file mode 100644
index 0000000000..cbdef99d52
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md
@@ -0,0 +1,157 @@
+---
+id: 56533eb9ac21ba0edf2244e0
+title: if else のチェーンを switch に置き換える
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c3JE8fy'
+forumTopicId: 18266
+dashedName: replacing-if-else-chains-with-switch
+---
+
+# --description--
+
+選択肢となるオプションが多数ある場合、`switch` ステートメントを使用すると、たくさんの `if`/`else if` ステートメントをつなげるよりも記述が簡単になります。 次の例をご覧ください。
+
+```js
+if (val === 1) {
+ answer = "a";
+} else if (val === 2) {
+ answer = "b";
+} else {
+ answer = "c";
+}
+```
+
+これは次のように置き換えることができます。
+
+```js
+switch(val) {
+ case 1:
+ answer = "a";
+ break;
+ case 2:
+ answer = "b";
+ break;
+ default:
+ answer = "c";
+}
+```
+
+# --instructions--
+
+`if`/`else if` ステートメントのチェーンを `switch` ステートメントに変更してください。
+
+# --hints--
+
+プログラムにはどんな `else` ステートメントも使用しないでください。
+
+```js
+assert(!/else/g.test(code));
+```
+
+プログラムにはどんな `if` ステートメントも使用しないでください。
+
+```js
+assert(!/if/g.test(code));
+```
+
+少なくとも 4 つの `break` ステートメントを含める要があります。
+
+```js
+assert(code.match(/break/g).length >= 4);
+```
+
+`chainToSwitch("bob")` は文字列 `Marley` になる必要があります。
+
+```js
+assert(chainToSwitch('bob') === 'Marley');
+```
+
+`chainToSwitch(42)` は文字列 `The Answer` になる必要があります。
+
+```js
+assert(chainToSwitch(42) === 'The Answer');
+```
+
+`chainToSwitch(1)` は文字列 `There is no #1` になる必要があります。
+
+```js
+assert(chainToSwitch(1) === 'There is no #1');
+```
+
+`chainToSwitch(99)` は文字列 `Missed me by this much!` になる必要があります。
+
+```js
+assert(chainToSwitch(99) === 'Missed me by this much!');
+```
+
+`chainToSwitch(7)` は文字列 `Ate Nine` になる必要があります。
+
+```js
+assert(chainToSwitch(7) === 'Ate Nine');
+```
+
+`chainToSwitch("John")` は `""` (空文字列) になる必要があります。
+
+```js
+assert(chainToSwitch('John') === '');
+```
+
+`chainToSwitch(156)` は `""` (空文字列) になる必要があります。
+
+```js
+assert(chainToSwitch(156) === '');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function chainToSwitch(val) {
+ let answer = "";
+ // Only change code below this line
+
+ if (val === "bob") {
+ answer = "Marley";
+ } else if (val === 42) {
+ answer = "The Answer";
+ } else if (val === 1) {
+ answer = "There is no #1";
+ } else if (val === 99) {
+ answer = "Missed me by this much!";
+ } else if (val === 7) {
+ answer = "Ate Nine";
+ }
+
+ // Only change code above this line
+ return answer;
+}
+
+chainToSwitch(7);
+```
+
+# --solutions--
+
+```js
+function chainToSwitch(val) {
+ let answer = "";
+
+ switch(val) {
+ case "bob":
+ answer = "Marley";
+ break;
+ case 42:
+ answer = "The Answer";
+ break;
+ case 1:
+ answer = "There is no #1";
+ break;
+ case 99:
+ answer = "Missed me by this much!";
+ break;
+ case 7:
+ answer = "Ate Nine";
+ }
+ return answer;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md
new file mode 100644
index 0000000000..acb0c961de
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244c2
+title: return で関数から値を返す
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy87wue'
+forumTopicId: 18271
+dashedName: return-a-value-from-a-function-with-return
+---
+
+# --description--
+
+関数に値を渡すには引数 を使用します。 関数から値を返すには `return` ステートメントを使用します。
+
+**例**
+
+```js
+function plusThree(num) {
+ return num + 3;
+}
+
+const answer = plusThree(5);
+```
+
+`answer` の値は `8` になります。
+
+`plusThree` は、`num` を引数 として受け取り、`num + 3` に等しい値を返します。
+
+# --instructions--
+
+引数を 1 つ受け取り、引数に `5` を掛けた新しい値を返す関数 `timesFive` を作成してください。
+
+# --hints--
+
+`timesFive` は関数である必要があります。
+
+```js
+assert(typeof timesFive === 'function');
+```
+
+`timesFive(5)` は `25` を返す必要があります。
+
+```js
+assert(timesFive(5) === 25);
+```
+
+`timesFive(2)` は `10` を返す必要があります。
+
+```js
+assert(timesFive(2) === 10);
+```
+
+`timesFive(0)` は `0` を返す必要があります。
+
+```js
+assert(timesFive(0) === 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+function timesFive(num) {
+ return num * 5;
+}
+timesFive(10);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md
new file mode 100644
index 0000000000..bb089b8be1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244c4
+title: 関数を早めに return させる
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cQe39Sq'
+forumTopicId: 18272
+dashedName: return-early-pattern-for-functions
+---
+
+# --description--
+
+`return` ステートメントに達すると、現在の関数の実行が停止し、元の呼び出し場所に制御が戻ります。
+
+**例**
+
+```js
+function myFun() {
+ console.log("Hello");
+ return "World";
+ console.log("byebye")
+}
+myFun();
+```
+
+上記は文字列 `Hello` をコンソールに表示し、文字列 `World` を返します。 `return` ステートメントで関数が終了するため、文字列 `byebye` がコンソールに表示されることはありません。
+
+# --instructions--
+
+関数 `abTest` を変更して、`a` または `b` が `0` より小さい場合に関数が `undefined` の値を返して直ちに終了するようにしてください。
+
+**ヒント**
+[`undefined` はキーワード](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables)であって、文字列ではないことに注意してください。
+
+# --hints--
+
+`abTest(2, 2)` は数値を返す必要があります。
+
+```js
+assert(typeof abTest(2, 2) === 'number');
+```
+
+`abTest(2, 2)` は `8` を返す必要があります。
+
+```js
+assert(abTest(2, 2) === 8);
+```
+
+`abTest(-2, 2)` は `undefined` を返す必要があります。
+
+```js
+assert(abTest(-2, 2) === undefined);
+```
+
+`abTest(2, -2)` は `undefined` を返す必要があります。
+
+```js
+assert(abTest(2, -2) === undefined);
+```
+
+`abTest(2, 8)` は `18` を返す必要があります。
+
+```js
+assert(abTest(2, 8) === 18);
+```
+
+`abTest(3, 3)` は `12` を返す必要があります。
+
+```js
+assert(abTest(3, 3) === 12);
+```
+
+`abTest(0, 0)` は `0` を返す必要があります。
+
+```js
+assert(abTest(0, 0) === 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function abTest(a, b) {
+ // Only change code below this line
+
+
+
+ // Only change code above this line
+
+ return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+
+abTest(2,2);
+```
+
+# --solutions--
+
+```js
+function abTest(a, b) {
+ if(a < 0 || b < 0) {
+ return undefined;
+ }
+ return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md
new file mode 100644
index 0000000000..1961afbd06
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md
@@ -0,0 +1,82 @@
+---
+id: 5679ceb97cbaa8c51670a16b
+title: 関数からブール値を返す
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cp62qAQ'
+forumTopicId: 18273
+dashedName: returning-boolean-values-from-functions
+---
+
+# --description--
+
+[等価演算子による比較](/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator)で説明しましたが、比較演算子はすべて、ブール値の `true` または `false` を返します。
+
+次のように `if/else` ステートメントを使用して比較を行うこともできます。
+
+```js
+function isEqual(a, b) {
+ if (a === b) {
+ return true;
+ } else {
+ return false;
+ }
+}
+```
+
+しかし、もっと良い方法があります。 `===` は `true` または `false` を返すので、比較の結果をそのまま返すことができます。
+
+```js
+function isEqual(a, b) {
+ return a === b;
+}
+```
+
+# --instructions--
+
+関数 `isLess` を修正して、`if/else` ステートメントを削除してください。
+
+# --hints--
+
+`isLess(10, 15)` は `true` を返す必要があります。
+
+```js
+assert(isLess(10, 15) === true);
+```
+
+`isLess(15, 10)` は `false` を返す必要があります。
+
+```js
+assert(isLess(15, 10) === false);
+```
+
+`if` ステートメントまたは `else` ステートメントを使用しないでください。
+
+```js
+assert(!/if|else/g.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isLess(a, b) {
+ // Only change code below this line
+ if (a < b) {
+ return true;
+ } else {
+ return false;
+ }
+ // Only change code above this line
+}
+
+isLess(10, 15);
+```
+
+# --solutions--
+
+```js
+function isLess(a, b) {
+ return a < b;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md
new file mode 100644
index 0000000000..63e1696c10
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md
@@ -0,0 +1,114 @@
+---
+id: 56533eb9ac21ba0edf2244dd
+title: switch ステートメントを使用して多数の選択肢から選択する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c4mv4fm'
+forumTopicId: 18277
+dashedName: selecting-from-many-options-with-switch-statements
+---
+
+# --description--
+
+選択肢が多数ある場合は switch ステートメントを使用してください。 `switch` ステートメントは値を調べますが、多数の case ステートメントを記述してさまざまな値の候補を定義することができます。 条件が一致した最初の `case` 値から `break` に達するまで、ステートメントが実行されます。
+
+次は `switch` ステートメントの例です。
+
+```js
+switch(lowercaseLetter) {
+ case "a":
+ console.log("A");
+ break;
+ case "b":
+ console.log("B");
+ break;
+}
+```
+
+`case` の値は厳密等価 (`===`) によりテストされます。 `break` は、ステートメントの実行を停止するよう JavaScript に指示します。 `break` が省略されている場合は次のステートメントが実行されます。
+
+# --instructions--
+
+`val` をテストし、次の条件で `answer` を設定する switch ステートメントを記述してください。
+`1` - `alpha`
+`2` - `beta`
+`3` - `gamma`
+`4` - `delta`
+
+# --hints--
+
+`caseInSwitch(1)` の値は文字列 `alpha` となる必要があります。
+
+```js
+assert(caseInSwitch(1) === 'alpha');
+```
+
+`caseInSwitch(2)` の値は文字列 `beta` となる必要があります。
+
+```js
+assert(caseInSwitch(2) === 'beta');
+```
+
+`caseInSwitch(3)` の値は文字列 `gamma` となる必要があります。
+
+```js
+assert(caseInSwitch(3) === 'gamma');
+```
+
+`caseInSwitch(4)` の値は文字列 `delta` となる必要があります。
+
+```js
+assert(caseInSwitch(4) === 'delta');
+```
+
+`if` ステートメントまたは `else` ステートメントを使用しないでください。
+
+```js
+assert(!/else/g.test(code) || !/if/g.test(code));
+```
+
+少なくとも 3 つの `break` ステートメントを記述する必要があります。
+
+```js
+assert(code.match(/break/g).length > 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function caseInSwitch(val) {
+ let answer = "";
+ // Only change code below this line
+
+
+
+ // Only change code above this line
+ return answer;
+}
+
+caseInSwitch(1);
+```
+
+# --solutions--
+
+```js
+function caseInSwitch(val) {
+ let answer = "";
+
+ switch(val) {
+ case 1:
+ answer = "alpha";
+ break;
+ case 2:
+ answer = "beta";
+ break;
+ case 3:
+ answer = "gamma";
+ break;
+ case 4:
+ answer = "delta";
+ }
+ return answer;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md
new file mode 100644
index 0000000000..fab296dcfa
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md
@@ -0,0 +1,97 @@
+---
+id: 56533eb9ac21ba0edf2244bc
+title: ショッピングリスト
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9MEKHZ'
+forumTopicId: 18280
+dashedName: shopping-list
+---
+
+# --description--
+
+変数 `myList` にショッピングリストを作成してください。 リストは、複数のサブ配列を含む多次元配列とします。
+
+各サブ配列の最初の要素には、商品の名前を持つ文字列を含める必要があります。 2 番目の要素は、数量を表す数値としてください。
+
+```js
+["Chocolate Bar", 15]
+```
+
+リストには、少なくとも 5 つのサブ配列が必要です。
+
+# --hints--
+
+`myList` は配列である必要があります。
+
+```js
+assert(isArray);
+```
+
+各サブ配列の最初の要素は、すべて文字列である必要があります。
+
+```js
+assert(hasString);
+```
+
+各サブ配列の 2 番目の要素は、すべて数値である必要があります。
+
+```js
+assert(hasNumber);
+```
+
+リストには少なくとも 5 つのアイテムが必要です。
+
+```js
+assert(count > 4);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+var count = 0;
+var isArray = false;
+var hasString = false;
+var hasNumber = false;
+(function(list){
+ if(Array.isArray(myList)) {
+ isArray = true;
+ if(myList.length > 0) {
+ hasString = true;
+ hasNumber = true;
+ for (var elem of myList) {
+ if(!elem || !elem[0] || typeof elem[0] !== 'string') {
+ hasString = false;
+ }
+ if(!elem || typeof elem[1] !== 'number') {
+ hasNumber = false;
+ }
+ }
+ }
+ count = myList.length;
+ return JSON.stringify(myList);
+ } else {
+ return "myList is not an array";
+ }
+
+})(myList);
+```
+
+## --seed-contents--
+
+```js
+const myList = [];
+```
+
+# --solutions--
+
+```js
+const myList = [
+ ["Candy", 10],
+ ["Potatoes", 12],
+ ["Eggs", 12],
+ ["Catfood", 1],
+ ["Toads", 9]
+];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md
new file mode 100644
index 0000000000..f3f4c4fb96
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md
@@ -0,0 +1,116 @@
+---
+id: 56533eb9ac21ba0edf2244c6
+title: 1 列に並べる
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8Q8tP'
+forumTopicId: 18307
+dashedName: stand-in-line
+---
+
+# --description--
+
+コンピューターサイエンスでは、アイテムを順に保存する抽象的なデータ構造 としてキュー を使用します。 新しいアイテムはキューの末尾に追加され、古いアイテムはキューの先頭から削除されます。
+
+配列 (`arr`) と数値 (`item`) を引数として取る関数 `nextInLine` を記述してください。
+
+配列の末尾に数値を追加し、それから配列の先頭の要素を削除してください。
+
+その後、`nextInLine` 関数は削除された要素を返す必要があります。
+
+# --hints--
+
+`nextInLine([], 5)` は数値を返す必要があります。
+
+```js
+assert.isNumber(nextInLine([], 5));
+```
+
+`nextInLine([], 1)` は `1` を返す必要があります。
+
+```js
+assert(nextInLine([], 1) === 1);
+```
+
+`nextInLine([2], 1)` は `2` を返す必要があります。
+
+```js
+assert(nextInLine([2], 1) === 2);
+```
+
+`nextInLine([5,6,7,8,9], 1)` は `5` を返す必要があります。
+
+```js
+assert(nextInLine([5, 6, 7, 8, 9], 1) === 5);
+```
+
+`nextInLine(testArr, 10)` の実行後、`testArr[4]` は `10` となる必要があります。
+
+```js
+nextInLine(testArr, 10);
+assert(testArr[4] === 10);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var logOutput = [];
+var originalConsole = console
+function capture() {
+ var nativeLog = console.log;
+ console.log = function (message) {
+ logOutput.push(message);
+ if(nativeLog.apply) {
+ nativeLog.apply(originalConsole, arguments);
+ } else {
+ var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+ nativeLog(nativeMsg);
+ }
+ };
+}
+
+function uncapture() {
+ console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+testArr = [1,2,3,4,5];
+(function() { return logOutput.join("\n");})();
+```
+
+## --seed-contents--
+
+```js
+function nextInLine(arr, item) {
+ // Only change code below this line
+
+ return item;
+ // Only change code above this line
+}
+
+// Setup
+const testArr = [1, 2, 3, 4, 5];
+
+// Display code
+console.log("Before: " + JSON.stringify(testArr));
+console.log(nextInLine(testArr, 6));
+console.log("After: " + JSON.stringify(testArr));
+```
+
+# --solutions--
+
+```js
+const testArr = [1, 2, 3, 4, 5];
+
+function nextInLine(arr, item) {
+ arr.push(item);
+ return arr.shift();
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md
new file mode 100644
index 0000000000..29d766e701
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md
@@ -0,0 +1,63 @@
+---
+id: bd7993c9c69feddfaeb8bdef
+title: JavaScript の配列を使用して 1 つの変数に複数の値を格納する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/crZQWAm'
+forumTopicId: 18309
+dashedName: store-multiple-values-in-one-variable-using-javascript-arrays
+---
+
+# --description--
+
+JavaScript の `array` 変数を使用すると、複数のデータを一か所に格納できます。
+
+配列を宣言するには、開始の角括弧を記述して宣言を開始し、各項目の間にコンマを入れ、最後に終了の角括弧を記述します。
+
+```js
+const sandwich = ["peanut butter", "jelly", "bread"];
+```
+
+# --instructions--
+
+文字列と数値の両方を (この順序で) 含むように、新しい配列 `myArray` を変更してください。
+
+# --hints--
+
+`myArray` は配列である必要があります。
+
+```js
+assert(typeof myArray == 'object');
+```
+
+`myArray` の最初の項目は文字列である必要があります。
+
+```js
+assert(typeof myArray[0] !== 'undefined' && typeof myArray[0] == 'string');
+```
+
+`myArray` の 2 番目の項目は数値である必要があります。
+
+```js
+assert(typeof myArray[1] !== 'undefined' && typeof myArray[1] == 'number');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myArray);
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const myArray = [];
+```
+
+# --solutions--
+
+```js
+const myArray = ["The Answer", 42];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md
new file mode 100644
index 0000000000..675f11c368
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md
@@ -0,0 +1,77 @@
+---
+id: 56533eb9ac21ba0edf2244a8
+title: 代入演算子を使用して値を格納する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cEanysE'
+forumTopicId: 18310
+dashedName: storing-values-with-the-assignment-operator
+---
+
+# --description--
+
+JavaScript では、代入 演算子 (`=`) を使用して値を変数に格納できます。
+
+```js
+myVariable = 5;
+```
+
+この例は `Number` 値 `5` を `myVariable` に代入します。
+
+`=` 演算子の右側に何らかの計算式がある場合は、それらの計算が実行されてから、左側の変数に値が代入されます。
+
+```js
+var myVar;
+myVar = 5;
+```
+
+最初に、このコードは `myVar` という名前の変数を作成します。 次に、`5` を `myVar` に代入します。 これ以降、`myVar` がコードに再び出現した場合、プログラムはそれを `5` であるかのように扱います。
+
+# --instructions--
+
+値 `7` を変数 `a` に代入してください。
+
+# --hints--
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(/var a;/.test(code));
+```
+
+`a` の値は 7 である必要があります。
+
+```js
+assert(typeof a === 'number' && a === 7);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+if (typeof a != 'undefined') {
+ a = undefined;
+}
+```
+
+## --after-user-code--
+
+```js
+(function(a){return "a = " + a;})(a);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+var a;
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+var a;
+a = 7;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
new file mode 100644
index 0000000000..e874e0e646
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb4bdef
+title: JavaScript で、ある数値から別の数値を引き算する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cP3yQtk'
+forumTopicId: 18314
+dashedName: subtract-one-number-from-another-with-javascript
+---
+
+# --description--
+
+ある数値から別の数値を引き算することもできます。
+
+JavaScript では減算記号として `-` を使用します。
+
+**例**
+
+```js
+const myVar = 12 - 6;
+```
+
+`myVar` の値は `6` になります。
+# --instructions--
+
+差が `12` になるように `0` を変更してください。
+
+# --hints--
+
+変数 `difference` は 12 に等しくなる必要があります。
+
+```js
+assert(difference === 12);
+```
+
+45 から 1 つの数値だけを引いてください。
+
+```js
+assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'difference = '+z;})(difference);
+```
+
+## --seed-contents--
+
+```js
+const difference = 45 - 0;
+```
+
+# --solutions--
+
+```js
+const difference = 45 - 33;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md
new file mode 100644
index 0000000000..f01d516d21
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md
@@ -0,0 +1,98 @@
+---
+id: 567af2437cbaa8c51670a16c
+title: オブジェクトにプロパティがあるかどうかをテストする
+challengeType: 1
+forumTopicId: 18324
+dashedName: testing-objects-for-properties
+---
+
+# --description--
+
+指定されたオブジェクトにプロパティが存在するかどうかをチェックできると便利なことがあります。 オブジェクトの `.hasOwnProperty(propname)` メソッドを使用すると、そのオブジェクトが指定されたプロパティ名を持っているかどうかを確認することができます。 `.hasOwnProperty()` はプロパティの有無に応じて、`true` または `false` を返します。
+
+**例**
+
+```js
+const myObj = {
+ top: "hat",
+ bottom: "pants"
+};
+
+myObj.hasOwnProperty("top");
+myObj.hasOwnProperty("middle");
+```
+
+最初の `hasOwnProperty` は `true` を返し、2 つ目は `false` を返します。
+
+# --instructions--
+
+関数に渡されたオブジェクト (`obj`) に特定のプロパティ (`checkProp`) が含まれているかどうかをテストするように、関数 `checkObj` を変更してください。 プロパティが見つかった場合は、そのプロパティの値を返してください。 見つからなかった場合は、`"Not Found"` を返してください。
+
+# --hints--
+
+`checkObj({gift: "pony", pet: "kitten", bed: "sleigh"}, "gift")` は文字列 `pony` を返す必要があります。
+
+```js
+assert(
+ checkObj({ gift: 'pony', pet: 'kitten', bed: 'sleigh' }, 'gift') === 'pony'
+);
+```
+
+`checkObj({gift: "pony", pet: "kitten", bed: "sleigh"}, "pet")` は文字列 `kitten` を返す必要があります。
+
+```js
+assert(
+ checkObj({ gift: 'pony', pet: 'kitten', bed: 'sleigh' }, 'pet') === 'kitten'
+);
+```
+
+`checkObj({gift: "pony", pet: "kitten", bed: "sleigh"}, "house")` は文字列 `Not Found` を返す必要があります。
+
+```js
+assert(
+ checkObj({ gift: 'pony', pet: 'kitten', bed: 'sleigh' }, 'house') ===
+ 'Not Found'
+);
+```
+
+`checkObj({city: "Seattle"}, "city")` は文字列 `Seattle` を返す必要があります。
+
+```js
+assert(checkObj({ city: 'Seattle' }, 'city') === 'Seattle');
+```
+
+`checkObj({city: "Seattle"}, "district")` は文字列 `Not Found` を返す必要があります。
+
+```js
+assert(checkObj({ city: 'Seattle' }, 'district') === 'Not Found');
+```
+
+`checkObj({pet: "kitten", bed: "sleigh"}, "gift")` は文字列 `Not Found` を返す必要があります。
+
+```js
+assert(checkObj({ pet: 'kitten', bed: 'sleigh' }, 'gift') === 'Not Found');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkObj(obj, checkProp) {
+ // Only change code below this line
+ return "Change Me!";
+ // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function checkObj(obj, checkProp) {
+ if(obj.hasOwnProperty(checkProp)) {
+ return obj[checkProp];
+ } else {
+ return "Not Found";
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md
new file mode 100644
index 0000000000..5bfc381cef
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244ba
+title: 文字列の不変性を理解する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWPVaUR'
+forumTopicId: 18331
+dashedName: understand-string-immutability
+---
+
+# --description--
+
+JavaScript では、`String` の値はイミュータブル です。つまり、作成後に変更することはできません。
+
+たとえば次のコードをご覧ください。
+
+```js
+let myStr = "Bob";
+myStr[0] = "J";
+```
+
+このコードでは、`myStr` の値を `Job` に変えることはできません。`myStr` の内容を変更することができないからです。 これは `myStr` を変更できないという*意味ではない*ことに注意してください。文字列リテラル の個々の文字を変更することはできない、というだけです。 `myStr` を変更する唯一の方法は、次のように新しい文字列を代入することです。
+
+```js
+let myStr = "Bob";
+myStr = "Job";
+```
+
+# --instructions--
+
+上の例で説明したアプローチに従って、文字列 `Hello World` を値として含むよう、`myStr` への代入を修正してください。
+
+# --hints--
+
+`myStr` の値は文字列 `Hello World` になる必要があります。
+
+```js
+assert(myStr === 'Hello World');
+```
+
+指定のコメントより上にあるコードを変更しないでください。
+
+```js
+assert(/myStr = "Jello World"/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return "myStr = " + v;})(myStr);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+let myStr = "Jello World";
+
+// Only change code below this line
+myStr[0] = "H"; // Change this line
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+let myStr = "Jello World";
+myStr = "Hello World";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
new file mode 100644
index 0000000000..a1aa274902
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c9c441eddfaeb5bdef
+title: ブール値を理解する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9Me8t4'
+forumTopicId: 301176
+dashedName: understanding-boolean-values
+---
+
+# --description--
+
+別のデータ型としてブール値 (Boolean) 型があります。 ブール値型は `true` または `false` のいずれか 1 つの値しか取りません。 基本的にはちょっとしたオン/オフスイッチとみなすことができ、`true` をオンに、`false` をオフに対応させることができます。 これら 2 つの状態は相互排他的です。
+
+**注:** ブール値は引用符を付けて記述されることはありません。 文字列の `"true"` と `"false"` は ブール値ではなく、JavaScript では特別な意味を持ちません。
+
+# --instructions--
+
+実行ボタンがクリックされたときに `false` ではなく `true` を返すように、`welcomeToBooleans` 関数を変更してください。
+
+# --hints--
+
+`welcomeToBooleans()` 関数はブール値 (`true` または `false`) を返す必要があります。
+
+```js
+assert(typeof welcomeToBooleans() === 'boolean');
+```
+
+`welcomeToBooleans()` は `true` を返す必要があります。
+
+```js
+assert(welcomeToBooleans() === true);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+welcomeToBooleans();
+```
+
+## --seed-contents--
+
+```js
+function welcomeToBooleans() {
+ // Only change code below this line
+
+ return false; // Change this line
+
+ // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function welcomeToBooleans() {
+ return true; // Change this line
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md
new file mode 100644
index 0000000000..2f673d3fdd
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md
@@ -0,0 +1,100 @@
+---
+id: 56533eb9ac21ba0edf2244ab
+title: 変数の大文字と小文字の区別を理解する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cd6GDcD'
+forumTopicId: 18334
+dashedName: understanding-case-sensitivity-in-variables
+---
+
+# --description--
+
+JavaScript では、すべての変数名および関数名は大文字と小文字を区別します。 これは大文字の使い方が重要であることを意味します。
+
+`MYVAR` は `MyVar` や `myvar` と同じではありません。 同じ名前で大文字・小文字が異なる、複数の別々の変数を持つことができます。 明確さを維持するためには、この言語機能を*使用しない*ことを強く推奨します。
+
+**ベストプラクティス**
+
+JavaScript では camelCase (キャメルケース) で変数名を書きましょう。 キャメルケース は、複数の単語からなる変数名であり、最初の単語の最初の文字は小文字で、後続の単語の最初の文字は大文字にします。
+
+**例:**
+
+```js
+var someVariable;
+var anotherVariableName;
+var thisVariableNameIsSoLong;
+```
+
+# --instructions--
+
+変数名としてキャメルケース を使用するよう、既存の宣言と割り当てを変更してください。
+
+新しい変数を作成しないでください。
+
+# --hints--
+
+`studlyCapVar` が定義され、値 `10` を持つ必要があります。
+
+```js
+assert(typeof studlyCapVar !== 'undefined' && studlyCapVar === 10);
+```
+
+`properCamelCase` が定義され、文字列 `A String` を持つ必要があります。
+
+```js
+assert(
+ typeof properCamelCase !== 'undefined' && properCamelCase === 'A String'
+);
+```
+
+`titleCaseOver` が定義され、値 `9000` を持つ必要があります。
+
+```js
+assert(typeof titleCaseOver !== 'undefined' && titleCaseOver === 9000);
+```
+
+`studlyCapVar` は宣言部分と割り当て部分の両方でキャメルケースを使用する必要があります。
+
+```js
+assert(code.match(/studlyCapVar/g).length === 2);
+```
+
+`properCamelCase` は宣言部分と割り当て部分の両方でキャメルケースを使用する必要があります。
+
+```js
+assert(code.match(/properCamelCase/g).length === 2);
+```
+
+`titleCaseOver` は宣言部分と割り当て部分の両方でキャメルケースを使用する必要があります。
+
+```js
+assert(code.match(/titleCaseOver/g).length === 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Variable declarations
+var StUdLyCapVaR;
+var properCamelCase;
+var TitleCaseOver;
+
+// Variable assignments
+STUDLYCAPVAR = 10;
+PRoperCAmelCAse = "A String";
+tITLEcASEoVER = 9000;
+```
+
+# --solutions--
+
+```js
+var studlyCapVar;
+var properCamelCase;
+var titleCaseOver;
+
+studlyCapVar = 10;
+properCamelCase = "A String";
+titleCaseOver = 9000;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md
new file mode 100644
index 0000000000..d87224f282
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md
@@ -0,0 +1,96 @@
+---
+id: 598e8944f009e646fc236146
+title: 関数から返される undefined 値を理解する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ce2p7cL'
+forumTopicId: 301177
+dashedName: understanding-undefined-value-returned-from-a-function
+---
+
+# --description--
+
+関数には `return` ステートメントを含めることができますが、必須ではありません。 関数に `return` ステートメントがない場合、関数は呼び出されたときに内部のコードを処理しますが、戻り値は `undefined` になります。
+
+**例**
+
+```js
+let sum = 0;
+
+function addSum(num) {
+ sum = sum + num;
+}
+
+addSum(3);
+```
+
+`addSum` は、`return` ステートメントを持たない関数です。 関数はグローバル変数の `sum` を変更しますが、関数の戻り値は `undefined` です。
+
+# --instructions--
+
+引数を持たない関数 `addFive` を作成してください。 この関数は `sum` 変数に 5 を足しますが、戻り値は `undefined` です。
+
+# --hints--
+
+`addFive` は関数である必要があります。
+
+```js
+assert(typeof addFive === 'function');
+```
+
+両方の関数の実行後に、`sum` は `8` と等しくなる必要があります。
+
+```js
+assert(sum === 8);
+```
+
+`addFive` の戻り値は `undefined` となる必要があります。
+
+```js
+assert(addFive() === undefined);
+```
+
+`addFive` 関数の内部で、`sum` 変数に `5` を足す必要があります。
+
+```js
+assert(
+ __helpers.removeWhiteSpace(addFive.toString()).match(/sum=sum\+5|sum\+=5/)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+let sum = 0;
+
+function addThree() {
+ sum = sum + 3;
+}
+
+// Only change code below this line
+
+
+// Only change code above this line
+
+addThree();
+addFive();
+```
+
+# --solutions--
+
+```js
+let sum = 0;
+
+function addThree() {
+ sum = sum + 3;
+}
+
+function addFive() {
+ sum = sum + 5;
+}
+
+addThree();
+addFive();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md
new file mode 100644
index 0000000000..fbb28d0d2c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md
@@ -0,0 +1,79 @@
+---
+id: 56533eb9ac21ba0edf2244aa
+title: 初期化されていない変数について理解する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBa2JAL'
+forumTopicId: 18335
+dashedName: understanding-uninitialized-variables
+---
+
+# --description--
+
+JavaScript で変数が宣言されるとき、その初期値は `undefined` です。 `undefined` の変数に対して数値演算を行うと、結果は `NaN` になります。これは、"Not a Number" (数字ではない) という意味です。 `undefined` の変数と文字列を連結すると、文字通り `undefined` という文字列 が得られます。
+
+# --instructions--
+
+3 つの変数 `a`、`b`、`c` をそれぞれ `5`、`10`、`"I am a"` で初期化し、これらが `undefined` にならないようにしてください。
+
+# --hints--
+
+`a` を定義し、計算の結果 `6` の値を持つようにしてください。
+
+```js
+assert(typeof a === 'number' && a === 6);
+```
+
+`b` を定義し、計算の結果 `15` の値を持つようにしてください。
+
+```js
+assert(typeof b === 'number' && b === 15);
+```
+
+`c` は `undefined` を含まず、文字列の値 `I am a String!` を持つようにしてください。
+
+```js
+assert(!/undefined/.test(c) && c === 'I am a String!');
+```
+
+指定のコメントより下にあるコードを変更しないでください。
+
+```js
+assert(
+ /a = a \+ 1;/.test(code) &&
+ /b = b \+ 5;/.test(code) &&
+ /c = c \+ " String!";/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = '" + c + "'"; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+var a;
+var b;
+var c;
+// Only change code above this line
+
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+```
+
+# --solutions--
+
+```js
+var a = 5;
+var b = 10;
+var c = "I am a";
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md
new file mode 100644
index 0000000000..a171260570
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md
@@ -0,0 +1,78 @@
+---
+id: 56bbb991ad1ed5201cd392d1
+title: オブジェクトのプロパティを更新する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9yEJT4'
+forumTopicId: 18336
+dashedName: updating-object-properties
+---
+
+# --description--
+
+JavaScript オブジェクトを作成した後、他の変数と同じようにいつでもそのプロパティを更新することができます。 更新には、ドット記法またはブラケット記法のいずれも使用できます。
+
+例として、`ourDog` を見てみましょう。
+
+```js
+const ourDog = {
+ "name": "Camper",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["everything!"]
+};
+```
+
+この犬はとても楽しい犬なので、名前を `Happy Camper` に変更してみましょう。 オブジェクトの name プロパティを更新するには、`ourDog.name = "Happy Camper";` と記述するか、`ourDog["name"] = "Happy Camper";` と記述します。これで `ourDog.name` の値を確認すると、`Camper` ではなく新しい名前の `Happy Camper` になっています。
+
+# --instructions--
+
+`myDog` オブジェクトの name プロパティを更新してください。 名前を `Coder` から `Happy Coder` に変更しましょう。 ドット記法またはブラケット記法のいずれも使用できます。
+
+# --hints--
+
+`myDog` の `name` プロパティが文字列 `Happy Coder` と等しくなるようにします。
+
+```js
+assert(/happy coder/gi.test(myDog.name));
+```
+
+`myDog` の定義を編集しないでください。
+
+```js
+assert(/"name": "Coder"/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myDog = {
+ "name": "Coder",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myDog = {
+ "name": "Coder",
+ "legs": 4,
+ "tails": 1,
+ "friends": ["freeCodeCamp Campers"]
+};
+myDog.name = "Happy Coder";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md
new file mode 100644
index 0000000000..d5f4e0c0a3
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md
@@ -0,0 +1,74 @@
+---
+id: bd7123c9c549eddfaeb5bdef
+title: ブラケット記法を使用して文字列の最初の文字を取得する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8JwhW'
+forumTopicId: 18341
+dashedName: use-bracket-notation-to-find-the-first-character-in-a-string
+---
+
+# --description--
+
+ブラケット記法 を使用すると、文字列内の特定のインデックスにある文字を取得できます。
+
+JavaScript をはじめとする現代のほとんどのプログラミング言語では、人間のように 1 から数え始めることをせず、 0 から数え始めます。 これをゼロベースの インデックスといいます。
+
+たとえば、`Charles` という単語のインデックス 0 の文字は `C` です。 したがって、`const firstName = "Charles"` とした場合は、`firstName[0]` とすることでこの文字列の 1 文字目の値を取得できます。
+
+例:
+
+```js
+const firstName = "Charles";
+const firstLetter = firstName[0];
+```
+
+`firstLetter` の値は文字列 `C` となります。
+
+# --instructions--
+
+ブラケット記法を使用して、`lastName` 変数の 1 文字目を取得し、それを `firstLetterOfLastName` に代入してください。
+
+**ヒント:** 解答できない場合は上記の例を参考にしてください。
+
+# --hints--
+
+`firstLetterOfLastName` 変数の値は `L` となる必要があります。
+
+```js
+assert(firstLetterOfLastName === 'L');
+```
+
+ブラケット記法を使用してください。
+
+```js
+assert(code.match(/firstLetterOfLastName\s*?=\s*?lastName\[.*?\]/));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(firstLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+let firstLetterOfLastName = "";
+const lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+let firstLetterOfLastName = "";
+const lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName[0];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md
new file mode 100644
index 0000000000..9fec24f60e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c451eddfaeb5bdef
+title: ブラケット記法を使用して文字列の最後の文字を取得する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBZQGcv'
+forumTopicId: 18342
+dashedName: use-bracket-notation-to-find-the-last-character-in-a-string
+---
+
+# --description--
+
+文字列の最後の文字を取得するには、文字列の長さから 1 を引きます。
+
+たとえば、`const firstName = "Ada"` の場合は、`firstName[firstName.length - 1]` とすることでこの文字列の最後の文字の値を取得できます。
+
+例:
+
+```js
+const firstName = "Ada";
+const lastLetter = firstName[firstName.length - 1];
+```
+
+`lastLetter` の値は文字列 `a` となります。
+
+# --instructions--
+
+ブラケット記法 を使用して、`lastName` 変数 の最後の文字を取得してください。
+
+**ヒント:** 解答できない場合は上記の例を参考にしてください。
+
+# --hints--
+
+`lastLetterOfLastName` は文字 `e` となる必要があります。
+
+```js
+assert(lastLetterOfLastName === 'e');
+```
+
+`.length` を使用して、最後の文字を取得する必要があります。
+
+```js
+assert(code.match(/\.length/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(lastLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const lastName = "Lovelace";
+
+// Only change code below this line
+const lastLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+const lastName = "Lovelace";
+const lastLetterOfLastName = lastName[lastName.length - 1];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md
new file mode 100644
index 0000000000..0b339305c0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c450eddfaeb5bdef
+title: ブラケット記法を使用して文字列の N 番目の文字を取得する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWPVJua'
+forumTopicId: 18343
+dashedName: use-bracket-notation-to-find-the-nth-character-in-a-string
+---
+
+# --description--
+
+ブラケット記法 を使用して、文字列内の他の位置の文字を取得することもできます。
+
+コンピューターでは `0` から数え始めることに注意してください。つまり、最初の文字は実際にはゼロ番目の文字になります。
+
+例:
+
+```js
+const firstName = "Ada";
+const secondLetterOfFirstName = firstName[1];
+```
+
+`secondLetterOfFirstName` の値は文字列 `d` となります。
+
+# --instructions--
+
+ブラケット記法を使用して、`lastName` 変数の 3 番目の文字と等しくなるように、`thirdLetterOfLastName` を設定してみましょう。
+
+**ヒント:** 解答できない場合は上記の例を参考にしてください。
+
+# --hints--
+
+`thirdLetterOfLastName` 変数の値は `v` となる必要があります。
+
+```js
+assert(thirdLetterOfLastName === 'v');
+```
+
+ブラケット記法を使用してください。
+
+```js
+assert(code.match(/thirdLetterOfLastName\s*?=\s*?lastName\[.*?\]/));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(thirdLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const lastName = "Lovelace";
+
+// Only change code below this line
+const thirdLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+const lastName = "Lovelace";
+const thirdLetterOfLastName = lastName[2];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md
new file mode 100644
index 0000000000..f9bd7ec1c5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c452eddfaeb5bdef
+title: ブラケット記法を使用して文字列の最後から N 番目の文字を取得する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cw4vkh9'
+forumTopicId: 18344
+dashedName: use-bracket-notation-to-find-the-nth-to-last-character-in-a-string
+---
+
+# --description--
+
+文字列の最後の文字を取得する場合に使用したものと同じ手法で、最後から N 番目の文字を取得することができます。
+
+たとえば、`const firstName = "Augusta"` という文字列の最後から 3 番目の文字の値を取得するには、`firstName[firstName.length - 3]` と記述します。
+
+例:
+
+```js
+const firstName = "Augusta";
+const thirdToLastLetter = firstName[firstName.length - 3];
+```
+
+`thirdToLastLetter` の値は文字列 `s` となります。
+
+# --instructions--
+
+ブラケット記法 を使用して、`lastName` 文字列の最後から 2 番目の文字を取得してください。
+
+**ヒント:** 解答できない場合は上記の例を参考にしてください。
+
+# --hints--
+
+`secondToLastLetterOfLastName` は文字 `c` となる必要があります。
+
+```js
+assert(secondToLastLetterOfLastName === 'c');
+```
+
+`.length` を使用して、最後から 2 番目の文字を取得する必要があります。
+
+```js
+assert(code.match(/\.length/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(secondToLastLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const lastName = "Lovelace";
+
+// Only change code below this line
+const secondToLastLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+const lastName = "Lovelace";
+const secondToLastLetterOfLastName = lastName[lastName.length - 2];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md
new file mode 100644
index 0000000000..b6342a7978
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md
@@ -0,0 +1,98 @@
+---
+id: cf1111c1c12feddfaeb3bdef
+title: if ステートメントで条件分岐処理を行う
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy87mf3'
+forumTopicId: 18348
+dashedName: use-conditional-logic-with-if-statements
+---
+
+# --description--
+
+`if` ステートメントはコード内の判定に使用されます。 キーワード `if` は、丸括弧内で定義された特定の条件に基づいて中括弧内のコードを実行するように JavaScript に指示します。 これらの条件のことを `Boolean` (ブール) 条件と呼び、`true` または `false` のみを使用できます。
+
+条件判定が `true` となった場合、プログラムは中括弧内のステートメントを実行します。 条件判定が `false` となった場合は、中括弧内のステートメントは実行されません。
+
+**擬似コード**
+
+if (条件が true ) {ステートメントを実行する
+
+**例**
+
+```js
+function test (myCondition) {
+ if (myCondition) {
+ return "It was true";
+ }
+ return "It was false";
+}
+
+test(true);
+test(false);
+```
+
+`test(true)` は文字列 `It was true` を返し、`test(false)` は文字列 `It was false` を返します。
+
+`test` が `true` の値で呼び出された場合、`if` ステートメントは `myCondition` を評価し、条件が `true` かどうかを判定します。 条件が `true` なので、関数は `It was true` を返します。 `test` が `false` の値で呼び出された場合、`myCondition` は `true` *ではなく*、波括弧内の文は実行されません。そして、関数は `It was false` を返します。
+
+# --instructions--
+
+パラメーター `wasThatTrue` が `true` の場合は `Yes, that was true` を、そうでない場合は `No, that was false` を返すように、関数内に `if` ステートメントを作成してください。
+
+# --hints--
+
+`trueOrFalse` は関数である必要があります。
+
+```js
+assert(typeof trueOrFalse === 'function');
+```
+
+`trueOrFalse(true)` は文字列を返す必要があります。
+
+```js
+assert(typeof trueOrFalse(true) === 'string');
+```
+
+`trueOrFalse(false)` は文字列を返す必要があります。
+
+```js
+assert(typeof trueOrFalse(false) === 'string');
+```
+
+`trueOrFalse(true)` は文字列 `Yes, that was true` を返す必要があります。
+
+```js
+assert(trueOrFalse(true) === 'Yes, that was true');
+```
+
+`trueOrFalse(false)` は文字列 `No, that was false` を返す必要があります。
+
+```js
+assert(trueOrFalse(false) === 'No, that was false');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function trueOrFalse(wasThatTrue) {
+ // Only change code below this line
+
+
+
+ // Only change code above this line
+
+}
+```
+
+# --solutions--
+
+```js
+function trueOrFalse(wasThatTrue) {
+ if (wasThatTrue) {
+ return "Yes, that was true";
+ }
+ return "No, that was false";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md
new file mode 100644
index 0000000000..b86202c754
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md
@@ -0,0 +1,96 @@
+---
+id: 587d7b7e367417b2b2512b21
+title: 複数条件 (三項) 演算子を使用する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cyWJBT4'
+forumTopicId: 301179
+dashedName: use-multiple-conditional-ternary-operators
+---
+
+# --description--
+
+以前のチェレンジでは単一条件演算子を使用しました。 それらをまとめて、複数の条件をチェックすることもできます。
+
+次の関数は `if` ステートメント、`else if` ステートメント、`else` ステートメントを使用して、複数の条件をチェックしています。
+
+```js
+function findGreaterOrEqual(a, b) {
+ if (a === b) {
+ return "a and b are equal";
+ }
+ else if (a > b) {
+ return "a is greater";
+ }
+ else {
+ return "b is greater";
+ }
+}
+```
+
+上記の関数は複数条件演算子を使用して書き換えることができます。
+
+```js
+function findGreaterOrEqual(a, b) {
+ return (a === b) ? "a and b are equal"
+ : (a > b) ? "a is greater"
+ : "b is greater";
+}
+```
+
+上記のように、各条件が別々の行となるように複数条件演算子を記述することをお勧めします。 適切なインデントを付けずに複数条件演算子を使用すると、コードが読みにくくなる可能性があります。 例:
+
+```js
+function findGreaterOrEqual(a, b) {
+ return (a === b) ? "a and b are equal" : (a > b) ? "a is greater" : "b is greater";
+}
+```
+
+# --instructions--
+
+`checkSign` 関数内で複数条件演算子を使用して、数値が正か負かゼロかをチェックしてください (`findGreaterOrEqual` で推奨した記法に従ってください)。 この関数は、`positive`、`negative`、または `zero` を返す必要があります。
+
+# --hints--
+
+`checkSign` で複数条件演算子を使用する必要があります
+
+```js
+assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code));
+```
+
+`checkSign(10)` は文字列 `positive` を返す必要があります。 大文字の記述が重要であることに注意してください。
+
+```js
+assert(checkSign(10) === 'positive');
+```
+
+`checkSign(-12)` は文字列 `negative` を返す必要があります。 大文字の記述が重要であることに注意してください。
+
+```js
+assert(checkSign(-12) === 'negative');
+```
+
+`checkSign(0)` は文字列 `zero` を返す必要があります。 大文字の記述が重要であることに注意してください。
+
+```js
+assert(checkSign(0) === 'zero');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkSign(num) {
+
+}
+
+checkSign(10);
+```
+
+# --solutions--
+
+```js
+function checkSign(num) {
+ return (num > 0) ? 'positive' : (num < 0) ? 'negative' : 'zero';
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md
new file mode 100644
index 0000000000..3f032a3c27
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md
@@ -0,0 +1,92 @@
+---
+id: 5cd9a70215d3c4e65518328f
+title: 再帰関数を利用してカウントダウンを作成する
+challengeType: 1
+forumTopicId: 305925
+dashedName: use-recursion-to-create-a-countdown
+---
+
+# --description--
+
+[以前のチャレンジ](/learn/javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion)で、再帰関数を利用して `for` ループを置き換える方法について学びました。 今回はもっと複雑な例として、`1` から関数に渡された数値までの連続した整数の配列を返す関数を考えてみましょう。
+
+以前のチャレンジで触れたように、基準ケース を記述します。 基準ケースは、再帰をいつ止めるかを再帰関数に指示します。 これは戻り値があらかじめわかっている単純なケースです。 別の引数を付けて元の関数を実行する再帰呼び出し もあります。 関数が適切に記述されていれば、最終的には基準ケースに到達します。
+
+たとえば、`1` から `n` までの数値を含む配列を返す再帰関数を記述するとします。 この関数は、最後の数値を表す引数 `n` を受け取る必要があります。 次に、`n` が `1` に達するまで、n の値を徐々に小さくし、その値を引数として自分自身を呼び出す必要があります。 関数は次のように記述することができます。
+
+```javascript
+function countup(n) {
+ if (n < 1) {
+ return [];
+ } else {
+ const countArray = countup(n - 1);
+ countArray.push(n);
+ return countArray;
+ }
+}
+console.log(countup(5));
+```
+
+コンソールには値 `[1, 2, 3, 4, 5]` が表示されます。
+
+`n` の値が*減少していく*ため、最初はわかりにくいかもしれませんが、最終的な配列の値は*増加*していきます。 なぜなら、再帰呼び出しから制御が戻った後、最後に push が実行されるからです。 `n` が配列に push された時点で、`countup(n - 1)` の評価はすでに完了しており、`[1, 2, ..., n - 1]` を返します。
+
+# --instructions--
+
+1つのパラメータ (`n`) を持つ `countdown` という関数を定義しました。 この関数は再帰を利用して、`n` パラメーターに基づいて `n` から `1` までの整数を含む配列を返す必要があります。 関数が 1 未満の数値で呼び出された場合は、空の配列を返す必要があります。 たとえば、この関数を `n = 5` で呼び出すと、配列 `[5, 4, 3, 2, 1]` が返されます。 関数では自分自身を呼び出す再帰を利用する必要があり、またどのような種類のループも使用してはいけません。
+
+# --hints--
+
+`countdown(-1)` は空の配列を返す必要があります。
+
+```js
+assert.isEmpty(countdown(-1));
+```
+
+`countdown(10)` は `[10, 9, 8, 7, 6, 5, 4, 3, 2, 1]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(countdown(10), [10, 9, 8, 7, 6, 5, 4, 3, 2, 1]);
+```
+
+`countdown(5)` は `[5, 4, 3, 2, 1]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(countdown(5), [5, 4, 3, 2, 1]);
+```
+
+このコードには、どのような種類のループ (`for`、`while`、または `forEach`、`map`、`filter`、`reduce` のような高階関数) も使用しないでください。
+
+```js
+assert(
+ !code.match(/for|while|forEach|map|filter|reduce/g)
+);
+```
+
+この課題の解決には、再帰を使用してください。
+
+```js
+assert(
+ countdown.toString().match(/countdown\s*\(.+\)/)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+function countdown(n){
+ return;
+}
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+function countdown(n){
+ return n < 1 ? [] : [n].concat(countdown(n - 1));
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md
new file mode 100644
index 0000000000..019ff36438
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md
@@ -0,0 +1,81 @@
+---
+id: 5cc0bd7a49b71cb96132e54c
+title: 再帰関数を利用して指定範囲の数値配列を作成する
+challengeType: 1
+forumTopicId: 301180
+dashedName: use-recursion-to-create-a-range-of-numbers
+---
+
+# --description--
+
+前回のチャレンジに引き続き、再帰関数を作成して課題を解決していきます。
+
+# --instructions--
+
+2 つのパラメータを持つ `rangeOfNumbers` という名前の関数を定義しました。 この関数は、`startNum` パラメーターで表される数値で始まり、`endNum` パラメーターで表される数値で終わる、整数の配列を返す必要があります。 開始の数値は常に終了の数値以下になります。 関数では自分自身を呼び出す再帰を利用する必要があり、またどのような種類のループも使用してはいけません。 `startNum` と `endNum` の両方が同じ値である場合にも、関数が機能する必要があります。
+
+# --hints--
+
+この関数は配列を返す必要があります。
+
+```js
+assert(Array.isArray(rangeOfNumbers(5, 10)));
+```
+
+このコードには、どのようなループ構文 (`for`、`while`、または `forEach`、`map`、`filter`、`reduce` のような高階関数) も使用しないでください。
+
+```js
+assert(
+ !code.match(/for|while|forEach|map|filter|reduce/g)
+);
+```
+
+`rangeOfNumbers` では再帰 (自分自身の呼び出し) を利用して、この課題を解決する必要があります。
+
+```js
+assert(
+ rangeOfNumbers.toString().match(/rangeOfNumbers\s*\(.+\)/)
+);
+```
+
+`rangeOfNumbers(1, 5)` は `[1, 2, 3, 4, 5]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(rangeOfNumbers(1, 5), [1, 2, 3, 4, 5]);
+```
+
+`rangeOfNumbers(6, 9)` は `[6, 7, 8, 9]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(rangeOfNumbers(6, 9), [6, 7, 8, 9]);
+```
+
+`rangeOfNumbers(4, 4)` は `[4]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(rangeOfNumbers(4, 4), [4]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rangeOfNumbers(startNum, endNum) {
+ return [];
+};
+```
+
+# --solutions--
+
+```js
+function rangeOfNumbers(startNum, endNum) {
+ if (endNum - startNum === 0) {
+ return [startNum];
+ } else {
+ const numbers = rangeOfNumbers(startNum, endNum - 1);
+ numbers.push(endNum);
+ return numbers;
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md
new file mode 100644
index 0000000000..7ba570768e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md
@@ -0,0 +1,84 @@
+---
+id: 587d7b7e367417b2b2512b24
+title: 条件 (三項) 演算子を使用する
+challengeType: 1
+forumTopicId: 301181
+dashedName: use-the-conditional-ternary-operator
+---
+
+# --description--
+
+条件演算子 は三項演算子 とも呼ばれ、1 行の if-else 式として使用できます。
+
+構文は `a ? b : c` で、`a` は条件、`b` は条件が `true` を返した場合に実行されるコード、`c` は条件が `false` を返した場合に実行されるコードです。
+
+次の関数では、条件のチェックに `if/else` ステートメントを使用しています。
+
+```js
+function findGreater(a, b) {
+ if(a > b) {
+ return "a is greater";
+ }
+ else {
+ return "b is greater or equal";
+ }
+}
+```
+
+この関数は条件演算子を使用して書き換えることができます。
+
+```js
+function findGreater(a, b) {
+ return a > b ? "a is greater" : "b is greater or equal";
+}
+```
+
+# --instructions--
+
+`checkEqual` 関数で条件演算子を使用して、2 つの数値が等しいかどうかをチェックしてください。 この関数は、`Equal` または `Not Equal` のいずれかの文字列を返す必要があります。
+
+# --hints--
+
+`checkEqual` では条件演算子を使用する必要があります。
+
+```js
+assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?/.test(code));
+```
+
+`checkEqual(1, 2)` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(checkEqual(1, 2) === 'Not Equal');
+```
+
+`checkEqual(1, 1)` は文字列 `Equal` を返す必要があります。
+
+```js
+assert(checkEqual(1, 1) === 'Equal');
+```
+
+`checkEqual(1, -1)` は文字列 `Not Equal` を返す必要があります。
+
+```js
+assert(checkEqual(1, -1) === 'Not Equal');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkEqual(a, b) {
+
+}
+
+checkEqual(1, 2);
+```
+
+# --solutions--
+
+```js
+function checkEqual(a, b) {
+ return a === b ? "Equal" : "Not Equal";
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md
new file mode 100644
index 0000000000..33579e1d2d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md
@@ -0,0 +1,82 @@
+---
+id: 587d7b7e367417b2b2512b22
+title: 基数を設定して parseInt 関数を使用する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c6K4Kh3'
+forumTopicId: 301182
+dashedName: use-the-parseint-function-with-a-radix
+---
+
+# --description--
+
+`parseInt()` 関数は文字列を解析し、整数を返します。 この関数は 2 番目の引数として、文字列の基数 radix を受け取ります。 基数には 2 から 36 までの整数を設定できます。
+
+関数呼び出しは次のようになります。
+
+```js
+parseInt(string, radix);
+```
+
+例を次に示します。
+
+```js
+const a = parseInt("11", 2);
+```
+
+radix 変数により、基数が 2 であり、`11` が 2 進数であることが示されます。 この例では、文字列 `11` は整数 `3` に変換されます。
+
+# --instructions--
+
+`convertToInteger` 関数で `parseInt()` を使用して、2 進数を整数に変換し、それを返してください。
+
+# --hints--
+
+`convertToInteger` では `parseInt()` 関数を使用する必要があります。
+
+```js
+assert(/parseInt/g.test(code));
+```
+
+`convertToInteger("10011")` は数値を返す必要があります。
+
+```js
+assert(typeof convertToInteger('10011') === 'number');
+```
+
+`convertToInteger("10011")` は 19 を返す必要があります。
+
+```js
+assert(convertToInteger('10011') === 19);
+```
+
+`convertToInteger("111001")` は 57 を返す必要があります。
+
+```js
+assert(convertToInteger('111001') === 57);
+```
+
+`convertToInteger("JamesBond")` は `NaN` を返す必要があります。
+
+```js
+assert.isNaN(convertToInteger('JamesBond'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("10011");
+```
+
+# --solutions--
+
+```js
+function convertToInteger(str) {
+ return parseInt(str, 2);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md
new file mode 100644
index 0000000000..5537ad688b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md
@@ -0,0 +1,74 @@
+---
+id: 587d7b7e367417b2b2512b23
+title: parseInt 関数を使用する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cm83LSW'
+forumTopicId: 301183
+dashedName: use-the-parseint-function
+---
+
+# --description--
+
+`parseInt()` 関数は文字列を解析し、整数を返します。 例:
+
+```js
+const a = parseInt("007");
+```
+
+上記の関数は文字列 `007` を整数 `7` に変換します。 文字列の最初の文字を数値に変換できない場合は `NaN` を返します。
+
+# --instructions--
+
+`convertToInteger` 関数で `parseInt()` を使用して、入力文字列 `str` を整数に変換し、それを返してください。
+
+# --hints--
+
+`convertToInteger` では `parseInt()` 関数を使用する必要があります。
+
+```js
+assert(/parseInt/g.test(code));
+```
+
+`convertToInteger("56")` は数値を返す必要があります。
+
+```js
+assert(typeof convertToInteger('56') === 'number');
+```
+
+`convertToInteger("56")` は 56 を返す必要があります。
+
+```js
+assert(convertToInteger('56') === 56);
+```
+
+`convertToInteger("77")` は 77 を返す必要があります。
+
+```js
+assert(convertToInteger('77') === 77);
+```
+
+`convertToInteger("JamesBond")` は `NaN` を返す必要があります。
+
+```js
+assert.isNaN(convertToInteger('JamesBond'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("56");
+```
+
+# --solutions--
+
+```js
+function convertToInteger(str) {
+ return parseInt(str);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md
new file mode 100644
index 0000000000..e66ec3e2e7
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md
@@ -0,0 +1,155 @@
+---
+id: 56533eb9ac21ba0edf2244ca
+title: オブジェクトを使用してルックアップ検索を行う
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cdBk8sM'
+forumTopicId: 18373
+dashedName: using-objects-for-lookups
+---
+
+# --description--
+
+オブジェクトは、辞書のようなキー/値の保管場所と捉えることができます。 表形式のデータがある場合、`switch` ステートメントや `if/else` のチェーンを使用せずに、オブジェクトを利用して値のルックアップ検索を行うことができます。 この方法は、入力データが特定の範囲に制限されていることがわかっている場合に特に便利です。
+
+単純な逆アルファベット順のルックアップ検索の例を次に示します。
+
+```js
+const alpha = {
+ 1:"Z",
+ 2:"Y",
+ 3:"X",
+ 4:"W",
+ ...
+ 24:"C",
+ 25:"B",
+ 26:"A"
+};
+
+alpha[2];
+alpha[24];
+
+const value = 2;
+alpha[value];
+```
+
+`alpha[2]` は文字列 `Y`、`alpha[24]` は文字列 `C`、`alpha[value]` は文字列 `Y` となります。
+
+# --instructions--
+
+switch ステートメントを `lookup` という名前のオブジェクトに変換してください。 オブジェクトを利用して `val` をルックアップ検索し、関連する文字列を `result` 変数に代入してください。
+
+# --hints--
+
+`phoneticLookup("alpha")` は文字列 `Adams` と等しくなる必要があります。
+
+```js
+assert(phoneticLookup('alpha') === 'Adams');
+```
+
+`phoneticLookup("bravo")` は文字列 `Boston` と等しくなる必要があります。
+
+```js
+assert(phoneticLookup('bravo') === 'Boston');
+```
+
+`phoneticLookup("charlie")` は文字列 `Chicago` と等しくなる必要があります。
+
+```js
+assert(phoneticLookup('charlie') === 'Chicago');
+```
+
+`phoneticLookup("delta")` は文字列 `Denver` と等しくなる必要があります。
+
+```js
+assert(phoneticLookup('delta') === 'Denver');
+```
+
+`phoneticLookup("echo")` は文字列 `Easy` と等しくなる必要があります。
+
+```js
+assert(phoneticLookup('echo') === 'Easy');
+```
+
+`phoneticLookup("foxtrot")` は文字列 `Frank` と等しくなる必要があります。
+
+```js
+assert(phoneticLookup('foxtrot') === 'Frank');
+```
+
+`phoneticLookup("")` は `undefined` になる必要があります。
+
+```js
+assert(typeof phoneticLookup('') === 'undefined');
+```
+
+`return` ステートメントを変更しないでください。
+
+```js
+assert(code.match(/return\sresult;/));
+```
+
+`case` ステートメント、`switch` ステートメント、`if` ステートメントを使用しないでください。
+
+```js
+assert(
+ !/case|switch|if/g.test(code.replace(/([/]{2}.*)|([/][*][^/*]*[*][/])/g, ''))
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function phoneticLookup(val) {
+ let result = "";
+
+ // Only change code below this line
+ switch(val) {
+ case "alpha":
+ result = "Adams";
+ break;
+ case "bravo":
+ result = "Boston";
+ break;
+ case "charlie":
+ result = "Chicago";
+ break;
+ case "delta":
+ result = "Denver";
+ break;
+ case "echo":
+ result = "Easy";
+ break;
+ case "foxtrot":
+ result = "Frank";
+ }
+
+ // Only change code above this line
+ return result;
+}
+
+phoneticLookup("charlie");
+```
+
+# --solutions--
+
+```js
+function phoneticLookup(val) {
+ let result = "";
+
+ const lookup = {
+ alpha: "Adams",
+ bravo: "Boston",
+ charlie: "Chicago",
+ delta: "Denver",
+ echo: "Easy",
+ foxtrot: "Frank"
+ };
+
+ result = lookup[val];
+
+ return result;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md
new file mode 100644
index 0000000000..54f9628a5f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md
@@ -0,0 +1,107 @@
+---
+id: 56533eb9ac21ba0edf2244bb
+title: Word Blanks
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caqn8zuP'
+forumTopicId: 18377
+dashedName: word-blanks
+---
+
+# --description--
+
+今回は、文字列の知識を活用して、"Word Blanks" という "[Mad Libs](https://en.wikipedia.org/wiki/Mad_Libs)" 形式の言葉遊びゲームを作っていきます。 「穴埋め」型の文章 (オプションでユーモアも添えて) を作成することになります。
+
+"Mad Libs" ゲームでは、名詞、動詞、形容詞、副詞など、いくつかの単語が空欄となっている文章が提示されます。 そして、自由に選んだ言葉で空欄を埋めて、意味が通る文章を完成させます。
+
+次の文章を考えてみましょう 。「It was really **\_\_\_\_**, and we **\_\_\_\_** ourselves **\_\_\_\_**」。 この文章は形容詞、動詞、副詞の 3 つが空欄になっており、好きな単語を入れて文章を完成させることができます。 そして、次のように完成した文章を変数に代入できます。
+
+```js
+const sentence = "It was really " + "hot" + ", and we " + "laughed" + " ourselves " + "silly" + ".";
+```
+
+# --instructions--
+
+このチャレンジでは、名詞、動詞、形容詞、副詞が提示されます。 提示された単語に合うように、自分の選んだ言葉を使用して文章を完成させてください。
+
+用意された変数 (`myNoun`、`myAdjective`、`myVerb`、`myAdverb`) を使用して新しい文字列を作成するために、文字列連結演算子 `+` を使用する必要があります。 その後、作成した文字列を `wordBlanks` 変数に代入します。 変数に代入した言葉を変更してはいけません。
+
+文字列内のスペースにも気を付ける必要があります。最終的な文章ではすべての単語間にスペースが含まれるようにします。 結果が完全な文章になるようにしてください。
+
+# --hints--
+
+`wordBlanks` は文字列である必要があります。
+
+```js
+assert(typeof wordBlanks === 'string');
+```
+
+`myNoun`、`myVerb`、`myAdjective`、`myAdverb` に割り当てられた値を変更しないでください。
+
+```js
+assert(
+ myNoun === 'dog' &&
+ myVerb === 'ran' &&
+ myAdjective === 'big' &&
+ myAdverb === 'quickly'
+);
+```
+
+`wordBlanks` を作成するために、`dog`、`ran`、`big`、`quickly` の値を直接使用しないでください。
+
+```js
+const newCode = removeAssignments(code);
+assert(
+ !/dog/.test(newCode) &&
+ !/ran/.test(newCode) &&
+ !/big/.test(newCode) &&
+ !/quickly/.test(newCode)
+);
+```
+
+`wordBlanks` には変数の `myNoun`、`myVerb`、`myAdjective`、`myAdverb` に割り当てられた単語がすべて含まれている必要があり、それらの間は単語以外の文字 (および、あなたが Mad Libs 的に追加した単語) で区切られる必要があります。
+
+```js
+assert(
+ /\bdog\b/.test(wordBlanks) &&
+ /\bbig\b/.test(wordBlanks) &&
+ /\bran\b/.test(wordBlanks) &&
+ /\bquickly\b/.test(wordBlanks)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const removeAssignments = str => str
+ .replace(/myNoun\s*=\s*["']dog["']/g, '')
+ .replace(/myAdjective\s*=\s*["']big["']/g, '')
+ .replace(/myVerb\s*=\s*["']ran["']/g, '')
+ .replace(/myAdverb\s*=\s*["']quickly["']/g, '');
+```
+
+## --seed-contents--
+
+```js
+const myNoun = "dog";
+const myAdjective = "big";
+const myVerb = "ran";
+const myAdverb = "quickly";
+
+// Only change code below this line
+const wordBlanks = ""; // Change this line
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const myNoun = "dog";
+const myAdjective = "big";
+const myVerb = "ran";
+const myAdverb = "quickly";
+
+let wordBlanks = "Once there was a " + myNoun + " which was very " + myAdjective + ". ";
+wordBlanks += "It " + myVerb + " " + myAdverb + " around the yard.";
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md
new file mode 100644
index 0000000000..72e87e5aa6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md
@@ -0,0 +1,101 @@
+---
+id: 56bbb991ad1ed5201cd392cf
+title: 関数を使用して再利用可能な JavaScript を記述する
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cL6dqfy'
+forumTopicId: 18378
+dashedName: write-reusable-javascript-with-functions
+---
+
+# --description--
+
+JavaScript では、コードを関数 と呼ばれる再利用可能なパーツに分割することができます。
+
+次は関数の例です。
+
+```js
+function functionName() {
+ console.log("Hello World");
+}
+```
+
+この関数は `functionName();` のように関数名に括弧をつけて、呼び出す ことができます。この関数を呼びだすごとに、`Hello World` というメッセージが開発コンソールに出力されます。 関数が呼び出されるたびに、中括弧で囲まれたコードの部分がすべて実行されます。
+
+# --instructions--
+
+
+
+ 文字列 Hi World を開発コンソールに出力する reusableFunction という関数を作成してください。
+
+
+ この関数を呼び出してください。
+
+
+
+# --hints--
+
+`reusableFunction` は関数である必要があります。
+
+```js
+assert(typeof reusableFunction === 'function');
+```
+
+`reusableFunction` は、呼び出されたときに文字列 `Hi World` をコンソールに出力する必要があります。
+
+```js
+assert(testConsole());
+```
+
+`reusableFunction` を定義した後に、呼び出す必要があります。
+
+```js
+const functionStr = reusableFunction && __helpers.removeWhiteSpace(reusableFunction.toString());
+const codeWithoutFunction = __helpers.removeWhiteSpace(code).replace(/reusableFunction\(\)\{/g, '');
+assert(/reusableFunction\(\)/.test(codeWithoutFunction));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+
+function testConsole() {
+ var logOutput = "";
+ var originalConsole = console;
+ var nativeLog = console.log;
+ var hiWorldWasLogged = false;
+ console.log = function (message) {
+ if(message === 'Hi World') {
+ console.warn(message)
+ hiWorldWasLogged = true;
+ }
+ if(message && message.trim) logOutput = message.trim();
+ if(nativeLog.apply) {
+ nativeLog.apply(originalConsole, arguments);
+ } else {
+ var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+ nativeLog(nativeMsg);
+ }
+ };
+ reusableFunction();
+ console.log = nativeLog;
+ return hiWorldWasLogged;
+}
+
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+function reusableFunction() {
+ console.log("Hi World");
+}
+reusableFunction();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md
new file mode 100644
index 0000000000..fb93b95e9d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md
@@ -0,0 +1,57 @@
+---
+id: 587d7b85367417b2b2512b3a
+title: 関数を呼び出すときに間違った順序で渡された引数をキャッチする
+challengeType: 1
+forumTopicId: 301184
+dashedName: catch-arguments-passed-in-the-wrong-order-when-calling-a-function
+---
+
+# --description--
+
+関数の呼び出しについての話の続きです。次に監視すべきバグは、関数の引数が正しくない順序で渡されていないかどうかです。 たとえば、引数として配列と整数を期待している関数など、引数の型がそれぞれ異なる場合に、ラインタイムエラーを起こす可能性があります。 引数が同じ型であると (たとえばすべて整数) コードのロジックは意味をなさなくなります。 こうした問題を回避するために、必要なすべての引数を正しい順序で渡してください。
+
+# --instructions--
+
+関数 `raiseToPower` で、底 (base) の指数 (exponent) 乗を計算しようとしていますが、 残念ながら正しく呼び出されていません。`power` の値が期待どおり 8 になるようにコードを修正してください。
+
+# --hints--
+
+コードの変数 `power` を修正して、3 の 2 乗ではなく 2 の 3 乗になるようにする必要があります。
+
+```js
+assert(power == 8);
+```
+
+コードで `raiseToPower` 関数を呼び出すときに、引数を正しい順序で使用する必要があります。
+
+```js
+assert(code.match(/raiseToPower\(\s*?base\s*?,\s*?exp\s*?\);/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function raiseToPower(b, e) {
+ return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(exp, base);
+console.log(power);
+```
+
+# --solutions--
+
+```js
+function raiseToPower(b, e) {
+ return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(base, exp);
+console.log(power);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md
new file mode 100644
index 0000000000..6a3f7ea177
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b85367417b2b2512b39
+title: 関数呼び出しの後の足りない開始括弧や終了括弧をキャッチする
+challengeType: 1
+forumTopicId: 301185
+dashedName: catch-missing-open-and-closing-parenthesis-after-a-function-call
+---
+
+# --description--
+
+引数を取らない関数やメソッドでは、それらを呼び出すときに (空の) 開始括弧や終了括弧を含めることを忘れてしまうかもしれません。 関数呼び出しの結果を変数に保存してコードの他の部分で使用することがよくあります。 このエラーを検出するには、変数の値 (またはそれらの型) をコンソールに出力して、関数の戻り値として期待している値ではなく、関数の参照に設定されていないかを確認します。
+
+次の例の変数は異なる結果になります。
+
+```js
+function myFunction() {
+ return "You rock!";
+}
+let varOne = myFunction;
+let varTwo = myFunction();
+```
+
+この例では、`varOne` は関数 `myFunction` になり、`varTwo` は文字列 `You rock!` になります。
+
+# --instructions--
+
+変数 `result` が、関数 `getNine` の呼び出しにより返される値に設定されるようにコードを修正してください。
+
+# --hints--
+
+変数 `result` が、関数 `getNine` が返す値に設定されるようにコードを修正します。
+
+```js
+assert(result == 9);
+```
+
+`getNine` 関数を呼び出す必要があります。
+
+```js
+assert(code.match(/getNine\(\)/g).length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function getNine() {
+ let x = 6;
+ let y = 3;
+ return x + y;
+}
+
+let result = getNine;
+console.log(result);
+```
+
+# --solutions--
+
+```js
+function getNine() {
+ let x = 6;
+ let y = 3;
+ return x + y;
+}
+
+let result = getNine();
+console.log(result);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md
new file mode 100644
index 0000000000..70978b0165
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b84367417b2b2512b35
+title: 変数名や関数名のスペルミスをキャッチする
+challengeType: 1
+forumTopicId: 301186
+dashedName: catch-misspelled-variable-and-function-names
+---
+
+# --description--
+
+`console.log()` と `typeof` メソッドの 2 つは、中間値やプログラム出力の型を確認する場合によく使用されます。 よくあるバグとして、 スペルミスがあります。タイピングの速い人が起こしがちな構文レベルの問題の 1 つです。
+
+変数名や関数名の文字が、入れ替わっていたり、不足していたり、大文字小文字が間違っていたりすると、ブラウザーで存在しないオブジェクトが検索され、結果として参照エラーという形でエラーが表示されます。 JavaScript の変数名や関数名は大文字と小文字が区別されます。
+
+# --instructions--
+
+`netWorkingCapital` の計算が正しく実行されるように、コード内のスペルミスを 2 か所修正してください。
+
+# --hints--
+
+netWorkingCapital の計算で使用されている 2 つの変数のスペルを確認してください。コンソール出力に「Net working capital is: 2」と表示する必要があります。
+
+```js
+assert(netWorkingCapital === 2);
+```
+
+コードの変数にスペルミスがあってはいけません。
+
+```js
+assert(!code.match(/recievables/g));
+```
+
+`receivables` 変数をコードで正しく宣言して使用する必要があります。
+
+```js
+assert(code.match(/receivables/g).length == 2);
+```
+
+コードの変数にスペルミスがあってはいけません。
+
+```js
+assert(!code.match(/payable;/g));
+```
+
+`payables` 変数をコードで正しく宣言して使用する必要があります。
+
+```js
+assert(code.match(/payables/g).length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = recievables - payable;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+```
+
+# --solutions--
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = receivables - payables;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md
new file mode 100644
index 0000000000..09850ab74b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b84367417b2b2512b37
+title: シングルクォートとダブルクォートの混用をキャッチする
+challengeType: 1
+forumTopicId: 301188
+dashedName: catch-mixed-usage-of-single-and-double-quotes
+---
+
+# --description--
+
+JavaScript では、文字列の宣言にシングルクォート (`'`) と ダブルクォート (`"`) のどちらの引用符も使用できます。 どちらを使用するかは通常は個人の好みによりますが、いくつか例外があります。
+
+文字列に短縮形が含まれている場合や、引用符で囲まれた別のテキストがある場合は、2 つの選択肢があると便利です。 ただし、文字列をあまりに早く終了することがないように注意してください。構文エラーになります。
+
+引用符を混用している例を次に示します。
+
+```js
+const grouchoContraction = "I've had a perfectly wonderful evening, but this wasn't it.";
+const quoteInString = "Groucho Marx once said 'Quote me as saying I was mis-quoted.'";
+const uhOhGroucho = 'I've had a perfectly wonderful evening, but this wasn't it.';
+```
+
+最初の 2 つは正しい構文ですが、3 つ目は間違っています。
+
+もちろん、一種類の引用符だけを使用しても構いません。 バックスラッシュ (`\`) エスケープ文字 (日本語では円記号) を使用して、文字列内の引用符をエスケープすることができます。
+
+```js
+const allSameQuotes = 'I\'ve had a perfectly wonderful evening, but this wasn\'t it.';
+```
+
+# --instructions--
+
+`href` 値に対して別の引用符を使用するか、既存の引用符をエスケープするように、文字列を修正してください。 文字列全体はダブルクォートで囲んでください。
+
+# --hints--
+
+`href` の値 `#Home` を囲む引用符を変更するか、またはエスケープして、コードを修正します。
+
+```js
+assert(code.match(//g));
+```
+
+文字列全体をダブルクォートで囲みます。
+
+```js
+assert(code.match(/".*?<\/p>";/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let innerHtml = "
Click here to return home
";
+console.log(innerHtml);
+```
+
+# --solutions--
+
+```js
+let innerHtml = "Click here to return home
";
+console.log(innerHtml);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md
new file mode 100644
index 0000000000..4668da397c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md
@@ -0,0 +1,93 @@
+---
+id: 587d7b86367417b2b2512b3b
+title: インデックスの使用時のオフバイワンエラーを理解する
+challengeType: 1
+forumTopicId: 301189
+dashedName: catch-off-by-one-errors-when-using-indexing
+---
+
+# --description--
+
+オフバイワンエラー (OBOE と呼ばれることもあります) は、文字列または配列の特定のインデックスをターゲットにしようとしているとき (セグメントをスライスするまたはアクセスするため)、あるいはインデックスをループ処理するときに発生します。 JavaScript のインデックスは、1 からではなく、0 から始まります。つまり、最後のインデックスは常にアイテムの長さよりも 1 小さくなります。 最後のインデックスと等しい長さのインデックスにアクセスしようとすると、プログラムから「インデックスが範囲外」という参照エラーがスローされたり、`undefined` が出力されたりする場合があります。
+
+引数としてインデックスの範囲を受け取る文字列メソッドや配列メソッドを使用する場合は、ドキュメントを確認して、それらがインクルーシブ (対象のインデックスのアイテムも返される一部となる) かどうかを把握しておくと役に立ちます。 オフバイワンエラーの例を次に示します。
+
+```js
+let alphabet = "abcdefghijklmnopqrstuvwxyz";
+let len = alphabet.length;
+for (let i = 0; i <= len; i++) {
+ console.log(alphabet[i]);
+}
+for (let j = 1; j < len; j++) {
+ console.log(alphabet[j]);
+}
+for (let k = 0; k < len; k++) {
+ console.log(alphabet[k]);
+}
+```
+
+最初の例ではループが 1 回多く繰り返され、2 つ目の例ではループが 1 回少なく繰り返されます (最初のインデックスである 0 が欠落しています)。 3つ 目は正しい例です。
+
+# --instructions--
+
+次の関数で 2 つのインデックスエラーを修正して、1 から 5 までのすべての数字がコンソールに出力されるようにしてください。
+
+# --hints--
+
+ループが最初のインデックスから開始するように、ループの初期条件を設定します。
+
+```js
+assert(code.match(/i\s*?=\s*?0\s*?;/g).length == 1);
+```
+
+インデックスが 0 から始まるように、ループの初期条件を修正します。
+
+```js
+assert(!code.match(/i\s?=\s*?1\s*?;/g));
+```
+
+ループが最後のインデックスで止まるように、ループの終了条件を設定します。
+
+```js
+assert(code.match(/i\s*?<\s*?len\s*?;/g).length == 1);
+```
+
+ループが length の 1 つ前で止まるように、ループの終了条件を修正します。
+
+```js
+assert(!code.match(/i\s*?<=\s*?len;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countToFive() {
+ let firstFive = "12345";
+ let len = firstFive.length;
+ // Only change code below this line
+ for (let i = 1; i <= len; i++) {
+ // Only change code above this line
+ console.log(firstFive[i]);
+ }
+}
+
+countToFive();
+```
+
+# --solutions--
+
+```js
+function countToFive() {
+ let firstFive = "12345";
+ let len = firstFive.length;
+ // Only change code below this line
+ for (let i = 0; i < len; i++) {
+ // Only change code above this line
+ console.log(firstFive[i]);
+ }
+}
+
+countToFive();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md
new file mode 100644
index 0000000000..63590caed8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md
@@ -0,0 +1,49 @@
+---
+id: 587d7b84367417b2b2512b36
+title: '丸括弧、角括弧、中括弧、引用符の閉じ忘れをキャッチする'
+challengeType: 1
+forumTopicId: 301190
+dashedName: catch-unclosed-parentheses-brackets-braces-and-quotes
+---
+
+# --description--
+
+もう一つ注意すべき構文エラーは、すべての開始の丸括弧、角括弧、波括弧、および引用符に、終了のためのペアがあるかということです。 既存のコードを編集していて、アイテムを挿入するときにペアを記述し忘れることがよくあります。 また、コールバック関数をメソッドの引数として追加する場合など、コードブロックをネストする場合にも、注意が必要です。
+
+こうした間違いを避ける方法の一つとして、開始文字を入力した直後に終了のペアを入力し、カーソルをその中間に戻してからコーディングを続けることができます。 幸い、最新のほとんどのコードエディターは、ペアの部分を自動的に生成してくれます。
+
+# --instructions--
+
+コード内の 2 つのペアエラーを修正してください。
+
+# --hints--
+
+配列で欠けているペアを修正する必要があります。
+
+```js
+assert(code.match(/myArray\s*?=\s*?\[\s*?1\s*?,\s*?2\s*?,\s*?3\s*?\];/g));
+```
+
+`.reduce()` メソッドで欠けている部分を修正する必要があります。 コンソール出力に `Sum of array values is: 6` と表示する必要があります。
+
+```js
+assert(arraySum === 6);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myArray = [1, 2, 3;
+let arraySum = myArray.reduce((previous, current => previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+```
+
+# --solutions--
+
+```js
+let myArray = [1, 2, 3];
+let arraySum = myArray.reduce((previous, current) => previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
new file mode 100644
index 0000000000..4f94fd8705
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
@@ -0,0 +1,81 @@
+---
+id: 587d7b85367417b2b2512b38
+title: 等価演算子の代わりに代入演算子を使用していないかキャッチする
+challengeType: 1
+forumTopicId: 301191
+dashedName: catch-use-of-assignment-operator-instead-of-equality-operator
+---
+
+# --description--
+
+プログラムの分岐、つまり、満たされた特定の条件ごとに異なる処理を実行する部分では、JavaScript の `if`、`else if`、`else` などのステートメントが使用されます。 条件として「結果が値と等しいかどうかをテストする」ことがあります。
+
+このロジックを言葉にすれば (少なくとも英語では) "if x equals y, then ..." (x が y に等しい場合は、... を実行する) などとなり、代入演算子 `=` を使用すれば文字通りのコードに変換できますが、 そうするとプログラムで予期しない制御フローが生じます。
+
+以前のチャレンジで説明したように、JavaScript の代入演算子 (`=`) は、変数名に値を割り当てます。 そして、`==` 演算子と `===` 演算子は、等しいかどうかをチェックします (3 連続の `===` は、厳密に等しいかどうか、つまり、値と型が同じかどうかをテストします)。
+
+以下のコードでは、`x` に 2 が代入され、`true` として評価されます。 JavaScript では、ほとんどすべての値はそれ自体が `true` に評価されます。ただし、「偽」の値とされる `false`、`0`、`""` (空の文字列)、`NaN`、`undefined`、および `null` は例外となります。
+
+```js
+let x = 1;
+let y = 2;
+if (x = y) {
+
+} else {
+
+}
+```
+
+この例では、`if`ステートメント内のコードブロックは、`y` が偽でない限り、`y` がどのような値であっても実行されます。 ここで実行されるものと期待されている `else` ブロックは、実際には実行されません。
+
+# --instructions--
+
+プログラムで分岐が正しく実行されるように条件を修正し、`result` に適切な値が代入されるようにしてください。
+
+# --hints--
+
+代入ではなく、等しいかどうかを確認するように条件を修正する必要があります。
+
+```js
+assert(result == 'Not equal!');
+```
+
+等しいかどうかをテストするために `==` または `===` を使用する必要があります。
+
+```js
+assert(code.match(/x\s*?===?\s*?y/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x = y) {
+ result = "Equal!";
+} else {
+ result = "Not equal!";
+}
+
+console.log(result);
+```
+
+# --solutions--
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x === y) {
+ result = "Equal!";
+} else {
+ result = "Not equal!";
+}
+
+console.log(result);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md
new file mode 100644
index 0000000000..ca403e5a9a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b86367417b2b2512b3d
+title: 有効な終了条件を使用して無限ループを防ぐ
+challengeType: 1
+forumTopicId: 301192
+dashedName: prevent-infinite-loops-with-a-valid-terminal-condition
+---
+
+# --description--
+
+最後のトピックは、煩わしい無限ループです。 ループは、コードブロックを特定の回数だけ、または条件が満たされるまで実行するには最適なツールですが、ループを終わらせるためには終了条件が必要です。 無限ループはブラウザーをフリーズまたはクラッシュさせ、通常のプログラムの実行を妨げる問題を引き起こす可能性があります。
+
+このセクションの導入部に無限ループの例がありましたが、`loopy()` 内の `while` ループを抜け出すための終了条件は記述していませんでした。 次の関数を呼び出さないでください！
+
+```js
+function loopy() {
+ while(true) {
+ console.log("Hello, world!");
+ }
+}
+```
+
+プログラミングでは、終了条件、つまり、プログラムでいつループを抜け出すかを最終的に決める必要があります。 たとえば、カウンター変数を終了条件から間違った方向にインクリメントまたはデクリメントしてしまったり、 あるいはインクリメントまたはデクリメントするのではなく、ループコード内のカウンター変数やインデックス変数を誤ってリセットしてしまったりすると、エラーになります。
+
+# --instructions--
+
+`myFunc()` 関数には無限ループが含まれています。これは、終了条件である `i != 4` が `false` に評価される (したがって無限ループを脱する) ことが決してないからです。`i` はパスごとに 2 増えますが、`i` は奇数から始まっているため、4 はスキップされます。 `i` が 4 以下の場合にのみループが実行されるように、終了条件の比較演算子を修正してください。
+
+# --hints--
+
+`for` ループの終了条件 (真ん中の部分) の比較演算子を変更する必要があります。
+
+```js
+assert(code.match(/i\s*?<=\s*?4;/g).length == 1);
+```
+
+ループの終了条件にある比較演算子を修正する必要があります。
+
+```js
+assert(!code.match(/i\s*?!=\s*?4;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function myFunc() {
+ for (let i = 1; i != 4; i += 2) {
+ console.log("Still going!");
+ }
+}
+```
+
+# --solutions--
+
+```js
+function myFunc() {
+ for (let i = 1; i <= 4; i += 2) {
+ console.log("Still going!");
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md
new file mode 100644
index 0000000000..30d0481cd3
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b83367417b2b2512b37
+title: freeCodeCamp とブラウザーのコンソールの違いを理解する
+challengeType: 1
+forumTopicId: 301193
+dashedName: understanding-the-differences-between-the-freecodecamp-and-browser-console
+---
+
+# --description--
+
+お気づきかもしれませんが、freeCodeCamp の一部のチャレンジには独自のコンソールが含まれています。 このコンソールは、ブラウザーのコンソールとは少し異なる動作をします。
+
+`console` ではメッセージを出力するために多くのメソッドを使用します。 たとえば、`log`,、`warn`、 `clear` などがあります。 freeCodeCamp のコンソールは `log` メッセージのみを出力し、ブラウザーのコンソールはすべてのメッセージを出力します。 コードを変更すると、自動的に実行され、ログが表示されます。 freeCodeCamp のコンソールはコードが実行されるたびにクリアされます。
+
+# --instructions--
+
+まず、ブラウザーのコンソールを開いてログを表示してください。 それには、一番上にある freeCodeCamp のナビゲーションバーを右クリックし、たいていのブラウザーでは `inspect` をクリックします。 次に、開いたウィンドウで `console` タブを探します。
+
+その次に、`console.log` を使用して `output` 変数を出力してください。 ログを表示するため、2 つのコンソールを表示してください。 最後に、ログの後に `console.clear` を使用してブラウザーのコンソールをクリアしてください。 2 つのコンソールの違いを確認してください。
+
+# --hints--
+
+`console.log` を使用して `output` 変数を出力します。
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/console\.log\(output\)/));
+```
+
+`console.clear()` を使用してブラウザーのコンソールをクリアします。
+
+```js
+assert(
+ __helpers
+ .removeWhiteSpace(code)
+ .match(/console.clear\(\)/)
+);
+```
+
+ログを表示した後、コンソールをクリアします。
+
+```js
+assert(
+ __helpers
+ .removeWhiteSpace(code)
+ .match(/console\.log\(output\)[\s\S]*console.clear\(\)/)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let output = "Get this to show once in the freeCodeCamp console and not at all in the browser console";
+
+```
+
+# --solutions--
+
+```js
+let output = "Get this to show once in the freeCodeCamp console and not at all in the browser console";
+
+console.log(output);
+console.clear();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
new file mode 100644
index 0000000000..0ee5d45c82
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
@@ -0,0 +1,97 @@
+---
+id: 587d7b86367417b2b2512b3c
+title: ループ内の変数を再初期化する際の注意点
+challengeType: 1
+forumTopicId: 301194
+dashedName: use-caution-when-reinitializing-variables-inside-a-loop
+---
+
+# --description--
+
+ループの中では、必要に応じて情報を保存したり、カウンターを増やしたり、変数を再設定したりする場合があります。 問題となるのは、変数を再初期化する必要があるのにしない場合、または逆に再初期化してはならないのにしてしまう場合です。 特に、終了条件に使用している変数を誤ってリセットしてしまった場合は危険であり、無限ループを引き起こします。
+
+`console.log()` を使用してループの各サイクルで変数値を出力することで、変数をリセットすることに関して、または変数のリセットができないことに関して、バグを引き起こしそうな動作を明らかにすることができます。
+
+# --instructions--
+
+次の関数では、`m` 行 `n` 列のゼロの成分からなる二次元配列を作成する必要があります。 しかし、外側のループで `row` 変数が再初期化されていない (空の配列に戻らない) ため、残念ながら期待される出力が生成されません。 `[[0, 0], [0, 0], [0,0]]` のような正しい 3x2 の配列を返すようにコードを修正してください。
+
+# --hints--
+
+`matrix` 変数を、3 行 2 列のゼロからなる配列に設定する必要があります。
+
+```js
+assert(JSON.stringify(matrix) == '[[0,0],[0,0],[0,0]]');
+```
+
+`matrix` 変数を 3 行にする必要があります。
+
+```js
+assert(matrix.length == 3);
+```
+
+`matrix` 変数の各行を 2 列にする必要があります。
+
+```js
+assert(
+ matrix[0].length == 2 && matrix[1].length === 2 && matrix[2].length === 2
+);
+```
+
+`zeroArray(4,3)` は、4 行 3 列のゼロからなる配列を返す必要があります。
+
+```js
+assert(JSON.stringify(zeroArray(4,3)) == '[[0,0,0],[0,0,0],[0,0,0],[0,0,0]]');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function zeroArray(m, n) {
+ // Creates a 2-D array with m rows and n columns of zeroes
+ let newArray = [];
+ let row = [];
+ for (let i = 0; i < m; i++) {
+ // Adds the m-th row into newArray
+
+ for (let j = 0; j < n; j++) {
+ // Pushes n zeroes into the current row to create the columns
+ row.push(0);
+ }
+ // Pushes the current row, which now has n zeroes in it, to the array
+ newArray.push(row);
+ }
+ return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
+
+# --solutions--
+
+```js
+function zeroArray(m, n) {
+ // Creates a 2-D array with m rows and n columns of zeroes
+ let newArray = [];
+ for (let i = 0; i < m; i++) {
+ let row = [];
+ // Adds the m-th row into newArray
+
+ for (let j = 0; j < n; j++) {
+ // Pushes n zeroes into the current row to create the columns
+ row.push(0);
+ }
+ // Pushes the current row, which now has n zeroes in it, to the array
+ newArray.push(row);
+ }
+ return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md
new file mode 100644
index 0000000000..dda301fc11
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md
@@ -0,0 +1,54 @@
+---
+id: 587d7b83367417b2b2512b33
+title: JavaScript コンソールを使用して変数の値を確認する
+challengeType: 1
+forumTopicId: 18372
+dashedName: use-the-javascript-console-to-check-the-value-of-a-variable
+---
+
+# --description--
+
+Chrome と Firefox はどちらも、JavaScript をデバッグするための優れた JavaScript コンソール (DevTools とも呼ばれます) を備えています。
+
+Chrome には「デベロッパー ツール」というメニューがあり、Firefox には「ウェブコンソール」というメニューがあります。 別のブラウザーやスマートフォンを使用している場合は、デスクトップ版の Firefox または Chrome に切り替えることをぜひお勧めします。
+
+コンソールに丸括弧で囲まれた部分の出力を "print (印字)" する `console.log()` メソッドは、おそらく最も有用なデバッグツールとなります。 このメソッドをコード内の重要な場所に記述すると、変数の中間値を表示することができます。 実際の表示内容を調べる前に、出力されるべきものが何かを確認しておくことをお勧めします。 計算の状態を確認するためのチェックポイントをコード全体にわたって設定しておくと、問題のある場所を絞り込むのに役立ちます。
+
+以下は、文字列 `Hello world!` をコンソールに出力する例です。
+
+```js
+console.log('Hello world!');
+```
+
+# --instructions--
+
+`console.log()` メソッドを使用して、コード内の指示された場所で変数 `a` の値を出力してください。
+
+# --hints--
+
+変数 `a` の値を確認するために `console.log()` を使用する必要があります。
+
+```js
+assert(code.match(/console\.log\(a\)/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let a = 5;
+let b = 1;
+a++;
+// Only change code below this line
+
+
+let sumAB = a + b;
+console.log(sumAB);
+```
+
+# --solutions--
+
+```js
+var a = 5; console.log(a);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md
new file mode 100644
index 0000000000..c9353a035c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md
@@ -0,0 +1,66 @@
+---
+id: 587d7b84367417b2b2512b34
+title: typeof を使用して変数の型を確認する
+challengeType: 1
+forumTopicId: 18374
+dashedName: use-typeof-to-check-the-type-of-a-variable
+---
+
+# --description--
+
+`typeof` を使用すると変数のデータ構造、つまり型を確認できます。 これは複数のデータ型を扱う際のデバッグに役立ちます。 2 つの数字の和を求めようとしていて、一方が文字列の場合、結果は予測不能となります。 型に関するエラーは、計算や関数呼び出しの中に潜んでいる可能性があります。 JavaScript Object Notation (JSON) オブジェクト形式の外部データにアクセスして操作する場合は特に注意が必要です。
+
+`typeof` を使用した例をいくつか示します。
+
+```js
+console.log(typeof "");
+console.log(typeof 0);
+console.log(typeof []);
+console.log(typeof {});
+```
+
+コンソールには、文字列 `string`、`number`、`object`、`object` が順番に表示されます。
+
+JavaScript は 6 つのプリミティブな (イミュータブル) データ型として、`Boolean`、`Null`、`Undefined`、`Number`、`String`、および `Symbol` (ES6 で新登場) を認識します。また、ミュータブルアイテムのための型の 1 つである `Object` も認識します。 JavaScript では、配列は厳密にはオブジェクトの一種であることに注意してください。
+
+# --instructions--
+
+コード内の `seven` と `three` の 2 つの変数について、それぞれの `typeof` を確認する、2 つの `console.log()` ステートメントを追加してください。
+
+# --hints--
+
+2 つの `console.log()` ステートメントで `typeof` を使用して変数の型を確認する必要があります。
+
+```js
+assert(code.match(/console\.log\(typeof[\( ].*\)?\)/g).length == 2);
+```
+
+`typeof` を使用して変数 `seven` の型を確認する必要があります。
+
+```js
+assert(code.match(/typeof[\( ]seven\)?/g));
+```
+
+`typeof` を使用して変数 `three` の型を確認する必要があります。
+
+```js
+assert(code.match(/typeof[\( ]three\)?/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let seven = 7;
+let three = "3";
+console.log(seven + three);
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let seven = 7;let three = "3";console.log(typeof seven);
+console.log(typeof three);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md
new file mode 100644
index 0000000000..7f2b400098
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md
@@ -0,0 +1,134 @@
+---
+id: 587d7b87367417b2b2512b40
+title: var キーワードと let キーワードのスコープを比較する
+challengeType: 1
+forumTopicId: 301195
+dashedName: compare-scopes-of-the-var-and-let-keywords
+---
+
+# --description--
+
+`let` に慣れていない方は、[こちらのチャレンジ](/learn/javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords)をご覧ください。
+
+`var` キーワードを付けて変数を宣言すると、グローバルに宣言されるか、または関数内で宣言された場合はローカルに宣言されます。
+
+`let` キーワードの動作も似ていますが、いくつか追加の機能があります。 ブロック、ステートメント、または式の中で `let` キーワードを付けて変数を宣言すると、変数のスコープがそのブロック、ステートメント、または式に限定されます。
+
+例:
+
+```js
+var numArray = [];
+for (var i = 0; i < 3; i++) {
+ numArray.push(i);
+}
+console.log(numArray);
+console.log(i);
+```
+
+ここでは、コンソールに値 `[0, 1, 2]` と `3` が表示されます。
+
+`var` キーワードでは、`i` はグローバルに宣言されます。 そのため、`i++` を実行するとグローバル変数が更新されます。 このコードは次のコードと同様です。
+
+```js
+var numArray = [];
+var i;
+for (i = 0; i < 3; i++) {
+ numArray.push(i);
+}
+console.log(numArray);
+console.log(i);
+```
+
+ここでも、コンソールに値 `[0, 1, 2]` と `3` が表示されます。
+
+`i` 変数を使用している `for` ループの中で関数を作成し、後で使用できるように保存した場合には、この動作が問題を起こします。 これは、変数を保存した関数からは、更新されたグローバルの `i` 変数の値が常に参照されるためです。
+
+```js
+var printNumTwo;
+for (var i = 0; i < 3; i++) {
+ if (i === 2) {
+ printNumTwo = function() {
+ return i;
+ };
+ }
+}
+console.log(printNumTwo());
+```
+
+ここでは、コンソールに値 `3` が表示されます。
+
+ご覧のように、`printNumTwo()` は 2 ではなく 3 を出力します。 これは、`i` に代入された値が更新されて、`printNumTwo()` が、for ループで関数を作成したときに与えられた値 `i` ではなく、グローバルの `i` を返すからです。 `let` キーワードの場合はこうした動作に従いません。
+
+```js
+let printNumTwo;
+for (let i = 0; i < 3; i++) {
+ if (i === 2) {
+ printNumTwo = function() {
+ return i;
+ };
+ }
+}
+console.log(printNumTwo());
+console.log(i);
+```
+
+ここでは、コンソールに値 `2` が表示され、エラー `i is not defined` が表示されます。
+
+`i` はグローバルスコープで宣言されていないため、定義されていません。 `for` ループステートメントの中で宣言されているだけです。 `printNumTwo()`は正しい値を返しました。これは、ループステートメント内で `let` キーワードによって、独自の値 (0、1、および 2) を持つ 3 つの異なる `i` 変数が作成されたからです。
+
+# --instructions--
+
+`if` ステートメント内で宣言された `i` が、関数の最初の行で宣言された `i` とは別の変数になるように、コードを修正してください。 コードではどの場所でもキーワード `var` を使用しないでください。
+
+この練習の目的は、`var` キーワードと `let` キーワードで、宣言された変数に割り当てられるスコープの違いを理解することです。 この練習で使用しているような関数をプログラミングする場合は、通常は混同を避けるために異なる変数名を使用することをお勧めします。
+
+# --hints--
+
+`var` をコードに入れてはいけません。
+
+```js
+assert(!code.match(/var/g));
+```
+
+`if` ステートメント内で宣言された変数 `i` は、文字列 `block scope` になる必要があります。
+
+```js
+assert(code.match(/(i\s*=\s*).*\s*.*\s*.*\1('|")block\s*scope\2/g));
+```
+
+`checkScope()` は、文字列 `function scope` を返す必要があります。
+
+```js
+assert(checkScope() === 'function scope');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkScope() {
+ var i = 'function scope';
+ if (true) {
+ i = 'block scope';
+ console.log('Block scope i is: ', i);
+ }
+ console.log('Function scope i is: ', i);
+ return i;
+}
+```
+
+# --solutions--
+
+```js
+function checkScope() {
+ let i = 'function scope';
+ if (true) {
+ let i = 'block scope';
+ console.log('Block scope i is: ', i);
+ }
+
+ console.log('Function scope i is: ', i);
+ return i;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md
new file mode 100644
index 0000000000..cb7fab4720
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md
@@ -0,0 +1,77 @@
+---
+id: 5cdafbc32913098997531680
+title: resolve と reject を使用してプロミスを完了する
+challengeType: 1
+forumTopicId: 301196
+dashedName: complete-a-promise-with-resolve-and-reject
+---
+
+# --description--
+
+プロミスには、`pending` (保留)、`fulfilled` (成功)、`rejected` (拒否) の 3 つの状態があります。 前のチャレンジで作成したプロミスは、プロミスの完了方法を追加していなかったために、永久に `pending` 状態のままになります。 プロミスを完了するには、プロミスの引数に与えられた `resolve` および `reject` パラメーターを使用します。 プロミスを成功としたい場合は `resolve` を使用し、失敗としたい場合は `reject` を使用します。 これらは、次に示すように引数を取るメソッドです。
+
+```js
+const myPromise = new Promise((resolve, reject) => {
+ if(condition here) {
+ resolve("Promise was fulfilled");
+ } else {
+ reject("Promise was rejected");
+ }
+});
+```
+
+上記の例では、これらの関数の引数として文字列を使用していますが、実際には何でも使用できます。 多くの場合はオブジェクトで、そこからウェブサイトなどに設定するデータを取得して使用します。
+
+# --instructions--
+
+プロミスを使用して成功と失敗を処理してください。 `responseFromServer` が `true` の場合は、`resolve` メソッドを呼び出してプロミスを成功として完了してください。 `resolve`には、`We got the data` という値の文字列を渡します。 `responseFromServer` が `false` の場合は、代わりに `reject` メソッドを使用して文字列 `Data not received` を渡してください。
+
+# --hints--
+
+`if` 条件が `true` の場合は、必要な文字列とともに `resolve` を呼び出す必要があります。
+
+```js
+assert(
+ code.match(/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g)
+);
+```
+
+`if` 条件が `false` の場合は、必要な文字列とともに `reject` を呼び出す必要があります。
+
+```js
+assert(
+ code.match(/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+ // responseFromServer represents a response from a server
+ let responseFromServer;
+
+ if(responseFromServer) {
+ // Change this line
+ } else {
+ // Change this line
+ }
+});
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+ // responseFromServer represents a response from a server
+ let responseFromServer;
+
+ if(responseFromServer) {
+ resolve("We got the data");
+ } else {
+ reject("Data not received");
+ }
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md
new file mode 100644
index 0000000000..66584b012f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md
@@ -0,0 +1,55 @@
+---
+id: 5cdafbb0291309899753167f
+title: JavaScript のプロミスを作成する
+challengeType: 1
+forumTopicId: 301197
+dashedName: create-a-javascript-promise
+---
+
+# --description--
+
+JavaScript におけるプロミスとは、その言葉が示すように、何らかの処理を (通常は非同期に) 実行することを「約束する」場合に使用するものです。 タスクを完了するとき、そのタスクは約束を果たしたか果たせなかったかのいずれかになります。 プロミス (`Promise`) はコンストラクター関数なので、`new` キーワードを使用して作成する必要があります。 引数として、2 つのパラメーター (`resolve` と `reject`) を持つ関数を受け取ります。 これらのメソッドは、プロミスの結果を判定するのに使用します。 構文は次のようになります。
+
+```js
+const myPromise = new Promise((resolve, reject) => {
+
+});
+```
+
+# --instructions--
+
+`makeServerRequest` という新しいプロミスを作成してください。 `resolve` と `reject` のパラメーターを持つ関数をコンストラクターに渡してください。
+
+# --hints--
+
+`makeServerRequest` という名前の宣言された変数に、プロミスを割り当てる必要があります。
+
+```js
+assert(makeServerRequest instanceof Promise);
+```
+
+プロミスには、`resolve` と `reject` をパラメーターとして持つ関数を渡す必要があります。
+
+```js
+assert(
+ code.match(
+ /Promise\(\s*(function\s*\(\s*resolve\s*,\s*reject\s*\)\s*{|\(\s*resolve\s*,\s*reject\s*\)\s*=>\s*{)[^}]*}/g
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md
new file mode 100644
index 0000000000..6041c4fd88
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md
@@ -0,0 +1,73 @@
+---
+id: 5cddbfd622f1a59093ec611d
+title: モジュールスクリプトを作成する
+challengeType: 6
+forumTopicId: 301198
+dashedName: create-a-module-script
+---
+
+# --description--
+
+JavaScript は、当初の用途はほとんどが HTML ウェブであり、それ以外の用途にはあまり役に立ちませんでした。 現在ではその役割は非常に大きく、ウェブサイト全体がほとんど JavaScript で構築されることもあります。 JavaScript のモジュール化を進め、コードをより明解にしてメンテナンスできるように、ES6 では JavaScript ファイル間でコードを簡単に共有する方法が導入されました。 そのためには、他の 1 つまたは複数のファイルで使用できるように、ファイルの一部分をエクスポートし、必要になったときに対象の部分をインポートする必要があります。 この機能を利用するには、`type` が `module` のスクリプトを HTML ドキュメントに作成する必要があります。 例を次に示します。
+
+```html
+
+```
+
+これで、この `module` タイプを使用するスクリプトで `import` と `export` の機能を使用できるようになりました。これらについてはこのあとのチャレンジで説明します。
+
+# --instructions--
+
+type が `module` のスクリプトを HTML ドキュメントに追加し、`index.js` というソースファイルを指定してください。
+
+# --hints--
+
+`script` タグを作成する必要があります。
+
+```js
+assert(code.match(/<\s*script[^>]*>\s*<\/\s*script\s*>/g));
+```
+
+`script` タグに、`module` という値を設定した `type` 属性を持たせる必要があります。
+
+```js
+assert(
+ code.match(
+ /<\s*script\s+[^t]*type\s*=\s*('|")module\1[^>]*>\s*<\/\s*script\s*>/g
+ )
+);
+```
+
+`script` タグに、`index.js` という `src` 属性を付ける必要があります。
+
+```js
+assert(
+ code.match(
+ /<\s*script\s+[^s]*src\s*=\s*('|")index\.js\1[^>]*>\s*<\/\s*script\s*>/g
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+
+
+
+
+
+
+```
+
+# --solutions--
+
+```html
+
+
+
+
+
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md
new file mode 100644
index 0000000000..c197093fa4
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b58
+title: export default を使用してエクスポートのフォールバック (代替) を作成する
+challengeType: 1
+forumTopicId: 301199
+dashedName: create-an-export-fallback-with-export-default
+---
+
+# --description--
+
+`export` のレッスンでは、名前付きエクスポート と呼ばれる構文について学びました。 これにより、複数の関数や変数を他のファイルで使用できるようになります。
+
+もう一つ覚えておく必要がある `export` 構文として、export default というものがあります。 通常は、ファイルから 1 つの値だけをエクスポートする場合にこの構文を使用します。 また、ファイルやモジュールのフォールバック (代替) 値を作成する場合にも使用します。
+
+`export default` を使用した例を次に示します。
+
+```js
+export default function add(x, y) {
+ return x + y;
+}
+
+export default function(x, y) {
+ return x + y;
+}
+```
+
+1 つ目は名前付き関数、2 つ目は匿名関数です。
+
+`export default` は、モジュールまたはファイルのフォールバック値を宣言するために使用します。そのため、各モジュールまたはファイルでデフォルトのエクスポートにすることができるのは 1 つの値だけです。 また、`var`、 `let`、または `const` を持つ `export default` は使用できません。
+
+# --instructions--
+
+次の関数をモジュールのフォールバック値にする必要があります。 そのために必要なコードを追加してください。
+
+# --hints--
+
+コードで `export` のフォールバックを使用する必要があります。
+
+```js
+assert(
+ code.match(
+ /export\s+default\s+function(\s+subtract\s*|\s*)\(\s*x,\s*y\s*\)\s*{/g
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function subtract(x, y) {
+ return x - y;
+}
+```
+
+# --solutions--
+
+```js
+export default function subtract(x, y) {
+ return x - y;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md
new file mode 100644
index 0000000000..3622c5a1f9
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md
@@ -0,0 +1,116 @@
+---
+id: 587d7b8a367417b2b2512b4e
+title: テンプレートリテラルを使用して文字列を作成する
+challengeType: 1
+forumTopicId: 301200
+dashedName: create-strings-using-template-literals
+---
+
+# --description--
+
+ES6 の新機能にテンプレートリテラル があります。 これは複雑な文字列を簡単に作成できる特殊な型の文字列です。
+
+テンプレートリテラルを使用すると、複数行の文字列を作成したり、文字列の補完機能を使用して文字列を作成したりできます。
+
+次のコードを考えてみましょう。
+
+```js
+const person = {
+ name: "Zodiac Hasbro",
+ age: 56
+};
+
+const greeting = `Hello, my name is ${person.name}!
+I am ${person.age} years old.`;
+
+console.log(greeting);
+```
+
+コンソールには、`Hello, my name is Zodiac Hasbro!` と `I am 56 years old.` の文字列が表示されます。
+
+ここではいろいろな処理を行っています。 まず、文字列を囲むのに引用符 (`'` または `"`) ではなくバッククォート (`` ` ``) を使用しています。 次に、コードと出力の両方で文字列が複数行になっています。 このため文字列内に `\n` を挿入せずに済みます。 上記で使用している `${variable}` の構文はプレイスホルダーです。 基本的には `+` 演算子で連結する必要がなくなります。 文字列に変数を追加するには、変数をテンプレート文字列に入れて `${` と `}` で囲むだけです。 同様にして、文字列リテラルに `${a + b}` などの他の式を含めることもできます。 この新しい方法で文字列を作成することで、より柔軟に堅牢な文字列を作成できます。
+
+# --instructions--
+
+テンプレートリテラル構文でバッククォートを使用して、リスト要素 (`li`) 文字列の配列を作成してください。 各リスト要素のテキストは、`result` オブジェクトの `failure` プロパティの配列要素の 1 つであり、`text-warning` の値を持つ `class` 属性を持たせます。 `makeList` 関数からは、リスト項目の文字列の配列を返してください。
+
+イテレーターメソッド (任意の種類のループ) を使用して、次のような目的の出力を実現してください。
+
+```js
+[
+ 'no-var ',
+ 'var-on-top ',
+ 'linebreak '
+]
+```
+
+# --hints--
+
+`failuresList` は、`result.failure` のメッセージを含む配列にする必要があります。
+
+```js
+assert(
+ typeof makeList(result.failure) === 'object' && failuresList.length === 3
+);
+```
+
+`failuresList` は、指定された出力と等しい必要があります。
+
+```js
+assert(
+ makeList(result.failure).every(
+ (v, i) =>
+ v === `${result.failure[i]} ` ||
+ v === `${result.failure[i]} `
+ )
+);
+```
+
+テンプレート文字列と式の補間機能を使用する必要があります。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/(`.*\${.*}.*`)/));
+```
+
+イテレーターを使用する必要があります。
+
+```js
+(getUserInput) =>
+ assert(getUserInput('index').match(/for|map|reduce|forEach|while/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const result = {
+ success: ["max-length", "no-amd", "prefer-arrow-functions"],
+ failure: ["no-var", "var-on-top", "linebreak"],
+ skipped: ["no-extra-semi", "no-dup-keys"]
+};
+function makeList(arr) {
+ // Only change code below this line
+ const failureItems = [];
+ // Only change code above this line
+
+ return failureItems;
+}
+
+const failuresList = makeList(result.failure);
+```
+
+# --solutions--
+
+```js
+const result = {
+ success: ["max-length", "no-amd", "prefer-arrow-functions"],
+ failure: ["no-var", "var-on-top", "linebreak"],
+ skipped: ["no-extra-semi", "no-dup-keys"]
+};
+function makeList(arr) {
+ return arr.map(val => `${val} `);
+}
+
+const failuresList = makeList(result.failure);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md
new file mode 100644
index 0000000000..6b8e802139
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md
@@ -0,0 +1,92 @@
+---
+id: 5cdafbd72913098997531681
+title: 成功したプロミスを then メソッドで処理する
+challengeType: 1
+forumTopicId: 301203
+dashedName: handle-a-fulfilled-promise-with-then
+---
+
+# --description--
+
+プロミスは、サーバーリクエストなど、処理にどの程度の時間がかかるかわからないプロセス (たとえば、非同期的なもの) がコードにある場合に最も役立ちます。 サーバーリクエストを行う場合、処理には時間がかかり、通常は処理の完了後にサーバーからの応答を受けて何らかの処理を行う必要があります。 `then` メソッドを使用するとこうした処理を実現できます。 `then` メソッドは、`resolve` によってプロミスが成功した直後に実行されます。 例を次に示します。
+
+```js
+myPromise.then(result => {
+
+});
+```
+
+`result` は、`resolve` メソッドに渡された引数からの結果です。
+
+# --instructions--
+
+`then` メソッドをプロミスに追加してください。 `result` をコールバック関数のパラメーターとして使用し、コンソールに `result` を出力してください。
+
+# --hints--
+
+プロミスで `then` メソッドを呼び出す必要があります。
+
+```js
+assert(
+ __helpers.removeWhiteSpace(code).match(/(makeServerRequest|\))\.then\(/g)
+);
+```
+
+`then` メソッドでは、`result` をパラメーターとするコールバック関数を記述する必要があります。
+
+```js
+assert(resultIsParameter);
+```
+
+コンソールに `result` を出力する必要があります。
+
+```js
+assert(
+ resultIsParameter &&
+ __helpers
+ .removeWhiteSpace(code)
+ .match(/\.then\(.*?result.*?console.log\(result\).*?\)/)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const resultIsParameter = /\.then\((function\(result\){|result|\(result\)=>)/.test(__helpers.removeWhiteSpace(code));
+```
+
+## --seed-contents--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+ // responseFromServer is set to true to represent a successful response from a server
+ let responseFromServer = true;
+
+ if(responseFromServer) {
+ resolve("We got the data");
+ } else {
+ reject("Data not received");
+ }
+});
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+ // responseFromServer is set to true to represent a successful response from a server
+ let responseFromServer = true;
+
+ if(responseFromServer) {
+ resolve("We got the data");
+ } else {
+ reject("Data not received");
+ }
+});
+
+makeServerRequest.then(result => {
+ console.log(result);
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md
new file mode 100644
index 0000000000..1891c0ab3c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md
@@ -0,0 +1,100 @@
+---
+id: 5cdafbe72913098997531682
+title: 拒否されたプロミスを catch で処理する
+challengeType: 1
+forumTopicId: 301204
+dashedName: handle-a-rejected-promise-with-catch
+---
+
+# --description--
+
+`catch` は、プロミスが拒否されたときに使用するメソッドで、 プロミスの `reject` メソッドが呼び出された直後に実行されます。 構文は次のとおりです。
+
+```js
+myPromise.catch(error => {
+
+});
+```
+
+`error` は `reject` メソッドに渡される引数です。
+
+# --instructions--
+
+`catch` メソッドをプロミスに追加してください。 `error` をコールバック関数のパラメーターとして使用し、コンソールに `error` を出力してください。
+
+# --hints--
+
+プロミスで `catch` メソッドを呼び出す必要があります。
+
+```js
+assert(
+ __helpers.removeWhiteSpace(code).match(/(makeServerRequest|\))\.catch\(/g)
+);
+```
+
+`catch` メソッドでは、`error` をパラメーターとするコールバック関数を記述する必要があります。
+
+```js
+assert(errorIsParameter);
+```
+
+コンソールに `error` を出力する必要があります。
+
+```js
+assert(
+ errorIsParameter &&
+ __helpers
+ .removeWhiteSpace(code)
+ .match(/\.catch\(.*?error.*?console.log\(error\).*?\)/)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const errorIsParameter = /\.catch\((function\(error\){|error|\(error\)=>)/.test(__helpers.removeWhiteSpace(code));
+```
+
+## --seed-contents--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+ // responseFromServer is set to false to represent an unsuccessful response from a server
+ let responseFromServer = false;
+
+ if(responseFromServer) {
+ resolve("We got the data");
+ } else {
+ reject("Data not received");
+ }
+});
+
+makeServerRequest.then(result => {
+ console.log(result);
+});
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+ // responseFromServer is set to false to represent an unsuccessful response from a server
+ let responseFromServer = false;
+
+ if(responseFromServer) {
+ resolve("We got the data");
+ } else {
+ reject("Data not received");
+ }
+});
+
+makeServerRequest.then(result => {
+ console.log(result);
+});
+
+makeServerRequest.catch(error => {
+ console.log(error);
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md
new file mode 100644
index 0000000000..6e3e8a0682
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md
@@ -0,0 +1,48 @@
+---
+id: 587d7b8d367417b2b2512b59
+title: デフォルトのエクスポートをインポートする
+challengeType: 1
+forumTopicId: 301205
+dashedName: import-a-default-export
+---
+
+# --description--
+
+前回のチャレンジでは `export default` とその用法について学びました。 デフォルトのエクスポートをインポートするには、別の `import` 構文を使用する必要があります。 次の例では、`add` は `math_functions.js` ファイルのデフォルトのエクスポートです。 インポートする方法は次のとおりです。
+
+```js
+import add from "./math_functions.js";
+```
+
+構文は 1 か所重要な部分が異なっています。 インポートする値 `add` が波括弧 (`{}`) で囲まれていません。 ここでの `add` は、`math_functions.js` ファイルのデフォルトのエクスポートが何であっても、単なる変数名になります。 デフォルトをインポートするときは、ここで任意の名前を使用できます。
+
+# --instructions--
+
+次のコードで、このファイルと同じディレクトリにある `math_functions.js` ファイルからデフォルトのエクスポートをインポートしてください。 インポートしたものに `subtract` という名前を付けてください。
+
+# --hints--
+
+`math_functions.js` から `subtract` を適切にインポートする必要があります。
+
+```js
+assert(code.match(/import\s+subtract\s+from\s+('|")\.\/math_functions\.js\1/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+// Only change code above this line
+
+subtract(7,4);
+```
+
+# --solutions--
+
+```js
+import subtract from "./math_functions.js";
+
+subtract(7,4);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md
new file mode 100644
index 0000000000..7acc5a6540
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md
@@ -0,0 +1,91 @@
+---
+id: 587d7b87367417b2b2512b42
+title: const で宣言された配列をミューテートする
+challengeType: 1
+forumTopicId: 301206
+dashedName: mutate-an-array-declared-with-const
+---
+
+# --description--
+
+`const` に慣れていない方は、[こちらのチャレンジ](/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword)をご覧ください。
+
+`const` 宣言は、現在の JavaScript では多くの用法があります。
+
+デフォルトですべての変数を `const` を使用して割り当てることを好む開発者もいますが、値の再割り当てを必要としないことがわかっている場合に限られます。 そうした開発者は、変数を再割り当てする場合にのみ `let` を使用しています。
+
+しかし、`const` を使用して変数に割り当てたオブジェクト (列や関数を含む) であってもミュータブル (変更可能) であることを理解しておくことが重要です。 `const` 宣言を使用しても、変数識別子の再割り当てを防げるだけです。
+
+```js
+const s = [5, 6, 7];
+s = [1, 2, 3];
+s[2] = 45;
+console.log(s);
+```
+
+`s = [1, 2, 3]` はエラーになります。 `console.log` には値 `[5, 6, 45]` が表示されます。
+
+ご覧のように、オブジェクト `[5, 6, 7]` それ自体をミューテートさせることができ、その場合も変数 `s` は変更された配列 `[5, 6, 45]` を指し示します。 あらゆる配列と同様に、`s` 内の配列要素はミュータブルですが、`const` を使用したため、代入演算子を使用して異なる配列を指し示すように変数識別子 `s` を使用することはできません。
+
+# --instructions--
+
+配列が `const s = [5, 7, 2]` として宣言されています。 さまざまな要素割り当てを使用して、配列を `[2, 5, 7]` に変更してください。
+
+# --hints--
+
+`const` キーワードを置き換えないでください。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const/g));
+```
+
+`s` は (`const` を使用して宣言した) 定数変数である必要があります。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const\s+s/g));
+```
+
+元の配列宣言を変更しないでください。
+
+```js
+(getUserInput) =>
+ assert(
+ getUserInput('index').match(
+ /const\s+s\s*=\s*\[\s*5\s*,\s*7\s*,\s*2\s*\]\s*;?/g
+ )
+ );
+```
+
+`s` が `[2, 5, 7]` と等しくなるようにする必要があります。
+
+```js
+assert.deepEqual(s, [2, 5, 7]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+ // Only change code below this line
+
+ // Using s = [2, 5, 7] would be invalid
+
+ // Only change code above this line
+}
+editInPlace();
+```
+
+# --solutions--
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+ s[0] = 2;
+ s[1] = 5;
+ s[2] = 7;
+}
+editInPlace();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md
new file mode 100644
index 0000000000..0e5bf6536f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md
@@ -0,0 +1,104 @@
+---
+id: 598f48a36c8c40764b4e52b3
+title: オブジェクトのミューテーションを防ぐ
+challengeType: 1
+forumTopicId: 301207
+dashedName: prevent-object-mutation
+---
+
+# --description--
+
+前のチャレンジで説明したように、`const` 宣言だけではデータのミューテーションを防ぐことはできません。 データが変更されないことを保証するため、JavaScript ではデータの変更を防ぐための `Object.freeze` という関数が用意されています。
+
+スクリプトを strict モードで実行している場合は、オブジェクトを変更しようとしても拒否され、エラーがスローされます。
+
+```js
+let obj = {
+ name:"FreeCodeCamp",
+ review:"Awesome"
+};
+Object.freeze(obj);
+obj.review = "bad";
+obj.newProp = "Test";
+console.log(obj);
+```
+
+エディターが strict モードで実行されているため、`obj.review` や `obj.newProp` に代入しようとするとエラーになり、コンソールに値 `{ name: "FreeCodeCamp", review: "Awesome" }` が表示されます。
+
+# --instructions--
+
+このチャレンジでは、`Object.freeze` を使用して、算術定数が変化しないようにします。 `PI` の値の変更、またはプロパティの追加や削除ができないように、`MATH_CONSTANTS` オブジェクトをフリーズする必要があります。
+
+# --hints--
+
+`const` キーワードを置き換えないでください。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const/g));
+```
+
+`MATH_CONSTANTS` は (`const` を使用して宣言した) 定数変数である必要があります。
+
+```js
+(getUserInput) =>
+ assert(getUserInput('index').match(/const\s+MATH_CONSTANTS/g));
+```
+
+`MATH_CONSTANTS` の元の宣言を変更しないでください。
+
+```js
+(getUserInput) =>
+ assert(
+ getUserInput('index').match(
+ /const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g
+ )
+ );
+```
+
+`PI` が `3.14` と等しくなるようにしてください。
+
+```js
+assert(PI === 3.14);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function freezeObj() {
+ const MATH_CONSTANTS = {
+ PI: 3.14
+ };
+ // Only change code below this line
+
+
+ // Only change code above this line
+ try {
+ MATH_CONSTANTS.PI = 99;
+ } catch(ex) {
+ console.log(ex);
+ }
+ return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+```
+
+# --solutions--
+
+```js
+function freezeObj() {
+ const MATH_CONSTANTS = {
+ PI: 3.14
+ };
+ Object.freeze(MATH_CONSTANTS);
+
+ try {
+ MATH_CONSTANTS.PI = 99;
+ } catch(ex) {
+ console.log(ex);
+ }
+ return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md
new file mode 100644
index 0000000000..f8de22a125
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md
@@ -0,0 +1,70 @@
+---
+id: 587d7b8c367417b2b2512b55
+title: インポートを使用して JavaScript コードを再利用する
+challengeType: 1
+forumTopicId: 301208
+dashedName: reuse-javascript-code-using-import
+---
+
+# --description--
+
+`import` を使用すると、ファイルまたはモジュールのどの部分を読み込むかを選択できます。 前のレッスンの例では、`math_functions.js` ファイルから `add` をエクスポートしました。 次の方法で、別のファイルでインポートして使用することができます。
+
+```js
+import { add } from './math_functions.js';
+```
+
+ここでは、`import` は `math_functions.js` 内の `add` を見つけ、その関数だけをインポートして利用できるようにし、残りは無視します。 `./` は、現在のファイルと同じフォルダ内の `math_functions.js` ファイルを探すようにインポートに指示します。 この方法でインポートする場合は、相対ファイルパス (`./`) とファイル拡張子 (`.js`) が必要です。
+
+ファイルから複数のアイテムをインポートするには、次のように `import` ステートメントにアイテムを追加します。
+
+```js
+import { add, subtract } from './math_functions.js';
+```
+
+# --instructions--
+
+以前のレッスンでエクスポートした `uppercaseString` および `lowercaseString` 関数を現在のファイルで使用できるようにする、適切な `import` ステートメントを追加してください。 これらの関数は、現在のファイルと同じディレクトリにある `string_functions.js`というファイルに含まれています。
+
+# --hints--
+
+`uppercaseString` を正しくインポートする必要があります。
+
+```js
+assert(
+ code.match(
+ /import\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
+ )
+);
+```
+
+`lowercaseString` を正しくインポートする必要があります。
+
+```js
+assert(
+ code.match(
+ /import\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+// Only change code above this line
+
+uppercaseString("hello");
+lowercaseString("WORLD!");
+```
+
+# --solutions--
+
+```js
+import { uppercaseString, lowercaseString } from './string_functions.js';
+
+uppercaseString("hello");
+lowercaseString("WORLD!");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md
new file mode 100644
index 0000000000..50243c7db9
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b88367417b2b2512b46
+title: 関数のデフォルトパラメーターを設定する
+challengeType: 1
+forumTopicId: 301209
+dashedName: set-default-parameters-for-your-functions
+---
+
+# --description--
+
+より柔軟な関数を作成できるように、ES6 では関数のデフォルトパラメーター が導入されています。
+
+次のコードをご覧ください。
+
+```js
+const greeting = (name = "Anonymous") => "Hello " + name;
+
+console.log(greeting("John"));
+console.log(greeting());
+```
+
+コンソールには文字列 `Hello John` と `Hello Anonymous` が表示されます。
+
+デフォルトパラメーターは、引数が指定されていない場合 (定義されていない場合) に適用されます。 上記の例でわかるように、パラメーター `name` には、パラメーターの値を指定しなければデフォルト値の `Anonymous` が渡されます。 デフォルト値は必要なパラメーターの数だけいくつでも追加できます。
+
+# --instructions--
+
+関数 `increment` を変更してデフォルトパラメーターを追加し、`value` が指定されていない場合に `number` に 1 を加えるようにしてください。
+
+# --hints--
+
+`increment(5, 2)` の結果は `7` になる必要があります。
+
+```js
+assert(increment(5, 2) === 7);
+```
+
+`increment(5)` の結果は `6` になる必要があります。
+
+```js
+assert(increment(5) === 6);
+```
+
+`value` に対して デフォルトパラメーター値 `1` を使用する必要があります。
+
+```js
+assert(code.match(/value\s*=\s*1/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const increment = (number, value) => number + value;
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const increment = (number, value = 1) => number + value;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md
new file mode 100644
index 0000000000..fdac12da57
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b8c367417b2b2512b57
+title: '* を使用してファイルからすべてのものをインポートする'
+challengeType: 1
+forumTopicId: 301210
+dashedName: use--to-import-everything-from-a-file
+---
+
+# --description--
+
+ファイルがあり、現在のファイルにそのすべての内容をインポートしたいとします。 これは `import * as` 構文を使用すれば可能です。 次の例では、`math_functions.js` という名前のファイルの内容を同じディレクトリ内のファイルにインポートします。
+
+```js
+import * as myMathModule from "./math_functions.js";
+```
+
+上記の `import` ステートメントでは、`myMathModule` というオブジェクトが作成されます。 これは変数名にすぎないため、好きな名前を付けることができます。 このオブジェクトには、`math_functions.js` からエクスポートされたすべてのものが格納されるため、他のオブジェクトプロパティと同じように関数にアクセスできます。 たとえば、インポートした `add` 関数と `subtract` 関数を次のように使用できます。
+
+```js
+myMathModule.add(2,3);
+myMathModule.subtract(5,3);
+```
+
+# --instructions--
+
+このファイル内のコードでは、ファイル `string_functions.js` の内容を必要としています。このファイルは現在のファイルと同じディレクトリにあります。 `import * as` 構文を使用してファイルのすべての内容を `stringFunctions` というオブジェクトにインポートしてください。
+
+# --hints--
+
+`import * as` 構文を正しく使用する必要があります。
+
+```js
+assert(
+ code.match(
+ /import\s*\*\s*as\s+stringFunctions\s+from\s*('|")\.\/string_functions\.js\1/g
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+// Only change code above this line
+
+stringFunctions.uppercaseString("hello");
+stringFunctions.lowercaseString("WORLD!");
+```
+
+# --solutions--
+
+```js
+import * as stringFunctions from "./string_functions.js";
+
+// add code above this line
+stringFunctions.uppercaseString("hello");
+stringFunctions.lowercaseString("WORLD!");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md
new file mode 100644
index 0000000000..8a04b22ada
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md
@@ -0,0 +1,91 @@
+---
+id: 587d7b87367417b2b2512b43
+title: アロー関数を使用して簡潔な匿名関数を記述する
+challengeType: 1
+forumTopicId: 301211
+dashedName: use-arrow-functions-to-write-concise-anonymous-functions
+---
+
+# --description--
+
+JavaScript では多くの場合、特に他の関数に引数として関数を渡す場合に、関数に名前を付ける必要がありません。 代わりに、インライン関数を作成します。 これらの関数は他の場所で再利用することがないため、名前を付ける必要はありません。
+
+これを実現するため、次のような構文をよく使用します。
+
+```js
+const myFunc = function() {
+ const myVar = "value";
+ return myVar;
+}
+```
+
+ES6 では、こうした方法で匿名関数を記述する必要がないように、構文糖が用意されています。 代わりに**アロー関数の構文**を使用できます。
+
+```js
+const myFunc = () => {
+ const myVar = "value";
+ return myVar;
+}
+```
+
+関数本体がなく戻り値のみが存在する場合は、アロー関数の構文を使用して、コードを囲む中括弧やキーワード `return` を省略できます。 比較的小さな関数であれば、この方法で 1 行のステートメントにまとめることができます。
+
+```js
+const myFunc = () => "value";
+```
+
+このコードもまた、デフォルトで文字列 `value` を返します。
+
+# --instructions--
+
+`new Date()` を返す関数が変数 `magic` に割り当てられています。この関数を、アロー関数の構文を使用するように書き換えてください。 また、キーワード `var` による定義を使用しないでください。
+
+# --hints--
+
+`var` キーワードを置き換える必要があります。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`magic` は (`const` を使用して宣言した) 定数変数である必要があります。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const\s+magic/g));
+```
+
+`magic` は `function` である必要があります。
+
+```js
+assert(typeof magic === 'function');
+```
+
+`magic()` は正しい日付を返す必要があります。
+
+```js
+assert(magic().setHours(0, 0, 0, 0) === new Date().setHours(0, 0, 0, 0));
+```
+
+`function` キーワードは使用しないでください。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/function/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var magic = function() {
+ return new Date();
+};
+```
+
+# --solutions--
+
+```js
+const magic = () => {
+ return new Date();
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md
new file mode 100644
index 0000000000..a933f51828
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md
@@ -0,0 +1,100 @@
+---
+id: 587d7b8b367417b2b2512b53
+title: class 構文を使用してコンストラクター関数を定義する
+challengeType: 1
+forumTopicId: 301212
+dashedName: use-class-syntax-to-define-a-constructor-function
+---
+
+# --description--
+
+ES6 では、class キーワードを使用してオブジェクトを作成する新しい構文が提供されています。
+
+`class` 構文は単なる構文にすぎません。Java、Python、Ruby などの言語とは異なり、オブジェクト指向のパラダイムをクラスベースで本格的に実装するものではないことに注意してください。
+
+ES5 では、通常は `constructor` 関数を定義し、`new` キーワードを使用してオブジェクトをインスタンス化します。
+
+```js
+var SpaceShuttle = function(targetPlanet){
+ this.targetPlanet = targetPlanet;
+}
+var zeus = new SpaceShuttle('Jupiter');
+```
+
+`class` 構文は、こうした `constructor` 関数による作成の代わりとなるだけです。
+
+```js
+class SpaceShuttle {
+ constructor(targetPlanet) {
+ this.targetPlanet = targetPlanet;
+ }
+}
+const zeus = new SpaceShuttle('Jupiter');
+```
+
+`class` キーワードによって、コンストラクターの追加先となる新しい関数を宣言していることに注意してください。 このコンストラクターは、新しいオブジェクトを作成するために `new` が呼び出されるときに呼び出されます。
+
+**注:** ES6 のクラス名には、上記の `SpaceShuttle` のように「アッパーキャメルケース」を使用するのが慣例になっています。
+
+`constructor` メソッドは、class を使用して作成されたオブジェクトを生成して初期化するための特別なメソッドです。 詳細については、「JavaScript アルゴリズムとデータ構造」認定講座の「オブジェクト指向プログラミング」のセクションを参照してください。
+
+# --instructions--
+
+`class` キーワードを使用して `constructor` を記述し、`Vegetable` クラスを作成してください。
+
+`Vegetable` クラスを使用すると、`constructor` に渡されたプロパティ `name` を持つ野菜オブジェクトを作成できます。
+
+# --hints--
+
+`Vegetable` は、`constructor` メソッドが定義された `class` である必要があります。
+
+```js
+assert(
+ typeof Vegetable === 'function' && typeof Vegetable.constructor === 'function'
+);
+```
+
+`class` キーワードを使用する必要があります。
+
+```js
+assert(code.match(/class/g));
+```
+
+`Vegetable` をインスタンス化できる必要があります。
+
+```js
+assert(() => {
+ const a = new Vegetable('apple');
+ return typeof a === 'object';
+});
+```
+
+`carrot.name` は `carrot` を返す必要があります。
+
+```js
+assert(carrot.name == 'carrot');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+
+// Only change code above this line
+
+const carrot = new Vegetable('carrot');
+console.log(carrot.name); // Should display 'carrot'
+```
+
+# --solutions--
+
+```js
+class Vegetable {
+ constructor(name) {
+ this.name = name;
+ }
+}
+const carrot = new Vegetable('carrot');
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md
new file mode 100644
index 0000000000..08068f82a9
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md
@@ -0,0 +1,71 @@
+---
+id: 587d7b89367417b2b2512b4b
+title: 分割代入を使用して配列から変数を代入する
+challengeType: 1
+forumTopicId: 301213
+dashedName: use-destructuring-assignment-to-assign-variables-from-arrays
+---
+
+# --description--
+
+ES6 では、配列の分割はオブジェクトの分割と同じくらい簡単になります。
+
+スプレッド演算子と配列分割の重要な違いは、スプレッド演算子は配列のすべての内容をカンマ区切りのリストに展開することです。 したがって、どの要素をどの変数に代入するかを選ぶことはできません。
+
+配列の分割では、まさにそれを行うことができます。
+
+```js
+const [a, b] = [1, 2, 3, 4, 5, 6];
+console.log(a, b);
+```
+
+コンソールは `a` と `b` の値を `1, 2` と表示します。
+
+変数 `a` には配列の最初の値が代入され、 `b` には配列の 2 番目の値が代入されます。 目的のインデックスに到達するためにカンマを利用して分割することにより、配列内の任意のインデックスの値にアクセスすることもできます。
+
+```js
+const [a, b,,, c] = [1, 2, 3, 4, 5, 6];
+console.log(a, b, c);
+```
+
+コンソールは `a` と `b` と `c` の値を `1, 2, 5` と表示します。
+
+# --instructions--
+
+分割代入を使用して `a` と `b` の値を入れ替え、`b` に保存されている値を `a` が受け取り、`a` に保存されている値を `b` が受け取るようにしてください。
+
+# --hints--
+
+`a` の値は入れ替え後に `6` となります。
+
+```js
+assert(a === 6);
+```
+
+`b` の値は入れ替え後に `8` となります。
+
+```js
+assert(b === 8);
+```
+
+配列の分割を使用して `a` と `b` を入れ替える必要があります。
+
+```js
+assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let a = 8, b = 6;
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let a = 8, b = 6;
+[a, b] = [b, a];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md
new file mode 100644
index 0000000000..ef7d3a96c8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md
@@ -0,0 +1,106 @@
+---
+id: 587d7b89367417b2b2512b4a
+title: 分割代入を使用してネストされたオブジェクトから変数を代入する
+challengeType: 1
+forumTopicId: 301214
+dashedName: use-destructuring-assignment-to-assign-variables-from-nested-objects
+---
+
+# --description--
+
+前の 2 つのレッスンと同じ原則を使用して、ネストされたオブジェクトから値を分割することができます。
+
+前の例と同様のオブジェクトを使用します。
+
+```js
+const user = {
+ johnDoe: {
+ age: 34,
+ email: 'johnDoe@freeCodeCamp.com'
+ }
+};
+```
+
+オブジェクトのプロパティの値を抽出し、同じ名前の変数に代入する方法を次に示します。
+
+```js
+const { johnDoe: { age, email }} = user;
+```
+
+オブジェクトのプロパティの値を異なる名前の変数に代入する方法を次に示します。
+
+```js
+const { johnDoe: { age: userAge, email: userEmail }} = user;
+```
+
+# --instructions--
+
+2 つの代入を同等の分割代入に置き換えてください。 ここでも、`LOCAL_FORECAST` オブジェクトの `today.low` と `today.high` の値を変数 `lowToday` と `highToday` に代入します。
+
+# --hints--
+
+ES5 の代入構文を削除する必要があります。
+
+```js
+assert(
+ !code.match(/lowToday = LOCAL_FORECAST\.today\.low/g) &&
+ !code.match(/highToday = LOCAL_FORECAST\.today.high/g)
+);
+```
+
+分割を使用して `lowToday` 変数を作成する必要があります。
+
+```js
+assert(
+ code.match(
+ /(var|const|let)\s*{\s*today\s*:\s*{\s*(low\s*:\s*lowToday[^}]*|[^,]*,\s*low\s*:\s*lowToday\s*)}\s*}\s*=\s*LOCAL_FORECAST(;|\s+|\/\/)/g
+ )
+);
+```
+
+分割を使用して `highToday` 変数を作成する必要があります。
+
+```js
+assert(
+ code.match(
+ /(var|const|let)\s*{\s*today\s*:\s*{\s*(high\s*:\s*highToday[^}]*|[^,]*,\s*high\s*:\s*highToday\s*)}\s*}\s*=\s*LOCAL_FORECAST(;|\s+|\/\/)/g
+ )
+);
+```
+
+`lowToday` は `64` に等しくなり、`highToday` は `77` に等しくなる必要があります。
+
+```js
+assert(lowToday === 64 && highToday === 77);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const LOCAL_FORECAST = {
+ yesterday: { low: 61, high: 75 },
+ today: { low: 64, high: 77 },
+ tomorrow: { low: 68, high: 80 }
+};
+
+// Only change code below this line
+
+const lowToday = LOCAL_FORECAST.today.low;
+const highToday = LOCAL_FORECAST.today.high;
+
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const LOCAL_FORECAST = {
+ yesterday: { low: 61, high: 75 },
+ today: { low: 64, high: 77 },
+ tomorrow: { low: 68, high: 80 }
+};
+
+const { today: { low: lowToday, high: highToday }} = LOCAL_FORECAST;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md
new file mode 100644
index 0000000000..4fa2ea726d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md
@@ -0,0 +1,97 @@
+---
+id: 587d7b89367417b2b2512b49
+title: 分割代入を使用してオブジェクトから変数を代入する
+challengeType: 1
+forumTopicId: 301215
+dashedName: use-destructuring-assignment-to-assign-variables-from-objects
+---
+
+# --description--
+
+分割を使用すると、値を抽出する際に新しい変数名を割り当てることができます。 これを行うには、値を代入する際にコロンの後に新しい名前を指定します。
+
+前の例と同じオブジェクトを使用します。
+
+```js
+const user = { name: 'John Doe', age: 34 };
+```
+
+代入で新しい変数名を指定する方法を次に示します。
+
+```js
+const { name: userName, age: userAge } = user;
+```
+
+「`user.name` の値を抽出し、その値を `userName` という名前の新しい変数に代入する」と解釈することもできます。 `userName` の値は文字列 `John Doe` になり、`userAge`の値は `34` になります。
+
+# --instructions--
+
+2 つの代入を同等の分割代入に置き換えてください。 ここでも、`HIGH_TEMPERATURES` オブジェクトの `today` と `tomorrow` の値を変数 `highToday` と `highTomorrow` に代入する必要があります。
+
+# --hints--
+
+ES5 の代入構文を削除する必要があります。
+
+```js
+assert(
+ !code.match(/highToday = HIGH_TEMPERATURES\.today/g) &&
+ !code.match(/highTomorrow = HIGH_TEMPERATURES\.tomorrow/g)
+);
+```
+
+分割を使用して `highToday` 変数を作成する必要があります。
+
+```js
+assert(
+ code.match(
+ /(var|const|let)\s*{\s*(today\s*:\s*highToday[^}]*|[^,]*,\s*today\s*:\s*highToday\s*)}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
+ )
+);
+```
+
+分割を使用して `highTomorrow` 変数を作成する必要があります。
+
+```js
+assert(
+ code.match(
+ /(var|const|let)\s*{\s*(tomorrow\s*:\s*highTomorrow[^}]*|[^,]*,\s*tomorrow\s*:\s*highTomorrow\s*)}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
+ )
+);
+```
+
+`highToday` は `77` に等しくなり、`highTomorrow` は `80` に等しくなる必要があります。
+
+```js
+assert(highToday === 77 && highTomorrow === 80);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const HIGH_TEMPERATURES = {
+ yesterday: 75,
+ today: 77,
+ tomorrow: 80
+};
+
+// Only change code below this line
+
+const highToday = HIGH_TEMPERATURES.today;
+const highTomorrow = HIGH_TEMPERATURES.tomorrow;
+
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const HIGH_TEMPERATURES = {
+ yesterday: 75,
+ today: 77,
+ tomorrow: 80
+};
+
+const { today: highToday, tomorrow: highTomorrow } = HIGH_TEMPERATURES;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md
new file mode 100644
index 0000000000..6ee8bc7753
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md
@@ -0,0 +1,101 @@
+---
+id: 5cfa550e84205a357704ccb6
+title: 分割代入を使用してオブジェクトから値を抽出する
+challengeType: 1
+forumTopicId: 301216
+dashedName: use-destructuring-assignment-to-extract-values-from-objects
+---
+
+# --description--
+
+分割代入 は ES6 で導入された特別な構文で、オブジェクトから値を直接抽出して適切に代入することができます。
+
+次の ES5 コードを考えてみましょう。
+
+```js
+const user = { name: 'John Doe', age: 34 };
+
+const name = user.name;
+const age = user.age;
+```
+
+`name` は文字列の値 `John Doe` になり、`age` は数値 `34` になります。
+
+ES6 の分割構文を使用すると同等の分割ステートメントは次のようになります。
+
+```js
+const { name, age } = user;
+```
+
+ここでも、`name` は文字列の値 `John Doe` になり、`age` は数値 `34` になります。
+
+ここでは、`name` と `age` という変数が作成され、 `user` オブジェクトからそれぞれの値が代入されます。 ご覧のようにコードをすっきりと記述できます。
+
+必要に応じてオブジェクトから値をいくつでも抽出できます。
+
+# --instructions--
+
+2 つの代入を同等の分割代入に置き換えてください。 ここでも、`HIGH_TEMPERATURES` オブジェクトの `today` と `tomorrow` の値を変数 `today` と `tomorrow` に代入する必要があります。
+
+# --hints--
+
+ES5 の代入構文を削除する必要があります。
+
+```js
+assert(
+ !code.match(/today\s*=\s*HIGH_TEMPERATURES\.(today|tomorrow)/g)
+);
+```
+
+分割を使用して `today` 変数を作成する必要があります。
+
+```js
+assert(
+ code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
+);
+```
+
+分割を使用して `tomorrow` 変数を作成する必要があります。
+
+```js
+assert(
+ code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
+);
+```
+
+`today` は `77` に等しくなり、`tomorrow` は `80` に等しくなる必要があります。
+
+```js
+assert(today === 77 && tomorrow === 80);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const HIGH_TEMPERATURES = {
+ yesterday: 75,
+ today: 77,
+ tomorrow: 80
+};
+
+// Only change code below this line
+
+const today = HIGH_TEMPERATURES.today;
+const tomorrow = HIGH_TEMPERATURES.tomorrow;
+
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const HIGH_TEMPERATURES = {
+ yesterday: 75,
+ today: 77,
+ tomorrow: 80
+};
+
+const { today, tomorrow } = HIGH_TEMPERATURES;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md
new file mode 100644
index 0000000000..64c045317d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b8a367417b2b2512b4d
+title: 分割代入を使用してオブジェクトを関数のパラメーターとして渡す
+challengeType: 1
+forumTopicId: 301217
+dashedName: use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters
+---
+
+# --description--
+
+場合によっては関数の引数自体にオブジェクトを分割することもできます。
+
+次のコードを考えてみましょう。
+
+```js
+const profileUpdate = (profileData) => {
+ const { name, age, nationality, location } = profileData;
+
+}
+```
+
+このように、オブジェクトを分割して関数に渡す効果を得ることができます。 中に記述することもできます。
+
+```js
+const profileUpdate = ({ name, age, nationality, location }) => {
+
+}
+```
+
+`profileData` が上記の関数に渡されると、関数のパラメーターから値が分割されて、関数内で使用されます。
+
+# --instructions--
+
+`half` 関数の引数内で分割代入を使用して、関数内で `max` と `min` だけを渡してください。
+
+# --hints--
+
+`stats` は `object` である必要があります。
+
+```js
+assert(typeof stats === 'object');
+```
+
+`half(stats)` は `28.015` である必要があります。
+
+```js
+assert(half(stats) === 28.015);
+```
+
+分割を使用する必要があります。
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/half=\({\w+,\w+}\)/));
+```
+
+分割されたパラメーターを使用する必要があります。
+
+```js
+assert(!code.match(/stats\.max|stats\.min/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const stats = {
+ max: 56.78,
+ standard_deviation: 4.34,
+ median: 34.54,
+ mode: 23.87,
+ min: -0.75,
+ average: 35.85
+};
+
+// Only change code below this line
+const half = (stats) => (stats.max + stats.min) / 2.0;
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const stats = {
+ max: 56.78,
+ standard_deviation: 4.34,
+ median: 34.54,
+ mode: 23.87,
+ min: -0.75,
+ average: 35.85
+};
+
+const half = ( {max, min} ) => (max + min) / 2.0;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md
new file mode 100644
index 0000000000..e76abd9050
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md
@@ -0,0 +1,85 @@
+---
+id: 587d7b8a367417b2b2512b4c
+title: >-
+ 分割代入で残余引数を使用して配列要素を割り当て直す
+challengeType: 1
+forumTopicId: 301218
+dashedName: >-
+ use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements
+---
+
+# --description--
+
+配列の分割において、残りの要素を別の配列にまとめたいことがあります。
+
+次に示すように、`Array.prototype.slice()` に似た結果になります。
+
+```js
+const [a, b, ...arr] = [1, 2, 3, 4, 5, 7];
+console.log(a, b);
+console.log(arr);
+```
+
+コンソールには、値 `1, 2` と `[3, 4, 5, 7]` が表示されます。
+
+変数 `a` と `b` は配列の最初と 2 番目の値を受け取ります。 その後は残余引数になっているため、`arr` は残りの値を配列の形で受け取ります。 残余引数は、リスト内の最後の変数としてのみ正しく動作します。 したがって、残余引数を使用して元の配列の最後の要素を取り除いた部分配列を取得することはできません。
+
+# --instructions--
+
+分割代入と残余変数を使用して、`Array.prototype.slice()` の効果を実現してください。`arr` が、元の配列 `source` から最初の 2 つの要素を省いた部分配列となるようにします。
+
+# --hints--
+
+`arr` は `[3,4,5,6,7,8,9,10]` である必要があります。
+
+```js
+assert(arr.every((v, i) => v === i + 3) && arr.length === 8);
+```
+
+`source` は `[1,2,3,4,5,6,7,8,9,10]` である必要があります。
+
+```js
+assert(source.every((v, i) => v === i + 1) && source.length === 10);
+```
+
+`Array.slice()` は使用しないでください。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/slice/g));
+```
+
+`list` の分割を使用する必要があります。
+
+```js
+assert(
+ __helpers
+ .removeWhiteSpace(code)
+ .match(/\[(([_$a-z]\w*)?,){1,}\.\.\.arr\]=list/i)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+ // Only change code below this line
+ const arr = list; // Change this line
+ // Only change code above this line
+ return arr;
+}
+const arr = removeFirstTwo(source);
+```
+
+# --solutions--
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+ const [, , ...arr] = list;
+ return arr;
+}
+const arr = removeFirstTwo(source);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md
new file mode 100644
index 0000000000..789507acbb
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md
@@ -0,0 +1,85 @@
+---
+id: 587d7b8c367417b2b2512b56
+title: export を使用してコードブロックを共有する
+challengeType: 1
+forumTopicId: 301219
+dashedName: use-export-to-share-a-code-block
+---
+
+# --description--
+
+算術演算に関わる関数をいくつか含む `math_functions.js` というファイルがあるとします。 それらの関数の 1 つは変数 `add` に格納されています。この関数は、2 つの数字を受け取り、その和を返します。 この関数を、複数の別の JavaScript ファイルで使用したいとします。 関数をそれらの他のファイルと共有するには、まず `export` (エクスポート) する必要があります。
+
+```js
+export const add = (x, y) => {
+ return x + y;
+}
+```
+
+上記は単一の関数をエクスポートする一般的な方法ですが、次のようにしても同じことができます。
+
+```js
+const add = (x, y) => {
+ return x + y;
+}
+
+export { add };
+```
+
+変数や関数をエクスポートすると、それを別のファイルに import (インポート) して使用でき、コードを記述し直す必要がなくなります。 複数をエクスポートする場合は、次のように、エクスポートしたいものそれぞれについて 1 番目の例と同じことを繰り返すか、または 2 番目の例の export ステートメントにそれらを記述します。
+
+```js
+export { add, subtract };
+```
+
+# --instructions--
+
+エディターに、 文字列に関連した関数が 2 つあります。 好きなメソッドを使用してこれら 2 つの関数の両方をエクスポートしてください。
+
+# --hints--
+
+`uppercaseString` を正しくエクスポートする必要があります。
+
+```js
+assert(
+ code.match(
+ /(export\s+const\s+uppercaseString|export\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)})/g
+ )
+);
+```
+
+`lowercaseString` を正しくエクスポートする必要があります。
+
+```js
+assert(
+ code.match(
+ /(export\s+const\s+lowercaseString|export\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)})/g
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const uppercaseString = (string) => {
+ return string.toUpperCase();
+}
+
+const lowercaseString = (string) => {
+ return string.toLowerCase()
+}
+```
+
+# --solutions--
+
+```js
+export const uppercaseString = (string) => {
+ return string.toUpperCase();
+}
+
+export const lowercaseString = (string) => {
+ return string.toLowerCase()
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
new file mode 100644
index 0000000000..a2dc6593c4
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -0,0 +1,174 @@
+---
+id: 587d7b8c367417b2b2512b54
+title: getter や setter を使用してオブジェクトへのアクセスを管理する
+challengeType: 1
+forumTopicId: 301220
+dashedName: use-getters-and-setters-to-control-access-to-an-object
+---
+
+# --description--
+
+オブジェクトから値を取得したり、オブジェクト内のプロパティの値を設定したりできます。
+
+これらは従来から getters および setters と呼ばれています。
+
+getter 関数は、ユーザーがプライベート変数に直接アクセスしなくても、単にオブジェクトのプライベート変数の値をユーザーに返す (値を取得する) ことを目的としたものです。
+
+setter 関数の目的は、setter 関数に渡された値に基づいて、オブジェクトのプライベート変数の値を変更 (設定) することです。 この変更には計算を含めることができ、以前の値を完全に上書きすることも可能です。
+
+```js
+class Book {
+ constructor(author) {
+ this._author = author;
+ }
+ // getter
+ get writer() {
+ return this._author;
+ }
+ // setter
+ set writer(updatedAuthor) {
+ this._author = updatedAuthor;
+ }
+}
+const novel = new Book('anonymous');
+console.log(novel.writer);
+novel.writer = 'newAuthor';
+console.log(novel.writer);
+```
+
+この例では、コンソールに文字列 `anonymous` と `newAuthor` が表示されます。
+
+getter と setter の呼び出しに使用している構文に注目してください。 関数とは違う形式のようにも見えます。 getter と setter が重要なのは、内部の実装の詳細を隠してくれるからです。
+
+**注:** プライベート変数の名前には前にアンダースコア (`_`) を付けることが慣例になっています。 しかし、変数をプライベート変数として扱うのが慣例になっているわけではありません。
+
+# --instructions--
+
+`class` キーワードを使用して `Thermostat` クラスを作成してください。 `constructor` は華氏温度を受け取ります。
+
+クラスでは、温度を摂氏で取得する `getter` と、温度を摂氏で設定する `setter` を作成してください。
+
+関係式は `C = 5/9 * (F - 32)` および `F = C * 9.0 / 5 + 32` です。`F` は華氏温度の値で、`C` は摂氏での同じ温度です。
+
+**注:** このクラスを実装する場合、クラスでは華氏または摂氏のいずれか 1 つの尺度で温度を追跡することになります。
+
+getter と setter を使用することで、 プログラマーが API の作成でどちらの尺度を追跡しているかに関係なく、別のユーザーはその API を使用して正しい結果を得られるようになります。
+
+つまり、実装の詳細が抽象化され、ユーザーからは見えなくなります。
+
+# --hints--
+
+`Thermostat` は、`constructor` メソッドを定義した `class` である必要があります。
+
+```js
+assert(
+ typeof Thermostat === 'function' &&
+ typeof Thermostat.constructor === 'function'
+);
+```
+
+`class` キーワードを使用する必要があります。
+
+```js
+assert(code.match(/class/g));
+```
+
+`Thermostat` をインスタンス化できるようにする必要があります。
+
+```js
+assert(
+ (() => {
+ const t = new Thermostat(122);
+ return typeof t === 'object';
+ })()
+);
+```
+
+華氏値でインスタンス化された場合、`Thermostat` は正しい `temperature` を設定する必要があります。
+
+```js
+assert(
+ (() => {
+ const t = new Thermostat(122);
+ return t.temperature === 50;
+ })()
+);
+```
+
+`getter` を定義する必要があります。
+
+```js
+assert(
+ (() => {
+ const desc = Object.getOwnPropertyDescriptor(
+ Thermostat.prototype,
+ 'temperature'
+ );
+ return !!desc && typeof desc.get === 'function';
+ })()
+);
+```
+
+`setter` を定義する必要があります。
+
+```js
+assert(
+ (() => {
+ const desc = Object.getOwnPropertyDescriptor(
+ Thermostat.prototype,
+ 'temperature'
+ );
+ return !!desc && typeof desc.set === 'function';
+ })()
+);
+```
+
+`setter` が摂氏値で呼び出されたとき、`temperature` を設定する必要があります。
+
+```js
+assert(
+ (() => {
+ const t = new Thermostat(32);
+ t.temperature = 26;
+ const u = new Thermostat(32);
+ u.temperature = 50;
+ return t.temperature === 26 && u.temperature === 50;
+ })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+
+// Only change code above this line
+
+const thermos = new Thermostat(76); // Setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in Celsius
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in Celsius
+```
+
+# --solutions--
+
+```js
+class Thermostat {
+ constructor(fahrenheit) {
+ this._tempInCelsius = 5/9 * (fahrenheit - 32);
+ }
+ get temperature(){
+ return this._tempInCelsius;
+ }
+ set temperature(newTemp){
+ this._tempInCelsius = newTemp;
+ }
+}
+
+const thermos = new Thermostat(76); // Setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in Celsius
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in Celsius
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md
new file mode 100644
index 0000000000..2a61756fba
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md
@@ -0,0 +1,80 @@
+---
+id: 587d7b88367417b2b2512b47
+title: 関数パラメーターで残余引数を使用する
+challengeType: 1
+forumTopicId: 301221
+dashedName: use-the-rest-parameter-with-function-parameters
+---
+
+# --description--
+
+より柔軟な関数を作成できるように、ES6 では関数パラメーターに残余引数 が導入されています。 残余引数を使用すると、可変個の引数を取る関数を作成できます。 これらの引数は配列に格納され、後で関数内からアクセスできます。
+
+次のコードをご覧ください。
+
+```js
+function howMany(...args) {
+ return "You have passed " + args.length + " arguments.";
+}
+console.log(howMany(0, 1, 2));
+console.log(howMany("string", null, [1, 2, 3], { }));
+```
+
+コンソールには、文字列 `You have passed 3 arguments.` と `You have passed 4 arguments.` が表示されます。
+
+残余引数を使用すると、`args` 配列を調べる必要がなくなり、パラメーターの配列に `map()`、`filter()`、`reduce()` を適用できるようになります。
+
+# --instructions--
+
+残余引数を使用して関数 `sum` を変更し、関数 `sum` が任意の数の引数を受け取ってその和を返せるようにしてください。
+
+# --hints--
+
+`sum(0,1,2)` の結果は 3 になる必要があります。
+
+```js
+assert(sum(0, 1, 2) === 3);
+```
+
+`sum(1,2,3,4)`の結果 は 10 になる必要があります。
+
+```js
+assert(sum(1, 2, 3, 4) === 10);
+```
+
+`sum(5)` の結果は 5 になる必要があります。
+
+```js
+assert(sum(5) === 5);
+```
+
+`sum()` の結果は 0 になる必要があります。
+
+```js
+assert(sum() === 0);
+```
+
+`sum` は、`args` パラメーターで残余引数の構文 (`...`) を使用するアロー関数にする必要があります。
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/sum=\(\.\.\.args\)=>/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const sum = (x, y, z) => {
+ const args = [x, y, z];
+ return args.reduce((a, b) => a + b, 0);
+}
+```
+
+# --solutions--
+
+```js
+const sum = (...args) => {
+ return args.reduce((a, b) => a + b, 0);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md
new file mode 100644
index 0000000000..d514a61d8c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md
@@ -0,0 +1,84 @@
+---
+id: 587d7b89367417b2b2512b48
+title: スプレッド演算子を使用して配列をインプレースで評価する
+challengeType: 1
+forumTopicId: 301222
+dashedName: use-the-spread-operator-to-evaluate-arrays-in-place
+---
+
+# --description--
+
+ES6 ではスプレッド演算子 が導入されています。この演算子を使用すると、複数のパラメーターまたは要素が要求される場所の中で配列やその他の式を展開することができます。
+
+次の ES5 コードでは、配列の最大値を計算するために `apply()` を使用しています。
+
+```js
+var arr = [6, 89, 3, 45];
+var maximus = Math.max.apply(null, arr);
+```
+
+`maximus` の値は `89` になります。
+
+`Math.max(arr)` は `NaN` を返すため、`Math.max.apply(null, arr)` を使用する必要がありました。 `Math.max()` は、配列ではなくコンマ区切りの引数を要求します。 スプレッド演算子を使用すれば、この構文が読みやすくなり、管理しやすくなります。
+
+```js
+const arr = [6, 89, 3, 45];
+const maximus = Math.max(...arr);
+```
+
+`maximus` の値は `89` になります。
+
+`...arr` は、分割された配列を返します。 つまり、スプレッド演算子によって配列が*展開*されます。 ただし、スプレッド演算子が有効なのは「インプレース」のみです。つまり、関数の引数や配列リテラルなどの中でのみ動作します。 次のコードは有効ではありません。
+
+```js
+const spreaded = ...arr;
+```
+
+# --instructions--
+
+スプレッド演算子を使用して、 `arr1` のすべての内容を別の配列 `arr2` にコピーしてください。
+
+# --hints--
+
+`arr2` は `arr1` の正確なコピーである必要があります。
+
+```js
+assert(arr2.every((v, i) => v === arr1[i]) && arr2.length);
+```
+
+`...` スプレッド演算子を使用して `arr1` を複製する必要があります。
+
+```js
+assert(code.match(/Array\(\s*\.\.\.arr1\s*\)|\[\s*\.\.\.arr1\s*\]/));
+```
+
+`arr1` が変更されても `arr2` は変わりません。
+
+```js
+assert((arr1, arr2) => {
+ arr1.push('JUN');
+ return arr2.length < arr1.length;
+});
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+
+arr2 = []; // Change this line
+
+console.log(arr2);
+```
+
+# --solutions--
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+
+arr2 = [...arr1];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md
new file mode 100644
index 0000000000..d91f239649
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b88367417b2b2512b44
+title: パラメーターのあるアロー関数を記述する
+challengeType: 1
+forumTopicId: 301223
+dashedName: write-arrow-functions-with-parameters
+---
+
+# --description--
+
+通常の関数と同様に、アロー関数にも引数を渡すことができます。
+
+```js
+const doubler = (item) => item * 2;
+doubler(4);
+```
+
+`doubler(4)` は値 `8` を返します。
+
+アロー関数のパラメーターが 1 つしかない場合は、パラメーターを囲む丸括弧を省略してもかまいません。
+
+```js
+const doubler = item => item * 2;
+```
+
+複数の引数をアロー関数に渡すこともできます。
+
+```js
+const multiplier = (item, multi) => item * multi;
+multiplier(4, 2);
+```
+
+`multiplier(4, 2)` は値 `8` を返します。
+
+# --instructions--
+
+`arr2` の内容を `arr1` の末尾に追加する `myConcat` 関数を書き換えて、アロー関数の構文を使用してください。
+
+# --hints--
+
+`var` キーワードを置き換える必要があります。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`myConcat` は (`const` を使用して宣言した) 定数変数である必要があります。
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const\s+myConcat/g));
+```
+
+`myConcat` は、2 つのパラメーターを持つアロー関数にする必要があります。
+
+```js
+assert(
+ /myConcat=\(\w+,\w+\)=>/.test(code.replace(/\s/g, '')) &&
+ typeof myConcat === 'function'
+);
+```
+
+`myConcat()` は `[1, 2, 3, 4, 5]` を返す必要があります。
+
+```js
+assert.deepEqual(myConcat([1, 2], [3, 4, 5]), [1, 2, 3, 4, 5]);
+```
+
+`function` キーワードは使用しないでください。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/function/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var myConcat = function(arr1, arr2) {
+ return arr1.concat(arr2);
+};
+
+console.log(myConcat([1, 2], [3, 4, 5]));
+```
+
+# --solutions--
+
+```js
+const myConcat = (arr1, arr2) => {
+ return arr1.concat(arr2);
+};
+
+console.log(myConcat([1, 2], [3, 4, 5]));
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md
new file mode 100644
index 0000000000..e066df98c6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8b367417b2b2512b50
+title: ES6 を使用して簡潔な宣言的関数を記述する
+challengeType: 1
+forumTopicId: 301224
+dashedName: write-concise-declarative-functions-with-es6
+---
+
+# --description--
+
+ES5 では、オブジェクト内で関数を定義する場合、次のようにキーワード `function` を使用する必要があります。
+
+```js
+const person = {
+ name: "Taylor",
+ sayHello: function() {
+ return `Hello! My name is ${this.name}.`;
+ }
+};
+```
+
+ES6 では、オブジェクト内で関数を定義する場合、`function` キーワードとコロンを完全に省略できます。 この構文の例を次に示します。
+
+```js
+const person = {
+ name: "Taylor",
+ sayHello() {
+ return `Hello! My name is ${this.name}.`;
+ }
+};
+```
+
+# --instructions--
+
+オブジェクト `bicycle` 内の関数 `setGear` を、上記で説明した簡潔な構文を使用してリファクタリングしてください。
+
+# --hints--
+
+従来の関数式は使用しないでください。
+
+```js
+(getUserInput) => assert(!code.match(/function/));
+```
+
+`setGear` は宣言的な関数にする必要があります。
+
+```js
+assert(
+ typeof bicycle.setGear === 'function' && code.match(/setGear\s*\(.+\)\s*\{/)
+);
+```
+
+`bicycle.setGear(48)` は、`gear` の値を 48 に変更する必要があります。
+
+```js
+assert(new bicycle.setGear(48).gear === 48);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const bicycle = {
+ gear: 2,
+ setGear: function(newGear) {
+ this.gear = newGear;
+ }
+};
+// Only change code above this line
+bicycle.setGear(3);
+console.log(bicycle.gear);
+```
+
+# --solutions--
+
+```js
+const bicycle = {
+ gear: 2,
+ setGear(newGear) {
+ this.gear = newGear;
+ }
+};
+bicycle.setGear(3);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md
new file mode 100644
index 0000000000..beb55ffd3b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md
@@ -0,0 +1,75 @@
+---
+id: 587d7b8a367417b2b2512b4f
+title: オブジェクトプロパティの省略形を使用して簡潔なオブジェクトリテラル宣言を記述する
+challengeType: 1
+forumTopicId: 301225
+dashedName: write-concise-object-literal-declarations-using-object-property-shorthand
+---
+
+# --description--
+
+ES6 では、オブジェクトリテラルを簡単に定義できるように、便利なサポートが提供されるようになりました。
+
+次のコードを考えてみましょう。
+
+```js
+const getMousePosition = (x, y) => ({
+ x: x,
+ y: y
+});
+```
+
+`getMousePosition` は、2 つのプロパティを含むオブジェクトを返すシンプルな関数です。 ES6 では、`x: x` を記述するという冗長さをなくすために、構文糖が導入されました。 `x` を一度書けば、あとは自動的に `x: x` (または同等のコード) に変換されます。 新しい構文を使用して書き換えた上記と同じ関数は次のようになります。
+
+```js
+const getMousePosition = (x, y) => ({ x, y });
+```
+
+# --instructions--
+
+オブジェクトプロパティの省略形とオブジェクトリテラルを使用して、`name`、`age`、`gender` の各プロパティを持つオブジェクトを作成して返してください。
+
+# --hints--
+
+`createPerson("Zodiac Hasbro", 56, "male")` は `{name: "Zodiac Hasbro", age: 56, gender: "male"}` を返す必要があります。
+
+```js
+assert.deepEqual(
+ { name: 'Zodiac Hasbro', age: 56, gender: 'male' },
+ createPerson('Zodiac Hasbro', 56, 'male')
+);
+```
+
+コードでは `key:value` の形式を使用しないでください。
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/:/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const createPerson = (name, age, gender) => {
+ // Only change code below this line
+ return {
+ name: name,
+ age: age,
+ gender: gender
+ };
+ // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+const createPerson = (name, age, gender) => {
+ return {
+ name,
+ age,
+ gender
+ };
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md
new file mode 100644
index 0000000000..c9241f55fc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md
@@ -0,0 +1,88 @@
+---
+id: 587d7da9367417b2b2512b67
+title: push の代わりに concat を使用して要素を配列の末尾に追加する
+challengeType: 1
+forumTopicId: 301226
+dashedName: add-elements-to-the-end-of-an-array-using-concat-instead-of-push
+---
+
+# --description--
+
+関数型プログラミングで重要なのは、ミューテーションを起こさない関数を作成して使用することです。
+
+前回のチャレンジでは、元の配列をミューテートさせずに配列を新しい配列に結合する方法として、`concat` メソッドを紹介しました。 `concat` を `push` メソッドと比較してみましょう。 `push` は、呼び出された同じ配列の末尾にアイテムを追加し、その配列をミューテートさせます。 例を示します。
+
+```js
+const arr = [1, 2, 3];
+arr.push([4, 5, 6]);
+```
+
+`arr` の変更後の値は `[1, 2, 3, [4, 5, 6]]` となりますが、これは関数型プログラミングの方法ではありません。
+
+`concat` では、ミューテーションの副作用を起こさずに、配列の末尾に新しいアイテムを追加できます。
+
+# --instructions--
+
+`nonMutatingPush` 関数を変更し、`push` の代わりに `concat` を使用して `newItem` を `original` の末尾に追加するようにしてください。 この関数は配列を返す必要があります。
+
+# --hints--
+
+コードで `concat` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.concat/g));
+```
+
+コードで `push` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?push/g));
+```
+
+`first` 配列を変更しないようにする必要があります。
+
+```js
+assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]));
+```
+
+`second` 配列を変更しないようにする必要があります。
+
+```js
+assert(JSON.stringify(second) === JSON.stringify([4, 5]));
+```
+
+`nonMutatingPush([1, 2, 3], [4, 5])` は `[1, 2, 3, 4, 5]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(nonMutatingPush([1, 2, 3], [4, 5])) ===
+ JSON.stringify([1, 2, 3, 4, 5])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonMutatingPush(original, newItem) {
+ // Only change code below this line
+ return original.push(newItem);
+
+ // Only change code above this line
+}
+
+const first = [1, 2, 3];
+const second = [4, 5];
+nonMutatingPush(first, second);
+```
+
+# --solutions--
+
+```js
+function nonMutatingPush(original, newItem) {
+ return original.concat(newItem);
+}
+const first = [1, 2, 3];
+const second = [4, 5];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md
new file mode 100644
index 0000000000..0f196a638b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md
@@ -0,0 +1,84 @@
+---
+id: 587d7dab367417b2b2512b6d
+title: 関数型プログラミングを適用して文字列を URL スラッグに変換する
+challengeType: 1
+forumTopicId: 301227
+dashedName: apply-functional-programming-to-convert-strings-to-url-slugs
+---
+
+# --description--
+
+最後のいくつかのチャレンジでは、関数型プログラミングの原則に従う数多くの便利な配列メソッドや文字列メソッドを取り上げまました。 また、`reduce` についても学びました。これは強力なメソッドで、これを使用して問題をより簡単な形に減らすことができます。 平均の計算からソートに至るまで、どのような配列演算にも適用することができます。 `map` と `filter` が `reduce` の特殊なケースであることも覚えておきましょう。
+
+ここまで学んだことを駆使して、実際の問題を解決してみましょう。
+
+多くのコンテンツ管理サイト (CMS) では、ブックマークを簡単に付けられるように、投稿のタイトルが URL の一部に追加されています。 たとえば、Medium で `Stop Using Reduce` というタイトルの記事を書いた場合、その URL にはタイトル文字列が何らかの形で含まれる可能性が高くなります (`.../stop-using-reduce`)。 すでに freeCodeCamp サイトで気づいている方もいらっしゃるかもしれません。
+
+# --instructions--
+
+文字列 `title` を変換して、ハイフンつなぎの URL を返す、`urlSlug` 関数を記述してください。 このセクションで取り上げたすべてのメソッドを使用できますが、`replace` は使用しないでください。 要件は次のとおりです。
+
+入力は、スペースとタイトルケースの単語を含む文字列
+
+出力は、単語間のスペースをハイフン (`-`) に置き換えた文字列
+
+出力はすべて小文字
+
+出力にはスペースを含めない
+
+# --hints--
+
+このチャレンジに `replace` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?replace/g));
+```
+
+`urlSlug("Winter Is Coming")` は文字列 `winter-is-coming` を返す必要があります。
+
+```js
+assert(urlSlug('Winter Is Coming') === 'winter-is-coming');
+```
+
+`urlSlug(" Winter Is Coming")` は文字列 `winter-is-coming` を返す必要があります。
+
+```js
+assert(urlSlug(' Winter Is Coming') === 'winter-is-coming');
+```
+
+`urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone")` は文字列 `a-mind-needs-books-like-a-sword-needs-a-whetstone` を返す必要があります。
+
+```js
+assert(
+ urlSlug('A Mind Needs Books Like A Sword Needs A Whetstone') ===
+ 'a-mind-needs-books-like-a-sword-needs-a-whetstone'
+);
+```
+
+`urlSlug("Hold The Door")` は文字列 `hold-the-door` を返す必要があります。
+
+```js
+assert(urlSlug('Hold The Door') === 'hold-the-door');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+function urlSlug(title) {
+
+
+}
+// Only change code above this line
+urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone");
+```
+
+# --solutions--
+
+```js
+function urlSlug(title) {
+ return title.trim().split(/\s+/).join("-").toLowerCase();
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md
new file mode 100644
index 0000000000..cbf224928c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md
@@ -0,0 +1,78 @@
+---
+id: 587d7b8e367417b2b2512b5e
+title: 関数型プログラミングを使用してミューテーションや副作用を回避する
+challengeType: 1
+forumTopicId: 301228
+dashedName: avoid-mutations-and-side-effects-using-functional-programming
+---
+
+# --description--
+
+まだ気づいていない方もいるかもしれませんが、 前回のチャレンジには `tabClose()` 関数の `splice` 呼び出しに問題がありました。 残念ながら、`splice` は呼び出しの対象となる元の配列を変更します。そのため、2 つ目の呼び出しでは変更後の配列が使用され、予期しない結果をもたらしました。
+
+これははるかに大きなパターンの小さな一例にすぎません。変数、配列、またはオブジェクトに対して関数を呼び出すと、関数によってオブジェクトの変数などが変更されます。
+
+関数型プログラミングの基本原則の一つは、何も変更を加えないことです。 変更はバグにつながります。 関数の引数やグローバル変数なども含めて「自分の関数は何も変更を加えない」という認識を持ちながらバグを防ぐ方が簡単です。
+
+前の例では複雑な操作はありませんでしたが、`splice` メソッドによって元の配列が変更され、バグが発生しました。
+
+すでに説明しましたが、関数型プログラミングでは、何らかの変更が生じることをミューテーション と呼び、その結果のことを副作用 と呼びます。 関数は、理想的には純粋な関数 、つまり、副作用を起こさない関数でなければなりません。
+
+この原則を実践して、コード内の変数やオブジェクトを変更しないようにしましょう。
+
+# --instructions--
+
+関数 `incrementer` のコードを記述して、グローバル変数 `fixedValue` の値を 1 増やして返してください。
+
+# --hints--
+
+関数 `incrementer` は `fixedValue` の値 (`4`) を変更してはいけません。
+
+```js
+incrementer();
+assert(fixedValue === 4);
+```
+
+`incrementer` 関数は、`fixedValue` 値よりも 1 大きい値を返す必要があります。
+
+```js
+const __newValue = incrementer();
+assert(__newValue === 5);
+```
+
+`incrementer` 関数は、グローバル変数 `fixedValue` の値に基づいて値を返す必要があります。
+
+```js
+(function () {
+ fixedValue = 10;
+ const newValue = incrementer();
+ assert(fixedValue === 10 && newValue === 11);
+ fixedValue = 4;
+})();
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+let fixedValue = 4;
+
+function incrementer() {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+let fixedValue = 4
+
+function incrementer() {
+ return fixedValue + 1
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md
new file mode 100644
index 0000000000..26c79854bc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md
@@ -0,0 +1,89 @@
+---
+id: 587d7daa367417b2b2512b6c
+title: join メソッドを使用して配列を文字列に結合する
+challengeType: 1
+forumTopicId: 18221
+dashedName: combine-an-array-into-a-string-using-the-join-method
+---
+
+# --description--
+
+`join` メソッドは、配列の要素を結合して文字列を作成するのに使用します。 このメソッドは、文字列内の配列要素の分割に使用される区切り文字の引数を取ります。
+
+例を示します。
+
+```js
+const arr = ["Hello", "World"];
+const str = arr.join(" ");
+```
+
+`str` の値は文字列 `Hello World` になります。
+# --instructions--
+
+`sentensify` 関数の中で、(特に) `join` メソッドを使用して、文字列 `str` 内の単語から文章を作成してください。 この関数は文字列を返す必要があります。 たとえば、`I-like-Star-Wars` は `I like Star Wars` に変換されます。 このチャレンジでは `replace` メソッドを使用しないでください。
+
+# --hints--
+
+コードでは `join` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.join/g));
+```
+
+`replace` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?replace/g));
+```
+
+`sentensify("May-the-force-be-with-you")` は文字列を返す必要があります。
+
+```js
+assert(typeof sentensify('May-the-force-be-with-you') === 'string');
+```
+
+`sentensify("May-the-force-be-with-you")` は文字列 `May the force be with you` を返す必要があります。
+
+```js
+assert(sentensify('May-the-force-be-with-you') === 'May the force be with you');
+```
+
+`sentensify("The.force.is.strong.with.this.one")` は文字列 `The force is strong with this one` を返す必要があります。
+
+```js
+assert(
+ sentensify('The.force.is.strong.with.this.one') ===
+ 'The force is strong with this one'
+);
+```
+
+`sentensify("There,has,been,an,awakening")` は文字列 `There has been an awakening` を返す必要があります。
+
+```js
+assert(
+ sentensify('There,has,been,an,awakening') === 'There has been an awakening'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sentensify(str) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+sentensify("May-the-force-be-with-you");
+```
+
+# --solutions--
+
+```js
+function sentensify(str) {
+ return str.split(/\W/).join(' ');
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
new file mode 100644
index 0000000000..4ca1a201ea
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
@@ -0,0 +1,77 @@
+---
+id: 587d7da9367417b2b2512b66
+title: concat メソッドを使用して 2 つの配列を連結する
+challengeType: 1
+forumTopicId: 301229
+dashedName: combine-two-arrays-using-the-concat-method
+---
+
+# --description--
+
+複数のアイテムを最初から最後まで結合することを連結 (Concatenation) と呼びます。 JavaScript で提供されている `concat` メソッドは、文字列でも配列でも同じ動作をします。 配列の場合は、一方の配列でメソッドを呼び出してから、もう一方の配列を `concat` の引数として与えると、その配列が最初の配列の末尾に追加されます。 このメソッドは新しい配列を返し、元の配列のいずれもミューテートさせません。 例を示します。
+
+```js
+[1, 2, 3].concat([4, 5, 6]);
+```
+
+返される配列は `[1, 2, 3, 4, 5, 6]` となります。
+
+# --instructions--
+
+`nonMutatingConcat` 関数で `concat` メソッドを使用して、`original` の末尾に `attach` を連結してください。 この関数は連結した配列を返す必要があります。
+
+# --hints--
+
+コードでは `concat` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.concat/g));
+```
+
+`first` 配列は変更しないでください。
+
+```js
+assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]));
+```
+
+`second` 配列は変更しないでください。
+
+```js
+assert(JSON.stringify(second) === JSON.stringify([4, 5]));
+```
+
+`nonMutatingConcat([1, 2, 3], [4, 5])` は `[1, 2, 3, 4, 5]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(nonMutatingConcat([1, 2, 3], [4, 5])) ===
+ JSON.stringify([1, 2, 3, 4, 5])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonMutatingConcat(original, attach) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+const first = [1, 2, 3];
+const second = [4, 5];
+nonMutatingConcat(first, second);
+```
+
+# --solutions--
+
+```js
+function nonMutatingConcat(original, attach) {
+ return original.concat(attach);
+}
+const first = [1, 2, 3];
+const second = [4, 5];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md
new file mode 100644
index 0000000000..2753a97180
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md
@@ -0,0 +1,72 @@
+---
+id: 587d7b8f367417b2b2512b62
+title: プロトタイプに map を実装する
+challengeType: 1
+forumTopicId: 301230
+dashedName: implement-map-on-a-prototype
+---
+
+# --description--
+
+前に説明した `Array.prototype.map()` (または単純に `map()`) の適用からわかるように、`map` メソッドは、呼び出された配列と同じ長さの配列を返します。 また、コールバック関数で操作しない限り、元の配列も変更しません。
+
+言い換えれば、`map` は純粋な関数であり、その出力は入力にのみ依存します。 さらに、引数として別の関数を取ります。
+
+`map` メソッドについては、独自のバージョンを実装することで多くのことを学べるかもしれません。 `for` ループまたは `Array.prototype.forEach()` を使用することをお勧めします。
+
+# --instructions--
+
+`Array.prototype.map()` とまったく同じように動作する、独自の `Array.prototype.myMap()`を記述してください。 組み込みの `map` メソッドを使用しないでください。 `myMap` メソッドで `Array` インスタンスにアクセスするには `this` を使用します。
+
+# --hints--
+
+`new_s` は `[46, 130, 196, 10]` と等しくなければなりません。
+
+```js
+assert(JSON.stringify(new_s) === JSON.stringify([46, 130, 196, 10]));
+```
+
+コードでは `map` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?map/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback) {
+ const newArray = [];
+ // Only change code below this line
+
+ // Only change code above this line
+ return newArray;
+};
+
+const new_s = s.myMap(function(item) {
+ return item * 2;
+});
+```
+
+# --solutions--
+
+```js
+const s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback) {
+ const newArray = [];
+ for (const elem of this) {
+ newArray.push(callback(elem));
+ }
+ return newArray;
+};
+
+const new_s = s.myMap(function(item) {
+ return item * 2;
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md
new file mode 100644
index 0000000000..7dbb07d252
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md
@@ -0,0 +1,67 @@
+---
+id: 587d7b8f367417b2b2512b64
+title: プロトタイプに filter メソッドを実装する
+challengeType: 1
+forumTopicId: 301231
+dashedName: implement-the-filter-method-on-a-prototype
+---
+
+# --description--
+
+`filter` メソッドについては、独自のバージョンを実装することで多くのことを学べるかもしれません。 `for` ループまたは `Array.prototype.forEach()` を使用することをお勧めします。
+
+# --instructions--
+
+`Array.prototype.filter()` とまったく同じように動作する、独自の `Array.prototype.myFilter()`を記述してください。 組み込みの `filter` メソッドを使用しないでください。 `myFilter` メソッドで `Array` インスタンスにアクセスするには `this` を使用します。
+
+# --hints--
+
+`new_s` は `[23, 65, 5]` と等しくなければなりません。
+
+```js
+assert(JSON.stringify(new_s) === JSON.stringify([23, 65, 5]));
+```
+
+`filter` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?filter/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback) {
+ // Only change code below this line
+ const newArray = [];
+ // Only change code above this line
+ return newArray;
+};
+
+const new_s = s.myFilter(function(item) {
+ return item % 2 === 1;
+});
+```
+
+# --solutions--
+
+```js
+const s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback) {
+ const newArray = [];
+ for (let i = 0; i < this.length; i++) {
+ if (callback(this[i])) newArray.push(this[i]);
+ }
+ return newArray;
+};
+
+const new_s = s.myFilter(function(item) {
+ return item % 2 === 1;
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md
new file mode 100644
index 0000000000..9bf76be6d5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md
@@ -0,0 +1,102 @@
+---
+id: 587d7dab367417b2b2512b70
+title: カリー化と部分適用について
+challengeType: 1
+forumTopicId: 301232
+dashedName: introduction-to-currying-and-partial-application
+---
+
+# --description--
+
+関数が必要とする引数の数のことを、関数のアリティ と呼びます。 アリティが N の 1 個の関数を、アリティが 1 の N 個の関数に変換することを、関数のカリー化 と呼びます。
+
+言い換えれば、1 つの引数を取るように関数を再構築して、次の引数を取る別の関数を返し、その別の関数でも同様の操作をします。
+
+例を示します。
+
+```js
+function unCurried(x, y) {
+ return x + y;
+}
+
+function curried(x) {
+ return function(y) {
+ return x + y;
+ }
+}
+
+const curried = x => y => x + y
+
+curried(1)(2)
+```
+
+`curried(1)(2)` は `3` を返します。
+
+これはプログラムにおいて、関数に対して一度にすべての引数を与えることができない場合に便利です。 それぞれの関数呼び出しを変数に保存しておき、返された関数参照を変数に保持して、次の引数が利用可能になった時点でその引数を受け取るようにすることができます。 前の例のカリー化した関数の使用例を次に示します。
+
+```js
+const funcForY = curried(1);
+console.log(funcForY(2)); // 3
+```
+
+同様に、一度にいくつかの引数を 1 つの関数に適用し、より多くの引数を適用する別の関数を返すことを、部分適用 と呼びます。 例を示します。
+
+```js
+function impartial(x, y, z) {
+ return x + y + z;
+}
+
+const partialFn = impartial.bind(this, 1, 2);
+partialFn(10); // 13
+```
+
+# --instructions--
+
+カリー化を使用してパラメーター `x`、`y`、`z` を加算するように、`add` 関数の本体を記述してください。
+
+# --hints--
+
+`add(10)(20)(30)` は `60` を返す必要があります。
+
+```js
+assert(add(10)(20)(30) === 60);
+```
+
+`add(1)(2)(3)` は `6` を返す必要があります。
+
+```js
+assert(add(1)(2)(3) === 6);
+```
+
+`add(11)(22)(33)` は `66` を返す必要があります。
+
+```js
+assert(add(11)(22)(33) === 66);
+```
+
+コードの最後には、`x + y + z` を返すステートメントを含める必要があります。
+
+```js
+assert(code.match(/[xyz]\s*?\+\s*?[xyz]\s*?\+\s*?[xyz]/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function add(x) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+add(10)(20)(30);
+```
+
+# --solutions--
+
+```js
+const add = x => y => z => x + y + z
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md
new file mode 100644
index 0000000000..e743116dec
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8d367417b2b2512b5b
+title: 関数型プログラミングについて学習する
+challengeType: 1
+forumTopicId: 301233
+dashedName: learn-about-functional-programming
+---
+
+# --description--
+
+関数型プログラミングはプログラミングのスタイルの一つで、ソリューションが単純で独立した関数であり、関数スコープ外の副作用がありません: `INPUT -> PROCESS -> OUTPUT`
+
+関数型プログラミングでは次のような関数を目指します。
+
+1) 独立した関数 - プログラムの状態 (変更される可能性があるグローバル変数を含む) にまったく依存しない
+
+2) 純粋な関数 - 同じ入力は常に同じ出力を与える
+
+3) 限られた副作用を持つ関数 - 関数外のプログラムの状態に対する任意の変更 (ミューテーション) は慎重に制御される
+
+# --instructions--
+
+freeCodeCamp のメンバーはたまたま紅茶が大好きです。
+
+コードエディターでは、`prepareTea` および `getTea` 関数がすでに定義されています。 `getTea` 関数を呼び出して、チームの紅茶 40 杯分をもらい、`tea4TeamFCC` 変数に格納してください。
+
+# --hints--
+
+`tea4TeamFCC` 変数には、チームの 40 杯分の紅茶を保持する必要があります。
+
+```js
+assert(tea4TeamFCC.length === 40);
+```
+
+`tea4TeamFCC` 変数には、緑茶を数杯分保持する必要があります。
+
+```js
+assert(tea4TeamFCC[0] === 'greenTea');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Function that returns a string representing a cup of green tea
+const prepareTea = () => 'greenTea';
+
+/*
+Given a function (representing the tea type) and number of cups needed, the
+following function returns an array of strings (each representing a cup of
+a specific type of tea).
+*/
+const getTea = (numOfCups) => {
+ const teaCups = [];
+
+ for(let cups = 1; cups <= numOfCups; cups += 1) {
+ const teaCup = prepareTea();
+ teaCups.push(teaCup);
+ }
+ return teaCups;
+};
+
+// Only change code below this line
+const tea4TeamFCC = null;
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const prepareTea = () => 'greenTea';
+
+const getTea = (numOfCups) => {
+ const teaCups = [];
+
+ for(let cups = 1; cups <= numOfCups; cups += 1) {
+ const teaCup = prepareTea();
+ teaCups.push(teaCup);
+ }
+
+ return teaCups;
+};
+
+const tea4TeamFCC = getTea(40);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md
new file mode 100644
index 0000000000..eb3730ce81
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md
@@ -0,0 +1,74 @@
+---
+id: 587d7b8e367417b2b2512b5f
+title: 関数内の外部依存を回避するために引数を渡す
+challengeType: 1
+forumTopicId: 301234
+dashedName: pass-arguments-to-avoid-external-dependence-in-a-function
+---
+
+# --description--
+
+前回のチャレンジで、関数型プログラミングの原則に一歩近づきましたが、まだ何かが欠けています。
+
+グローバル変数の値は変更しませんでしたが、関数 `incrementer` はグローバル変数 `fixedValue` がなければ動作しませんでした。
+
+関数型プログラミングのもう一つの原則は、常に依存関係を明示的に宣言することです。 つまり、関数が変数やオブジェクトの存在に依存している場合は、その変数やオブジェクトを引数として関数に直接渡します。
+
+この原則からはいくつかの良い結果がもたらされます。 この関数はテストが簡単になります。どのような入力を受け取るかが正確にわかり、プログラムの他の部分には依存しません。
+
+このため、新しいコードを変更、削除、または追加する際に、安心感が強まります。 何が変更できて何が変更できないかがわかり、潜在的な罠がどこに潜んでいるかがわかります。
+
+さらに、関数はコードのどの部分で実行されても、同じ一連の入力に対して常に同じ出力を生成します。
+
+# --instructions--
+
+`incrementer` 関数を更新して、依存関係を明確に宣言しましょう。
+
+引数を取り、値を 1 増やした後に結果を返すように、`incrementer` 関数を記述してください。
+
+# --hints--
+
+関数 `incrementer` は `fixedValue` の値 (`4`) を変更してはいけません。
+
+```js
+assert(fixedValue === 4);
+```
+
+`incrementer` 関数は引数を取る必要があります。
+
+```js
+assert(incrementer.length === 1);
+```
+
+`incrementer` 関数は、`fixedValue` 値よりも 1 大きい値を返す必要があります。
+
+```js
+const __newValue = incrementer(fixedValue);
+assert(__newValue === 5);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+let fixedValue = 4;
+
+// Only change code below this line
+function incrementer() {
+
+
+ // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+let fixedValue = 4;
+
+function incrementer(fixedValue) {
+ return fixedValue + 1;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md
new file mode 100644
index 0000000000..f629eda93d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md
@@ -0,0 +1,132 @@
+---
+id: 587d7b8f367417b2b2512b60
+title: 関数の影響を受けないようにグローバル変数をリファクタリングする
+challengeType: 1
+forumTopicId: 301235
+dashedName: refactor-global-variables-out-of-functions
+---
+
+# --description--
+
+ここまで、関数型プログラミングの 2 つの異なる原則について説明しました。
+
+1) 変数やオブジェクトを変更しないこと - 新しい変数やオブジェクトを作成し、必要に応じて関数からそれらを返します。 ヒント: `const newArr = arrVar` のようなものを使用した場合、`arrVar` が配列であれば、コピーを作成するのではなく、既存の変数への参照を作成するだけです。 そのため、`newArr` の値を変更すると、`arrVar` の値が変更されます。
+
+2) 関数パラメーターを宣言すること - 関数内の計算はどれも、関数に渡された引数にのみ依存し、グローバルのオブジェクトや変数には依存しません。
+
+ある数に 1 を加えることはあまり面白くありませんが、配列や複雑なオブジェクトを扱う場合には、上記の原則を適用できます。
+
+# --instructions--
+
+グローバル配列 `bookList` がどちらの関数内でも変更されないようにコードを書き換えてください。 `add` 関数は、与えられた `bookName` を、渡された配列の末尾に追加し、新しい配列 (リスト) を返す必要があります。 `remove` 関数は、与えられた `bookName` を、渡された配列から削除する必要があります。
+
+**注:** どちらの関数も配列を返す必要があり、新しいパラメーターを `bookName` パラメーターの前に追加する必要があります。
+
+# --hints--
+
+`bookList` は、変更されず、`["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]` と等しくなる必要があります。
+
+```js
+add(bookList, "Test");
+assert(
+ JSON.stringify(bookList) ===
+ JSON.stringify([
+ 'The Hound of the Baskervilles',
+ 'On The Electrodynamics of Moving Bodies',
+ 'Philosophiæ Naturalis Principia Mathematica',
+ 'Disquisitiones Arithmeticae'
+ ])
+);
+```
+
+`add(bookList, "A Brief History of Time")` は `["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(add(bookList, "A Brief History of Time")) ===
+ JSON.stringify([
+ 'The Hound of the Baskervilles',
+ 'On The Electrodynamics of Moving Bodies',
+ 'Philosophiæ Naturalis Principia Mathematica',
+ 'Disquisitiones Arithmeticae',
+ 'A Brief History of Time'
+ ])
+);
+```
+
+`remove(bookList, "On The Electrodynamics of Moving Bodies")` は `["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(remove(bookList, 'On The Electrodynamics of Moving Bodies')) ===
+ JSON.stringify([
+ 'The Hound of the Baskervilles',
+ 'Philosophiæ Naturalis Principia Mathematica',
+ 'Disquisitiones Arithmeticae'
+ ])
+);
+```
+
+`remove(add(bookList, "A Brief History of Time"), "On The Electrodynamics of Moving Bodies");` の結果は `["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]` と等しくなる必要があります。
+
+```js
+assert(
+ JSON.stringify(remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies')) ===
+ JSON.stringify([
+ 'The Hound of the Baskervilles',
+ 'Philosophiæ Naturalis Principia Mathematica',
+ 'Disquisitiones Arithmeticae',
+ 'A Brief History of Time'
+ ])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+// Change code below this line
+function add(bookName) {
+
+ bookList.push(bookName);
+ return bookList;
+
+ // Change code above this line
+}
+
+// Change code below this line
+function remove(bookName) {
+ const book_index = bookList.indexOf(bookName);
+ if (book_index >= 0) {
+
+ bookList.splice(book_index, 1);
+ return bookList;
+
+ // Change code above this line
+ }
+}
+```
+
+# --solutions--
+
+```js
+// The global variable
+const bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+function add(bookList, bookName) {
+ return [...bookList, bookName];
+}
+
+function remove(bookList, bookName) {
+ const bookListCopy = [...bookList];
+ const bookNameIndex = bookList.indexOf(bookName);
+ if (bookNameIndex >= 0) {
+ bookListCopy.splice(bookNameIndex, 1);
+ }
+ return bookListCopy;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md
new file mode 100644
index 0000000000..73e39e826b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md
@@ -0,0 +1,84 @@
+---
+id: 9d7123c8c441eeafaeb5bdef
+title: splice の代わりに slice を使用して配列から要素を削除する
+challengeType: 1
+forumTopicId: 301236
+dashedName: remove-elements-from-an-array-using-slice-instead-of-splice
+---
+
+# --description--
+
+配列の操作では、アイテムを削除して残りの配列を保持したいというパターンが一般的です。 そのための手段として、JavaScript には `splice` メソッドがあります。このメソッドは、アイテムの削除を開始するインデックスと、削除するアイテムの数を引数に取ります。 第 2 引数が指定されていない場合、デフォルトではアイテムが最後まで削除されます。 ただし、`splice` メソッドは呼び出しの対象となった元の配列をミューテート (変化) させます。 例を示します。
+
+```js
+const cities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+cities.splice(3, 1);
+```
+
+この例では、`splice` は文字列 `London` を返し、それを cities 配列から削除します。 `cities` の値は `["Chicago", "Delhi", "Islamabad", "Berlin"]` になります。
+
+前回のチャレンジで説明したように、 `slice` メソッドは元の配列をミューテートさせず、変数に保存できる新しい配列を返します。 すでに説明したように、`slice` メソッドは、スライスを開始するインデックスと終了するインデックス (終了場所はスライス対象には含まれません) を表す 2 つの引数を取り、それらのアイテムを新しい配列に返します。 `splice` の代わりに `slice` メソッドを使用すると、配列のミューテーションの副作用を回避できます。
+
+# --instructions--
+
+関数 `nonMutatingSplice` を書き換えて、`splice` の代わりに `slice` を使用してください。 与えられた `cities` 配列の長さを 3 に制限し、最初の 3 つのアイテムのみを持つ新しい配列を返す必要があります。
+
+関数に与えられた元の配列をミューテートさせないでください。
+
+# --hints--
+
+コードで `slice` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.slice/g));
+```
+
+コードで `splice` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?splice/g));
+```
+
+`inputCities` 配列は変更しないでください。
+
+```js
+assert(
+ JSON.stringify(inputCities) ===
+ JSON.stringify(['Chicago', 'Delhi', 'Islamabad', 'London', 'Berlin'])
+);
+```
+
+`nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])` は `["Chicago", "Delhi", "Islamabad"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(
+ nonMutatingSplice(['Chicago', 'Delhi', 'Islamabad', 'London', 'Berlin'])
+ ) === JSON.stringify(['Chicago', 'Delhi', 'Islamabad'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonMutatingSplice(cities) {
+ // Only change code below this line
+ return cities.splice(3);
+
+ // Only change code above this line
+}
+
+const inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+nonMutatingSplice(inputCities);
+```
+
+# --solutions--
+
+```js
+function nonMutatingSplice(cities) {
+ return cities.slice(0,3);
+}
+const inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md
new file mode 100644
index 0000000000..29cbe378bc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md
@@ -0,0 +1,90 @@
+---
+id: 587d7da9367417b2b2512b6a
+title: 元の配列を変更せずにソートされた配列を返す
+challengeType: 1
+forumTopicId: 301237
+dashedName: return-a-sorted-array-without-changing-the-original-array
+---
+
+# --description--
+
+`sort` メソッドには、元の配列にある要素の順序を変更するという副作用があります。 つまり、配列をインプレースでミューテートさせます。 これを避ける方法の一つとして、最初に空の配列をソート対象の配列に連結し (すでに説明したように `slice` や `concat` は新しい配列を返します)、それから `sort` メソッドを実行することができます。
+
+# --instructions--
+
+`nonMutatingSort` 関数で `sort` メソッドを使用して、配列の要素を昇順でソートしてください。 この関数は新しい配列を返し、`globalArray` 変数をミューテートさせないようにする必要があります。
+
+# --hints--
+
+コードで `sort` メソッドを使用する必要があります。
+
+```js
+assert(nonMutatingSort.toString().match(/\.sort/g));
+```
+
+`globalArray` 変数は変更しないでください。
+
+```js
+assert(JSON.stringify(globalArray) === JSON.stringify([5, 6, 3, 2, 9]));
+```
+
+`nonMutatingSort(globalArray)` は `[2, 3, 5, 6, 9]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(nonMutatingSort(globalArray)) ===
+ JSON.stringify([2, 3, 5, 6, 9])
+);
+```
+
+`nonMutatingSort(globalArray)` をハードコーディングしないでください。
+
+```js
+assert(!nonMutatingSort.toString().match(/\[.*?[23569].*?\]/gs));
+```
+
+この関数は、渡された配列ではなく、新しい配列を返す必要があります。
+
+```js
+assert(nonMutatingSort(globalArray) !== globalArray);
+```
+
+`nonMutatingSort([1, 30, 4, 21, 100000])` は `[1, 4, 21, 30, 100000]` を返す必要があります。
+
+```js
+assert(JSON.stringify(nonMutatingSort([1, 30, 4, 21, 100000])) ===
+ JSON.stringify([1, 4, 21, 30, 100000]))
+```
+
+`nonMutatingSort([140000, 104, 99])` は `[99, 104, 140000]` を返す必要があります。
+
+```js
+assert(JSON.stringify(nonMutatingSort([140000, 104, 99])) ===
+ JSON.stringify([99, 104, 140000]))
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const globalArray = [5, 6, 3, 2, 9];
+
+function nonMutatingSort(arr) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+nonMutatingSort(globalArray);
+```
+
+# --solutions--
+
+```js
+const globalArray = [5, 6, 3, 2, 9];
+function nonMutatingSort(arr) {
+ return [].concat(arr).sort((a,b) => a-b);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md
new file mode 100644
index 0000000000..f89bbab07b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md
@@ -0,0 +1,93 @@
+---
+id: 587d7b90367417b2b2512b65
+title: slice メソッドを使用して配列の一部分を返す
+challengeType: 1
+forumTopicId: 301239
+dashedName: return-part-of-an-array-using-the-slice-method
+---
+
+# --description--
+
+`slice` メソッドは、配列の特定の要素のコピーを返します。 このメソッドは 2 つの引数を取ることができます。1 つ目はスライスの開始位置のインデックスで、2 つ目はスライスの終了位置のインデックスです (終了位置自体は slice の対象に含まれません)。 引数が指定されていない場合は、デフォルトで配列の先頭から末尾まで処理します。この方法で配列全体のコピーを簡単に作成できます。 `slice` メソッドは元の配列をミューテート (変化) させず、新しい配列を返します。
+
+例を示します。
+
+```js
+const arr = ["Cat", "Dog", "Tiger", "Zebra"];
+const newArray = arr.slice(1, 3);
+```
+
+`newArray` の値は `["Dog", "Tiger"]` になります。
+
+# --instructions--
+
+`sliceArray` 関数で `slice` メソッドを使用し、`beginSlice` インデックスと `endSlice` インデックスを指定して `anim` 配列の一部を返してください。 この関数は配列を返す必要があります。
+
+# --hints--
+
+コードで `slice` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.slice/g));
+```
+
+`inputAnim` 変数は変更しないでください。
+
+```js
+assert(
+ JSON.stringify(inputAnim) ===
+ JSON.stringify(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'])
+);
+```
+
+`sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)` は `["Dog", "Tiger"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(sliceArray(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'], 1, 3)) ===
+ JSON.stringify(['Dog', 'Tiger'])
+);
+```
+
+`sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)` は `["Cat"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(sliceArray(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'], 0, 1)) ===
+ JSON.stringify(['Cat'])
+);
+```
+
+`sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)` は `["Dog", "Tiger", "Zebra"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(sliceArray(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'], 1, 4)) ===
+ JSON.stringify(['Dog', 'Tiger', 'Zebra'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+const inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+sliceArray(inputAnim, 1, 3);
+```
+
+# --solutions--
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+ return anim.slice(beginSlice, endSlice);
+}
+const inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md
new file mode 100644
index 0000000000..795292af6f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md
@@ -0,0 +1,101 @@
+---
+id: 587d7da9367417b2b2512b69
+title: sort メソッドを使用して配列をアルファベット順に並べ替える
+challengeType: 1
+forumTopicId: 18303
+dashedName: sort-an-array-alphabetically-using-the-sort-method
+---
+
+# --description--
+
+`sort` メソッドは、コールバック関数に従って配列の要素をソートします。
+
+例を次に示します。
+
+```js
+function ascendingOrder(arr) {
+ return arr.sort(function(a, b) {
+ return a - b;
+ });
+}
+
+ascendingOrder([1, 5, 2, 3, 4]);
+```
+
+これは値 `[1, 2, 3, 4, 5]` を返します。
+
+```js
+function reverseAlpha(arr) {
+ return arr.sort(function(a, b) {
+ return a === b ? 0 : a < b ? 1 : -1;
+ });
+}
+
+reverseAlpha(['l', 'h', 'z', 'b', 's']);
+```
+
+これは値 `['z', 's', 'l', 'h', 'b']` を返します。
+
+JavaScript のデフォルトのソート方法で基準となるのは文字列の Unicode ポイント値であり、予期しない結果を返す可能性があります。 そのため、配列アイテムのソート方法を指定するコールバック関数を用意することをお勧めします。 コールバック関数には通常は `compareFunction` などという名前を付けますが、そうしたコールバック関数を指定すると、`compareFunction` の戻り値に従って配列要素がソートされます。たとえば、`compareFunction(a,b)` が 2 つの要素 `a` と `b` に対して 0 よりも小さい値を返した場合、`a` は `b` の前になります。 `compareFunction(a,b)` が 2 つの要素 `a` と `b` に対して 0 よりも大きい値を返した場合、`b` は `a` の前になります。 `compareFunction(a,b)` が 2 つの要素 `a` と `b` に対して 0 と等しい値を返した場合、`a` と `b` の順序は変わりません。
+
+# --instructions--
+
+`alphabeticalOrder` 関数で `sort` メソッドを使用して、`arr` の要素をアルファベット順にソートしてください。 この関数はソートされた配列を返す必要があります。
+
+# --hints--
+
+コードで `sort` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.sort/g));
+```
+
+`alphabeticalOrder(["a", "d", "c", "a", "z", "g"])` は `["a", "a", "c", "d", "g", "z"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(alphabeticalOrder(['a', 'd', 'c', 'a', 'z', 'g'])) ===
+ JSON.stringify(['a', 'a', 'c', 'd', 'g', 'z'])
+);
+```
+
+`alphabeticalOrder(["x", "h", "a", "m", "n", "m"])` は `["a", "h", "m", "m", "n", "x"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(alphabeticalOrder(['x', 'h', 'a', 'm', 'n', 'm'])) ===
+ JSON.stringify(['a', 'h', 'm', 'm', 'n', 'x'])
+);
+```
+
+`alphabeticalOrder(["a", "a", "a", "a", "x", "t"])` は `["a", "a", "a", "a", "t", "x"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(alphabeticalOrder(['a', 'a', 'a', 'a', 'x', 't'])) ===
+ JSON.stringify(['a', 'a', 'a', 'a', 't', 'x'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function alphabeticalOrder(arr) {
+ // Only change code below this line
+
+ return arr
+ // Only change code above this line
+}
+
+alphabeticalOrder(["a", "d", "c", "a", "z", "g"]);
+```
+
+# --solutions--
+
+```js
+function alphabeticalOrder(arr) {
+ return arr.sort();
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md
new file mode 100644
index 0000000000..fad5fde51b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md
@@ -0,0 +1,87 @@
+---
+id: 587d7daa367417b2b2512b6b
+title: split メソッドを使用して文字列を配列に分割する
+challengeType: 1
+forumTopicId: 18305
+dashedName: split-a-string-into-an-array-using-the-split-method
+---
+
+# --description--
+
+`split` メソッドは、文字列を文字列の配列に分割します。 このメソッドは、文字列や正規表現の分割に使用できる区切り文字の引数を取ります。 たとえば、区切り文字が空白の場合は、単語の配列を取得します。 区切り文字が空文字列の場合は、文字列内の各文字で構成される配列を取得します。
+
+2 つの例を次に示します。1 つ目は文字列をスペースで分割し、2 つ目は正規表現を使用して文字列を数字で分割します。
+
+```js
+const str = "Hello World";
+const bySpace = str.split(" ");
+
+const otherString = "How9are7you2today";
+const byDigits = otherString.split(/\d/);
+```
+
+`bySpace` の値は `["Hello", "World"]` になり、`byDigits` の値は `["How", "are", "you", "today"]` になります。
+
+文字列はイミュータブル (不変) なので、`split` メソッドを使用すると文字列を簡単に操作できます。
+
+# --instructions--
+
+`splitify` 関数の中で `split` メソッドを使用して、`str` を単語の配列に分割してください。 この関数は配列を返す必要があります。 単語は必ずしもスペースで区切られているとは限らず、配列に句読点を含めてはならないことに注意してください。
+
+# --hints--
+
+コードで `split` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.split/g));
+```
+
+`splitify("Hello World,I-am code")` は `["Hello", "World", "I", "am", "code"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(splitify('Hello World,I-am code')) ===
+ JSON.stringify(['Hello', 'World', 'I', 'am', 'code'])
+);
+```
+
+`splitify("Earth-is-our home")` は `["Earth", "is", "our", "home"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(splitify('Earth-is-our home')) ===
+ JSON.stringify(['Earth', 'is', 'our', 'home'])
+);
+```
+
+`splitify("This.is.a-sentence")` は `["This", "is", "a", "sentence"]` を返す必要があります。
+
+```js
+assert(
+ JSON.stringify(splitify('This.is.a-sentence')) ===
+ JSON.stringify(['This', 'is', 'a', 'sentence'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function splitify(str) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+splitify("Hello World,I-am code");
+```
+
+# --solutions--
+
+```js
+function splitify(str) {
+ return str.split(/\W/);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md
new file mode 100644
index 0000000000..cecb70d755
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md
@@ -0,0 +1,112 @@
+---
+id: 587d7b8e367417b2b2512b5c
+title: 関数型プログラミングの用語を理解する
+challengeType: 1
+forumTopicId: 301240
+dashedName: understand-functional-programming-terminology
+---
+
+# --description--
+
+FCC のチームの気が変わって、今は緑茶と紅茶の 2 種類のお茶が欲しくなりました。 クライアントの気が変わるというのは一般的な事実としてよくあることです。
+
+そんな情報を踏まえて、前回のチャレンジで取り上げた `getTea` 関数を見直して、さまざまなお茶のリクエストを処理する必要が出てきました。 パラメーターとして関数を受け取るように `getTea` を変更して、用意するお茶の種類を変えることができます。 これで `getTea` の柔軟性が増し、クライアントのリクエストが変更されたときにプログラマーはより詳細に制御できるようになります。
+
+ですがその前に、関数型に関する用語をいくつか説明しておきましょう。
+
+ある関数の呼び出しを決定するために挿入されたり渡されたりする関数のことを、コールバック と呼びます。 たとえば `filter` などの他のメソッドにコールバック関数を渡す例を紹介しました。この場合は、フィルターで配列を絞り込むための条件を JavaScript に指示します。
+
+変数に割り当てることができる関数、別の関数に渡すことができる関数、または別の関数から他の通常の値とまったく同じように返すことができる関数のことを、第一級 関数と呼びます。 JavaScript の関数はすべて第一級関数です。
+
+引数として関数を受け取る関数、または戻り値として関数を返す関数のことを、高階 関数と呼びます。
+
+関数が他の関数に渡されたり、他の関数から返されたりする場合、それらの受け渡しされる関数のことをラムダ と呼ぶことがあります。
+
+# --instructions--
+
+緑茶を 27 杯分、紅茶を 13 杯分用意し、それぞれ `tea4GreenTeamFCC` と `tea4BlackTeamFCC` という変数に保存してください。 `getTea` 関数を変更したので、最初の引数として関数を取ることに注意してください。
+
+注: データ (お茶のカップ数) は最後の引数として渡します。 これについてはこのあとのレッスンで詳しく説明します。
+
+# --hints--
+
+`tea4GreenTeamFCC` 変数は、チーム用に 27 杯分の緑茶を保持する必要があります。
+
+```js
+assert(tea4GreenTeamFCC.length === 27);
+```
+
+`tea4GreenTeamFCC` 変数は、緑茶のカップを保持する必要があります。
+
+```js
+assert(tea4GreenTeamFCC[0] === 'greenTea');
+```
+
+`tea4BlackTeamFCC` 変数は、13 杯分の紅茶を保持する必要があります。
+
+```js
+assert(tea4BlackTeamFCC.length === 13);
+```
+
+`tea4BlackTeamFCC` 変数は、紅茶のカップを保持する必要があります。
+
+```js
+assert(tea4BlackTeamFCC[0] === 'blackTea');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Function that returns a string representing a cup of green tea
+const prepareGreenTea = () => 'greenTea';
+
+// Function that returns a string representing a cup of black tea
+const prepareBlackTea = () => 'blackTea';
+
+/*
+Given a function (representing the tea type) and number of cups needed, the
+following function returns an array of strings (each representing a cup of
+a specific type of tea).
+*/
+const getTea = (prepareTea, numOfCups) => {
+ const teaCups = [];
+
+ for(let cups = 1; cups <= numOfCups; cups += 1) {
+ const teaCup = prepareTea();
+ teaCups.push(teaCup);
+ }
+ return teaCups;
+};
+
+// Only change code below this line
+const tea4GreenTeamFCC = null;
+const tea4BlackTeamFCC = null;
+// Only change code above this line
+
+console.log(
+ tea4GreenTeamFCC,
+ tea4BlackTeamFCC
+);
+```
+
+# --solutions--
+
+```js
+const prepareGreenTea = () => 'greenTea';
+const prepareBlackTea = () => 'blackTea';
+
+const getTea = (prepareTea, numOfCups) => {
+ const teaCups = [];
+
+ for(let cups = 1; cups <= numOfCups; cups += 1) {
+ const teaCup = prepareTea();
+ teaCups.push(teaCup);
+ }
+ return teaCups;
+};
+
+const tea4BlackTeamFCC = getTea(prepareBlackTea, 13);
+const tea4GreenTeamFCC = getTea(prepareGreenTea, 27);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
new file mode 100644
index 0000000000..444eaeed39
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
@@ -0,0 +1,139 @@
+---
+id: 587d7b8e367417b2b2512b5d
+title: 命令型コードの使用に関する危険性を理解する
+challengeType: 1
+forumTopicId: 301241
+dashedName: understand-the-hazards-of-using-imperative-code
+---
+
+# --description--
+
+関数型プログラミングは良い習慣です。 コードが管理しやすくなり、バグの潜入を防ぎます。 しかし、そうした習慣に行き着く前に、命令型プログラミングのアプローチについて、問題が起こりそうな場所を明らかにしておきましょう。
+
+英語 (および他の多くの言語) では、コマンドを与えるために命令型の時制が使用されています。 同様に、プログラミングにおける命令型のスタイルは、コンピューターにタスクを実行するための一連のステートメントを与えます。
+
+多くの場合、ステートメントはプログラムの状態を変更し、グローバル変数を更新したりします。 典型的な例としては、`for` ループの記述で配列のインデックスを反復処理するための正確な方向を示すことなどがあります。
+
+対照的に、関数型プログラミングは宣言型プログラミングの一形態です。 メソッドや関数を呼び出すことによって、実行したいことをコンピューターに伝えます。
+
+JavaScript には、一般的なタスクを処理するためにあらかじめ定義されたメソッドが多数用意されているため、コンピューターがそれらのタスクをどのように実行すべきかを記述する必要はありません。 たとえば、前述の `for` ループを使用する代わりに、配列の反復の詳細を処理する `map` メソッドを呼び出すことができます。 これは、「デバッグ」セクションで説明した「オフバイワンエラー」などのセマンティックエラーを回避するのに役立ちます。
+
+たとえば、ブラウザーでウェブを閲覧していて、開いたタブを追跡したい、というシナリオを考えてみましょう。 簡単なオブジェクト指向のコードを使ってそれをモデル化してみます。
+
+Window オブジェクトはタブで構成されており、通常は複数の Window が開いています。 各 Window オブジェクトで開いているそれぞれのサイトのタイトルを、配列に保持しています。 ブラウザーで作業した後 (新しいタブを開く、ウィンドウをマージする、タブを閉じるなど)、まだ開いているタブを印刷する必要があるとします。 閉じたタブを配列から削除し、新しいタブを末尾に追加します (説明を簡単にするため)。
+
+コードエディターでは、`tabOpen()`、`tabClose()`、および `join()` に対応した関数を使用して、この機能を実装しています。 配列 `tabs` は、開いているページの名前を格納する Window オブジェクトの一部です。
+
+# --instructions--
+
+エディターでコードの内容を調べてみてください。 この中ではプログラムに副作用をもたらすメソッドを使用しており、不正な動作を引き起こします。 `finalTabs.tabs` に格納される、開いているタブの最終的なリストは、`['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium', 'new tab', 'Netflix', 'YouTube', 'Vine', 'GMail', 'Work mail', 'Docs', 'freeCodeCamp', 'new tab']` となるはずですが、コードによって生成されるリストは少し異なります。
+
+正しいタブが削除されるように `Window.prototype.tabClose` を変更してください。
+
+# --hints--
+
+`finalTabs.tabs` は `['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium', 'new tab', 'Netflix', 'YouTube', 'Vine', 'GMail', 'Work mail', 'Docs', 'freeCodeCamp', 'new tab']` となる必要があります。
+
+```js
+assert.deepEqual(finalTabs.tabs, [
+ 'FB',
+ 'Gitter',
+ 'Reddit',
+ 'Twitter',
+ 'Medium',
+ 'new tab',
+ 'Netflix',
+ 'YouTube',
+ 'Vine',
+ 'GMail',
+ 'Work mail',
+ 'Docs',
+ 'freeCodeCamp',
+ 'new tab'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// tabs is an array of titles of each site open within the window
+const Window = function(tabs) {
+ this.tabs = tabs; // We keep a record of the array inside the object
+};
+
+// When you join two windows into one window
+Window.prototype.join = function(otherWindow) {
+ this.tabs = this.tabs.concat(otherWindow.tabs);
+ return this;
+};
+
+// When you open a new tab at the end
+Window.prototype.tabOpen = function(tab) {
+ this.tabs.push('new tab'); // Let's open a new tab for now
+ return this;
+};
+
+// When you close a tab
+Window.prototype.tabClose = function(index) {
+
+ // Only change code below this line
+
+ const tabsBeforeIndex = this.tabs.splice(0, index); // Get the tabs before the tab
+ const tabsAfterIndex = this.tabs.splice(index + 1); // Get the tabs after the tab
+
+ this.tabs = tabsBeforeIndex.concat(tabsAfterIndex); // Join them together
+
+ // Only change code above this line
+
+ return this;
+ };
+
+// Let's create three browser windows
+const workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']); // Your mailbox, drive, and other work sites
+const socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']); // Social sites
+const videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']); // Entertainment sites
+
+// Now perform the tab opening, closing, and other operations
+const finalTabs = socialWindow
+ .tabOpen() // Open a new tab for cat memes
+ .join(videoWindow.tabClose(2)) // Close third tab in video window, and join
+ .join(workWindow.tabClose(1).tabOpen());
+console.log(finalTabs.tabs);
+```
+
+# --solutions--
+
+```js
+const Window = function(tabs) {
+ this.tabs = tabs;
+};
+
+Window.prototype.join = function(otherWindow) {
+ this.tabs = this.tabs.concat(otherWindow.tabs);
+ return this;
+};
+
+Window.prototype.tabOpen = function(tab) {
+ this.tabs.push('new tab');
+ return this;
+};
+
+Window.prototype.tabClose = function(index) {
+ const tabsBeforeIndex = this.tabs.slice(0, index);
+ const tabsAfterIndex = this.tabs.slice(index + 1);
+
+ this.tabs = tabsBeforeIndex.concat(tabsAfterIndex);
+ return this;
+ };
+
+const workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']);
+const socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']);
+const videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']);
+
+const finalTabs = socialWindow
+ .tabOpen()
+ .join(videoWindow.tabClose(2))
+ .join(workWindow.tabClose(1).tabOpen());
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md
new file mode 100644
index 0000000000..b2ad5418db
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md
@@ -0,0 +1,97 @@
+---
+id: 587d7b88367417b2b2512b45
+title: '高階関数 map、filter、または reduce を使用して複雑な問題を解決する'
+challengeType: 1
+forumTopicId: 301311
+dashedName: use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem
+---
+
+# --description--
+
+ここまで、`map()`、`filter()`、`reduce()` のような高階関数を使用したいくつかのチャレンジに取り組んできました。これらを応用して、より複雑なチャレンジを解決してみましょう。
+
+# --instructions--
+
+`map()`、`filter()`、`reduce()` を自由に組み合わせて `squareList` 関数のコードを完成させてください。 この関数は、実数の配列が渡されたときに、正の整数*のみ* (小数は整数ではありません) についてその 2 乗を含む新しい配列を返す必要があります。 実数の配列の例は、`[-3, 4.8, 5, 3, -3.2]` などとなります。
+
+**注:** 関数ではどのような `for` ループや `while` ループ、または `forEach()` 関数も使用してはいけません。
+
+# --hints--
+
+`squareList` は `function` である必要があります。
+
+```js
+assert.typeOf(squareList, 'function'),
+ 'squareList should be a function';
+```
+
+`for`、`while`、および `forEach` は使用しないでください。
+
+```js
+assert(!code.match(/for|while|forEach/g));
+```
+
+`map`、`filter`、または `reduce` を使用する必要があります。
+
+```js
+assert(
+ __helpers
+ .removeWhiteSpace(code)
+ .match(/\.(map|filter|reduce)\(/g)
+);
+```
+
+この関数は `array` を返す必要があります。
+
+```js
+assert(Array.isArray(squareList([4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2])));
+```
+
+`squareList([4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2])` は `[16, 1764, 36]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(squareList([4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2]), [
+ 16,
+ 1764,
+ 36
+]);
+```
+
+`squareList([-3.7, -5, 3, 10, 12.5, 7, -4.5, -17, 0.3])` は `[9, 100, 49]` を返す必要があります。
+
+```js
+assert.deepStrictEqual(squareList([-3.7, -5, 3, 10, 12.5, 7, -4.5, -17, 0.3]), [
+ 9,
+ 100,
+ 49
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const squareList = arr => {
+ // Only change code below this line
+ return arr;
+ // Only change code above this line
+};
+
+const squaredIntegers = squareList([-3, 4.8, 5, 3, -3.2]);
+console.log(squaredIntegers);
+```
+
+# --solutions--
+
+```js
+const squareList = arr => {
+ const positiveIntegers = arr.filter(num => {
+ return num >= 0 && Number.isInteger(num);
+ });
+ const squaredIntegers = positiveIntegers.map(num => {
+ return num ** 2;
+ });
+ return squaredIntegers;
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md
new file mode 100644
index 0000000000..7d34b60249
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md
@@ -0,0 +1,76 @@
+---
+id: 587d7dab367417b2b2512b6e
+title: every メソッドを使用して、配列内のすべての要素が基準を満たしていることを確認する
+challengeType: 1
+forumTopicId: 301312
+dashedName: use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria
+---
+
+# --description--
+
+`every` メソッドは配列で動作し、*すべての*要素が特定のテストを満たすかどうかを調べます。 すべての値が基準を満たしている場合は、ブール値 `true` を返します。そうでない場合は、`false` を返します。
+
+たとえば、次のコードは `numbers` 配列のすべての要素が 10 未満であるかどうかを確認します。
+
+```js
+const numbers = [1, 5, 8, 0, 10, 11];
+
+numbers.every(function(currentValue) {
+ return currentValue < 10;
+});
+```
+
+この例では `every` メソッドは `false` を返します。
+
+# --instructions--
+
+`checkPositive` 関数の中で `every` メソッドを使用して、`arr` 内のすべての要素が正の値かどうかを調べてください。 関数はブール値を返す必要があります。
+
+# --hints--
+
+コードで `every` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.every/g));
+```
+
+`checkPositive([1, 2, 3, -4, 5])` は `false` を返す必要があります。
+
+```js
+assert.isFalse(checkPositive([1, 2, 3, -4, 5]));
+```
+
+`checkPositive([1, 2, 3, 4, 5])` は `true` を返す必要があります。
+
+```js
+assert.isTrue(checkPositive([1, 2, 3, 4, 5]));
+```
+
+`checkPositive([1, -2, 3, -4, 5])` は `false` を返す必要があります。
+
+```js
+assert.isFalse(checkPositive([1, -2, 3, -4, 5]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkPositive(arr) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+checkPositive([1, 2, 3, -4, 5]);
+```
+
+# --solutions--
+
+```js
+function checkPositive(arr) {
+ return arr.every(num => num > 0);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md
new file mode 100644
index 0000000000..4cc8d8c4cc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md
@@ -0,0 +1,314 @@
+---
+id: 587d7b8f367417b2b2512b63
+title: filter メソッドを使用して配列からデータを抽出する
+challengeType: 1
+forumTopicId: 18179
+dashedName: use-the-filter-method-to-extract-data-from-an-array
+---
+
+# --description--
+
+もう一つの便利な配列関数に、`Array.prototype.filter()`、または単に `filter()` があります。
+
+`filter` は配列の各要素に対して関数を呼び出し、その関数が `true` を返す要素のみを含む新しい配列を返します。 つまり、渡された関数に基づいて配列をフィルターで絞り込みます。 `map` と同様に、元の配列を変更せずにこうした操作を実行します。
+
+コールバック関数は 3 つの引数を受け取ります。 最初の引数は、現在処理中の要素です。 2 つ目は、その要素のインデックスです。3 つ目は、`filter` メソッドを呼び出した対象の配列です。
+
+次の例では、`users` 配列で `filter` メソッドを使用して、30 歳未満のユーザーのみを含む新しい配列を返しています。 簡単のため、この例ではコールバックの最初の引数のみを使用しています。
+
+```js
+const users = [
+ { name: 'John', age: 34 },
+ { name: 'Amy', age: 20 },
+ { name: 'camperCat', age: 10 }
+];
+
+const usersUnder30 = users.filter(user => user.age < 30);
+console.log(usersUnder30);
+```
+
+コンソールには値 `[ { name: 'Amy', age: 20 }, { name: 'camperCat', age: 10 } ]` が表示されます。
+
+# --instructions--
+
+変数 `watchList` に、複数のムービーに関する情報を持つオブジェクトの配列が保持されています。 `watchList` に対して `filter` と `map` を組み合わせて使用し、`title` キーと `rating` キーのみを持つオブジェクトの新しい配列を割り当ててください。 新しい配列には、`imdbRating` が 8.0 以上のオブジェクトのみを含める必要があります。 `rating` の値はオブジェクトに文字列として保存され、算術演算を実行する場合は数値に変換する必要があることに注意してください。
+
+# --hints--
+
+`watchList` 変数は変更しないでください。
+
+```js
+assert(
+ watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
+);
+```
+
+コードで `filter` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\s*\.\s*filter/g));
+```
+
+コードで `for` ループを使用しないでください。
+
+```js
+assert(!code.match(/for\s*?\([\s\S]*?\)/g));
+```
+
+`filteredList` は `[{"title": "Inception", "rating": "8.8"}, {"title": "Interstellar", "rating": "8.6"}, {"title": "The Dark Knight", "rating": "9.0"}, {"title": "Batman Begins", "rating": "8.3"}]` と等しくなる必要があります。
+
+```js
+assert.deepEqual(filteredList, [
+ { title: 'Inception', rating: '8.8' },
+ { title: 'Interstellar', rating: '8.6' },
+ { title: 'The Dark Knight', rating: '9.0' },
+ { title: 'Batman Begins', rating: '8.3' }
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const watchList = [
+ {
+ "Title": "Inception",
+ "Year": "2010",
+ "Rated": "PG-13",
+ "Released": "16 Jul 2010",
+ "Runtime": "148 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Christopher Nolan",
+ "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+ "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+ "Language": "English, Japanese, French",
+ "Country": "USA, UK",
+ "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.8",
+ "imdbVotes": "1,446,708",
+ "imdbID": "tt1375666",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Interstellar",
+ "Year": "2014",
+ "Rated": "PG-13",
+ "Released": "07 Nov 2014",
+ "Runtime": "169 min",
+ "Genre": "Adventure, Drama, Sci-Fi",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan, Christopher Nolan",
+ "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+ "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+ "Language": "English",
+ "Country": "USA, UK",
+ "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.6",
+ "imdbVotes": "910,366",
+ "imdbID": "tt0816692",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "The Dark Knight",
+ "Year": "2008",
+ "Rated": "PG-13",
+ "Released": "18 Jul 2008",
+ "Runtime": "152 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+ "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+ "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+ "Language": "English, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+ "Metascore": "82",
+ "imdbRating": "9.0",
+ "imdbVotes": "1,652,832",
+ "imdbID": "tt0468569",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Batman Begins",
+ "Year": "2005",
+ "Rated": "PG-13",
+ "Released": "15 Jun 2005",
+ "Runtime": "140 min",
+ "Genre": "Action, Adventure",
+ "Director": "Christopher Nolan",
+ "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+ "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+ "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+ "Language": "English, Urdu, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+ "Metascore": "70",
+ "imdbRating": "8.3",
+ "imdbVotes": "972,584",
+ "imdbID": "tt0372784",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Avatar",
+ "Year": "2009",
+ "Rated": "PG-13",
+ "Released": "18 Dec 2009",
+ "Runtime": "162 min",
+ "Genre": "Action, Adventure, Fantasy",
+ "Director": "James Cameron",
+ "Writer": "James Cameron",
+ "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+ "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+ "Language": "English, Spanish",
+ "Country": "USA, UK",
+ "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+ "Metascore": "83",
+ "imdbRating": "7.9",
+ "imdbVotes": "876,575",
+ "imdbID": "tt0499549",
+ "Type": "movie",
+ "Response": "True"
+ }
+];
+
+// Only change code below this line
+
+const filteredList = "";
+
+// Only change code above this line
+
+console.log(filteredList);
+```
+
+# --solutions--
+
+```js
+const watchList = [
+ {
+ "Title": "Inception",
+ "Year": "2010",
+ "Rated": "PG-13",
+ "Released": "16 Jul 2010",
+ "Runtime": "148 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Christopher Nolan",
+ "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+ "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+ "Language": "English, Japanese, French",
+ "Country": "USA, UK",
+ "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.8",
+ "imdbVotes": "1,446,708",
+ "imdbID": "tt1375666",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Interstellar",
+ "Year": "2014",
+ "Rated": "PG-13",
+ "Released": "07 Nov 2014",
+ "Runtime": "169 min",
+ "Genre": "Adventure, Drama, Sci-Fi",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan, Christopher Nolan",
+ "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+ "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+ "Language": "English",
+ "Country": "USA, UK",
+ "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.6",
+ "imdbVotes": "910,366",
+ "imdbID": "tt0816692",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "The Dark Knight",
+ "Year": "2008",
+ "Rated": "PG-13",
+ "Released": "18 Jul 2008",
+ "Runtime": "152 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+ "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+ "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+ "Language": "English, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+ "Metascore": "82",
+ "imdbRating": "9.0",
+ "imdbVotes": "1,652,832",
+ "imdbID": "tt0468569",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Batman Begins",
+ "Year": "2005",
+ "Rated": "PG-13",
+ "Released": "15 Jun 2005",
+ "Runtime": "140 min",
+ "Genre": "Action, Adventure",
+ "Director": "Christopher Nolan",
+ "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+ "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+ "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+ "Language": "English, Urdu, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+ "Metascore": "70",
+ "imdbRating": "8.3",
+ "imdbVotes": "972,584",
+ "imdbID": "tt0372784",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Avatar",
+ "Year": "2009",
+ "Rated": "PG-13",
+ "Released": "18 Dec 2009",
+ "Runtime": "162 min",
+ "Genre": "Action, Adventure, Fantasy",
+ "Director": "James Cameron",
+ "Writer": "James Cameron",
+ "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+ "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+ "Language": "English, Spanish",
+ "Country": "USA, UK",
+ "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+ "Metascore": "83",
+ "imdbRating": "7.9",
+ "imdbVotes": "876,575",
+ "imdbID": "tt0499549",
+ "Type": "movie",
+ "Response": "True"
+ }
+];
+
+const filteredList = watchList.filter(e => e.imdbRating >= 8).map( ({Title: title, imdbRating: rating}) => ({title, rating}) );
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md
new file mode 100644
index 0000000000..d34007e9a6
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md
@@ -0,0 +1,329 @@
+---
+id: 587d7b8f367417b2b2512b61
+title: map メソッドを使用して配列からデータを抽出する
+challengeType: 1
+forumTopicId: 18214
+dashedName: use-the-map-method-to-extract-data-from-an-array
+---
+
+# --description--
+
+ここまで、プログラムの副作用を回避するために純粋な関数を使用することを学んできました。 また、関数を使用する場合の値は入力の引数にのみ依存することを説明しました。
+
+これは始まりにすぎません。 その名前が示すように、関数型プログラミングは関数の理論を中心としています。
+
+関数を引数として他の関数に渡せること、そして別の関数から関数を返せることは、理にかなっています。 JavaScript では関数は第一級オブジェクト とみなされます。つまり、他のオブジェクトと同じように扱うことができ、 変数に保存したり、オブジェクトに格納したり、関数引数として渡したりすることができます。
+
+まず、配列オブジェクトのプロトタイプのメソッドであるいくつかの簡単な配列関数から説明しましょう。 この課題では、`Array.prototype.map()`、またはより単純な `map` を取り上げます。
+
+`map` メソッドは、配列内の各アイテムを反復処理し、各要素についてコールバック関数を呼び出した結果を含む新しい配列を返します。 この操作は元の配列をミューテート (変化) させずに行われます。
+
+コールバックを使用するときは、3 つの引数を渡します。 最初の引数は、現在処理中の要素です。 2 つ目は、その要素のインデックスです。3 つ目は、`map` メソッドを呼び出した対象の配列です。
+
+次の例では、`users` 配列で `map` メソッドを使用して、ユーザーの名前のみを要素として含む新しい配列を返しています。 簡単のため、この例ではコールバックの最初の引数のみを使用しています。
+
+```js
+const users = [
+ { name: 'John', age: 34 },
+ { name: 'Amy', age: 20 },
+ { name: 'camperCat', age: 10 }
+];
+
+const names = users.map(user => user.name);
+console.log(names);
+```
+
+コンソールには値 `[ 'John', 'Amy', 'camperCat' ]` が表示されます。
+
+# --instructions--
+
+`watchList` 配列に、複数のムービーに関する情報を持つオブジェクトが保持されています。 `watchList` で `map` を使用して、`ratings` 変数にオブジェクトの新しい配列を割り当ててください。 新しい配列の各ムービーには、ムービーの名前を表す `title` キーと、IMDB でのレーティングを表す `rating` キーのみが存在する必要があります。 エディターの現在のコードでは、これを実行するために `for` ループを使用しているため、このループ機能を `map` 式に置き換える必要があります。
+
+# --hints--
+
+`watchList` 変数は変更しないでください。
+
+```js
+assert(
+ watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
+);
+```
+
+`for` ループを使用しないでください。
+
+```js
+assert(!code.match(/for\s*?\([\s\S]*?\)/));
+```
+
+コードで `map` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.map/g));
+```
+
+`ratings` は `[{"title": "Inception", "rating": "8.8"}, {"title": "Interstellar", "rating": "8.6"}, {"title": "The Dark Knight", "rating": "9.0"},{"title": "Batman Begins", "rating": "8.3"}, {"title": "Avatar", "rating": "7.9"}]` と等しくなる必要があります。
+
+```js
+assert.deepEqual(ratings, [
+ { title: 'Inception', rating: '8.8' },
+ { title: 'Interstellar', rating: '8.6' },
+ { title: 'The Dark Knight', rating: '9.0' },
+ { title: 'Batman Begins', rating: '8.3' },
+ { title: 'Avatar', rating: '7.9' }
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const watchList = [
+ {
+ "Title": "Inception",
+ "Year": "2010",
+ "Rated": "PG-13",
+ "Released": "16 Jul 2010",
+ "Runtime": "148 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Christopher Nolan",
+ "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+ "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+ "Language": "English, Japanese, French",
+ "Country": "USA, UK",
+ "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.8",
+ "imdbVotes": "1,446,708",
+ "imdbID": "tt1375666",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Interstellar",
+ "Year": "2014",
+ "Rated": "PG-13",
+ "Released": "07 Nov 2014",
+ "Runtime": "169 min",
+ "Genre": "Adventure, Drama, Sci-Fi",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan, Christopher Nolan",
+ "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+ "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+ "Language": "English",
+ "Country": "USA, UK",
+ "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.6",
+ "imdbVotes": "910,366",
+ "imdbID": "tt0816692",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "The Dark Knight",
+ "Year": "2008",
+ "Rated": "PG-13",
+ "Released": "18 Jul 2008",
+ "Runtime": "152 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+ "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+ "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+ "Language": "English, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+ "Metascore": "82",
+ "imdbRating": "9.0",
+ "imdbVotes": "1,652,832",
+ "imdbID": "tt0468569",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Batman Begins",
+ "Year": "2005",
+ "Rated": "PG-13",
+ "Released": "15 Jun 2005",
+ "Runtime": "140 min",
+ "Genre": "Action, Adventure",
+ "Director": "Christopher Nolan",
+ "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+ "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+ "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+ "Language": "English, Urdu, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+ "Metascore": "70",
+ "imdbRating": "8.3",
+ "imdbVotes": "972,584",
+ "imdbID": "tt0372784",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Avatar",
+ "Year": "2009",
+ "Rated": "PG-13",
+ "Released": "18 Dec 2009",
+ "Runtime": "162 min",
+ "Genre": "Action, Adventure, Fantasy",
+ "Director": "James Cameron",
+ "Writer": "James Cameron",
+ "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+ "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+ "Language": "English, Spanish",
+ "Country": "USA, UK",
+ "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+ "Metascore": "83",
+ "imdbRating": "7.9",
+ "imdbVotes": "876,575",
+ "imdbID": "tt0499549",
+ "Type": "movie",
+ "Response": "True"
+ }
+];
+
+// Only change code below this line
+
+const ratings = [];
+for (let i = 0; i < watchList.length; i++) {
+ ratings.push({title: watchList[i]["Title"], rating: watchList[i]["imdbRating"]});
+}
+
+// Only change code above this line
+
+console.log(JSON.stringify(ratings));
+```
+
+# --solutions--
+
+```js
+const watchList = [
+ {
+ "Title": "Inception",
+ "Year": "2010",
+ "Rated": "PG-13",
+ "Released": "16 Jul 2010",
+ "Runtime": "148 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Christopher Nolan",
+ "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+ "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+ "Language": "English, Japanese, French",
+ "Country": "USA, UK",
+ "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.8",
+ "imdbVotes": "1,446,708",
+ "imdbID": "tt1375666",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Interstellar",
+ "Year": "2014",
+ "Rated": "PG-13",
+ "Released": "07 Nov 2014",
+ "Runtime": "169 min",
+ "Genre": "Adventure, Drama, Sci-Fi",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan, Christopher Nolan",
+ "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+ "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+ "Language": "English",
+ "Country": "USA, UK",
+ "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.6",
+ "imdbVotes": "910,366",
+ "imdbID": "tt0816692",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "The Dark Knight",
+ "Year": "2008",
+ "Rated": "PG-13",
+ "Released": "18 Jul 2008",
+ "Runtime": "152 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+ "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+ "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+ "Language": "English, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+ "Metascore": "82",
+ "imdbRating": "9.0",
+ "imdbVotes": "1,652,832",
+ "imdbID": "tt0468569",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Batman Begins",
+ "Year": "2005",
+ "Rated": "PG-13",
+ "Released": "15 Jun 2005",
+ "Runtime": "140 min",
+ "Genre": "Action, Adventure",
+ "Director": "Christopher Nolan",
+ "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+ "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+ "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+ "Language": "English, Urdu, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+ "Metascore": "70",
+ "imdbRating": "8.3",
+ "imdbVotes": "972,584",
+ "imdbID": "tt0372784",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Avatar",
+ "Year": "2009",
+ "Rated": "PG-13",
+ "Released": "18 Dec 2009",
+ "Runtime": "162 min",
+ "Genre": "Action, Adventure, Fantasy",
+ "Director": "James Cameron",
+ "Writer": "James Cameron",
+ "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+ "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+ "Language": "English, Spanish",
+ "Country": "USA, UK",
+ "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+ "Metascore": "83",
+ "imdbRating": "7.9",
+ "imdbVotes": "876,575",
+ "imdbID": "tt0499549",
+ "Type": "movie",
+ "Response": "True"
+ }
+];
+
+const ratings = watchList.map(function(movie) {
+ return {
+ title: movie["Title"],
+ rating: movie["imdbRating"]
+ }
+});
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md
new file mode 100644
index 0000000000..91aaeb21a0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md
@@ -0,0 +1,345 @@
+---
+id: 587d7da9367417b2b2512b68
+title: reduce メソッドを使用してデータを分析する
+challengeType: 1
+forumTopicId: 301313
+dashedName: use-the-reduce-method-to-analyze-data
+---
+
+# --description--
+
+`Array.prototype.reduce()`、または単に `reduce()` は、JavaScript のすべての配列操作の中で最も一般的なものです。 `reduce` メソッドを使用すると、ほぼすべての配列処理の問題を解決できます。
+
+`reduce` メソッドでは、より一般的な形式の配列処理が可能であり、`filter` および `map` の両方が `reduce` の特別な応用として導かれることを示すことができます。 `reduce` メソッドは、配列内の各アイテムを反復処理し、単一の値 (文字列、数値、オブジェクト、配列など) を返します。 これは、各反復で呼び出されるコールバック関数によって実現されます。
+
+コールバック関数は 4 つの引数を受け取ります。 最初の引数はアキュムレーターと呼ばれ、前の反復からのコールバック関数の戻り値が割り当てられます。2 つ目は現在処理されている要素で、3 つ目はその要素のインデックス、そして 4つ目は `reduce` が呼び出された対象の配列です。
+
+コールバック関数に加えて、`reduce` にはアキュムレーターの初期値を受け取る追加のパラメーターがあります。 この 2 番目のパラメーターが使用されていない場合、1 回目の反復はスキップされ、2 回目の反復がアキュムレーターとして配列の最初の要素に渡されます。
+
+`users` 配列で `reduce` を使用してすべてのユーザーの年齢の合計を返す例を次に示します。 簡単のため、この例では最初と 2 つ目の引数のみを使用しています。
+
+```js
+const users = [
+ { name: 'John', age: 34 },
+ { name: 'Amy', age: 20 },
+ { name: 'camperCat', age: 10 }
+];
+
+const sumOfAges = users.reduce((sum, user) => sum + user.age, 0);
+console.log(sumOfAges);
+```
+
+コンソールには値 `64` が表示されます。
+
+次の例は、ユーザーの名前をプロパティとして含み、年齢を値として含むオブジェクトを返します。
+
+```js
+const users = [
+ { name: 'John', age: 34 },
+ { name: 'Amy', age: 20 },
+ { name: 'camperCat', age: 10 }
+];
+
+const usersObj = users.reduce((obj, user) => {
+ obj[user.name] = user.age;
+ return obj;
+}, {});
+console.log(usersObj);
+```
+
+コンソールには値 `{ John: 34, Amy: 20, camperCat: 10 }` が表示されます。
+
+# --instructions--
+
+変数 `watchList` に、複数のムービーに関する情報を持つオブジェクトの配列が保持されています。 `reduce` を使用して、`Christopher Nolan` が監督する映画の平均の IMDB 評価を調べてください。 以前のチャレンジで、データを `filter` したり `map` 処理したりして必要なものを引き出す方法を説明しましたが、それらを参考にしてください。 他の変数を作成し、`getRating` 関数から平均評価を返す必要があるかもしれません。 評価の値はオブジェクトに文字列として保存され、算術演算で使用する場合はその前に数値に変換する必要があることに注意してください。
+
+# --hints--
+
+`watchList` 変数は変更しないでください。
+
+```js
+assert(
+ watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
+);
+```
+
+コードで `reduce` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.reduce/g));
+```
+
+`getRating(watchList)` は 8.675 になる必要があります。
+
+```js
+assert(getRating(watchList) === 8.675);
+```
+
+コードで `for` ループを使用しないでください。
+
+```js
+assert(!code.match(/for\s*?\([\s\S]*?\)/g));
+```
+
+`watchList` オブジェクトを変更した後、コードは正しい出力を返す必要があります。
+
+```js
+assert(getRating(watchList.filter((_, i) => i < 1 || i > 2)) === 8.55);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const watchList = [
+ {
+ "Title": "Inception",
+ "Year": "2010",
+ "Rated": "PG-13",
+ "Released": "16 Jul 2010",
+ "Runtime": "148 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Christopher Nolan",
+ "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+ "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+ "Language": "English, Japanese, French",
+ "Country": "USA, UK",
+ "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.8",
+ "imdbVotes": "1,446,708",
+ "imdbID": "tt1375666",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Interstellar",
+ "Year": "2014",
+ "Rated": "PG-13",
+ "Released": "07 Nov 2014",
+ "Runtime": "169 min",
+ "Genre": "Adventure, Drama, Sci-Fi",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan, Christopher Nolan",
+ "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+ "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+ "Language": "English",
+ "Country": "USA, UK",
+ "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.6",
+ "imdbVotes": "910,366",
+ "imdbID": "tt0816692",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "The Dark Knight",
+ "Year": "2008",
+ "Rated": "PG-13",
+ "Released": "18 Jul 2008",
+ "Runtime": "152 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+ "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+ "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+ "Language": "English, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+ "Metascore": "82",
+ "imdbRating": "9.0",
+ "imdbVotes": "1,652,832",
+ "imdbID": "tt0468569",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Batman Begins",
+ "Year": "2005",
+ "Rated": "PG-13",
+ "Released": "15 Jun 2005",
+ "Runtime": "140 min",
+ "Genre": "Action, Adventure",
+ "Director": "Christopher Nolan",
+ "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+ "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+ "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+ "Language": "English, Urdu, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+ "Metascore": "70",
+ "imdbRating": "8.3",
+ "imdbVotes": "972,584",
+ "imdbID": "tt0372784",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Avatar",
+ "Year": "2009",
+ "Rated": "PG-13",
+ "Released": "18 Dec 2009",
+ "Runtime": "162 min",
+ "Genre": "Action, Adventure, Fantasy",
+ "Director": "James Cameron",
+ "Writer": "James Cameron",
+ "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+ "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+ "Language": "English, Spanish",
+ "Country": "USA, UK",
+ "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+ "Metascore": "83",
+ "imdbRating": "7.9",
+ "imdbVotes": "876,575",
+ "imdbID": "tt0499549",
+ "Type": "movie",
+ "Response": "True"
+ }
+];
+
+function getRating(watchList) {
+ // Only change code below this line
+ let averageRating;
+
+
+ // Only change code above this line
+ return averageRating;
+}
+
+console.log(getRating(watchList));
+```
+
+# --solutions--
+
+```js
+const watchList = [
+ {
+ "Title": "Inception",
+ "Year": "2010",
+ "Rated": "PG-13",
+ "Released": "16 Jul 2010",
+ "Runtime": "148 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Christopher Nolan",
+ "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+ "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+ "Language": "English, Japanese, French",
+ "Country": "USA, UK",
+ "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.8",
+ "imdbVotes": "1,446,708",
+ "imdbID": "tt1375666",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Interstellar",
+ "Year": "2014",
+ "Rated": "PG-13",
+ "Released": "07 Nov 2014",
+ "Runtime": "169 min",
+ "Genre": "Adventure, Drama, Sci-Fi",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan, Christopher Nolan",
+ "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+ "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+ "Language": "English",
+ "Country": "USA, UK",
+ "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+ "Metascore": "74",
+ "imdbRating": "8.6",
+ "imdbVotes": "910,366",
+ "imdbID": "tt0816692",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "The Dark Knight",
+ "Year": "2008",
+ "Rated": "PG-13",
+ "Released": "18 Jul 2008",
+ "Runtime": "152 min",
+ "Genre": "Action, Adventure, Crime",
+ "Director": "Christopher Nolan",
+ "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+ "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+ "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+ "Language": "English, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+ "Metascore": "82",
+ "imdbRating": "9.0",
+ "imdbVotes": "1,652,832",
+ "imdbID": "tt0468569",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Batman Begins",
+ "Year": "2005",
+ "Rated": "PG-13",
+ "Released": "15 Jun 2005",
+ "Runtime": "140 min",
+ "Genre": "Action, Adventure",
+ "Director": "Christopher Nolan",
+ "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+ "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+ "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+ "Language": "English, Urdu, Mandarin",
+ "Country": "USA, UK",
+ "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+ "Metascore": "70",
+ "imdbRating": "8.3",
+ "imdbVotes": "972,584",
+ "imdbID": "tt0372784",
+ "Type": "movie",
+ "Response": "True"
+ },
+ {
+ "Title": "Avatar",
+ "Year": "2009",
+ "Rated": "PG-13",
+ "Released": "18 Dec 2009",
+ "Runtime": "162 min",
+ "Genre": "Action, Adventure, Fantasy",
+ "Director": "James Cameron",
+ "Writer": "James Cameron",
+ "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+ "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+ "Language": "English, Spanish",
+ "Country": "USA, UK",
+ "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+ "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+ "Metascore": "83",
+ "imdbRating": "7.9",
+ "imdbVotes": "876,575",
+ "imdbID": "tt0499549",
+ "Type": "movie",
+ "Response": "True"
+ }
+];
+
+function getRating(watchList) {
+ let averageRating;
+ const rating = watchList
+ .filter(obj => obj.Director === "Christopher Nolan")
+ .map(obj => Number(obj.imdbRating));
+ averageRating = rating.reduce((accum, curr) => accum + curr)/rating.length;
+ return averageRating;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md
new file mode 100644
index 0000000000..7dc2a76aa5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md
@@ -0,0 +1,76 @@
+---
+id: 587d7dab367417b2b2512b6f
+title: some メソッドを使用して、配列内のいずれかの要素が基準を満たしていることを確認する
+challengeType: 1
+forumTopicId: 301314
+dashedName: use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria
+---
+
+# --description--
+
+`some` メソッドは配列と連携して機能し、*いずれかの*要素が特定のテストを満たすかどうかを調べます。 いずれかの値が基準を満たしている場合は、ブール値 `true` を返します。そうでない場合は、`false` を返します。
+
+たとえば、次のコードは `numbers` 配列のいずれかの要素が 10 未満であるかどうかを調べます。
+
+```js
+const numbers = [10, 50, 8, 220, 110, 11];
+
+numbers.some(function(currentValue) {
+ return currentValue < 10;
+});
+```
+
+`some` メソッドは `true` を返します。
+
+# --instructions--
+
+`checkPositive` 関数の中で `some` メソッドを使用して、`arr` 内のいずれかの要素が正かどうかを調べてください。 この関数はブール値を返す必要があります。
+
+# --hints--
+
+コードで `some` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.some/g));
+```
+
+`checkPositive([1, 2, 3, -4, 5])` は `true` を返す必要があります。
+
+```js
+assert(checkPositive([1, 2, 3, -4, 5]));
+```
+
+`checkPositive([1, 2, 3, 4, 5])` は `true` を返す必要があります。
+
+```js
+assert(checkPositive([1, 2, 3, 4, 5]));
+```
+
+`checkPositive([-1, -2, -3, -4, -5])` は `false` を返す必要があります。
+
+```js
+assert(!checkPositive([-1, -2, -3, -4, -5]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkPositive(arr) {
+ // Only change code below this line
+
+
+ // Only change code above this line
+}
+
+checkPositive([1, 2, 3, -4, 5]);
+```
+
+# --solutions--
+
+```js
+function checkPositive(arr) {
+ return arr.some(elem => elem > 0);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md
new file mode 100644
index 0000000000..53ac0ca15e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md
@@ -0,0 +1,91 @@
+---
+id: a97fd23d9b809dac9921074f
+title: 引数は省略可能である
+challengeType: 5
+forumTopicId: 14271
+dashedName: arguments-optional
+---
+
+# --description--
+
+2 つの引数を合計する関数を作成してください。 1 つの引数のみが与えられた場合は、1 つの引数を想定して合計を返す関数を返してください。
+
+たとえば、`addTogether(2, 3)` は `5`を返し、`addTogether(2)` は関数を返す必要があります。
+
+この返された関数を単一の引数で呼び出すと、合計を返します。
+
+```js
+var sumTwoAnd = addTogether(2);
+```
+
+`sumTwoAnd(3)` は `5` を返します。
+
+いずれかの引数が有効な数値でない場合は、undefined を返してください。
+
+# --hints--
+
+`addTogether(2, 3)` は 5 を返す必要があります。
+
+```js
+assert.deepEqual(addTogether(2, 3), 5);
+```
+
+`addTogether(23, 30)` は 53 を返す必要があります。
+
+```js
+assert.deepEqual(addTogether(23, 30), 53);
+```
+
+`addTogether(5)(7)` は 12 を返す必要があります。
+
+```js
+assert.deepEqual(addTogether(5)(7), 12);
+```
+
+`addTogether("https://www.youtube.com/watch?v=dQw4w9WgXcQ")` は `undefined` を返す必要があります。
+
+```js
+assert.isUndefined(addTogether('https://www.youtube.com/watch?v=dQw4w9WgXcQ'));
+```
+
+`addTogether(2, "3")` は `undefined` を返す必要があります。
+
+```js
+assert.isUndefined(addTogether(2, '3'));
+```
+
+`addTogether(2)([3])` は `undefined` を返す必要があります。
+
+```js
+assert.isUndefined(addTogether(2)([3]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function addTogether() {
+ return false;
+}
+
+addTogether(2,3);
+```
+
+# --solutions--
+
+```js
+function addTogether() {
+ var a = arguments[0];
+ if (toString.call(a) !== '[object Number]') return;
+ if (arguments.length === 1) {
+ return function(b) {
+ if (toString.call(b) !== '[object Number]') return;
+ return a + b;
+ };
+ }
+ var b = arguments[1];
+ if (toString.call(b) !== '[object Number]') return;
+ return a + arguments[1];
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md
new file mode 100644
index 0000000000..a2e778e0f5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md
@@ -0,0 +1,57 @@
+---
+id: a8d97bd4c764e91f9d2bda01
+title: 二進法
+challengeType: 5
+forumTopicId: 14273
+dashedName: binary-agents
+---
+
+# --description--
+
+渡されたバイナリー文字列の英語の翻訳文を返してください。
+
+バイナリー文字列はスペースで区切られます。
+
+# --hints--
+
+`binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111")` は、文字列 `Aren't bonfires fun!?` を返す必要があります。
+
+```js
+assert.deepEqual(
+ binaryAgent(
+ '01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111'
+ ),
+ "Aren't bonfires fun!?"
+);
+```
+
+`binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001")` は、文字列 `I love FreeCodeCamp!` を返す必要があります。
+
+```js
+assert.deepEqual(
+ binaryAgent(
+ '01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001'
+ ),
+ 'I love FreeCodeCamp!'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function binaryAgent(str) {
+ return str;
+}
+
+binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
+```
+
+# --solutions--
+
+```js
+function binaryAgent(str) {
+ return str.split(' ').map(function(s) { return parseInt(s, 2); }).map(function(b) { return String.fromCharCode(b);}).join('');
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md
new file mode 100644
index 0000000000..6d5985dad4
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md
@@ -0,0 +1,89 @@
+---
+id: a6b0bb188d873cb2c8729495
+title: HTML エンティティに変換する
+challengeType: 5
+forumTopicId: 16007
+dashedName: convert-html-entities
+---
+
+# --description--
+
+文字列中の文字 `&`、`<`、`>`、`"` (二重引用符)、`'` (アポストロフィー) を、それぞれ対応する HTML エンティティに変換してください。
+
+# --hints--
+
+`convertHTML("Dolce & Gabbana")` は、文字列 `Dolce & Gabbana` を返す必要があります。
+
+```js
+assert.match(convertHTML('Dolce & Gabbana'), /Dolce & Gabbana/);
+```
+
+`convertHTML("Hamburgers < Pizza < Tacos")` は、文字列 `Hamburgers < Pizza < Tacos` を返す必要があります。
+
+```js
+assert.match(
+ convertHTML('Hamburgers < Pizza < Tacos'),
+ /Hamburgers < Pizza < Tacos/
+);
+```
+
+`convertHTML("Sixty > twelve")` は、文字列 `Sixty > twelve` を返す必要があります。
+
+```js
+assert.match(convertHTML('Sixty > twelve'), /Sixty > twelve/);
+```
+
+`convertHTML('Stuff in "quotation marks"')` は、文字列 `Stuff in "quotation marks"` を返す必要があります。
+
+```js
+assert.match(
+ convertHTML('Stuff in "quotation marks"'),
+ /Stuff in "quotation marks"/
+);
+```
+
+`convertHTML("Schindler's List")` は、文字列 `Schindler's List` を返す必要があります。
+
+```js
+assert.match(convertHTML("Schindler's List"), /Schindler's List/);
+```
+
+`convertHTML("<>")` は、文字列 `<>` を返す必要があります。
+
+```js
+assert.match(convertHTML('<>'), /<>/);
+```
+
+`convertHTML("abc")` は、文字列 `abc` を返す必要があります。
+
+```js
+assert.strictEqual(convertHTML('abc'), 'abc');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertHTML(str) {
+ return str;
+}
+
+convertHTML("Dolce & Gabbana");
+```
+
+# --solutions--
+
+```js
+var MAP = { '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ "'": '''};
+
+function convertHTML(str) {
+ return str.replace(/[&<>"']/g, function(c) {
+ return MAP[c];
+ });
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md
new file mode 100644
index 0000000000..1182321cb1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md
@@ -0,0 +1,189 @@
+---
+id: a5de63ebea8dbee56860f4f2
+title: 2 つの配列の違い
+challengeType: 5
+forumTopicId: 16008
+dashedName: diff-two-arrays
+---
+
+# --description--
+
+2 つの配列を比較して、与えられた配列のいずれか一方にのみ存在するアイテムを含み、両方に存在するアイテムを含まない、新しい配列を返してください。 言い換えれば、2 つの配列の対称差を返してください。
+
+**注:** 戻り値となる配列の要素の順序は任意でかまいません。
+
+# --hints--
+
+`diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])` は配列を返す必要があります。
+
+```js
+assert(typeof diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]) === 'object');
+```
+
+`["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` は `["pink wool"]` を返す必要があります。
+
+```js
+assert.sameMembers(
+ diffArray(
+ ['diorite', 'andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+ ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+ ),
+ ['pink wool']
+);
+```
+
+`["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` は 1 つのアイテムを持つ配列を返す必要があります。
+
+```js
+assert(
+ diffArray(
+ ['diorite', 'andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+ ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+ ).length === 1
+);
+```
+
+`["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` は `["diorite", "pink wool"]` を返す必要があります。
+
+```js
+assert.sameMembers(
+ diffArray(
+ ['andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+ ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+ ),
+ ['diorite', 'pink wool']
+);
+```
+
+`["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` は 2 つのアイテムを持つ配列を返す必要があります。
+
+```js
+assert(
+ diffArray(
+ ['andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+ ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+ ).length === 2
+);
+```
+
+`["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]` は `[]` を返す必要があります。
+
+```js
+assert.sameMembers(
+ diffArray(
+ ['andesite', 'grass', 'dirt', 'dead shrub'],
+ ['andesite', 'grass', 'dirt', 'dead shrub']
+ ),
+ []
+);
+```
+
+`["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]` は空の配列を返す必要があります。
+
+```js
+assert(
+ diffArray(
+ ['andesite', 'grass', 'dirt', 'dead shrub'],
+ ['andesite', 'grass', 'dirt', 'dead shrub']
+ ).length === 0
+);
+```
+
+`[1, 2, 3, 5], [1, 2, 3, 4, 5]` は `[4]` を返す必要があります。
+
+```js
+assert.sameMembers(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]), [4]);
+```
+
+`[1, 2, 3, 5], [1, 2, 3, 4, 5]` は 1 つのアイテムを持つ配列を返す必要があります。
+
+```js
+assert(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]).length === 1);
+```
+
+`[1, "calf", 3, "piglet"], [1, "calf", 3, 4]` は `["piglet", 4]` を返す必要があります。
+
+```js
+assert.sameMembers(diffArray([1, 'calf', 3, 'piglet'], [1, 'calf', 3, 4]), [
+ 'piglet',
+ 4
+]);
+```
+
+`[1, "calf", 3, "piglet"], [1, "calf", 3, 4]` は 2 つのアイテムを持つ配列を返す必要があります。
+
+```js
+assert(diffArray([1, 'calf', 3, 'piglet'], [1, 'calf', 3, 4]).length === 2);
+```
+
+`[], ["snuffleupagus", "cookie monster", "elmo"]` は `["snuffleupagus", "cookie monster", "elmo"]` を返す必要があります。
+
+```js
+assert.sameMembers(diffArray([], ['snuffleupagus', 'cookie monster', 'elmo']), [
+ 'snuffleupagus',
+ 'cookie monster',
+ 'elmo'
+]);
+```
+
+`[], ["snuffleupagus", "cookie monster", "elmo"]` は 3 つのアイテムを持つ配列を返す必要があります。
+
+```js
+assert(diffArray([], ['snuffleupagus', 'cookie monster', 'elmo']).length === 3);
+```
+
+`[1, "calf", 3, "piglet"], [7, "filly"]` は `[1, "calf", 3, "piglet", 7, "filly"]` を返す必要があります。
+
+```js
+assert.sameMembers(diffArray([1, 'calf', 3, 'piglet'], [7, 'filly']), [
+ 1,
+ 'calf',
+ 3,
+ 'piglet',
+ 7,
+ 'filly'
+]);
+```
+
+`[1, "calf", 3, "piglet"], [7, "filly"]` は 6 つのアイテムを持つ配列を返す必要があります。
+
+```js
+assert(diffArray([1, 'calf', 3, 'piglet'], [7, 'filly']).length === 6);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diffArray(arr1, arr2) {
+ const newArr = [];
+ return newArr;
+}
+
+diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
+```
+
+# --solutions--
+
+```js
+function diffArray(arr1, arr2) {
+ const newArr = [];
+ const h1 = Object.create(null);
+ arr1.forEach(function(e) {
+ h1[e] = e;
+ });
+ const h2 = Object.create(null);
+ arr2.forEach(function(e) {
+ h2[e] = e;
+ });
+
+ Object.keys(h1).forEach(function(e) {
+ if (!(e in h2)) newArr.push(h1[e]);
+ });
+ Object.keys(h2).forEach(function(e) {
+ if (!(e in h1)) newArr.push(h2[e]);
+ });
+ return newArr;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
new file mode 100644
index 0000000000..0d2903de43
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
@@ -0,0 +1,83 @@
+---
+id: afd15382cdfb22c9efe8b7de
+title: DNA のペアを求める
+challengeType: 5
+forumTopicId: 16009
+dashedName: dna-pairing
+---
+
+# --description--
+
+DNA 鎖のペア要素が欠落しています。 それぞれの文字を受け取り、ペアを取得して、その結果を 2 次元配列として返してください。
+
+[塩基対](http://en.wikipedia.org/wiki/Base_pair)は AT と CG のペアです。 欠落している要素を指定された文字に合わせてください。
+
+指定された文字を、各配列の最初の要素として返してください。
+
+たとええば、入力が `GCG` の場合は、`[["G", "C"], ["C","G"], ["G", "C"]]` を返してください。
+
+文字とそのペアを組み合わせて配列にし、すべての配列を 1 つのカプセル化された配列にグループ化します。
+
+# --hints--
+
+`pairElement("ATCGA")` は `[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]` を返す必要があります。
+
+```js
+assert.deepEqual(pairElement('ATCGA'), [
+ ['A', 'T'],
+ ['T', 'A'],
+ ['C', 'G'],
+ ['G', 'C'],
+ ['A', 'T']
+]);
+```
+
+`pairElement("TTGAG")` は `[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]]` を返す必要があります。
+
+```js
+assert.deepEqual(pairElement('TTGAG'), [
+ ['T', 'A'],
+ ['T', 'A'],
+ ['G', 'C'],
+ ['A', 'T'],
+ ['G', 'C']
+]);
+```
+
+`pairElement("CTCTA")` は `[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]]` を返す必要があります。
+
+```js
+assert.deepEqual(pairElement('CTCTA'), [
+ ['C', 'G'],
+ ['T', 'A'],
+ ['C', 'G'],
+ ['T', 'A'],
+ ['A', 'T']
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pairElement(str) {
+ return str;
+}
+
+pairElement("GCG");
+```
+
+# --solutions--
+
+```js
+var lookup = Object.create(null);
+lookup.A = 'T';
+lookup.T = 'A';
+lookup.C = 'G';
+lookup.G = 'C';
+
+function pairElement(str) {
+ return str.split('').map(function(p) {return [p, lookup[p]];});
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md
new file mode 100644
index 0000000000..92291b0b2a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md
@@ -0,0 +1,104 @@
+---
+id: a5deed1811a43193f9f1c841
+title: ドロップする
+challengeType: 5
+forumTopicId: 16010
+dashedName: drop-it
+---
+
+# --description--
+
+配列 `arr` が与えられたとき、最初の要素 (インデックスは 0) から順に各要素を反復処理し、関数 `func` に反復要素が渡されたときに関数が `true` を返すまで、要素を削除してください。
+
+条件が満たされた場合は、配列の残りの部分を返してください。条件が満たされない場合は、`arr` を空の配列として返す必要があります。
+
+# --hints--
+
+`dropElements([1, 2, 3, 4], function(n) {return n >= 3;})` は `[3, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ dropElements([1, 2, 3, 4], function (n) {
+ return n >= 3;
+ }),
+ [3, 4]
+);
+```
+
+`dropElements([0, 1, 0, 1], function(n) {return n === 1;})` は `[1, 0, 1]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ dropElements([0, 1, 0, 1], function (n) {
+ return n === 1;
+ }),
+ [1, 0, 1]
+);
+```
+
+`dropElements([1, 2, 3], function(n) {return n > 0;})` は `[1, 2, 3]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ dropElements([1, 2, 3], function (n) {
+ return n > 0;
+ }),
+ [1, 2, 3]
+);
+```
+
+`dropElements([1, 2, 3, 4], function(n) {return n > 5;})` は `[]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ dropElements([1, 2, 3, 4], function (n) {
+ return n > 5;
+ }),
+ []
+);
+```
+
+`dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;})` は `[7, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ dropElements([1, 2, 3, 7, 4], function (n) {
+ return n > 3;
+ }),
+ [7, 4]
+);
+```
+
+`dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;})` は `[3, 9, 2]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ dropElements([1, 2, 3, 9, 2], function (n) {
+ return n > 2;
+ }),
+ [3, 9, 2]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function dropElements(arr, func) {
+ return arr;
+}
+
+dropElements([1, 2, 3], function(n) {return n < 3; });
+```
+
+# --solutions--
+
+```js
+function dropElements(arr, func) {
+ while (arr.length && !func(arr[0])) {
+ arr.shift();
+ }
+ return arr;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md
new file mode 100644
index 0000000000..76efc679d8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md
@@ -0,0 +1,155 @@
+---
+id: a10d2431ad0c6a099a4b8b52
+title: すべてが True かどうか
+challengeType: 5
+forumTopicId: 16011
+dashedName: everything-be-true
+---
+
+# --description--
+
+コレクションのすべての要素 (最初の引数) について述語 (2 番目の引数) が truthy (真値) かどうかを確認します。
+
+言い換えれば、まず、オブジェクトの配列のコレクションが与えられます。 述語 `pre` はオブジェクトのプロパティになり、値が `truthy` の場合は `true` を返す必要があり、 それ以外の場合は `false` を返す必要があります。
+
+JavaScript では、`truthy` な値 (真値) とは、ブール値のコンテキストで評価されたときに `true` に変換される値のことです。
+
+オブジェクトのプロパティにアクセスするには、ドット表記または `[]` 表記のいずれかを使用できます。
+
+# --hints--
+
+`truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck(
+ [
+ { user: 'Tinky-Winky', sex: 'male' },
+ { user: 'Dipsy', sex: 'male' },
+ { user: 'Laa-Laa', sex: 'female' },
+ { user: 'Po', sex: 'female' }
+ ],
+ 'sex'
+ ),
+ true
+);
+```
+
+`truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck(
+ [
+ { user: 'Tinky-Winky', sex: 'male' },
+ { user: 'Dipsy' },
+ { user: 'Laa-Laa', sex: 'female' },
+ { user: 'Po', sex: 'female' }
+ ],
+ 'sex'
+ ),
+ false
+);
+```
+
+`truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck(
+ [
+ { user: 'Tinky-Winky', sex: 'male', age: 2 },
+ { user: 'Dipsy', sex: 'male', age: 0 },
+ { user: 'Laa-Laa', sex: 'female', age: 5 },
+ { user: 'Po', sex: 'female', age: 4 }
+ ],
+ 'age'
+ ),
+ false
+);
+```
+
+`truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastForward", "onBoat": null}], "onBoat")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck(
+ [
+ { name: 'Pete', onBoat: true },
+ { name: 'Repeat', onBoat: true },
+ { name: 'FastForward', onBoat: null }
+ ],
+ 'onBoat'
+ ),
+ false
+);
+```
+
+`truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastForward", "onBoat": true}], "onBoat")` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck(
+ [
+ { name: 'Pete', onBoat: true },
+ { name: 'Repeat', onBoat: true, alias: 'Repete' },
+ { name: 'FastForward', onBoat: true }
+ ],
+ 'onBoat'
+ ),
+ true
+);
+```
+
+`truthCheck([{"single": "yes"}], "single")` は `true` を返す必要があります。
+
+```js
+assert.strictEqual(truthCheck([{ single: 'yes' }], 'single'), true);
+```
+
+`truthCheck([{"single": ""}, {"single": "double"}], "single")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck([{ single: '' }, { single: 'double' }], 'single'),
+ false
+);
+```
+
+`truthCheck([{"single": "double"}, {"single": undefined}], "single")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck([{ single: 'double' }, { single: undefined }], 'single'),
+ false
+);
+```
+
+`truthCheck([{"single": "double"}, {"single": NaN}], "single")` は `false` を返す必要があります。
+
+```js
+assert.strictEqual(
+ truthCheck([{ single: 'double' }, { single: NaN }], 'single'),
+ false
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function truthCheck(collection, pre) {
+ return pre;
+}
+
+truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
+```
+
+# --solutions--
+
+```js
+function truthCheck(collection, pre) {
+ return collection.every(function(e) { return e[pre]; });
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md
new file mode 100644
index 0000000000..0ce245bd71
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md
@@ -0,0 +1,206 @@
+---
+id: a2f1d72d9b908d0bd72bb9f6
+title: 人を作成する
+challengeType: 5
+forumTopicId: 16020
+dashedName: make-a-person
+---
+
+# --description--
+
+次のメソッドを持つオブジェクトコンストラクターを記述してください。
+
+```js
+getFirstName()
+getLastName()
+getFullName()
+setFirstName(first)
+setLastName(last)
+setFullName(firstAndLast)
+```
+
+テストを実行して、各メソッドに対して期待される出力を確認してください。 引数を取るメソッドは 1 つの引数のみを受け取る必要があり、それは文字列でなければなりません。 これらのメソッドのみをオブジェクトとやり取りする手段とする必要があります。
+
+# --hints--
+
+プロパティを追加しないでください。 `Object.keys(bob).length` は常に 6 を返す必要があります。
+
+```js
+assert.strictEqual(
+ Object.keys((function () {
+ let bob = new Person('Bob Ross');
+ bob.setFirstName('Haskell');
+ bob.setLastName('Curry');
+ bob.setFullName('John Smith');
+ return bob;
+ })()).length,
+ 6
+ );
+```
+
+`bob instanceof Person` は `true` を返す必要があります。
+
+```js
+assert.deepEqual(bob instanceof Person, true);
+```
+
+`bob.firstName` は `undefined` を返す必要があります。
+
+```js
+assert.deepEqual(bob.firstName, undefined);
+```
+
+`bob.lastName` は `undefined` を返す必要があります。
+
+```js
+assert.deepEqual(bob.lastName, undefined);
+```
+
+`bob.getFirstName()` は文字列 `Bob` を返す必要があります。
+
+```js
+assert.deepEqual(bob.getFirstName(), 'Bob');
+```
+
+`bob.getLastName()` は文字列 `Ross` を返す必要があります。
+
+```js
+assert.deepEqual(bob.getLastName(), 'Ross');
+```
+
+`bob.getFullName()` は文字列 `Bob Ross` を返す必要があります。
+
+```js
+assert.deepEqual(bob.getFullName(), 'Bob Ross');
+```
+
+`bob.getFullName()` は、`bob.setFirstName("Haskell")` の後に文字列 `Haskell Ross` を返す必要があります。
+
+```js
+assert.strictEqual(
+ (function () {
+ bob.setFirstName('Haskell');
+ return bob.getFullName();
+ })(),
+ 'Haskell Ross'
+);
+```
+
+`bob.getFullName()` は、`bob.setLastName("Curry")` の後に文字列 `Haskell Curry` を返す必要があります。
+
+```js
+assert.strictEqual(
+ (function () {
+ var _bob = new Person('Haskell Ross');
+ _bob.setLastName('Curry');
+ return _bob.getFullName();
+ })(),
+ 'Haskell Curry'
+);
+```
+
+`bob.getFullName()` は、`bob.setFullName("Haskell Curry")` の後に文字列 `Haskell Curry` を返す必要があります。
+
+```js
+assert.strictEqual(
+ (function () {
+ bob.setFullName('Haskell Curry');
+ return bob.getFullName();
+ })(),
+ 'Haskell Curry'
+);
+```
+
+`bob.getFirstName()` は、`bob.setFullName("Haskell Curry")` の後に文字列 `Haskell` を返す必要があります。
+
+```js
+assert.strictEqual(
+ (function () {
+ bob.setFullName('Haskell Curry');
+ return bob.getFirstName();
+ })(),
+ 'Haskell'
+);
+```
+
+`bob.getLastName()` は、`bob.setFullName("Haskell Curry")` の後に文字列 `Curry` を返す必要があります。
+
+```js
+assert.strictEqual(
+ (function () {
+ bob.setFullName('Haskell Curry');
+ return bob.getLastName();
+ })(),
+ 'Curry'
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(bob){
+ bob = new Person("Bob Ross");
+}
+```
+
+## --seed-contents--
+
+```js
+const Person = function(firstAndLast) {
+ // Only change code below this line
+ // Complete the method below and implement the others similarly
+ this.getFullName = function() {
+ return "";
+ };
+ return firstAndLast;
+};
+
+const bob = new Person('Bob Ross');
+bob.getFullName();
+```
+
+# --solutions--
+
+```js
+const Person = function(firstAndLast) {
+
+ let firstName, lastName;
+
+ function updateName(str) {
+ firstName = str.split(" ")[0];
+ lastName = str.split(" ")[1];
+ }
+
+ updateName(firstAndLast);
+
+ this.getFirstName = function(){
+ return firstName;
+ };
+
+ this.getLastName = function(){
+ return lastName;
+ };
+
+ this.getFullName = function(){
+ return firstName + " " + lastName;
+ };
+
+ this.setFirstName = function(str){
+ firstName = str;
+ };
+
+
+ this.setLastName = function(str){
+ lastName = str;
+ };
+
+ this.setFullName = function(str){
+ updateName(str);
+ };
+};
+
+const bob = new Person('Bob Ross');
+bob.getFullName();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md
new file mode 100644
index 0000000000..77fe3e9a9a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md
@@ -0,0 +1,76 @@
+---
+id: af4afb223120f7348cdfc9fd
+title: デブリをマップする
+challengeType: 5
+forumTopicId: 16021
+dashedName: map-the-debris
+---
+
+# --description--
+
+要素の平均高度を軌道周期 (秒単位) に変換する新しい配列を返してください。
+
+配列には、`{name: 'name', avgAlt: avgAlt}` という形式のオブジェクトを含めます。
+
+軌道周期については [ Wikipedia](http://en.wikipedia.org/wiki/Orbital_period) で読むことができます。
+
+値は、最も近い整数に端数を丸められます。 周回している天体は地球です。
+
+地球の半径は 6367.4447 キロメートルで、地球の GM 値は 398600.4418km3 s-2 です。
+
+# --hints--
+
+`orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}])` は `[{name: "sputnik", orbitalPeriod: 86400}]` を返す必要があります。
+
+```js
+assert.deepEqual(orbitalPeriod([{ name: 'sputnik', avgAlt: 35873.5553 }]), [
+ { name: 'sputnik', orbitalPeriod: 86400 }
+]);
+```
+
+`orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}])` は `[{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ orbitalPeriod([
+ { name: 'iss', avgAlt: 413.6 },
+ { name: 'hubble', avgAlt: 556.7 },
+ { name: 'moon', avgAlt: 378632.553 }
+ ]),
+ [
+ { name: 'iss', orbitalPeriod: 5557 },
+ { name: 'hubble', orbitalPeriod: 5734 },
+ { name: 'moon', orbitalPeriod: 2377399 }
+ ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function orbitalPeriod(arr) {
+ const GM = 398600.4418;
+ const earthRadius = 6367.4447;
+ return arr;
+}
+
+orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]);
+```
+
+# --solutions--
+
+```js
+function orbitalPeriod(arr) {
+ const GM = 398600.4418;
+ const earthRadius = 6367.4447;
+ const TAU = 2 * Math.PI;
+ return arr.map(function(obj) {
+ return {
+ name: obj.name,
+ orbitalPeriod: Math.round(TAU * Math.sqrt(Math.pow(obj.avgAlt+earthRadius, 3)/GM))
+ };
+ });
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md
new file mode 100644
index 0000000000..3516e2db0d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md
@@ -0,0 +1,72 @@
+---
+id: af7588ade1100bde429baf20
+title: 不足している文字
+challengeType: 5
+forumTopicId: 16023
+dashedName: missing-letters
+---
+
+# --description--
+
+渡された文字の範囲で不足している文字を見つけて返してください。
+
+すべての文字が範囲内に存在する場合は、`undefined` を返してください。
+
+# --hints--
+
+`fearNotLetter("abce")` は文字列 `d` を返す必要があります。
+
+```js
+assert.deepEqual(fearNotLetter('abce'), 'd');
+```
+
+`fearNotLetter("abcdefghjklmno")` は文字列 `i` を返す必要があります。
+
+```js
+assert.deepEqual(fearNotLetter('abcdefghjklmno'), 'i');
+```
+
+`fearNotLetter("stvwx")` は文字列 `u` を返す必要があります。
+
+```js
+assert.deepEqual(fearNotLetter('stvwx'), 'u');
+```
+
+`fearNotLetter("bcdf")` は文字列 `e` を返す必要があります。
+
+```js
+assert.deepEqual(fearNotLetter('bcdf'), 'e');
+```
+
+`fearNotLetter("abcdefghijklmnopqrstuvwxyz")` は `undefined` を返す必要があります。
+
+```js
+assert.isUndefined(fearNotLetter('abcdefghijklmnopqrstuvwxyz'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fearNotLetter(str) {
+ return str;
+}
+
+fearNotLetter("abce");
+```
+
+# --solutions--
+
+```js
+function fearNotLetter (str) {
+ for (var i = str.charCodeAt(0); i <= str.charCodeAt(str.length - 1); i++) {
+ var letter = String.fromCharCode(i);
+ if (str.indexOf(letter) === -1) {
+ return letter;
+ }
+ }
+
+ return undefined;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md
new file mode 100644
index 0000000000..aecfd30a2c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md
@@ -0,0 +1,93 @@
+---
+id: aa7697ea2477d1316795783b
+title: ピッグ・ラテン
+challengeType: 5
+forumTopicId: 16039
+dashedName: pig-latin
+---
+
+# --description--
+
+ピッグ・ラテンは英語の言葉を言い変える方法です。 ルールは次のとおりです。
+
+\-子音で始まる単語は、最初の子音または子音連結を語末へ移動し、`ay` を追加します。
+
+\- 母音で始まる単語は、末尾に `way` を追加します。
+
+# --instructions--
+
+指定された文字列をピッグ・ラテンに変換してください。 入力文字列は、すべて小文字の英単語であることが保証されています。
+
+# --hints--
+
+`translatePigLatin("california")` は、文字列 `aliforniacay` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('california'), 'aliforniacay');
+```
+
+`translatePigLatin("paragraphs")` は、文字列 `aragraphspay` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('paragraphs'), 'aragraphspay');
+```
+
+`translatePigLatin("glove")` は、文字列 `oveglay` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('glove'), 'oveglay');
+```
+
+`translatePigLatin("algorithm")` は、文字列 `algorithmway` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('algorithm'), 'algorithmway');
+```
+
+`translatePigLatin("eight")` は、文字列 `eightway` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('eight'), 'eightway');
+```
+
+最初の母音が単語の真ん中に来る単語を扱う場合、 `translatePigLatin("schwartz")` は文字列 `artzschway` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('schwartz'), 'artzschway');
+```
+
+母音なしで単語を扱う場合、 `translatePigLatin("rhythm")` は、文字列 `rhythmay` を返す必要があります。
+
+```js
+assert.deepEqual(translatePigLatin('rhythm'), 'rhythmay');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function translatePigLatin(str) {
+ return str;
+}
+
+translatePigLatin("consonant");
+```
+
+# --solutions--
+
+```js
+function translatePigLatin(str) {
+ if (isVowel(str.charAt(0))) return str + "way";
+ var front = [];
+ str = str.split('');
+ while (str.length && !isVowel(str[0])) {
+ front.push(str.shift());
+ }
+ return [].concat(str, front).join('') + 'ay';
+}
+
+function isVowel(c) {
+ return ['a', 'e', 'i', 'o', 'u'].indexOf(c.toLowerCase()) !== -1;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md
new file mode 100644
index 0000000000..9df4aa0d27
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md
@@ -0,0 +1,100 @@
+---
+id: a0b5010f579e69b815e7c5d6
+title: 検索して置換する
+challengeType: 5
+forumTopicId: 16045
+dashedName: search-and-replace
+---
+
+# --description--
+
+指定された引数を使用して文章を検索して置換し、新しい文章を返してください。
+
+最初の引数は、検索と置換を実行する文章です。
+
+2 番目の引数は、置換する前の単語です。
+
+3 番目の引数は、2 番目の引数を置換した後の内容です。
+
+**注:** 置換の際、元の単語の 1 文字目のケース (大文字小文字の区別) を保持してください。 たとえば、`Book` という単語を `dog` という単語に置換する場合は、`Dog` と置換する必要があります。
+
+# --hints--
+
+`myReplace("Let us go to the store", "store", "mall")` は、文字列 `Let us go to the mall` を返す必要があります。
+
+```js
+assert.deepEqual(
+ myReplace('Let us go to the store', 'store', 'mall'),
+ 'Let us go to the mall'
+);
+```
+
+`myReplace("He is Sleeping on the couch", "Sleeping", "sitting")` は、文字列 `He is Sitting on the couch` を返す必要があります。
+
+```js
+assert.deepEqual(
+ myReplace('He is Sleeping on the couch', 'Sleeping', 'sitting'),
+ 'He is Sitting on the couch'
+);
+```
+
+`myReplace("I think we should look up there", "up", "Down")` は、文字列 `I think we should look down there` を返す必要があります。
+
+```js
+assert.deepEqual(
+ myReplace('I think we should look up there', 'up', 'Down'),
+ 'I think we should look down there'
+);
+```
+
+`myReplace("This has a spellngi error", "spellngi", "spelling")` は、文字列 `This has a spelling error` を返す必要があります。
+
+```js
+assert.deepEqual(
+ myReplace('This has a spellngi error', 'spellngi', 'spelling'),
+ 'This has a spelling error'
+);
+```
+
+`myReplace("His name is Tom", "Tom", "john")` は、文字列 `His name is John` を返す必要があります。
+
+```js
+assert.deepEqual(
+ myReplace('His name is Tom', 'Tom', 'john'),
+ 'His name is John'
+);
+```
+
+`myReplace("Let us get back to more Coding", "Coding", "algorithms")` は、文字列 `Let us get back to more Algorithms` を返す必要があります。
+
+```js
+assert.deepEqual(
+ myReplace('Let us get back to more Coding', 'Coding', 'algorithms'),
+ 'Let us get back to more Algorithms'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function myReplace(str, before, after) {
+ return str;
+}
+
+myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
+```
+
+# --solutions--
+
+```js
+function myReplace(str, before, after) {
+ if (before.charAt(0) === before.charAt(0).toUpperCase()) {
+ after = after.charAt(0).toUpperCase() + after.substring(1);
+ } else {
+ after = after.charAt(0).toLowerCase() + after.substring(1);
+ }
+ return str.replace(before, after);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md
new file mode 100644
index 0000000000..8dd57826cf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md
@@ -0,0 +1,104 @@
+---
+id: a39963a4c10bc8b4d4f06d7e
+title: 検索して破棄する
+challengeType: 5
+forumTopicId: 16046
+dashedName: seek-and-destroy
+---
+
+# --description--
+
+最初の配列 (`destroyer` 関数の最初の引数) が与えられ、続いて 1 つ以上の引数が与えられます。 これらの引数と同じ値を持つすべての要素を最初の配列から削除してください。
+
+**注:** `arguments` オブジェクトを使用する必要があります。
+
+# --hints--
+
+`destroyer([1, 2, 3, 1, 2, 3], 2, 3)` は `[1, 1]` を返す必要があります。
+
+```js
+assert.deepEqual(destroyer([1, 2, 3, 1, 2, 3], 2, 3), [1, 1]);
+```
+
+`destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)` は `[1, 5, 1]` を返す必要があります。
+
+```js
+assert.deepEqual(destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3), [1, 5, 1]);
+```
+
+`destroyer([3, 5, 1, 2, 2], 2, 3, 5)` は `[1]` を返す必要があります。
+
+```js
+assert.deepEqual(destroyer([3, 5, 1, 2, 2], 2, 3, 5), [1]);
+```
+
+`destroyer([2, 3, 2, 3], 2, 3)` は `[]` を返す必要があります。
+
+```js
+assert.deepEqual(destroyer([2, 3, 2, 3], 2, 3), []);
+```
+
+`destroyer(["tree", "hamburger", 53], "tree", 53)` は `["hamburger"]` を返す必要があります。
+
+```js
+assert.deepEqual(destroyer(['tree', 'hamburger', 53], 'tree', 53), [
+ 'hamburger'
+]);
+```
+
+`destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan")` は `[12,92,65]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ destroyer(
+ [
+ 'possum',
+ 'trollo',
+ 12,
+ 'safari',
+ 'hotdog',
+ 92,
+ 65,
+ 'grandma',
+ 'bugati',
+ 'trojan',
+ 'yacht'
+ ],
+ 'yacht',
+ 'possum',
+ 'trollo',
+ 'safari',
+ 'hotdog',
+ 'grandma',
+ 'bugati',
+ 'trojan'
+ ),
+ [12, 92, 65]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function destroyer(arr) {
+ return arr;
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+```
+
+# --solutions--
+
+```js
+function destroyer(arr) {
+ var hash = Object.create(null);
+ [].slice.call(arguments, 1).forEach(function(e) {
+ hash[e] = true;
+ });
+ return arr.filter(function(e) { return !(e in hash);});
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md
new file mode 100644
index 0000000000..1b9347cf82
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md
@@ -0,0 +1,89 @@
+---
+id: ae9defd7acaf69703ab432ea
+title: 最小公倍数
+challengeType: 5
+forumTopicId: 16075
+dashedName: smallest-common-multiple
+---
+
+# --description--
+
+指定されたパラメーターに対して、両方のパラメーターで割り切れるだけでなく、これらのパラメーターの範囲内にあるすべての連続する数でも割り切れる、最小公倍数を求めてください。
+
+範囲は 2 つの数値の配列になりますが、必ずしも数値順とは限りません。
+
+たとえば、1 と 3 が与えられた場合は、1 と 3 の両方で割り切れ、かつ 1 と 3 の*間*にあるすべての数でも割り切れる最小公倍数を求めてください。 その場合の答えは 6 になります。
+
+# --hints--
+
+`smallestCommons([1, 5])` は数値を返す必要があります。
+
+```js
+assert.deepEqual(typeof smallestCommons([1, 5]), 'number');
+```
+
+`smallestCommons([1, 5])` は 60 を返す必要があります。
+
+```js
+assert.deepEqual(smallestCommons([1, 5]), 60);
+```
+
+`smallestCommons([5, 1])` は 60 を返す必要があります。
+
+```js
+assert.deepEqual(smallestCommons([5, 1]), 60);
+```
+
+`smallestCommons([2, 10])` は 2520 を返す必要があります。
+
+```js
+assert.deepEqual(smallestCommons([2, 10]), 2520);
+```
+
+`smallestCommons([1, 13])` は 360360 を返す必要があります。
+
+```js
+assert.deepEqual(smallestCommons([1, 13]), 360360);
+```
+
+`smallestCommons([23, 18])` は 6056820 を返す必要があります。
+
+```js
+assert.deepEqual(smallestCommons([23, 18]), 6056820);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function smallestCommons(arr) {
+ return arr;
+}
+
+smallestCommons([1,5]);
+```
+
+# --solutions--
+
+```js
+function gcd(a, b) {
+ while (b !== 0) {
+ a = [b, b = a % b][0];
+ }
+ return a;
+}
+
+function lcm(a, b) {
+ return (a * b) / gcd(a, b);
+}
+
+function smallestCommons(arr) {
+ arr.sort(function(a,b) {return a-b;});
+ var rng = [];
+ for (var i = arr[0]; i <= arr[1]; i++) {
+ rng.push(i);
+ }
+ return rng.reduce(lcm);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md
new file mode 100644
index 0000000000..68924955e3
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md
@@ -0,0 +1,68 @@
+---
+id: a105e963526e7de52b219be9
+title: 並べて結合する
+challengeType: 5
+forumTopicId: 16077
+dashedName: sorted-union
+---
+
+# --description--
+
+2 つ以上の配列を受け取り、元の指定された配列の順序で新しい一意の値の配列を返す関数を作成してください。
+
+つまり、すべての配列から得られるすべての値を元の順序で含める必要がありますが、最終的な配列には重複がないようにする必要があります。
+
+一意の数は元の順序で並べる必要がありますが、最終的な配列は数値順でソートしません。
+
+例については、アサーションテストを確認してください。
+
+# --hints--
+
+`uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])` は `[1, 3, 2, 5, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]), [1, 3, 2, 5, 4]);
+```
+
+`uniteUnique([1, 2, 3], [5, 2, 1])` は `[1, 2, 3, 5]` を返す必要があります。
+
+```js
+assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1]), [1, 2, 3, 5]);
+```
+
+`uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])` は `[1, 2, 3, 5, 4, 6, 7, 8]` を返す必要があります。
+
+```js
+assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8]), [
+ 1,
+ 2,
+ 3,
+ 5,
+ 4,
+ 6,
+ 7,
+ 8
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function uniteUnique(arr) {
+ return arr;
+}
+
+uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
+```
+
+# --solutions--
+
+```js
+function uniteUnique(arr) {
+ return [].slice.call(arguments).reduce(function(a, b) {
+ return [].concat(a, b.filter(function(e) {return a.indexOf(e) === -1;}));
+ }, []);
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md
new file mode 100644
index 0000000000..a4f16f9744
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md
@@ -0,0 +1,70 @@
+---
+id: a103376db3ba46b2d50db289
+title: ケバブケースに変換する
+challengeType: 5
+forumTopicId: 16078
+dashedName: spinal-tap-case
+---
+
+# --description--
+
+文字列をケバブケースに変換してください。 ケバブケースとは、all-lowercase-words-joined-by-dashes のようにすべて小文字の単語をダッシュで結合したものです。
+
+# --hints--
+
+`spinalCase("This Is Spinal Tap")` は文字列 `this-is-spinal-tap` を返す必要があります。
+
+```js
+assert.deepEqual(spinalCase('This Is Spinal Tap'), 'this-is-spinal-tap');
+```
+
+`spinalCase("thisIsSpinalTap")` は文字列 `this-is-spinal-tap` を返す必要があります。
+
+```js
+assert.strictEqual(spinalCase('thisIsSpinalTap'), 'this-is-spinal-tap');
+```
+
+`spinalCase("The_Andy_Griffith_Show")` は文字列 `the-andy-griffith-show` を返す必要があります。
+
+```js
+assert.strictEqual(
+ spinalCase('The_Andy_Griffith_Show'),
+ 'the-andy-griffith-show'
+);
+```
+
+`spinalCase("Teletubbies say Eh-oh")` は文字列 `teletubbies-say-eh-oh` を返す必要があります。
+
+```js
+assert.strictEqual(
+ spinalCase('Teletubbies say Eh-oh'),
+ 'teletubbies-say-eh-oh'
+);
+```
+
+`spinalCase("AllThe-small Things")` は文字列 `all-the-small-things` を返す必要があります。
+
+```js
+assert.strictEqual(spinalCase('AllThe-small Things'), 'all-the-small-things');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spinalCase(str) {
+ return str;
+}
+
+spinalCase('This Is Spinal Tap');
+```
+
+# --solutions--
+
+```js
+function spinalCase(str) {
+ str = str.replace(/([a-z](?=[A-Z]))/g, '$1 ');
+ return str.toLowerCase().replace(/\ |\_/g, '-');
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md
new file mode 100644
index 0000000000..460eb3978e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md
@@ -0,0 +1,72 @@
+---
+id: ab306dbdcc907c7ddfc30830
+title: ローラーで押し潰せ！
+challengeType: 5
+forumTopicId: 16079
+dashedName: steamroller
+---
+
+# --description--
+
+ネストされた配列を平坦化してください。 さまざまなレベルのネストを考慮する必要があります。
+
+# --hints--
+
+`steamrollArray([[["a"]], [["b"]]])` は `["a", "b"]` を返す必要があります。
+
+```js
+assert.deepEqual(steamrollArray([[['a']], [['b']]]), ['a', 'b']);
+```
+
+`steamrollArray([1, [2], [3, [[4]]]])` は `[1, 2, 3, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(steamrollArray([1, [2], [3, [[4]]]]), [1, 2, 3, 4]);
+```
+
+`steamrollArray([1, [], [3, [[4]]]])` は `[1, 3, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(steamrollArray([1, [], [3, [[4]]]]), [1, 3, 4]);
+```
+
+`steamrollArray([1, {}, [3, [[4]]]])` は `[1, {}, 3, 4]` を返す必要があります。
+
+```js
+assert.deepEqual(steamrollArray([1, {}, [3, [[4]]]]), [1, {}, 3, 4]);
+```
+
+解答には `Array.prototype.flat()` メソッドや `Array.prototype.flatMap()` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.\s*flat\s*\(/) && !code.match(/\.\s*flatMap\s*\(/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function steamrollArray(arr) {
+ return arr;
+}
+
+steamrollArray([1, [2], [3, [[4]]]]);
+```
+
+# --solutions--
+
+```js
+function steamrollArray(arr) {
+ if (!Array.isArray(arr)) {
+ return [arr];
+ }
+ var out = [];
+ arr.forEach(function(e) {
+ steamrollArray(e).forEach(function(v) {
+ out.push(v);
+ });
+ });
+ return out;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md
new file mode 100644
index 0000000000..5adf8f8e43
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md
@@ -0,0 +1,70 @@
+---
+id: a3566b1109230028080c9345
+title: 範囲内のすべての数値を合計する
+challengeType: 5
+forumTopicId: 16083
+dashedName: sum-all-numbers-in-a-range
+---
+
+# --description--
+
+２つの数字の配列が渡されます。 それら 2 つの数の和と、2 つの間にあるすべての数の和との合計を返してください。 最も小さい数字が常に最初に来るとは限りません。
+
+たとえば、`sumAll([4,1])` は `10` を返す必要があります。なぜなら、1 と 4 (両方を含む) の間にあるすべての数の合計は `10` になるからです。
+
+# --hints--
+
+`sumAll([1, 4])` は数値を返す必要があります。
+
+```js
+assert(typeof sumAll([1, 4]) === 'number');
+```
+
+`sumAll([1, 4])` は 10 を返す必要があります。
+
+```js
+assert.deepEqual(sumAll([1, 4]), 10);
+```
+
+`sumAll([4, 1])` は 10 を返す必要があります。
+
+```js
+assert.deepEqual(sumAll([4, 1]), 10);
+```
+
+`sumAll([5, 10])` は 45 を返す必要があります。
+
+```js
+assert.deepEqual(sumAll([5, 10]), 45);
+```
+
+`sumAll([10, 5])` は 45 を返す必要があります。
+
+```js
+assert.deepEqual(sumAll([10, 5]), 45);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumAll(arr) {
+ return 1;
+}
+
+sumAll([1, 4]);
+```
+
+# --solutions--
+
+```js
+function sumAll(arr) {
+ var sum = 0;
+ arr.sort(function(a,b) {return a-b;});
+ for (var i = arr[0]; i <= arr[1]; i++) {
+ sum += i;
+ }
+ return sum;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md
new file mode 100644
index 0000000000..d6bb396aa7
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md
@@ -0,0 +1,82 @@
+---
+id: a5229172f011153519423690
+title: すべての奇数のフィボナッチ数を合計する
+challengeType: 5
+forumTopicId: 16084
+dashedName: sum-all-odd-fibonacci-numbers
+---
+
+# --description--
+
+正の整数 `num` が与えられたときに、`num` 以下の奇数のフィボナッチ数の和を返してください。
+
+フィボナッチ数列の最初の 2 つの数字は 1 と 1 です。 数列内の他の数はすべて、前の 2 つの数の和になっています。 フィボナッチ数列の最初の 6 つの数字は、1、1、2、3、5、8 です。
+
+たとえば、`sumFibs(10)` は、`10` 以下のすべての奇数のフィボナッチ数が 1、1、3、5 なので、`10` を返す必要があります。
+
+# --hints--
+
+`sumFibs(1)` は数値を返す必要があります。
+
+```js
+assert(typeof sumFibs(1) === 'number');
+```
+
+`sumFibs(1000)` は 1785 を返す必要があります。
+
+```js
+assert(sumFibs(1000) === 1785);
+```
+
+`sumFibs(4000000)` は 4613732 を返す必要があります。
+
+```js
+assert(sumFibs(4000000) === 4613732);
+```
+
+`sumFibs(4)` は 5 を返す必要があります。
+
+```js
+assert(sumFibs(4) === 5);
+```
+
+`sumFibs(75024)` は 60696 を返す必要があります。
+
+```js
+assert(sumFibs(75024) === 60696);
+```
+
+`sumFibs(75025)` は 135721 を返す必要があります。
+
+```js
+assert(sumFibs(75025) === 135721);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumFibs(num) {
+ return num;
+}
+
+sumFibs(4);
+```
+
+# --solutions--
+
+```js
+function sumFibs(num) {
+ var a = 1;
+ var b = 1;
+ var s = 0;
+ while (a <= num) {
+ if (a % 2 !== 0) {
+ s += a;
+ }
+ a = [b, b=b+a][0];
+ }
+ return s;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md
new file mode 100644
index 0000000000..30cd63b9de
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md
@@ -0,0 +1,75 @@
+---
+id: a3bfc1673c0526e06d3ac698
+title: すべての素数を合計する
+challengeType: 5
+forumTopicId: 16085
+dashedName: sum-all-primes
+---
+
+# --description--
+
+素数 とは、1 より大きい整数で、約数として 1 とそれ自体の 2 つのみを持つものです。 たとえば、2 は 1 と 2 でしか割り切れないので素数です。 一方、4 は 1、2、4 で割り切れるので素数ではありません。
+
+num 以下のすべての素数の合計を返すように `sumPrimes` を書き換えてください。
+
+# --hints--
+
+`sumPrimes(10)` は数値を返す必要があります。
+
+```js
+assert.deepEqual(typeof sumPrimes(10), 'number');
+```
+
+`sumPrimes(10)` は 17 を返す必要があります。
+
+```js
+assert.deepEqual(sumPrimes(10), 17);
+```
+
+`sumPrimes(977)` は 73156 を返す必要があります。
+
+```js
+assert.deepEqual(sumPrimes(977), 73156);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumPrimes(num) {
+ return num;
+}
+
+sumPrimes(10);
+```
+
+# --solutions--
+
+```js
+function eratosthenesArray(n) {
+ var primes = [];
+ if (n > 2) {
+ var half = n>>1;
+ var sieve = Array(half);
+ for (var i = 1, limit = Math.sqrt(n)>>1; i <= limit; i++) {
+ if (!sieve[i]) {
+ for (var step = 2*i+1, j = (step*step)>>1; j < half; j+=step) {
+ sieve[j] = true;
+ }
+ }
+ }
+ primes.push(2);
+ for (var p = 1; p < half; p++) {
+ if (!sieve[p]) primes.push(2*p+1);
+ }
+ }
+ return primes;
+}
+
+function sumPrimes(num) {
+ return eratosthenesArray(num+1).reduce(function(a,b) {return a+b;}, 0);
+}
+
+sumPrimes(10);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md
new file mode 100644
index 0000000000..2eca162aa1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md
@@ -0,0 +1,130 @@
+---
+id: a8e512fbe388ac2f9198f0fa
+title: どうしてあなたは◯◯◯なの？
+challengeType: 5
+forumTopicId: 16092
+dashedName: wherefore-art-thou
+---
+
+# --description--
+
+オブジェクトの配列 (最初の引数) を参照して、名前と値のペア (2 番目の引数) に一致するすべてのオブジェクトの配列を返す関数を作成してください。 返される配列に、元のオブジェクトの名前と値のペアを含める場合は、それぞれのペアがコレクションから得られるオブジェクトに存在する必要があります。
+
+たとえば、最初の引数が `[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]` で、2 番目の引数が `{ last: "Capulet" }` の場合は、配列 (最初の引数) から得られる 3 番目のオブジェクトに 2 番目の引数で渡された名前とその値が含まれているので、3 番目のオブジェクトを返す必要があります。
+
+# --hints--
+
+`whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" })` は `[{ first: "Tybalt", last: "Capulet" }]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ whatIsInAName(
+ [
+ { first: 'Romeo', last: 'Montague' },
+ { first: 'Mercutio', last: null },
+ { first: 'Tybalt', last: 'Capulet' }
+ ],
+ { last: 'Capulet' }
+ ),
+ [{ first: 'Tybalt', last: 'Capulet' }]
+);
+```
+
+`whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 })` は `[{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ whatIsInAName([{ apple: 1 }, { apple: 1 }, { apple: 1, bat: 2 }], {
+ apple: 1
+ }),
+ [{ apple: 1 }, { apple: 1 }, { apple: 1, bat: 2 }]
+);
+```
+
+`whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 })` は `[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ whatIsInAName(
+ [{ apple: 1, bat: 2 }, { bat: 2 }, { apple: 1, bat: 2, cookie: 2 }],
+ { apple: 1, bat: 2 }
+ ),
+ [
+ { apple: 1, bat: 2 },
+ { apple: 1, bat: 2, cookie: 2 }
+ ]
+);
+```
+
+`whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 })` は `[{ "apple": 1, "bat": 2, "cookie": 2 }]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ whatIsInAName(
+ [{ apple: 1, bat: 2 }, { apple: 1 }, { apple: 1, bat: 2, cookie: 2 }],
+ { apple: 1, cookie: 2 }
+ ),
+ [{ apple: 1, bat: 2, cookie: 2 }]
+);
+```
+
+`whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 })` は `[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ whatIsInAName(
+ [
+ { apple: 1, bat: 2 },
+ { apple: 1 },
+ { apple: 1, bat: 2, cookie: 2 },
+ { bat: 2 }
+ ],
+ { apple: 1, bat: 2 }
+ ),
+ [
+ { apple: 1, bat: 2 },
+ { apple: 1, bat: 2, cookie: 2 }
+ ]
+);
+```
+
+`whatIsInAName([{"a": 1, "b": 2, "c": 3}], {"a": 1, "b": 9999, "c": 3})` は `[]` を返す必要があります。
+
+```js
+assert.deepEqual(
+ whatIsInAName([{ a: 1, b: 2, c: 3 }], { a: 1, b: 9999, c: 3 }),
+ []
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function whatIsInAName(collection, source) {
+ const arr = [];
+ // Only change code below this line
+
+
+ // Only change code above this line
+ return arr;
+}
+
+whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
+```
+
+# --solutions--
+
+```js
+function whatIsInAName(collection, source) {
+ const arr = [];
+ const keys = Object.keys(source);
+ collection.forEach(function(e) {
+ if(keys.every(function(key) {return e[key] === source[key];})) {
+ arr.push(e);
+ }
+ });
+ return arr;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md
new file mode 100644
index 0000000000..c6bdc1588c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md
@@ -0,0 +1,88 @@
+---
+id: 56533eb9ac21ba0edf2244e2
+title: シーザー暗号
+challengeType: 5
+forumTopicId: 16003
+dashedName: caesars-cipher
+---
+
+# --description--
+
+最もシンプルで広く知られている暗号 の 1 つがシーザー暗号 で、シフト暗号 とも呼ばれています。 シフト暗号では、文字の意味が一定量ずつシフトされます。
+
+現代では、文字を 13 文字ずつシフトさせる [ROT13](https://en.wikipedia.org/wiki/ROT13) 暗号がよく使用されます。 たとえば、`A ↔ N`、`B ↔ O` のようになります。
+
+[ROT13](https://en.wikipedia.org/wiki/ROT13) でエンコードされた文字列を入力として受け取り、デコードされた文字列を返す関数を作成してください。
+
+文字はすべて大文字にしてください。 アルファベット以外の文字 (スペース、句読点など) は、変換せず、そのまま渡してください。
+
+# --hints--
+
+`rot13("SERR PBQR PNZC")` は文字列 `FREE CODE CAMP` にデコードする必要があります。
+
+```js
+assert(rot13('SERR PBQR PNZC') === 'FREE CODE CAMP');
+```
+
+`rot13("SERR CVMMN!")` は文字列 `FREE PIZZA!` にデコードする必要があります。
+
+```js
+assert(rot13('SERR CVMMN!') === 'FREE PIZZA!');
+```
+
+`rot13("SERR YBIR?")` は文字列 `FREE LOVE?` にデコードする必要があります。
+
+```js
+assert(rot13('SERR YBIR?') === 'FREE LOVE?');
+```
+
+`rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.")` は文字列 `THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.` にデコードする必要があります。
+
+```js
+assert(
+ rot13('GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.') ===
+ 'THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rot13(str) {
+ return str;
+}
+
+rot13("SERR PBQR PNZC");
+```
+
+# --solutions--
+
+```js
+var lookup = {
+ 'A': 'N','B': 'O','C': 'P','D': 'Q',
+ 'E': 'R','F': 'S','G': 'T','H': 'U',
+ 'I': 'V','J': 'W','K': 'X','L': 'Y',
+ 'M': 'Z','N': 'A','O': 'B','P': 'C',
+ 'Q': 'D','R': 'E','S': 'F','T': 'G',
+ 'U': 'H','V': 'I','W': 'J','X': 'K',
+ 'Y': 'L','Z': 'M'
+};
+
+function rot13(encodedStr) {
+ var codeArr = encodedStr.split(""); // String to Array
+ var decodedArr = []; // Your Result goes here
+ // Only change code below this line
+
+ decodedArr = codeArr.map(function(letter) {
+ if(lookup.hasOwnProperty(letter)) {
+ letter = lookup[letter];
+ }
+ return letter;
+ });
+
+ // Only change code above this line
+ return decodedArr.join(""); // Array to String
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md
new file mode 100644
index 0000000000..d50743f175
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md
@@ -0,0 +1,252 @@
+---
+id: aa2e6f85cab2ab736c9a9b24
+title: キャッシュレジスター
+challengeType: 5
+forumTopicId: 16012
+dashedName: cash-register
+---
+
+# --description--
+
+第 1 引数に購入価格 (`price`)、第 2 引数に支払額 (`cash`)、第 3 引数に現金在高 (`cid`) を受け取るキャッシュレジスタードロワー関数 `checkCashRegister()` を設計してください。
+
+`cid` は、利用可能な通貨を列挙する 2 次元配列です。
+
+`checkCashRegister()` 関数は常に、`status` キーと `change` キーを持つオブジェクトを返す必要があります。
+
+現金在高がお釣りよりも少ない場合、または正確なお釣りを返すことができない場合は、`{status: "INSUFFICIENT_FUNDS", change: []}` を返してください。
+
+現金在高がお釣りと等しい場合は、`{status: "CLOSED", change: [...]}` を返し、現金在高を `change` キーの値として一緒に返してください。
+
+それ以外の場合は、`{status: "OPEN", change: [...]}` を返し、コインや紙幣のお釣りを `change` キーの値として、最大値から最小値の順にソートして一緒に返してください。
+
+ 通貨単位 金額 ペニー $0.01 (PENNY) ニッケル $0.05 (NICKEL) ダイム $0.1 (DIME) クォーター $0.25 (QUARTER) 1 ドル札 $1 (ONE) 5 ドル札 $5 (FIVE) 10 ドル札 $10 (TEN) 20 ドル札 $20 (TWENTY) 100 ドル札 $100 (ONE HUNDRED)
+
+キャッシュインドロワー配列の例は以下を参照してください。
+
+```js
+[
+ ["PENNY", 1.01],
+ ["NICKEL", 2.05],
+ ["DIME", 3.1],
+ ["QUARTER", 4.25],
+ ["ONE", 90],
+ ["FIVE", 55],
+ ["TEN", 20],
+ ["TWENTY", 60],
+ ["ONE HUNDRED", 100]
+]
+```
+
+# --hints--
+
+`checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])` はオブジェクトを返す必要があります。
+
+```js
+assert.deepEqual(
+ Object.prototype.toString.call(
+ checkCashRegister(19.5, 20, [
+ ['PENNY', 1.01],
+ ['NICKEL', 2.05],
+ ['DIME', 3.1],
+ ['QUARTER', 4.25],
+ ['ONE', 90],
+ ['FIVE', 55],
+ ['TEN', 20],
+ ['TWENTY', 60],
+ ['ONE HUNDRED', 100]
+ ])
+ ),
+ '[object Object]'
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])` は `{status: "OPEN", change: [["QUARTER", 0.5]]}` を返す必要があります。
+
+```js
+assert.deepEqual(
+ checkCashRegister(19.5, 20, [
+ ['PENNY', 1.01],
+ ['NICKEL', 2.05],
+ ['DIME', 3.1],
+ ['QUARTER', 4.25],
+ ['ONE', 90],
+ ['FIVE', 55],
+ ['TEN', 20],
+ ['TWENTY', 60],
+ ['ONE HUNDRED', 100]
+ ]),
+ { status: 'OPEN', change: [['QUARTER', 0.5]] }
+);
+```
+
+`checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])` は `{status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}` を返す必要があります。
+
+```js
+assert.deepEqual(
+ checkCashRegister(3.26, 100, [
+ ['PENNY', 1.01],
+ ['NICKEL', 2.05],
+ ['DIME', 3.1],
+ ['QUARTER', 4.25],
+ ['ONE', 90],
+ ['FIVE', 55],
+ ['TEN', 20],
+ ['TWENTY', 60],
+ ['ONE HUNDRED', 100]
+ ]),
+ {
+ status: 'OPEN',
+ change: [
+ ['TWENTY', 60],
+ ['TEN', 20],
+ ['FIVE', 15],
+ ['ONE', 1],
+ ['QUARTER', 0.5],
+ ['DIME', 0.2],
+ ['PENNY', 0.04]
+ ]
+ }
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])` は `{status: "INSUFFICIENT_FUNDS", change: []}` を返す必要があります。
+
+```js
+assert.deepEqual(
+ checkCashRegister(19.5, 20, [
+ ['PENNY', 0.01],
+ ['NICKEL', 0],
+ ['DIME', 0],
+ ['QUARTER', 0],
+ ['ONE', 0],
+ ['FIVE', 0],
+ ['TEN', 0],
+ ['TWENTY', 0],
+ ['ONE HUNDRED', 0]
+ ]),
+ { status: 'INSUFFICIENT_FUNDS', change: [] }
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])` は `{status: "INSUFFICIENT_FUNDS", change: []}` を返す必要があります。
+
+```js
+assert.deepEqual(
+ checkCashRegister(19.5, 20, [
+ ['PENNY', 0.01],
+ ['NICKEL', 0],
+ ['DIME', 0],
+ ['QUARTER', 0],
+ ['ONE', 1],
+ ['FIVE', 0],
+ ['TEN', 0],
+ ['TWENTY', 0],
+ ['ONE HUNDRED', 0]
+ ]),
+ { status: 'INSUFFICIENT_FUNDS', change: [] }
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])` は `{status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}` を返す必要があります。
+
+```js
+assert.deepEqual(
+ checkCashRegister(19.5, 20, [
+ ['PENNY', 0.5],
+ ['NICKEL', 0],
+ ['DIME', 0],
+ ['QUARTER', 0],
+ ['ONE', 0],
+ ['FIVE', 0],
+ ['TEN', 0],
+ ['TWENTY', 0],
+ ['ONE HUNDRED', 0]
+ ]),
+ {
+ status: 'CLOSED',
+ change: [
+ ['PENNY', 0.5],
+ ['NICKEL', 0],
+ ['DIME', 0],
+ ['QUARTER', 0],
+ ['ONE', 0],
+ ['FIVE', 0],
+ ['TEN', 0],
+ ['TWENTY', 0],
+ ['ONE HUNDRED', 0]
+ ]
+ }
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkCashRegister(price, cash, cid) {
+ let change;
+ return change;
+}
+
+checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]);
+```
+
+# --solutions--
+
+```js
+const denom = [
+ { name: "ONE HUNDRED", val: 100 },
+ { name: "TWENTY", val: 20 },
+ { name: "TEN", val: 10 },
+ { name: "FIVE", val: 5 },
+ { name: "ONE", val: 1 },
+ { name: "QUARTER", val: 0.25 },
+ { name: "DIME", val: 0.1 },
+ { name: "NICKEL", val: 0.05 },
+ { name: "PENNY", val: 0.01 },
+];
+
+function checkCashRegister(price, cash, cid) {
+ const output = { status: null, change: [] };
+ let change = cash - price;
+ const register = cid.reduce(
+ function (acc, curr) {
+ acc.total += curr[1];
+ acc[curr[0]] = curr[1];
+ return acc;
+ },
+ { total: 0 }
+ );
+ if (register.total === change) {
+ output.status = "CLOSED";
+ output.change = cid;
+ return output;
+ }
+ if (register.total < change) {
+ output.status = "INSUFFICIENT_FUNDS";
+ return output;
+ }
+ const change_arr = denom.reduce(function (acc, curr) {
+ let value = 0;
+ while (register[curr.name] > 0 && change >= curr.val) {
+ change -= curr.val;
+ register[curr.name] -= curr.val;
+ value += curr.val;
+ change = Math.round(change * 100) / 100;
+ }
+ if (value > 0) {
+ acc.push([curr.name, value]);
+ }
+ return acc;
+ }, []);
+ if (change_arr.length < 1 || change > 0) {
+ output.status = "INSUFFICIENT_FUNDS";
+ return output;
+ }
+ output.status = "OPEN";
+ output.change = change_arr;
+ return output;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md
new file mode 100644
index 0000000000..6c69f116bc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md
@@ -0,0 +1,125 @@
+---
+id: aaa48de84e1ecc7c742e1124
+title: 回文チェッカー
+challengeType: 5
+forumTopicId: 16004
+dashedName: palindrome-checker
+---
+
+# --description--
+
+与えられた文字列が回文の場合は、`true` を返してください。 それ以外の場合は、`false` を返してください。
+
+ここでの回文 とは、英語で句読点、大文字と小文字、スペースを無視して、前からでも後ろからでも同じ綴りとなる単語または文章です。
+
+**注:** **英数字以外のすべての文字** (句読点、スペース、記号) を削除する必要があります。また、回文かどうかをチェックするために、すべてを同じケース (小文字または大文字) に変換する必要があります。
+
+`racecar`、`RaceCar`、`race CAR` など、さまざまな形式の文字列を渡します。
+
+`2A3*3a2`、`2A3 3a2`、`2_A3*3#A2` など、特殊記号を含む文字列も渡します。
+
+# --hints--
+
+`palindrome("eye")` はブール値を返す必要があります。
+
+```js
+assert(typeof palindrome('eye') === 'boolean');
+```
+
+`palindrome("eye")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('eye') === true);
+```
+
+`palindrome("_eye")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('_eye') === true);
+```
+
+`palindrome("race car")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('race car') === true);
+```
+
+`palindrome("not a palindrome")` は `false` を返す必要があります。
+
+```js
+assert(palindrome('not a palindrome') === false);
+```
+
+`palindrome("A man, a plan, a canal. Panama")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('A man, a plan, a canal. Panama') === true);
+```
+
+`palindrome("never odd or even")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('never odd or even') === true);
+```
+
+`palindrome("nope")` は `false` を返す必要があります。
+
+```js
+assert(palindrome('nope') === false);
+```
+
+`palindrome("almostomla")` は `false` を返す必要があります。
+
+```js
+assert(palindrome('almostomla') === false);
+```
+
+`palindrome("My age is 0, 0 si ega ym.")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('My age is 0, 0 si ega ym.') === true);
+```
+
+`palindrome("1 eye for of 1 eye.")` は `false` を返す必要があります。
+
+```js
+assert(palindrome('1 eye for of 1 eye.') === false);
+```
+
+`palindrome("0_0 (: /-\ :) 0-0")` は `true` を返す必要があります。
+
+```js
+assert(palindrome('0_0 (: /- :) 0-0') === true);
+```
+
+`palindrome("five|\_/|four")` は `false` を返す必要があります。
+
+```js
+assert(palindrome('five|_/|four') === false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function palindrome(str) {
+ return true;
+}
+
+palindrome("eye");
+```
+
+# --solutions--
+
+```js
+function palindrome(str) {
+ var string = str.toLowerCase().split(/[^A-Za-z0-9]/gi).join('');
+ var aux = string.split('');
+ if (aux.join('') === aux.reverse().join('')){
+ return true;
+ }
+
+ return false;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md
new file mode 100644
index 0000000000..e4b169b339
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md
@@ -0,0 +1,199 @@
+---
+id: a7f4d8f2483413a6ce226cac
+title: ローマ数字への変換
+challengeType: 5
+forumTopicId: 16044
+dashedName: roman-numeral-converter
+---
+
+# --description--
+
+与えられた数をローマ数字に変換してください。
+
+[ローマ数字](http://www.mathsisfun.com/roman-numerals.html)の答えはすべて大文字で表示する必要があります。
+
+# --hints--
+
+`convertToRoman(2)` は文字列 `II` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(2), 'II');
+```
+
+`convertToRoman(3)` は文字列 `III` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(3), 'III');
+```
+
+`convertToRoman(4)` は文字列 `IV` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(4), 'IV');
+```
+
+`convertToRoman(5)` は文字列 `V` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(5), 'V');
+```
+
+`convertToRoman(9)` は文字列 `IX` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(9), 'IX');
+```
+
+`convertToRoman(12)` は文字列 `XII` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(12), 'XII');
+```
+
+`convertToRoman(16)` は文字列 `XVI` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(16), 'XVI');
+```
+
+`convertToRoman(29)` は文字列 `XXIX` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(29), 'XXIX');
+```
+
+`convertToRoman(44)` は文字列 `XLIV` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(44), 'XLIV');
+```
+
+`convertToRoman(45)` は文字列 `XLV` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(45), 'XLV');
+```
+
+`convertToRoman(68)` は文字列 `LXVIII` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(68), 'LXVIII');
+```
+
+`convertToRoman(83)` は文字列 `LXXXIII` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(83), 'LXXXIII');
+```
+
+`convertToRoman(97)` は文字列 `XCVII` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(97), 'XCVII');
+```
+
+`convertToRoman(99)` は文字列 `XCIX` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(99), 'XCIX');
+```
+
+`convertToRoman(400)` は文字列 `CD` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(400), 'CD');
+```
+
+`convertToRoman(500)` は文字列 `D` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(500), 'D');
+```
+
+`convertToRoman(501)` は文字列 `DI` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(501), 'DI');
+```
+
+`convertToRoman(649)` は文字列 `DCXLIX` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(649), 'DCXLIX');
+```
+
+`convertToRoman(798)` は文字列 `DCCXCVIII` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(798), 'DCCXCVIII');
+```
+
+`convertToRoman(891)` は文字列 `DCCCXCI` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(891), 'DCCCXCI');
+```
+
+`convertToRoman(1000)` は文字列 `M` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(1000), 'M');
+```
+
+`convertToRoman(1004)` は文字列 `MIV` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(1004), 'MIV');
+```
+
+`convertToRoman(1006)` は文字列 `MVI` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(1006), 'MVI');
+```
+
+`convertToRoman(1023)` は文字列 `MXXIII` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(1023), 'MXXIII');
+```
+
+`convertToRoman(2014)` は文字列 `MMXIV` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(2014), 'MMXIV');
+```
+
+`convertToRoman(3999)` は文字列 `MMMCMXCIX` を返す必要があります。
+
+```js
+assert.deepEqual(convertToRoman(3999), 'MMMCMXCIX');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToRoman(num) {
+ return num;
+}
+
+convertToRoman(36);
+```
+
+# --solutions--
+
+```js
+function convertToRoman(num) {
+ var ref = [['M', 1000], ['CM', 900], ['D', 500], ['CD', 400], ['C', 100], ['XC', 90], ['L', 50], ['XL', 40], ['X', 10], ['IX', 9], ['V', 5], ['IV', 4], ['I', 1]];
+ var res = [];
+ ref.forEach(function(p) {
+ while (num >= p[1]) {
+ res.push(p[0]);
+ num -= p[1];
+ }
+ });
+ return res.join('');
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md
new file mode 100644
index 0000000000..a84b1751bc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md
@@ -0,0 +1,211 @@
+---
+id: aff0395860f5d3034dc0bfc9
+title: 電話番号の検証
+challengeType: 5
+forumTopicId: 16090
+dashedName: telephone-number-validator
+---
+
+# --description--
+
+渡された文字列が有効な米国の電話番号と思われる場合は、`true` を返してください。
+
+ユーザーは、有効な米国番号の形式になっている限り、任意の方法でフォームフィールドに入力することができます。 以下は、米国の電話番号の有効な形式の例です (他のバリエーションについては、以下のテストを参照してください)。
+
+555-555-5555
+
+このチャレンジでは、`800-692-7753` や `8oo-six427676;laskdjf` などの文字列が渡されます。 上記に示した形式の任意の組み合わせに基づいて、米国の電話番号を有効と判断するか、または拒否してください。 市外局番は必須です。 国コードが指定されている場合は、国コードが `1` であることを確認する必要があります。 文字列が有効な米国の電話番号の場合は `true` を返してください。それ以外の場合は `false` を返してください。
+
+# --hints--
+
+`telephoneCheck("555-555-5555")` はブール値を返す必要があります。
+
+```js
+assert(typeof telephoneCheck('555-555-5555') === 'boolean');
+```
+
+`telephoneCheck("1 555-555-5555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('1 555-555-5555') === true);
+```
+
+`telephoneCheck("1 (555) 555-5555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('1 (555) 555-5555') === true);
+```
+
+`telephoneCheck("5555555555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('5555555555') === true);
+```
+
+`telephoneCheck("555-555-5555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('555-555-5555') === true);
+```
+
+`telephoneCheck("(555)555-5555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('(555)555-5555') === true);
+```
+
+`telephoneCheck("1(555)555-5555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('1(555)555-5555') === true);
+```
+
+`telephoneCheck("555-5555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('555-5555') === false);
+```
+
+`telephoneCheck("5555555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('5555555') === false);
+```
+
+`telephoneCheck("1 555)555-5555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('1 555)555-5555') === false);
+```
+
+`telephoneCheck("1 555 555 5555")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('1 555 555 5555') === true);
+```
+
+`telephoneCheck("1 456 789 4444")` は `true` を返す必要があります。
+
+```js
+assert(telephoneCheck('1 456 789 4444') === true);
+```
+
+`telephoneCheck("123**&!!asdf#")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('123**&!!asdf#') === false);
+```
+
+`telephoneCheck("55555555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('55555555') === false);
+```
+
+`telephoneCheck("(6054756961)")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('(6054756961)') === false);
+```
+
+`telephoneCheck("2 (757) 622-7382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('2 (757) 622-7382') === false);
+```
+
+`telephoneCheck("0 (757) 622-7382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('0 (757) 622-7382') === false);
+```
+
+`telephoneCheck("-1 (757) 622-7382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('-1 (757) 622-7382') === false);
+```
+
+`telephoneCheck("2 757 622-7382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('2 757 622-7382') === false);
+```
+
+`telephoneCheck("10 (757) 622-7382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('10 (757) 622-7382') === false);
+```
+
+`telephoneCheck("27576227382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('27576227382') === false);
+```
+
+`telephoneCheck("(275)76227382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('(275)76227382') === false);
+```
+
+`telephoneCheck("2(757)6227382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('2(757)6227382') === false);
+```
+
+`telephoneCheck("2(757)622-7382")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('2(757)622-7382') === false);
+```
+
+`telephoneCheck("555)-555-5555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('555)-555-5555') === false);
+```
+
+`telephoneCheck("(555-555-5555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('(555-555-5555') === false);
+```
+
+`telephoneCheck("(555)5(55?)-5555")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('(555)5(55?)-5555') === false);
+```
+
+`telephoneCheck("55 55-55-555-5")` は `false` を返す必要があります。
+
+```js
+assert(telephoneCheck('55 55-55-555-5') === false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function telephoneCheck(str) {
+ return true;
+}
+
+telephoneCheck("555-555-5555");
+```
+
+# --solutions--
+
+```js
+var re = /^([+]?1[\s]?)?((?:[(](?:[2-9]1[02-9]|[2-9][02-8][0-9])[)][\s]?)|(?:(?:[2-9]1[02-9]|[2-9][02-8][0-9])[\s.-]?)){1}([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2}[\s.-]?){1}([0-9]{4}){1}$/;
+
+function telephoneCheck(str) {
+ return re.test(str);
+}
+
+telephoneCheck("555-555-5555");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md
new file mode 100644
index 0000000000..2e5398f000
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md
@@ -0,0 +1,133 @@
+---
+id: 587d7db1367417b2b2512b87
+title: 継承した後にメソッドを追加する
+challengeType: 1
+forumTopicId: 301315
+dashedName: add-methods-after-inheritance
+---
+
+# --description--
+
+スーパータイプのコンストラクター関数から自身の `prototype` オブジェクトを継承するコンストラクター関数は、継承されるメソッドに加えて独自のメソッドを持つこともできます。
+
+たとえば、`Bird` は、自身の `prototype` を `Animal` から継承するコンストラクターです。
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() {
+ console.log("nom nom nom");
+};
+function Bird() { }
+Bird.prototype = Object.create(Animal.prototype);
+Bird.prototype.constructor = Bird;
+```
+
+`Animal` から継承される内容に加えて、`Bird` オブジェクトに固有の動作を追加することができます。 次の例では、`Bird` は `fly()` 関数を取得します。 関数は、他のコンストラクター関数と同じ方法で `Bird` の `prototype` に追加されます。
+
+```js
+Bird.prototype.fly = function() {
+ console.log("I'm flying!");
+};
+```
+
+これで、`Bird` のインスタンスで `eat()` と `fly()` の両方のメソッドを使用できます。
+
+```js
+let duck = new Bird();
+duck.eat();
+duck.fly();
+```
+
+`duck.eat()` はコンソールに文字列 `nom nom nom` を表示し、`duck.fly()` は文字列 `I'm flying!` を表示します。
+
+# --instructions--
+
+`Dog` オブジェクトが `Animal` から継承され、`Dog` の `prototype` コンストラクターが `Dog` に設定されるように、必要なコードをすべて追加してください。 そして、`bark()` メソッドを `Dog` オブジェクトに追加して、`beagle` で `eat()` と `bark()` の両方を使用できるようにしてください。 `bark()` メソッドは `Woof!` をコンソールに出力する必要があります。
+
+# --hints--
+
+`Animal` は `bark()` メソッドに応答しない必要があります。
+
+```js
+assert(typeof Animal.prototype.bark == 'undefined');
+```
+
+`Dog` は `Animal` から `eat()` メソッドを継承する必要があります。
+
+```js
+assert(typeof Dog.prototype.eat == 'function');
+```
+
+`Dog` プロトタイプは `bark()` メソッドを持つ必要があります。
+
+```js
+assert('bark' in Dog.prototype);
+```
+
+`beagle` は `instanceof` `Animal` である必要があります。
+
+```js
+assert(beagle instanceof Animal);
+```
+
+`beagle` のコンストラクターを `Dog` に設定する必要があります。
+
+```js
+assert(beagle.constructor === Dog);
+```
+
+`beagle.eat()` は文字列 `nom nom nom` を出力する必要があります。
+
+```js
+console.log = function (msg) {
+ throw msg;
+};
+assert.throws(() => beagle.eat(), 'nom nom nom');
+```
+
+`beagle.bark()` は文字列 `Woof!` を出力する必要があります。
+
+```js
+console.log = function (msg) {
+ throw msg;
+};
+assert.throws(() => beagle.bark(), 'Woof!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+
+// Only change code below this line
+
+
+
+
+// Only change code above this line
+
+let beagle = new Dog();
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+Dog.prototype = Object.create(Animal.prototype);
+Dog.prototype.constructor = Dog;
+Dog.prototype.bark = function () {
+ console.log('Woof!');
+};
+let beagle = new Dog();
+
+beagle.eat();
+beagle.bark();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md
new file mode 100644
index 0000000000..a8590632be
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md
@@ -0,0 +1,103 @@
+---
+id: 587d7daf367417b2b2512b7f
+title: プロトタイプを新しいオブジェクトに変更する
+challengeType: 1
+forumTopicId: 301316
+dashedName: change-the-prototype-to-a-new-object
+---
+
+# --description--
+
+これまでは、`prototype` に個別にプロパティを追加してきました。
+
+```js
+Bird.prototype.numLegs = 2;
+```
+
+プロパティの数が増えてくると退屈になってきます。
+
+```js
+Bird.prototype.eat = function() {
+ console.log("nom nom nom");
+}
+
+Bird.prototype.describe = function() {
+ console.log("My name is " + this.name);
+}
+```
+
+より効率的な方法として、すでにプロパティが含まれている新しいオブジェクトを `prototype` に設定することができます。 こうするとすべてのプロパティが一度に追加されます。
+
+```js
+Bird.prototype = {
+ numLegs: 2,
+ eat: function() {
+ console.log("nom nom nom");
+ },
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+```
+
+# --instructions--
+
+`prototype` に新しいオブジェクトを設定して、`Dog` の `prototype` にプロパティ `numLegs` と 2 つのメソッド `eat()` および `describe()` を追加してください。
+
+# --hints--
+
+`Dog.prototype` に新しいオブジェクトを設定する必要があります。
+
+```js
+assert(/Dog\.prototype\s*?=\s*?{/.test(code));
+```
+
+`Dog.prototype` はプロパティ `numLegs` を持つ必要があります。
+
+```js
+assert(Dog.prototype.numLegs !== undefined);
+```
+
+`Dog.prototype` はメソッド `eat()` を持つ必要があります。
+
+```js
+assert(typeof Dog.prototype.eat === 'function');
+```
+
+`Dog.prototype` はメソッド `describe()` を持つ必要があります。
+
+```js
+assert(typeof Dog.prototype.describe === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+Dog.prototype = {
+ // Only change code below this line
+
+};
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+Dog.prototype = {
+numLegs: 4,
+ eat () {
+ console.log('nom nom nom');
+ },
+ describe () {
+ console.log('My name is ' + this.name);
+ }
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md
new file mode 100644
index 0000000000..f14ac5a4aa
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dac367417b2b2512b73
+title: 基本的な JavaScript のオブジェクトを作成する
+challengeType: 1
+forumTopicId: 301317
+dashedName: create-a-basic-javascript-object
+---
+
+# --description--
+
+車、お店、鳥など、人々が毎日見かけるものについて考えてみてください。 これらはすべてオブジェクト (対象物) です。人々が観察し、やり取りすることのできる有形のものです。
+
+これらのオブジェクトの特徴は何でしょうか？ 車には車輪が付いています。 お店は品物を販売しています。 鳥には翼があります。
+
+こうした特徴、つまりオブジェクトを構成するものを定義するのがプロパティ です。 似たようなオブジェクトどうしは同じプロパティを共有しますが、それらのプロパティの値は異なる可能性があります。 たとえば、すべての車には車輪がありますが、すべての車に同じ数の車輪があるわけではありません。
+
+JavaScript のオブジェクトは、実際のオブジェクトをモデル化するために使用され、実際のオブジェクトと同じようにプロパティや動作を与えます。 次の例では、こうした概念を使用して `duck` オブジェクトを作成しています。
+
+```js
+let duck = {
+ name: "Aflac",
+ numLegs: 2
+};
+```
+
+この `duck` オブジェクトには、プロパティと値のペアが 2 つあります。`Aflac` という `name` と、2 という `numLegs` です。
+
+# --instructions--
+
+`name` プロパティと `numLegs` プロパティを持つ `dog` オブジェクトを作成し、それぞれに文字列と数値を設定してください。
+
+# --hints--
+
+`dog` はオブジェクトである必要があります。
+
+```js
+assert(typeof dog === 'object');
+```
+
+`dog` は文字列に設定された `name` プロパティを持つ必要があります。
+
+```js
+assert(typeof dog.name === 'string');
+```
+
+`dog` は数値に設定された `numLegs` プロパティを持つ必要があります。
+
+```js
+assert(typeof dog.numLegs === 'number');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+
+};
+```
+
+# --solutions--
+
+```js
+let dog = {
+ name: '',
+ numLegs: 4
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md
new file mode 100644
index 0000000000..502e37c47d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md
@@ -0,0 +1,70 @@
+---
+id: 587d7dad367417b2b2512b75
+title: オブジェクトにメソッドを作成する
+challengeType: 1
+forumTopicId: 301318
+dashedName: create-a-method-on-an-object
+---
+
+# --description--
+
+オブジェクトには、メソッド と呼ばれる特別なタイプのプロパティを持たせることができます。
+
+メソッドは、関数をその実体とするプロパティです。 メソッドによってオブジェクトにさまざまな動作が追加されます。 次は、メソッドを持つ `duck` の例です。
+
+```js
+let duck = {
+ name: "Aflac",
+ numLegs: 2,
+ sayName: function() {return "The name of this duck is " + duck.name + ".";}
+};
+duck.sayName();
+```
+
+この例では、`sayName` メソッドを追加しています。これは、`duck` の名前を教える文章を返す関数です。 メソッドでは return ステートメントで `duck.name` を使用して `name` プロパティにアクセスしています。 次のチャレンジでは、これを実行する別の方法について説明します。
+
+# --instructions--
+
+`dog` オブジェクトを使用して、`sayLegs` というメソッドを追加してください。 このメソッドは `This dog has 4 legs.` という文章を返す必要があります。
+
+# --hints--
+
+`dog.sayLegs()` は関数である必要があります。
+
+```js
+assert(typeof dog.sayLegs === 'function');
+```
+
+`dog.sayLegs()` は与えられた文字列を返す必要があります。句読点とスペースが重要であることに注意してください。
+
+```js
+assert(dog.sayLegs() === 'This dog has 4 legs.');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+ name: "Spot",
+ numLegs: 4,
+
+};
+
+dog.sayLegs();
+```
+
+# --solutions--
+
+```js
+let dog = {
+ name: "Spot",
+ numLegs: 4,
+ sayLegs () {
+ return 'This dog has ' + this.numLegs + ' legs.';
+ }
+};
+
+dog.sayLegs();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md
new file mode 100644
index 0000000000..42ba91f74a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md
@@ -0,0 +1,67 @@
+---
+id: 587d7dad367417b2b2512b77
+title: コンストラクター関数を定義する
+challengeType: 1
+forumTopicId: 16804
+dashedName: define-a-constructor-function
+---
+
+# --description--
+
+コンストラクター は、新しいオブジェクトを作成する関数であり、 新しいオブジェクトに属するプロパティと動作を定義します。 新しいオブジェクトを作るための青写真と考えてみてください。
+
+コンストラクターの例を次に示します。
+
+```js
+function Bird() {
+ this.name = "Albert";
+ this.color = "blue";
+ this.numLegs = 2;
+}
+```
+
+このコンストラクターは、プロパティ `name`、`color`、`numLegs` をそれぞれ Albert、blue、2 に設定した `Bird` オブジェクトを定義します。 コンストラクターはいくつかの規約に従います。
+
+コンストラクターは、 constructor ではない他の関数と区別するために、大文字で始まる名前で定義する。 コンストラクターでは、作成するオブジェクトのプロパティを設定するためにキーワード this を使用する。 コンストラクターの中では、this は作成する新しいオブジェクトを参照する。 コンストラクターは、他の関数のように値を返すのではなく、プロパティと動作を定義する。 独自のプロパティ と `prototype` プロパティの 2 種類のプロパティについて説明しました。 独自のプロパティは、オブジェクトインスタンス自体に直接定義されます。 prototype プロパティは `prototype` に定義されます。
+
+```js
+function Bird(name) {
+ this.name = name; //own property
+}
+
+Bird.prototype.numLegs = 2; // prototype property
+
+let duck = new Bird("Donald");
+```
+
+次の例は、`duck` の独自のプロパティを配列 `ownProps` に追加し、`prototype` のプロパティを配列 `prototypeProps` に追加します。
+
+```js
+let ownProps = [];
+let prototypeProps = [];
+
+for (let property in duck) {
+ if(duck.hasOwnProperty(property)) {
+ ownProps.push(property);
+ } else {
+ prototypeProps.push(property);
+ }
+}
+
+console.log(ownProps);
+console.log(prototypeProps);
+```
+
+`console.log(ownProps)` はコンソールに `["name"]` を表示し、`console.log(prototypeProps)` は `["numLegs"]` を表示します。
+
+# --instructions--
+
+`beagle` のすべての独自のプロパティを配列 `ownProps` に追加してください。 `Dog` のすべての `prototype` プロパティを配列 `prototypeProps` に追加してください。
+
+# --hints--
+
+`ownProps` 配列には `name` のみを含める必要があります。
+
+```js
+assert.deepEqual(ownProps, ['name']);
+```
+
+`prototypeProps` 配列には `numLegs` のみを含める必要があります。
+
+```js
+assert.deepEqual(prototypeProps, ['numLegs']);
+```
+
+このチャレンジは組み込みのメソッド `Object.keys()` を使用せずに解決する必要があります。
+
+```js
+assert(!/\Object.keys/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+for (let prop in beagle) {
+ if (beagle.hasOwnProperty(prop)) {
+ ownProps.push(prop);
+ } else {
+ prototypeProps.push(prop);
+ }
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md
new file mode 100644
index 0000000000..31094663a9
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md
@@ -0,0 +1,75 @@
+---
+id: 587d7dad367417b2b2512b76
+title: this キーワードを使用してコードの再利用性を高める
+challengeType: 1
+forumTopicId: 301321
+dashedName: make-code-more-reusable-with-the-this-keyword
+---
+
+# --description--
+
+前回のチャレンジでは、`duck` オブジェクトにメソッドを導入しました。 `duck.name` というドット表記を使用して、return ステートメントの中で `name` プロパティの値にアクセスしました。
+
+```js
+sayName: function() {return "The name of this duck is " + duck.name + ".";}
+```
+
+これはオブジェクトのプロパティにアクセスするための有効な方法ですが、ここには落とし穴があります。 変数名を変更する場合、元の名前を参照しているコードも同様に更新する必要があります。 オブジェクトの定義が短ければ問題ありませんが、オブジェクトに自身のプロパティへの参照が多数あると、エラーが発生する可能性が高くなります。
+
+この問題を回避する方法として、`this` キーワードを使用できます。
+
+```js
+let duck = {
+ name: "Aflac",
+ numLegs: 2,
+ sayName: function() {return "The name of this duck is " + this.name + ".";}
+};
+```
+
+`this` は奥深いキーワードであり、上記はその用例の 1 つにすぎません。 現在のコンテキストでは、`this` は、メソッドが関連付けられているオブジェクト `duck` を参照します。 オブジェクトの名前を `mallard` に変更したとしても、コードの中ですべての `duck` への参照を探す必要はありません。 コードが再利用可能になり、読みやすくなります。
+
+# --instructions--
+
+`dog.sayLegs` メソッドを変更して、`dog` への参照を削除してください。 `duck` の例を参考にしてください。
+
+# --hints--
+
+`dog.sayLegs()` は与えられた文字列を返す必要があります。
+
+```js
+assert(dog.sayLegs() === 'This dog has 4 legs.');
+```
+
+コードで `dog` の `numLegs` プロパティにアクセスするには、`this` キーワードを使用する必要があります。
+
+```js
+assert(code.match(/this\.numLegs/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+ name: "Spot",
+ numLegs: 4,
+ sayLegs: function() {return "This dog has " + dog.numLegs + " legs.";}
+};
+
+dog.sayLegs();
+```
+
+# --solutions--
+
+```js
+let dog = {
+ name: "Spot",
+ numLegs: 4,
+ sayLegs () {
+ return 'This dog has ' + this.numLegs + ' legs.';
+ }
+};
+
+dog.sayLegs();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
new file mode 100644
index 0000000000..c7437b039f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
@@ -0,0 +1,100 @@
+---
+id: 587d7db1367417b2b2512b88
+title: 継承されたメソッドを上書きする
+challengeType: 1
+forumTopicId: 301322
+dashedName: override-inherited-methods
+---
+
+# --description--
+
+以前のレッスンでは、あるオブジェクトで別のオブジェクトの `prototype` オブジェクトを参照してその動作 (メソッド) を継承できることを学びました。
+
+```js
+ChildObject.prototype = Object.create(ParentObject.prototype);
+```
+
+そして、`ChildObject` で独自のメソッドを受け取るために、それらを `prototype` にメソッドチェーンしました。
+
+```js
+ChildObject.prototype.methodName = function() {...};
+```
+
+継承されたメソッドは上書きすることが可能です。 方法は同じで、上書きするメソッドと同じメソッド名を使用して `ChildObject.prototype` にメソッドを追加します。 次の `Bird` の例では、`Animal` から継承された `eat()` メソッドを上書きしています。
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() {
+ return "nom nom nom";
+};
+function Bird() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+
+Bird.prototype.eat = function() {
+ return "peck peck peck";
+};
+```
+
+インスタンス `let duck = new Bird();` があり、`duck.eat()` を呼び出した場合、JavaScript は次のようにして `duck` の `prototype` チェーン上でメソッドを探します。
+
+1. `duck` => `eat()` がここで定義されているか？ いいえ。
+2. `Bird` => `eat()` がここで定義されているか？ => はい。 それを実行して検索を停止。
+3. `Animal` => `eat()` も定義されているが、JavaScript はこのレベルに到達する前に検索を停止。
+4. Object => JavaScript はこのレベルに到達する前に検索を停止。
+
+# --instructions--
+
+`Penguin` の `fly()` メソッドを上書きして、文字列 `Alas, this is a flightless bird.` を返してください。
+
+# --hints--
+
+`penguin.fly()` は文字列 `Alas, this is a flightless bird.` を返す必要があります。
+
+```js
+assert(penguin.fly() === 'Alas, this is a flightless bird.');
+```
+
+`bird.fly()` メソッドは `I am flying!` を返す必要があります。
+
+```js
+assert(new Bird().fly() === 'I am flying!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+
+// Only change code below this line
+
+
+
+// Only change code above this line
+
+let penguin = new Penguin();
+console.log(penguin.fly());
+```
+
+# --solutions--
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+Penguin.prototype.fly = () => 'Alas, this is a flightless bird.';
+let penguin = new Penguin();
+console.log(penguin.fly());
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md
new file mode 100644
index 0000000000..7998913322
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md
@@ -0,0 +1,86 @@
+---
+id: 587d7daf367417b2b2512b80
+title: プロトタイプの変更時に constructor プロパティを必ず設定する
+challengeType: 1
+forumTopicId: 301323
+dashedName: remember-to-set-the-constructor-property-when-changing-the-prototype
+---
+
+# --description--
+
+プロトタイプに新しいオブジェクトを手動で設定すると、重要な副作用が一つ発生します。 それは、`constructor` プロパティを消してしまうことです！ このプロパティを使用して、どのコンストラクター関数がインスタンスを作成したかを確認することができますが、プロパティが上書きされてしまうと次の結果は正しくなくなります。
+
+```js
+duck.constructor === Bird;
+duck.constructor === Object;
+duck instanceof Bird;
+```
+
+これらの式は順に `false`、`true`、`true` と評価されます。
+
+これを修正するには、プロトタイプに新しいオブジェクトを手動で設定するたびに、必ず `constructor` プロパティを定義します。
+
+```js
+Bird.prototype = {
+ constructor: Bird,
+ numLegs: 2,
+ eat: function() {
+ console.log("nom nom nom");
+ },
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+```
+
+# --instructions--
+
+`Dog` の `prototype` の `constructor` プロパティを定義してください。
+
+# --hints--
+
+`Dog.prototype` で `constructor` プロパティを設定する必要があります。
+
+```js
+assert(Dog.prototype.constructor === Dog);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+// Only change code below this line
+Dog.prototype = {
+
+ numLegs: 4,
+ eat: function() {
+ console.log("nom nom nom");
+ },
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+Dog.prototype = {
+ constructor: Dog,
+ numLegs: 4,
+ eat: function() {
+ console.log("nom nom nom");
+ },
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
new file mode 100644
index 0000000000..23e70bad4b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
@@ -0,0 +1,91 @@
+---
+id: 587d7db1367417b2b2512b86
+title: 継承された constructor プロパティを再設定する
+challengeType: 1
+forumTopicId: 301324
+dashedName: reset-an-inherited-constructor-property
+---
+
+# --description--
+
+オブジェクトが別のオブジェクトから `prototype` を継承するときは、スーパータイプの constructor プロパティも継承します。
+
+例を示します。
+
+```js
+function Bird() { }
+Bird.prototype = Object.create(Animal.prototype);
+let duck = new Bird();
+duck.constructor
+```
+
+しかし、`duck` と、`Bird` のすべてのインスタンスでは、それらが `Bird` によって作成されたものであり、`Animal` によって作成されたものではないことを示す必要があります。 これを行うには、`Bird` の constructor プロパティに `Bird` オブジェクトを手動で設定します。
+
+```js
+Bird.prototype.constructor = Bird;
+duck.constructor
+```
+
+# --instructions--
+
+`duck.constructor` と `beagle.constructor` がそれぞれのコンストラクターを返すようにコードを修正してください。
+
+# --hints--
+
+`Bird.prototype` は `Animal` のインスタンスである必要があります。
+
+```js
+assert(Animal.prototype.isPrototypeOf(Bird.prototype));
+```
+
+`duck.constructor` は `Bird` を返す必要があります。
+
+```js
+assert(duck.constructor === Bird);
+```
+
+`Dog.prototype` は `Animal` のインスタンスである必要があります。
+
+```js
+assert(Animal.prototype.isPrototypeOf(Dog.prototype));
+```
+
+`beagle.constructor` は `Dog` を返す必要があります。
+
+```js
+assert(beagle.constructor === Dog);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+
+// Only change code below this line
+
+
+
+let duck = new Bird();
+let beagle = new Dog();
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+Dog.prototype.constructor = Dog;
+Bird.prototype.constructor = Bird;
+let duck = new Bird();
+let beagle = new Dog();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md
new file mode 100644
index 0000000000..3c65bcf243
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md
@@ -0,0 +1,79 @@
+---
+id: 587d7db1367417b2b2512b85
+title: 子のプロトタイプに親のインスタンスを設定する
+challengeType: 1
+forumTopicId: 301325
+dashedName: set-the-childs-prototype-to-an-instance-of-the-parent
+---
+
+# --description--
+
+前回のチャレンジでは、スーパータイプ (親) `Animal` から動作を継承するための最初のステップとして、`Animal` の新しいインスタンスを作成しました。
+
+このチャレンジでは次のステップを説明します。ここでは、サブタイプ (子、この例では `Bird`) の `prototype` に `Animal` のインスタンスを設定します。
+
+```js
+Bird.prototype = Object.create(Animal.prototype);
+```
+
+`prototype` はオブジェクトを作成するための「レシピ」のようなものであることを忘れないでください。 `Bird` のレシピには `Animal` から受け継いだ重要な「材料」がすべて含まれることになります。
+
+```js
+let duck = new Bird("Donald");
+duck.eat();
+```
+
+`duck` は `Animal` の `eat` メソッドを含むすべてのプロパティを継承します。
+
+# --instructions--
+
+`Dog` のインスタンスが `Animal` から継承されるようにコードを変更してください。
+
+# --hints--
+
+`Dog.prototype` は `Animal` のインスタンスである必要があります。
+
+```js
+assert(Animal.prototype.isPrototypeOf(Dog.prototype));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+ constructor: Animal,
+ eat: function() {
+ console.log("nom nom nom");
+ }
+};
+
+function Dog() { }
+
+// Only change code below this line
+
+
+let beagle = new Dog();
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+ constructor: Animal,
+ eat: function() {
+ console.log("nom nom nom");
+ }
+};
+
+function Dog() { }
+Dog.prototype = Object.create(Animal.prototype);
+
+let beagle = new Dog();
+beagle.eat();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md
new file mode 100644
index 0000000000..e6a13d4b80
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md
@@ -0,0 +1,104 @@
+---
+id: 587d7dae367417b2b2512b7b
+title: 独自のプロパティを理解する
+challengeType: 1
+forumTopicId: 301326
+dashedName: understand-own-properties
+---
+
+# --description--
+
+次の例では、`Bird` コンストラクターで `name` と `numLegs` の 2 つのプロパティを定義しています。
+
+```js
+function Bird(name) {
+ this.name = name;
+ this.numLegs = 2;
+}
+
+let duck = new Bird("Donald");
+let canary = new Bird("Tweety");
+```
+
+`name` と `numLegs` はインスタンスオブジェクトで直接定義されているため、独自のプロパティ と呼ばれます。 つまり、`duck` と `canary` は、それぞれこれらのプロパティの独自のコピーを持つことになります。 実際、`Bird` のすべてのインスタンスは、これらのプロパティの独自のコピーを持ちます。 次のコードは、`duck` のすべての独自のプロパティを配列 `ownProps` に追加します。
+
+```js
+let ownProps = [];
+
+for (let property in duck) {
+ if(duck.hasOwnProperty(property)) {
+ ownProps.push(property);
+ }
+}
+
+console.log(ownProps);
+```
+
+コンソールには値 `["name", "numLegs"]` が表示されます。
+
+# --instructions--
+
+`canary` の独自のプロパティを配列 `ownProps` に追加してください。
+
+# --hints--
+
+`ownProps` には、`numLegs` と `name` の値を含める必要があります。
+
+```js
+assert(ownProps.indexOf('name') !== -1 && ownProps.indexOf('numLegs') !== -1);
+```
+
+このチャレンジは組み込みのメソッド `Object.keys()` を使用せずに解決する必要があります。
+
+```js
+assert(!/Object(\.keys|\[(['"`])keys\2\])/.test(code));
+```
+
+`ownProps` 配列をハードコーディングせずに、このチャレンジを解決する必要があります。
+
+```js
+assert(
+ !/\[\s*(?:'|")(?:name|numLegs)|(?:push|concat)\(\s*(?:'|")(?:name|numLegs)/.test(
+ code
+ )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Bird(name) {
+ this.name = name;
+ this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+let ownProps = [];
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Bird(name) {
+ this.name = name;
+ this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+function getOwnProps (obj) {
+ const props = [];
+
+ for (let prop in obj) {
+ if (obj.hasOwnProperty(prop)) {
+ props.push(prop);
+ }
+ }
+
+ return props;
+}
+
+const ownProps = getOwnProps(canary);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md
new file mode 100644
index 0000000000..e9c02023d8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md
@@ -0,0 +1,85 @@
+---
+id: 587d7daf367417b2b2512b7e
+title: コンストラクタープロパティを理解する
+challengeType: 1
+forumTopicId: 301327
+dashedName: understand-the-constructor-property
+---
+
+# --description--
+
+前のチャレンジで作成したオブジェクトインスタンス `duck` と `beagle` には、特別な `constructor` プロパティが配置されています。
+
+```js
+let duck = new Bird();
+let beagle = new Dog();
+
+console.log(duck.constructor === Bird);
+console.log(beagle.constructor === Dog);
+```
+
+これらの `console.log` 呼び出しではどちらも、コンソールに `true` と表示されます。
+
+`constructor` プロパティは、インスタンスを作成したコンストラクター関数への参照であることに注意してください。 `constructor` プロパティの利点は、このプロパティをチェックしてどのようなオブジェクトなのかを調べることができる点です。 そうした使い方の例を次に示します。
+
+```js
+function joinBirdFraternity(candidate) {
+ if (candidate.constructor === Bird) {
+ return true;
+ } else {
+ return false;
+ }
+}
+```
+
+**注:** `constructor` プロパティは上書きできるので (以降の 2 つのチャレンジで説明します)、一般的にオブジェクトのタイプを確認するには `instanceof` メソッドを使用する方が良いでしょう。
+
+# --instructions--
+
+`candidate` パラメーターを受け取り、`constructor` プロパティを利用して、候補が `Dog` の場合は `true` を、そうでない場合は `false` を返す `joinDogFraternity` 関数を作成してください。
+
+# --hints--
+
+`joinDogFraternity` を関数として定義する必要があります。
+
+```js
+assert(typeof joinDogFraternity === 'function');
+```
+
+`joinDogFraternity` は `candidate` が `Dog` のインスタンスである場合に `true` を返す必要があります。
+
+```js
+assert(joinDogFraternity(new Dog('')) === true);
+```
+
+`joinDogFraternity` では `constructor` プロパティを使用する必要があります。
+
+```js
+assert(/\.constructor/.test(code) && !/instanceof/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+// Only change code below this line
+function joinDogFraternity(candidate) {
+
+}
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+function joinDogFraternity(candidate) {
+ return candidate.constructor === Dog;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md
new file mode 100644
index 0000000000..28478e87cb
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md
@@ -0,0 +1,83 @@
+---
+id: 587d7db2367417b2b2512b8b
+title: 即時実行関数式 (IIFE) を理解する
+challengeType: 1
+forumTopicId: 301328
+dashedName: understand-the-immediately-invoked-function-expression-iife
+---
+
+# --description--
+
+JavaScript では、関数を宣言したらすぐに実行するというのが一般的なパターンです。
+
+```js
+(function () {
+ console.log("Chirp, chirp!");
+})();
+```
+
+これは無名関数式で、即座に実行され、すぐに `Chirp, chirp!` を出力します。
+
+関数には名前を付けず、変数に保存していないことに注意してください。 関数式の末尾にある 2 つの括弧 () により、直ちに実行または呼び出しをします。 このパターンのことを即時実行関数式 または IIFE と呼びます。
+
+# --instructions--
+
+関数 `makeNest` を書き換え、その呼び出しを削除して、代わりに無名の即時実行関数式 (IIFE) にしてください。
+
+# --hints--
+
+関数は無名である必要があります。
+
+```js
+assert(/\((function|\(\))(=>|\(\)){?/.test(code.replace(/\s/g, '')));
+```
+
+関数の式の末尾に括弧を付けて、すぐに呼び出す必要があります。
+
+```js
+assert(/\(.*(\)\(|\}\(\))\)/.test(code.replace(/[\s;]/g, '')));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function makeNest() {
+ console.log("A cozy nest is ready");
+}
+
+makeNest();
+```
+
+# --solutions--
+
+```js
+(function () {
+ console.log("A cozy nest is ready");
+})();
+```
+
+---
+
+```js
+(function () {
+ console.log("A cozy nest is ready");
+}());
+```
+
+---
+
+```js
+(() => {
+ console.log("A cozy nest is ready");
+})();
+```
+
+---
+
+```js
+(() =>
+ console.log("A cozy nest is ready")
+)();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md
new file mode 100644
index 0000000000..d1151ddbd5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md
@@ -0,0 +1,74 @@
+---
+id: 587d7db0367417b2b2512b82
+title: プロトタイプチェーンを理解する
+challengeType: 1
+forumTopicId: 301329
+dashedName: understand-the-prototype-chain
+---
+
+# --description--
+
+JavaScript 内のすべてのオブジェクトは (いくつかの例外を除いて) `prototype` を持っています。 また、オブジェクトの `prototype` それ自体もオブジェクトです。
+
+```js
+function Bird(name) {
+ this.name = name;
+}
+
+typeof Bird.prototype;
+```
+
+`prototype` はオブジェクトであるため、`prototype` は独自の `prototype` を持つことができます！ この場合、`Bird.prototype` の `prototype` は `Object.prototype` です。
+
+```js
+Object.prototype.isPrototypeOf(Bird.prototype);
+```
+
+これはどのように役立つのでしょうか？ 前のチャレンジで説明した `hasOwnProperty` メソッドを思い出してください。
+
+```js
+let duck = new Bird("Donald");
+duck.hasOwnProperty("name");
+```
+
+`hasOwnProperty` メソッドは `Object.prototype` で定義されており、`Bird.prototype` でアクセスでき、さらに Bird.prototype には `duck` でアクセスできます。 これは `prototype` チェーンの例です。 この `prototype` において、`Bird` は `duck` に対する `supertype` であり、一方 `duck` は `subtype` です。 `Object` は `Bird` と `duck` 両方に対する `supertype` です。 `Object` は JavaScript におけるすべてのオブジェクトの `supertype` です。 したがって、任意のオブジェクトで `hasOwnProperty` メソッドを使用することができます。
+
+# --instructions--
+
+コードを変更して、正しいプロトタイプチェーンを表示してください。
+
+# --hints--
+
+`Object.prototype` が `Dog.prototype` のプロトタイプであることを示す必要があります。
+
+```js
+assert(/Object\.prototype\.isPrototypeOf/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+Dog.prototype.isPrototypeOf(beagle); // yields true
+
+// Fix the code below so that it evaluates to true
+???.isPrototypeOf(Dog.prototype);
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+let beagle = new Dog("Snoopy");
+Dog.prototype.isPrototypeOf(beagle);
+Object.prototype.isPrototypeOf(Dog.prototype);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md
new file mode 100644
index 0000000000..ac8cda4958
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db0367417b2b2512b81
+title: オブジェクトのプロトタイプの発生元を理解する
+challengeType: 1
+forumTopicId: 301330
+dashedName: understand-where-an-objects-prototype-comes-from
+---
+
+# --description--
+
+人々が親から遺伝子を継承するのと同じように、オブジェクトはそれを作成したコンストラクター関数から直接、自身の `prototype` を継承します。 次の例では、`Bird` コンストラクターが `duck` オブジェクトを作成します。
+
+```js
+function Bird(name) {
+ this.name = name;
+}
+
+let duck = new Bird("Donald");
+```
+
+`duck` は自身の `prototype` を `Bird` コンストラクター関数から継承します。 この関係は `isPrototypeOf` メソッドで表示できます。
+
+```js
+Bird.prototype.isPrototypeOf(duck);
+```
+
+これは `true` を返します。
+
+# --instructions--
+
+`isPrototypeOf` を使用して、`beagle` の `prototype` を確認してください。
+
+# --hints--
+
+`beagle` の `prototype` が `Dog.prototype` であることを示す必要があります。
+
+```js
+assert(/Dog\.prototype\.isPrototypeOf\(beagle\)/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+let beagle = new Dog("Snoopy");
+Dog.prototype.isPrototypeOf(beagle);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md
new file mode 100644
index 0000000000..2bed5762da
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md
@@ -0,0 +1,80 @@
+---
+id: 587d7dad367417b2b2512b78
+title: コンストラクターを使用してオブジェクトを作成する
+challengeType: 1
+forumTopicId: 18233
+dashedName: use-a-constructor-to-create-objects
+---
+
+# --description--
+
+次に示すのは前回のチャレンジで取り上げた `Bird` コンストラクターです。
+
+```js
+function Bird() {
+ this.name = "Albert";
+ this.color = "blue";
+ this.numLegs = 2;
+}
+
+let blueBird = new Bird();
+```
+
+**注:** コンストラクター内の `this` は、作成されるオブジェクトを常に参照します。
+
+コンストラクターを呼び出すときに `new` 演算子を使用していることに注目してください。 これにより、`blueBird` という `Bird` の新しいインスタンスを作成するように JavaScript に伝えます。 `new` 演算子がなければ、コンストラクター内の `this` は新しく作成されたオブジェクトを指さず、予期せぬ結果をもたらします。 これで `blueBird` は、`Bird` コンストラクター内で定義されているすべてのプロパティを持ちます。
+
+```js
+blueBird.name;
+blueBird.color;
+blueBird.numLegs;
+```
+
+他のオブジェクトと同様に、プロパティにアクセスして変更することができます。
+
+```js
+blueBird.name = 'Elvira';
+blueBird.name;
+```
+
+# --instructions--
+
+前のレッスンの `Dog` コンストラクターを使用して、`Dog` の新しいインスタンスを作成し、それを変数 `hound` に割り当ててください。
+
+# --hints--
+
+`hound` は `Dog` コンストラクターを使用して作成する必要があります。
+
+```js
+assert(hound instanceof Dog);
+```
+
+`Dog` のインスタンスを作成するには、`new` 演算子を使用する必要があります。
+
+```js
+assert(code.match(/new/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog() {
+ this.name = "Rupert";
+ this.color = "brown";
+ this.numLegs = 4;
+}
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Dog() {
+ this.name = "Rupert";
+ this.color = "brown";
+ this.numLegs = 4;
+}
+const hound = new Dog();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
new file mode 100644
index 0000000000..a3335cbe11
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
@@ -0,0 +1,111 @@
+---
+id: 587d7db2367417b2b2512b89
+title: ミックスインを使用して互いに関連性のないオブジェクト間に共通の動作を追加する
+challengeType: 1
+forumTopicId: 301331
+dashedName: use-a-mixin-to-add-common-behavior-between-unrelated-objects
+---
+
+# --description--
+
+ここまで見てきたように、動作は継承を通じて共有されます。 しかし、継承が最善の解決策とはならない場合もあります。 たとえば `Bird` と `Airplane` のような、互いに関連性のないオブジェクトの場合、継承はうまく機能しません。 どちらも飛ぶことができますが、`Bird` は `Airplane` の一種ではなく、逆もまた同様です。
+
+関連性のないオブジェクトどうしの場合は、ミックスイン を使用する方が適切です。 ミックスインを使用すると、他のオブジェクトで関数のコレクションを使用できるようになります。
+
+```js
+let flyMixin = function(obj) {
+ obj.fly = function() {
+ console.log("Flying, wooosh!");
+ }
+};
+```
+
+`flyMixin` は、任意のオブジェクトを受け取り、`fly` メソッドを与えます。
+
+```js
+let bird = {
+ name: "Donald",
+ numLegs: 2
+};
+
+let plane = {
+ model: "777",
+ numPassengers: 524
+};
+
+flyMixin(bird);
+flyMixin(plane);
+```
+
+ここで `bird` と `plane` を `flyMixin` に渡します。すると、それぞれのオブジェクトに `fly` 関数が割り当てられ、 `bird` と `plane` の両方が飛べるようになります。
+
+```js
+bird.fly();
+plane.fly();
+```
+
+コンソールには、文字列 `Flying, wooosh!` が 2 回、`.fly()` の呼び出しごとに 1 回ずつ表示されます。
+
+このようにミックスインによって、互いに無関係のオブジェクト `bird` と `plane` で同じ `fly` メソッドを再利用できるようになります。
+
+# --instructions--
+
+`glide` という名前のメソッドを定義する `glideMixin` という名前のミックスインを作成してください。 次に、`glideMixin` を使用して、`bird` と `boat` の両方に glide の能力を与えてください。
+
+# --hints--
+
+関数である `glideMixin` 変数を宣言する必要があります。
+
+```js
+assert(typeof glideMixin === 'function');
+```
+
+コードの `bird` オブジェクトで `glideMixin` を使用して、 `glide` メソッドを与える必要があります。
+
+```js
+assert(typeof bird.glide === 'function');
+```
+
+コードの `boat` オブジェクトで `glideMixin` を使用して、`glide` メソッドを与える必要があります。
+
+```js
+assert(typeof boat.glide === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let bird = {
+ name: "Donald",
+ numLegs: 2
+};
+
+let boat = {
+ name: "Warrior",
+ type: "race-boat"
+};
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let bird = {
+ name: "Donald",
+ numLegs: 2
+};
+
+let boat = {
+ name: "Warrior",
+ type: "race-boat"
+};
+function glideMixin (obj) {
+ obj.glide = () => 'Gliding!';
+}
+
+glideMixin(bird);
+glideMixin(boat);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md
new file mode 100644
index 0000000000..b1a7716756
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md
@@ -0,0 +1,106 @@
+---
+id: 587d7db2367417b2b2512b8c
+title: IIFE を使用してモジュールを作成する
+challengeType: 1
+forumTopicId: 301332
+dashedName: use-an-iife-to-create-a-module
+---
+
+# --description--
+
+即時実行関数式 (IIFE) は、関連する機能を 1 つのオブジェクトまたはモジュール にグループ化する場合によく使用されます。 たとえば、以前のチャレンジでは 2 つのミックスインを定義しました。
+
+```js
+function glideMixin(obj) {
+ obj.glide = function() {
+ console.log("Gliding on the water");
+ };
+}
+function flyMixin(obj) {
+ obj.fly = function() {
+ console.log("Flying, wooosh!");
+ };
+}
+```
+
+これらのミックスインを次のようにしてモジュールにグループ化することができます。
+
+```js
+let motionModule = (function () {
+ return {
+ glideMixin: function(obj) {
+ obj.glide = function() {
+ console.log("Gliding on the water");
+ };
+ },
+ flyMixin: function(obj) {
+ obj.fly = function() {
+ console.log("Flying, wooosh!");
+ };
+ }
+ }
+})();
+```
+
+オブジェクト `motionModule` を返す即時実行関数式 (IIFE) を使用していることに注意してください。 返されたオブジェクトには、オブジェクトのプロパティとしてミックスインのすべての動作が含まれています。 モジュールパターンの利点として、すべてのモーション動作を単一のオブジェクトにまとめ、コードの他の部分で利用することができます。 使用例を次に示します。
+
+```js
+motionModule.glideMixin(duck);
+duck.glide();
+```
+
+# --instructions--
+
+`funModule` という名前のモジュールを作成して、2 つのミックスイン `isCuteMixin` と `singMixin` をまとめてください。 `funModule` はオブジェクトを返す必要があります。
+
+# --hints--
+
+`funModule` を定義し、オブジェクトを返す必要があります。
+
+```js
+assert(typeof funModule === 'object');
+```
+
+`funModule.isCuteMixin` は関数にアクセスする必要があります。
+
+```js
+assert(typeof funModule.isCuteMixin === 'function');
+```
+
+`funModule.singMixin` は関数にアクセスする必要があります。
+
+```js
+assert(typeof funModule.singMixin === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let isCuteMixin = function(obj) {
+ obj.isCute = function() {
+ return true;
+ };
+};
+let singMixin = function(obj) {
+ obj.sing = function() {
+ console.log("Singing to an awesome tune");
+ };
+};
+```
+
+# --solutions--
+
+```js
+const funModule = (function () {
+ return {
+ isCuteMixin: obj => {
+ obj.isCute = () => true;
+ },
+ singMixin: obj => {
+ obj.sing = () => console.log("Singing to an awesome tune");
+ }
+ };
+})();
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
new file mode 100644
index 0000000000..ed48648b8f
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
@@ -0,0 +1,81 @@
+---
+id: 587d7db2367417b2b2512b8a
+title: >-
+ クロージャーを使用してオブジェクト内のプロパティを外部から変更されないように保護する
+challengeType: 1
+forumTopicId: 18234
+dashedName: >-
+ use-closure-to-protect-properties-within-an-object-from-being-modified-externally
+---
+
+# --description--
+
+前回のチャレンジで、`bird` には public プロパティの `name` がありました。 `bird` の定義の外側からアクセスして変更できるため、public とみなされます。
+
+```js
+bird.name = "Duffy";
+```
+
+したがって、コードのどこからでも、`bird` の名前を任意の値に簡単に変更できることになります。 たとえば、パスワードや銀行口座がコードベースのどこからでも簡単に変更できるような状況を考えてみてください。 これは多くの問題を引き起こす可能性があります。
+
+この public (公開) プロパティを private (非公開) にするには、変数をコンストラクター関数の中で作成するのが最も簡単です。 コンストラクター関数内で作成すると、その変数のスコープが関数の内部に変更され、グローバルに利用できなくなります。 これにより、変数に対してアクセスや変更ができるのはコンストラクター関数内のメソッドのみになります。
+
+```js
+function Bird() {
+ let hatchedEgg = 10;
+
+ this.getHatchedEggCount = function() {
+ return hatchedEgg;
+ };
+}
+let ducky = new Bird();
+ducky.getHatchedEggCount();
+```
+
+この例で、`getHatchedEggCount` は private 変数 `hatchedEgg` にアクセスできるので、特権のあるメソッドになります。 これが可能になる理由は、`hatchedEgg` が `getHatchedEggCount` と同じコンテキストで宣言されているためです。 JavaScript では、関数は常に、自身が作成されたコンテキストにアクセスすることができます。 このようなコンテキストのことを `closure` (クロージャー) と呼びます。
+
+# --instructions--
+
+`Bird` 関数での `weight` の宣言を変更して、private 変数にしてください。 次に、`weight` の値として 15 を返すメソッド `getWeight` を作成してください。
+
+# --hints--
+
+`weight` プロパティを private 変数にして、値 `15` を割り当てる必要があります。
+
+```js
+assert(code.match(/(var|let|const)\s+weight\s*\=\s*15\;?/g));
+```
+
+private 変数 `weight` の値を返す `getWeight` というメソッドを `Bird` に作成する必要があります。
+
+```js
+assert(new Bird().getWeight() === 15);
+```
+
+`getWeight` 関数は private 変数 `weight` を返す必要があります。
+
+```js
+assert(code.match(/((return\s+)|(\(\s*\)\s*\=\>\s*))weight\;?/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Bird() {
+ this.weight = 15;
+
+
+}
+```
+
+# --solutions--
+
+```js
+function Bird() {
+ let weight = 15;
+
+ this.getWeight = () => weight;
+}
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md
new file mode 100644
index 0000000000..747aeabe58
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md
@@ -0,0 +1,62 @@
+---
+id: 587d7dac367417b2b2512b74
+title: ドット表記を使用してオブジェクトのプロパティにアクセスする
+challengeType: 1
+forumTopicId: 301333
+dashedName: use-dot-notation-to-access-the-properties-of-an-object
+---
+
+# --description--
+
+前回のチャレンジでは、さまざまなプロパティを持つオブジェクトを作成しました。 ここでは、これらのプロパティの値にアクセスする方法を紹介しましょう。 例を次に示します。
+
+```js
+let duck = {
+ name: "Aflac",
+ numLegs: 2
+};
+console.log(duck.name);
+```
+
+`Aflac` という値にアクセスするには、オブジェクト名 `duck` に続いて、ドット表記を使用してプロパティ名 `name` を記述します。
+
+# --instructions--
+
+`dog` オブジェクトの両方のプロパティをコンソールに出力してください。
+
+# --hints--
+
+`console.log` を使用して、`dog` オブジェクトの `name` プロパティの値を出力します。
+
+```js
+assert(/console.log\(.*dog\.name.*\)/g.test(code));
+```
+
+`console.log` を使用して、`dog` オブジェクトの `numLegs` プロパティの値を出力します。
+
+```js
+assert(/console.log\(.*dog\.numLegs.*\)/g.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+ name: "Spot",
+ numLegs: 4
+};
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let dog = {
+ name: "Spot",
+ numLegs: 4
+};
+console.log(dog.name);
+console.log(dog.numLegs);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md
new file mode 100644
index 0000000000..45aeddb2c0
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md
@@ -0,0 +1,142 @@
+---
+id: 587d7db0367417b2b2512b83
+title: 継承を使用して繰り返しを避ける
+challengeType: 1
+forumTopicId: 301334
+dashedName: use-inheritance-so-you-dont-repeat-yourself
+---
+
+# --description--
+
+プログラミングには Don't Repeat Yourself (DRY、繰り返しを避けよ) と呼ばれる原則があります。 コードの繰り返しが問題なのは、変更を加える際に複数の場所でコードを修正しなければならないからです。 通常はその結果として、プログラマーの作業とエラーの余地が増えることになります。
+
+次の例では、`Bird` と `Dog` が `describe` メソッドを共有しています。
+
+```js
+Bird.prototype = {
+ constructor: Bird,
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+
+Dog.prototype = {
+ constructor: Dog,
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+```
+
+`describe` メソッドが 2 か所で繰り返されています。 そこで、`Animal` という `supertype` (親) を作成することで、DRY の原則に従うようにコードを編集することができます。
+
+```js
+function Animal() { };
+
+Animal.prototype = {
+ constructor: Animal,
+ describe: function() {
+ console.log("My name is " + this.name);
+ }
+};
+```
+
+`Animal` に `describe` メソッドを含めたので、`Bird` と `Dog` から削除することができます。
+
+```js
+Bird.prototype = {
+ constructor: Bird
+};
+
+Dog.prototype = {
+ constructor: Dog
+};
+```
+
+# --instructions--
+
+`eat` メソッドが `Cat` と `Bear` の両方で繰り返されています。 `eat` メソッドを `Animal` `supertype`に移動して、DRY の原則に沿うようにコードを編集してください。
+
+# --hints--
+
+`Animal.prototype` に `eat` プロパティを持たせる必要があります。
+
+```js
+assert(Animal.prototype.hasOwnProperty('eat'));
+```
+
+`Bear.prototype` に `eat` プロパティを持たせないでください。
+
+```js
+assert(!Bear.prototype.hasOwnProperty('eat'));
+```
+
+`Cat.prototype` に `eat` プロパティを持たせないでください。
+
+```js
+assert(!Cat.prototype.hasOwnProperty('eat'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Cat(name) {
+ this.name = name;
+}
+
+Cat.prototype = {
+ constructor: Cat,
+ eat: function() {
+ console.log("nom nom nom");
+ }
+};
+
+function Bear(name) {
+ this.name = name;
+}
+
+Bear.prototype = {
+ constructor: Bear,
+ eat: function() {
+ console.log("nom nom nom");
+ }
+};
+
+function Animal() { }
+
+Animal.prototype = {
+ constructor: Animal,
+
+};
+```
+
+# --solutions--
+
+```js
+function Cat(name) {
+ this.name = name;
+}
+
+Cat.prototype = {
+ constructor: Cat
+};
+
+function Bear(name) {
+ this.name = name;
+}
+
+Bear.prototype = {
+ constructor: Bear
+};
+
+function Animal() { }
+
+Animal.prototype = {
+ constructor: Animal,
+ eat: function() {
+ console.log("nom nom nom");
+ }
+};
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md
new file mode 100644
index 0000000000..5d048b26de
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md
@@ -0,0 +1,77 @@
+---
+id: 587d7dae367417b2b2512b7c
+title: プロトタイプのプロパティを使用して重複コードを減らす
+challengeType: 1
+forumTopicId: 301336
+dashedName: use-prototype-properties-to-reduce-duplicate-code
+---
+
+# --description--
+
+`numLegs` はおそらく `Bird` のすべてのインスタンスで同じ値になるので、実質的に各 `Bird` インスタンスの中に重複した変数 `numLegs` が存在することになります。
+
+インスタンスが 2 つだけならば問題にはならないかもしれませんが、インスタンスが何百万もある状況を想像してみてください。 たくさんの重複変数ができることになります。
+
+より適切なのは、`Bird` の `prototype` を使用する方法です。 `prototype` のプロパティは `Bird` のすべてのインスタンスで共有されます。 次の方法で `numLegs` を `Bird prototype` に追加できます。
+
+```js
+Bird.prototype.numLegs = 2;
+```
+
+これで `Bird` のすべてのインスタンスが `numLegs` プロパティを持ちます。
+
+```js
+console.log(duck.numLegs);
+console.log(canary.numLegs);
+```
+
+すべてのインスタンスは自動的に `prototype` にプロパティを持つので、`prototype` をオブジェクトを作成するための「レシピ」と捉えることができます。 ちなみに、`duck` と `canary` の `prototype` は、`Bird.prototype` として `Bird` のコンストラクターの一部となっています。 JavaScript のほぼすべてのオブジェクトは、それを作成したコンストラクター関数の一部である `prototype` プロパティを持っています。
+
+# --instructions--
+
+`numLegs` プロパティを `Dog` の `prototype` に追加してください。
+
+# --hints--
+
+`beagle` は `numLegs` プロパティを持つ必要があります。
+
+```js
+assert(beagle.numLegs !== undefined);
+```
+
+`beagle.numLegs` は数値である必要があります。
+
+```js
+assert(typeof beagle.numLegs === 'number');
+```
+
+`numLegs` は、独自のプロパティではなく、`prototype` のプロパティにする必要があります。
+
+```js
+assert(beagle.hasOwnProperty('numLegs') === false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+ this.name = name;
+}
+
+
+
+// Only change code above this line
+let beagle = new Dog("Snoopy");
+```
+
+# --solutions--
+
+```js
+function Dog (name) {
+ this.name = name;
+}
+Dog.prototype.numLegs = 4;
+let beagle = new Dog("Snoopy");
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md
new file mode 100644
index 0000000000..dff4034433
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md
@@ -0,0 +1,79 @@
+---
+id: 587d7dae367417b2b2512b7a
+title: instanceof を使用してオブジェクトのコンストラクターを検証する
+challengeType: 1
+forumTopicId: 301337
+dashedName: verify-an-objects-constructor-with-instanceof
+---
+
+# --description--
+
+コンストラクター関数が新しいオブジェクトを生成するときはいつでも、そのオブジェクトはコンストラクターのインスタンス である、という言い方をします。 JavaScript にはそのことを検証するための便利な手段として `instanceof` 演算子が用意されています。 `instanceof` を使用してオブジェクトとコンストラクターを比較し、そのオブジェクトがそのコンストラクターを使用して作成されたかどうかに基づいて `true` または `false` を返すことができます。 例を示します。
+
+```js
+let Bird = function(name, color) {
+ this.name = name;
+ this.color = color;
+ this.numLegs = 2;
+}
+
+let crow = new Bird("Alexis", "black");
+
+crow instanceof Bird;
+```
+
+この `instanceof` メソッドは `true` を返します。
+
+オブジェクトがコンストラクターを使用せずに作成された場合、`instanceof` はオブジェクトがそのコンストラクターのインスタンスではないことを検証します。
+
+```js
+let canary = {
+ name: "Mildred",
+ color: "Yellow",
+ numLegs: 2
+};
+
+canary instanceof Bird;
+```
+
+この `instanceof` メソッドは `false` を返します。
+
+# --instructions--
+
+`House` コンストラクターの新しいインスタンスを作成し、それに `myHouse` という名前を付けて、いくつかの寝室を渡してください。 次に、`instanceof` を使用して、`House` のインスタンスであることを検証してください。
+
+# --hints--
+
+`myHouse` の `numBedrooms` 属性に数値を設定する必要があります。
+
+```js
+assert(typeof myHouse.numBedrooms === 'number');
+```
+
+`instanceof` 演算子を使用して、`myHouse` が `House` のインスタンスであることを検証する必要があります。
+
+```js
+assert(/myHouse\s*instanceof\s*House/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function House(numBedrooms) {
+ this.numBedrooms = numBedrooms;
+}
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function House(numBedrooms) {
+ this.numBedrooms = numBedrooms;
+}
+const myHouse = new House(4);
+console.log(myHouse instanceof House);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md
new file mode 100644
index 0000000000..c55bfe5a5e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md
@@ -0,0 +1,77 @@
+---
+id: 587d7dba367417b2b2512ba8
+title: 存在するかしないかをチェックする
+challengeType: 1
+forumTopicId: 301338
+dashedName: check-for-all-or-none
+---
+
+# --description--
+
+検索したいパターンの中に、存在するかどうかがわからない部分が含まれている場合があります。 しかし、そうした場合でも存在の有無をチェックすることが重要なことがあります。
+
+クエスチョンマーク `?` を使用すると、要素の存在の可能性を指定できます。 これは、直前の要素が 0 個か 1 個かをチェックします。 この記号は、前の要素が省略可能であるとみなすことができます。
+
+たとえば、アメリカ英語とイギリス英語には若干の違いがあり、クエスチョンマークを使用して両方のスペルにマッチすることができます。
+
+```js
+let american = "color";
+let british = "colour";
+let rainbowRegex= /colou?r/;
+rainbowRegex.test(american);
+rainbowRegex.test(british);
+```
+
+どちらの `test` メソッドも `true` を返します。
+
+# --instructions--
+
+正規表現の `favRegex` を変更して、アメリカ英語 (`favorite`) とイギリス英語 (`favourite`) の両方の単語にマッチするようにしてください。
+
+# --hints--
+
+正規表現にはオプション記号 `?` を使用してください。
+
+```js
+favRegex.lastIndex = 0;
+assert(favRegex.source.match(/\?/).length > 0);
+```
+
+正規表現は文字列 `favorite` にマッチする必要があります。
+
+```js
+favRegex.lastIndex = 0;
+assert(favRegex.test('favorite'));
+```
+
+正規表現は文字列 `favourite` にマッチする必要があります。
+
+```js
+favRegex.lastIndex = 0;
+assert(favRegex.test('favourite'));
+```
+
+正規表現は文字列 `fav` にマッチしないようにする必要があります。
+
+```js
+favRegex.lastIndex = 0;
+assert(!favRegex.test('fav'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let favWord = "favorite";
+let favRegex = /change/; // Change this line
+let result = favRegex.test(favWord);
+```
+
+# --solutions--
+
+```js
+let favWord = "favorite";
+let favRegex = /favou?r/;
+let result = favRegex.test(favWord);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md
new file mode 100644
index 0000000000..93e0cc4a06
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md
@@ -0,0 +1,90 @@
+---
+id: 5c3dda8b4d8df89bea71600f
+title: 混在する文字のグループをチェックする
+challengeType: 1
+forumTopicId: 301339
+dashedName: check-for-mixed-grouping-of-characters
+---
+
+# --description--
+
+正規表現を使用して文字のグループをチェックするために、括弧 `()` を使用することがあります。
+
+文字列の中から `Penguin` または `Pumpkin` のどちらかを見つけたい場合は、`/P(engu|umpk)in/g` という正規表現を使用できます。
+
+次に、`test()` メソッドを使用して、必要な文字列グループがテスト文字列内にあるかどうかを確認してみます。
+
+```js
+let testStr = "Pumpkin";
+let testRegex = /P(engu|umpk)in/;
+testRegex.test(testStr);
+```
+
+この `test` メソッドは `true` を返します。
+
+# --instructions--
+
+正規表現を修正して、`Franklin Roosevelt` または `Eleanor Roosevelt` の名前を、大文字小文字を区別してチェックしてください。ミドルネームについては容認してください。
+
+次にコードを修正して、作成した正規表現を `myString` に対してチェックし、正規表現がマッチするかどうかに応じて `true` または `false` を返すようにしてください。
+
+# --hints--
+
+正規表現 `myRegex` は文字列 `Franklin D. Roosevelt` に対して `true` を返す必要があります。
+
+```js
+myRegex.lastIndex = 0;
+assert(myRegex.test('Franklin D. Roosevelt'));
+```
+
+正規表現 `myRegex` は文字列 `Eleanor Roosevelt` に対して `true` を返す必要があります。
+
+```js
+myRegex.lastIndex = 0;
+assert(myRegex.test('Eleanor Roosevelt'));
+```
+
+正規表現 `myRegex` は文字列 `Franklin Rosevelt` に対して `false` を返す必要があります。
+
+```js
+myRegex.lastIndex = 0;
+assert(!myRegex.test('Franklin Rosevelt'));
+```
+
+正規表現 `myRegex` は文字列 `Frank Roosevelt` に対して `false` を返す必要があります。
+
+```js
+myRegex.lastIndex = 0;
+assert(!myRegex.test('Frank Roosevelt'));
+```
+
+正規表現をテストするには `.test()` を使用する必要があります。
+
+```js
+assert(code.match(/myRegex.test\(\s*myString\s*\)/));
+```
+
+結果は `true` を返す必要があります。
+
+```js
+assert(result === true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myString = "Eleanor Roosevelt";
+let myRegex = /False/; // Change this line
+let result = false; // Change this line
+// After passing the challenge experiment with myString and see how the grouping works
+```
+
+# --solutions--
+
+```js
+let myString = "Eleanor Roosevelt";
+let myRegex = /(Franklin|Eleanor).*Roosevelt/;
+let result = myRegex.test(myString);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md
new file mode 100644
index 0000000000..ba7af8e995
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md
@@ -0,0 +1,73 @@
+---
+id: 587d7db4367417b2b2512b92
+title: マッチしたものを抽出する
+challengeType: 1
+forumTopicId: 301340
+dashedName: extract-matches
+---
+
+# --description--
+
+ここまでは、単にパターンが文字列内に存在するかどうかをチェックしてきました。 `.match()` メソッドで見つけた実際のマッチ部分を抽出することもできます。
+
+`.match()` メソッドを使用するには、メソッドを文字列に適用し、括弧内に正規表現を渡します。
+
+例を示します。
+
+```js
+"Hello, World!".match(/Hello/);
+let ourStr = "Regular expressions";
+let ourRegex = /expressions/;
+ourStr.match(ourRegex);
+```
+
+ここで最初の `match` は `["Hello"]` を返し、2 番目の match は `["expressions"]` を返します。
+
+`.match` の構文は、これまで使用してきた `.test` メソッドの「反対」であることに注意してください。
+
+```js
+'string'.match(/regex/);
+/regex/.test('string');
+```
+
+# --instructions--
+
+`.match()` メソッドを適用して、文字列 `coding` を抽出してください。
+
+# --hints--
+
+`result` には文字列 `coding` が存在する必要があります。
+
+```js
+assert(result.join() === 'coding');
+```
+
+正規表現 `codingRegex` で文字列 `coding` を検索する必要があります。
+
+```js
+assert(codingRegex.source === 'coding');
+```
+
+`.match()` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.match\(.*\)/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /change/; // Change this line
+let result = extractStr; // Change this line
+```
+
+# --solutions--
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /coding/; // Change this line
+let result = extractStr.match(codingRegex); // Change this line
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md
new file mode 100644
index 0000000000..d6670489ac
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db6367417b2b2512b9b
+title: 怠惰なマッチングで文字を検索する
+challengeType: 1
+forumTopicId: 301341
+dashedName: find-characters-with-lazy-matching
+---
+
+# --description--
+
+正規表現では、貪欲な マッチは、正規表現パターンに合致した文字列の中で可能な限り最も長い部分を見つけ、それをマッチとして返します。 別の方法として怠惰な マッチと呼ばれるものがあり、これは正規表現パターンを満たす文字列の中で可能な限り最も短い部分を見つけます。
+
+たとえば正規表現 `/t[a-z]*i/` を文字列 `"titanic"` に適用してみましょう。 この正規表現は基本的には、`t` で始まり、`i` で終わり、その間にいくつかの文字があるパターンです。
+
+正規表現はデフォルトでは貪欲モードなので、マッチは `["titani"]` を返します。 つまり、パターンに合致する最も長い部分文字列を見つけます。
+
+一方で、`?` 文字を使用して怠惰なマッチングに変更することができます。 修正後の正規表現 `/t[a-z]*?i/` に対して `"titanic"` を適用すると、マッチとして `["ti"]` を返します。
+
+**注:** HTML を正規表現で解析することは避けるべきですが、正規表現を使用した HTML 文字列のパターンマッチングはまったく問題ありません。
+
+# --instructions--
+
+正規表現 `/<.*>/` を修正して、テキスト `"Winter is coming "` ではなく、HTML タグ `` を返すようにしてください。 正規表現のワイルドカード `.` は任意の文字にマッチすることを覚えておいてください。
+
+# --hints--
+
+`result` 変数は `` を含む配列になる必要があります。
+
+```js
+assert(result[0] == '');
+```
+
+`myRegex` で怠惰なマッチングを使用する必要があります。
+
+```js
+assert(/[^\\][\*\+\?]\?/.test(myRegex));
+```
+
+`myRegex` に文字列 `h1` を含めないでください。
+
+```js
+assert(!myRegex.source.match('h1'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let text = "Winter is coming ";
+let myRegex = /<.*>/; // Change this line
+let result = text.match(myRegex);
+```
+
+# --solutions--
+
+```js
+let text = "Winter is coming ";
+let myRegex = /<.*?>/; // Change this line
+let result = text.match(myRegex);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md
new file mode 100644
index 0000000000..0bc01ce6bd
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md
@@ -0,0 +1,85 @@
+---
+id: 587d7db4367417b2b2512b93
+title: 複数回出現するマッチを検索する
+challengeType: 1
+forumTopicId: 301342
+dashedName: find-more-than-the-first-match
+---
+
+# --description--
+
+ここまではパターンを 1 回だけ抽出または検索することができました。
+
+```js
+let testStr = "Repeat, Repeat, Repeat";
+let ourRegex = /Repeat/;
+testStr.match(ourRegex);
+```
+
+この `match` は `["Repeat"]` を返します。
+
+パターンを複数回検索または抽出するには、`g` フラグを使用します。
+
+```js
+let repeatRegex = /Repeat/g;
+testStr.match(repeatRegex);
+```
+
+この `match` は値 `["Repeat", "Repeat", "Repeat"]` を返します。
+
+# --instructions--
+
+正規表現 `starRegex`を使用して、文字列 `twinkleStar` から両方の単語 `Twinkle` を検索して抽出してください。
+
+**注**
+`/search/gi` のように正規表現に複数のフラグを付けることができます。
+
+# --hints--
+
+正規表現 `starRegex` でグローバルフラグ `g` を使用する必要があります。
+
+```js
+assert(starRegex.flags.match(/g/).length == 1);
+```
+
+正規表現 `starRegex` で大文字小文字を区別しないフラグ `i` を使用する必要があります。
+
+```js
+assert(starRegex.flags.match(/i/).length == 1);
+```
+
+単語 `Twinkle` の両方の出現にマッチする必要があります。
+
+```js
+assert(
+ result.sort().join() ==
+ twinkleStar
+ .match(/twinkle/gi)
+ .sort()
+ .join()
+);
+```
+
+マッチの `result` には 2 つの要素が含まれる必要があります。
+
+```js
+assert(result.length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /change/; // Change this line
+let result = twinkleStar; // Change this line
+```
+
+# --solutions--
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /twinkle/gi;
+let result = twinkleStar.match(starRegex);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md
new file mode 100644
index 0000000000..af393e4d7d
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md
@@ -0,0 +1,108 @@
+---
+id: 587d7db7367417b2b2512b9c
+title: 1 人以上の犯罪者を捜す
+challengeType: 1
+forumTopicId: 301343
+dashedName: find-one-or-more-criminals-in-a-hunt
+---
+
+# --description--
+
+ちょっとひと休みして、新しく身につけた正規表現の記述スキルをテストしてみましょう。 犯罪者の集団が脱獄して逃げましたが、何人いるかはわかっていません。 しかし、他の人々に混じって集団で潜んでいることはわかっています。 犯罪者全員を一度に見つけてください。
+
+たとえば次のような方法で確認できます。
+
+正規表現 `/z+/` は、1 行の中で文字 `z` の 1 回以上の出現にマッチします。 次の文字列のすべてにマッチします。
+
+```js
+"z"
+"zzzzzz"
+"ABCzzzz"
+"zzzzABC"
+"abczzzzzzzzzzzzzzzzzzzzzabc"
+```
+
+しかし、次の文字列は文字 `z` がないのでマッチは見つかりません。
+
+```js
+""
+"ABC"
+"abcabc"
+```
+
+# --instructions--
+
+他の人々の集団に混じっている 1 人以上の犯罪者を見つける貪欲な正規表現を記述してください。 犯罪者は大文字 `C` で表現されます。
+
+# --hints--
+
+正規表現は文字列 `C` に潜む 1 人の犯罪者 (`C`) にマッチする必要があります。
+
+```js
+assert('C'.match(reCriminals) && 'C'.match(reCriminals)[0] == 'C');
+```
+
+正規表現は文字列 `CC` に潜む 2 人の犯罪者 (`CC`) にマッチする必要があります。
+
+```js
+assert('CC'.match(reCriminals) && 'CC'.match(reCriminals)[0] == 'CC');
+```
+
+正規表現は文字列 `P1P5P4CCCcP2P6P3` に潜む 3 人の犯罪者 (`CCC`) にマッチする必要があります。
+
+```js
+assert(
+ 'P1P5P4CCCcP2P6P3'.match(reCriminals) &&
+ 'P1P5P4CCCcP2P6P3'.match(reCriminals)[0] == 'CCC'
+);
+```
+
+正規表現は文字列 `P6P2P7P4P5CCCCCP3P1` に潜む 5 人の犯罪者 (`CCCCC`) にマッチする必要があります。
+
+```js
+assert(
+ 'P6P2P7P4P5CCCCCP3P1'.match(reCriminals) &&
+ 'P6P2P7P4P5CCCCCP3P1'.match(reCriminals)[0] == 'CCCCC'
+);
+```
+
+正規表現は犯罪者のいない空の文字列 `""` にはマッチしない必要があります。
+
+```js
+reCriminals.lastIndex = 0;
+assert(!reCriminals.test(''));
+```
+
+正規表現は犯罪者のいない文字列 `P1P2P3` にはマッチしない必要があります。
+
+```js
+reCriminals.lastIndex = 0;
+assert(!reCriminals.test('P1P2P3'));
+```
+
+正規表現は文字列 `P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3` に潜む 50 人の犯罪者 (`CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC`) にマッチする必要があります。
+
+```js
+assert(
+ 'P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3'.match(
+ reCriminals
+ ) &&
+ 'P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3'.match(
+ reCriminals
+ )[0] == 'CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let reCriminals = /./; // Change this line
+```
+
+# --solutions--
+
+```js
+let reCriminals = /C+/; // Change this line
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md
new file mode 100644
index 0000000000..34cc5f159e
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md
@@ -0,0 +1,109 @@
+---
+id: 587d7db4367417b2b2512b91
+title: マッチングでケースを無視する (大文字と小文字を区別しない)
+challengeType: 1
+forumTopicId: 301344
+dashedName: ignore-case-while-matching
+---
+
+# --description--
+
+ここまで、文字列のリテラルな (文字のとおりの) マッチを行う正規表現を見てきました。 しかし、場合によっては大文字と小文字の違いにかかわらずマッチさせたいことがあります。
+
+英語で大文字と小文字の違いのことをケース (またはレターケース) と呼びます。 大文字の例としては、`A`、`B`、`C` があります。 小文字の例としては、`a`、`b`、`c` があります。
+
+フラグと呼ばれるものを使用して、両方のケースにマッチさせることができます。 フラグは他にもありますが、ここでの主役はケースを無視するフラグである `i` フラグです。 これを正規表現の末尾に付けて使用できます。 このフラグを使用する例として、`/ignorecase/i` があります。 この正規表現は文字列 `ignorecase`、`igNoreCase`、および `IgnoreCase` にマッチします。
+
+# --instructions--
+
+ケースに関係なく `freeCodeCamp` にマッチする正規表現 `fccRegex` を記述してください。 正規表現は省略形やスペース付きのバリエーションにマッチさせないでください。
+
+# --hints--
+
+正規表現は文字列 `freeCodeCamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('freeCodeCamp'));
+```
+
+正規表現は文字列 `FreeCodeCamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreeCodeCamp'));
+```
+
+正規表現は文字列 `FreecodeCamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreecodeCamp'));
+```
+
+正規表現は文字列 `FreeCodecamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreeCodecamp'));
+```
+
+正規表現は文字列 `Free Code Camp` にマッチしない必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(!fccRegex.test('Free Code Camp'));
+```
+
+正規表現は文字列 `FreeCOdeCamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreeCOdeCamp'));
+```
+
+正規表現は文字列 `FCC` にマッチしない必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(!fccRegex.test('FCC'));
+```
+
+正規表現は文字列 `FrEeCoDeCamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FrEeCoDeCamp'));
+```
+
+正規表現は文字列 `FrEeCodECamp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FrEeCodECamp'));
+```
+
+正規表現は文字列 `FReeCodeCAmp` にマッチする必要があります。
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FReeCodeCAmp'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /change/; // Change this line
+let result = fccRegex.test(myString);
+```
+
+# --solutions--
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /freecodecamp/i; // Change this line
+let result = fccRegex.test(myString);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md
new file mode 100644
index 0000000000..83c6c1a010
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md
@@ -0,0 +1,90 @@
+---
+id: 587d7db4367417b2b2512b90
+title: 異なる候補の文字列にマッチさせる
+challengeType: 1
+forumTopicId: 301345
+dashedName: match-a-literal-string-with-different-possibilities
+---
+
+# --description--
+
+`/coding/` のような正規表現を使用すると、別の文字列にあるパターン `coding` を検索できます。
+
+これは単一の文字列を検索するのにとても便利ですが、1 つのパターンのみに限定されています。 `alternation` または `OR` 演算子と呼ばれる `|` を使用すると、複数のパターンを検索できます。
+
+この演算子はその前後のパターンにマッチします。 たとえば、文字列 `yes` または `no` にマッチさせたい場合、必要な正規表現は `/yes|no/` となります。
+
+また、3 つ以上のパターンを検索することもできます。 それには `OR` 演算子を増やして `/yes|no|maybe/` のように分割し、より多くのパターンを追加します。
+
+# --instructions--
+
+正規表現 `petRegex` を完成させて、ペット `dog`、`cat`、`bird`、または `fish` にマッチさせてください。
+
+# --hints--
+
+正規表現 `petRegex` は文字列 `John has a pet dog.` に対して `true` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('John has a pet dog.'));
+```
+
+正規表現 `petRegex` は文字列 `Emma has a pet rock.` に対して `false` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(!petRegex.test('Emma has a pet rock.'));
+```
+
+正規表現 `petRegex` は文字列 `Emma has a pet bird.` に対して `true` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('Emma has a pet bird.'));
+```
+
+正規表現 `petRegex` は文字列 `Liz has a pet cat.` に対して `true` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('Liz has a pet cat.'));
+```
+
+正規表現 `petRegex` は文字列 `Kara has a pet dolphin.` に対して `false` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(!petRegex.test('Kara has a pet dolphin.'));
+```
+
+正規表現 `petRegex` は文字列 `Alice has a pet fish.` に対して `true` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('Alice has a pet fish.'));
+```
+
+正規表現 `petRegex` は文字列 `Jimmy has a pet computer.` に対して `false` を返す必要があります。
+
+```js
+petRegex.lastIndex = 0;
+assert(!petRegex.test('Jimmy has a pet computer.'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /change/; // Change this line
+let result = petRegex.test(petString);
+```
+
+# --solutions--
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /dog|cat|bird|fish/; // Change this line
+let result = petRegex.test(petString);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md
new file mode 100644
index 0000000000..b41a6099c2
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md
@@ -0,0 +1,98 @@
+---
+id: 587d7db7367417b2b2512b9f
+title: すべての英文字と数字にマッチさせる
+challengeType: 1
+forumTopicId: 301346
+dashedName: match-all-letters-and-numbers
+---
+
+# --description--
+
+文字クラスを使用して、アルファベットのすべての文字を `[a-z]` で検索することができました。 この種の文字クラスはよく使用されるのでそのためのショートカットがありますが、それにはいくつかの余分な文字も含まれています。
+
+JavaScript でアルファベットにマッチする最も近い文字クラスは `\w` で、 このショートカットは `[A-Za-z0-9_]` と同等です。 この文字クラスは大文字と小文字に加えて数字にもマッチします。 また、アンダースコア文字 (`_`) も含まれていることに注意してください。
+
+```js
+let longHand = /[A-Za-z0-9_]+/;
+let shortHand = /\w+/;
+let numbers = "42";
+let varNames = "important_var";
+longHand.test(numbers);
+shortHand.test(numbers);
+longHand.test(varNames);
+shortHand.test(varNames);
+```
+
+これら 4 つの `test` 呼び出しはすべて `true` を返します。
+
+これらのショートカット文字クラスは文字クラスの略記 とも呼ばれます。
+
+# --instructions--
+
+文字クラス `\w` を使用して、さまざまな引用符や文字列の英数字の個数を数えてください。
+
+# --hints--
+
+正規表現でグローバルフラグを使用する必要があります。
+
+```js
+assert(alphabetRegexV2.global);
+```
+
+正規表現をすべての英数字にマッチさせるために、略記文字 `\w` を使用する必要があります。
+
+```js
+assert(/\\w/.test(alphabetRegexV2.source));
+```
+
+正規表現は、文字列 `The five boxing wizards jump quickly.` の中に英数字を 31 文字見つける必要があります。
+
+```js
+assert(
+ 'The five boxing wizards jump quickly.'.match(alphabetRegexV2).length === 31
+);
+```
+
+正規表現は、文字列 `Pack my box with five dozen liquor jugs.` の中に英数字を 32 文字見つける必要があります。
+
+```js
+assert(
+ 'Pack my box with five dozen liquor jugs.'.match(alphabetRegexV2).length ===
+ 32
+);
+```
+
+正規表現は、文字列 `How vexingly quick daft zebras jump!` の中に英数字を 30 文字見つける必要があります。
+
+```js
+assert(
+ 'How vexingly quick daft zebras jump!'.match(alphabetRegexV2).length === 30
+);
+```
+
+正規表現は、文字列 `123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.` の中に英数字を 36 文字見つける必要があります。
+
+```js
+assert(
+ '123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.'.match(alphabetRegexV2)
+ .length === 36
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /change/; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+```
+
+# --solutions--
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /\w/g; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md
new file mode 100644
index 0000000000..80cb4d52b5
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md
@@ -0,0 +1,85 @@
+---
+id: 587d7db8367417b2b2512ba1
+title: 数字以外のすべてにマッチさせる
+challengeType: 1
+forumTopicId: 301347
+dashedName: match-all-non-numbers
+---
+
+# --description--
+
+前回のチャレンジでは、ショートカット `\d` で小文字の `d` を使用して数字を検索する方法を示しました。 似たようなショートカットで、代わりに大文字の `D` を使用して数字以外を検索することもできます。
+
+数字以外の文字を検索するためのショートカットは `\D` です。 これは文字クラス `[^0-9]` と同等です。0 から 9 の数字以外の単一の文字を検索します。
+
+# --instructions--
+
+文字クラスの略記 `\D` を使用して、映画のタイトルに含まれている数字以外の文字の個数を数えてください。
+
+# --hints--
+
+正規表現で、数字以外の文字にマッチするショートカット文字を使用する必要があります。
+
+```js
+assert(/\\D/.test(noNumRegex.source));
+```
+
+正規表現でグローバルフラグを使用する必要があります。
+
+```js
+assert(noNumRegex.global);
+```
+
+正規表現は、文字列 `9` の中に数字以外のものを見つけない必要があります。
+
+```js
+assert('9'.match(noNumRegex) == null);
+```
+
+正規表現は、文字列 `Catch 22` の中に数字以外の 6 個の文字を見つける必要があります。
+
+```js
+assert('Catch 22'.match(noNumRegex).length == 6);
+```
+
+正規表現は、文字列 `101 Dalmatians` の中に数字以外の 11 個の文字を見つける必要があります。
+
+```js
+assert('101 Dalmatians'.match(noNumRegex).length == 11);
+```
+
+正規表現は、文字列 `One, Two, Three` の中に数字以外の 15 個の文字を見つける必要があります。
+
+```js
+assert('One, Two, Three'.match(noNumRegex).length == 15);
+```
+
+正規表現は、文字列 `21 Jump Street` の中に数字以外の 12 個の文字を見つける必要があります。
+
+```js
+assert('21 Jump Street'.match(noNumRegex).length == 12);
+```
+
+正規表現は、文字列 `2001: A Space Odyssey` の中に数字以外の 17 個の文字を見つける必要があります。
+
+```js
+assert('2001: A Space Odyssey'.match(noNumRegex).length == 17);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let noNumRegex = /change/; // Change this line
+let result = movieName.match(noNumRegex).length;
+```
+
+# --solutions--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let noNumRegex = /\D/g; // Change this line
+let result = movieName.match(noNumRegex).length;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md
new file mode 100644
index 0000000000..0d5c46c28c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md
@@ -0,0 +1,85 @@
+---
+id: 5d712346c441eddfaeb5bdef
+title: すべての数字にマッチさせる
+challengeType: 1
+forumTopicId: 18181
+dashedName: match-all-numbers
+---
+
+# --description--
+
+英数字のような一般的な文字列パターンのショートカットを学びました。 もう一つの一般的なパターンは、数字や数値のみの検索です。
+
+数字を探すためのショートカットは `\d`で、小文字の `d` です。 これは文字クラス `[0-9]` と同等で、0 から 9 までの数字のうち任意の数字 1 文字を検索します。
+
+# --instructions--
+
+文字クラスの略記 `\d` を使用して、映画のタイトルに含まれている数字の個数を数えてください。 単語で書かれた数字 (6 ではなく「six」) は数えません。
+
+# --hints--
+
+正規表現で、数字にマッチするショートカット文字を使用する必要があります。
+
+```js
+assert(/\\d/.test(numRegex.source));
+```
+
+正規表現でグローバルフラグを使用する必要があります。
+
+```js
+assert(numRegex.global);
+```
+
+正規表現は、文字列 `9` の中に 1 つ数字を見つける必要があります。
+
+```js
+assert('9'.match(numRegex).length == 1);
+```
+
+正規表現は、文字列 `Catch 22` の中に 2 つ数字を見つける必要があります。
+
+```js
+assert('Catch 22'.match(numRegex).length == 2);
+```
+
+正規表現は、文字列 `101 Dalmatians` の中に 3 つ数字を見つける必要があります。
+
+```js
+assert('101 Dalmatians'.match(numRegex).length == 3);
+```
+
+正規表現は、文字列 `One, Two, Three` の中に数字を見つけない必要があります。
+
+```js
+assert('One, Two, Three'.match(numRegex) == null);
+```
+
+正規表現は、文字列 `21 Jump Street` の中に 2 つ数字を見つける必要があります。
+
+```js
+assert('21 Jump Street'.match(numRegex).length == 2);
+```
+
+正規表現は、文字列 `2001: A Space Odyssey` の中に 4 つ数字を見つける必要があります。
+
+```js
+assert('2001: A Space Odyssey'.match(numRegex).length == 4);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let numRegex = /change/; // Change this line
+let result = movieName.match(numRegex).length;
+```
+
+# --solutions--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let numRegex = /\d/g; // Change this line
+let result = movieName.match(numRegex).length;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md
new file mode 100644
index 0000000000..fdbead79cf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md
@@ -0,0 +1,119 @@
+---
+id: 587d7db5367417b2b2512b94
+title: ワイルドカードのピリオドを使用してあらゆるものにマッチさせる
+challengeType: 1
+forumTopicId: 301348
+dashedName: match-anything-with-wildcard-period
+---
+
+# --description--
+
+パターンにある正確な文字がわからない (またはわかる必要がない) こともあります。 マッチするすべての単語を考えようとして、スペルミスをすると長い時間がかかってしまいます。 幸い、ワイルドカード文字 `.` を使用して時間を省くことができます。
+
+ワイルドカード文字 `.` は任意の 1 文字にマッチします。 このワイルドカードは `dot` (ドット)、`period` (ピリオド) とも呼ばれます。 ワイルドカード文字も正規表現で他の文字とまったく同じように使用できます。 たとえば、`hug`、`huh`、`hut`、`hum` にマッチさせたい場合は、正規表現 `/hu./` を使用して 4 つの単語すべてにマッチさせることができます。
+
+```js
+let humStr = "I'll hum a song";
+let hugStr = "Bear hug";
+let huRegex = /hu./;
+huRegex.test(humStr);
+huRegex.test(hugStr);
+```
+
+これらの `test` 呼び出しはどちらも `true` を返します。
+
+# --instructions--
+
+正規表現 `unRegex` を完成させて、文字列 `run`、`sun`、`fun`、`pun`、`nun`、`bun` にマッチさせてください。 正規表現ではワイルドカード文字を使用してください。
+
+# --hints--
+
+`.test()` メソッドを使用する必要があります。
+
+```js
+assert(code.match(/\.test\(.*\)/));
+```
+
+正規表現 `unRegex`でワイルドカード文字を使用する必要があります。
+
+```js
+assert(/\./.test(unRegex.source));
+```
+
+正規表現 `unRegex` は、文字列 `Let us go on a run.` の `run` にマッチする必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('Let us go on a run.'));
+```
+
+正規表現 `unRegex` は、文字列 `The sun is out today.` の `sun` にマッチする必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('The sun is out today.'));
+```
+
+正規表現 `unRegex` は、文字列 `Coding is a lot of fun.` の `fun` にマッチする必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('Coding is a lot of fun.'));
+```
+
+正規表現 `unRegex` は、文字列 `Seven days without a pun makes one weak.` の `pun` にマッチする必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('Seven days without a pun makes one weak.'));
+```
+
+正規表現 `unRegex` は、文字列 `One takes a vow to be a nun.` の `nun` にマッチする必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('One takes a vow to be a nun.'));
+```
+
+正規表現 `unRegex` は、文字列 `She got fired from the hot dog stand for putting her hair in a bun.` の `bun` にマッチする必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(
+ unRegex.test(
+ 'She got fired from the hot dog stand for putting her hair in a bun.'
+ )
+);
+```
+
+正規表現 `unRegex` は、文字列 `There is a bug in my code.` にマッチしない必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(!unRegex.test('There is a bug in my code.'));
+```
+
+正規表現 `unRegex` は、文字列 `Catch me if you can.` にマッチしない必要があります。
+
+```js
+unRegex.lastIndex = 0;
+assert(!unRegex.test('Catch me if you can.'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /change/; // Change this line
+let result = unRegex.test(exampleStr);
+```
+
+# --solutions--
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /.un/; // Change this line
+let result = unRegex.test(exampleStr);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md
new file mode 100644
index 0000000000..3dde54b8a1
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md
@@ -0,0 +1,73 @@
+---
+id: 587d7db7367417b2b2512b9d
+title: 先頭の文字列パターンにマッチさせる
+challengeType: 1
+forumTopicId: 301349
+dashedName: match-beginning-string-patterns
+---
+
+# --description--
+
+これまでのチャレンジで、正規表現を使用して多くのマッチを探せることがわかりました。 正規表現では、文字列内で特定の位置にあるパターンを検索することもできます。
+
+以前のチャレンジでは、文字セットの内側でキャレット文字 (`^`) を使用して、`[^thingsThatWillNotBeMatched]` という形式で否定の文字セットを作成しました。 文字セットの外側でキャレットを使用すると、文字列の先頭にあるパターンを検索できます。
+
+```js
+let firstString = "Ricky is first and can be found.";
+let firstRegex = /^Ricky/;
+firstRegex.test(firstString);
+let notFirst = "You can't find Ricky now.";
+firstRegex.test(notFirst);
+```
+
+最初の `test` 呼び出しは `true` を返し、2 番目の呼び出しは `false` を返します。
+
+# --instructions--
+
+正規表現でキャレット文字を使用して、文字列 `rickyAndCal` の先頭にある `Cal` のみを検索してください。
+
+# --hints--
+
+正規表現で、1 文字目が大文字の文字列 `Cal` を検索する必要があります。
+
+```js
+assert(calRegex.source == '^Cal');
+```
+
+正規表現でフラグを使用しないでください。
+
+```js
+assert(calRegex.flags == '');
+```
+
+正規表現は、文字列の先頭にある文字列 `Cal` にマッチする必要があります。
+
+```js
+calRegex.lastIndex = 0;
+assert(calRegex.test('Cal and Ricky both like racing.'));
+```
+
+正規表現は、文字列の途中にある文字列 `Cal` にマッチしない必要があります。
+
+```js
+calRegex.lastIndex = 0;
+assert(!calRegex.test('Ricky and Cal both like racing.'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /change/; // Change this line
+let result = calRegex.test(rickyAndCal);
+```
+
+# --solutions--
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /^Cal/; // Change this line
+let result = calRegex.test(rickyAndCal);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md
new file mode 100644
index 0000000000..a5f789a64b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db6367417b2b2512b99
+title: 1 回以上出現する文字にマッチさせる
+challengeType: 1
+forumTopicId: 301350
+dashedName: match-characters-that-occur-one-or-more-times
+---
+
+# --description--
+
+場合によっては、1 行に 1 回以上出現する文字 (または文字のグループ) にマッチさせる必要があります。 つまり、少なくとも 1 回出現し、繰り返される可能性がある文字です。
+
+`+` 文字を使用すると、そうしたマッチかどうかを調べることができます。 文字やパターンは連続して存在する必要があることに注意してください。 つまり、文字は連続して繰り返されている必要があります。
+
+たとえば、 `/a+/g` は `abc` で 1 つのマッチを見つけ、`["a"]` を返します。 `+` があるため、`aabc` でも単一のマッチを見つけ、`["aa"]` を返します。
+
+文字列 `abab` の場合は、`b` が間に入っていて `a` が連続していないため、2 つのマッチ `["a", "a"]` を見つけて返します。 文字列 `bcd` には `a`がないので、マッチしません。
+
+# --instructions--
+
+`Mississippi` で、文字 `s` が複数回出現する箇所にマッチを見つける必要があります。 `+` 記号を使用する正規表現を記述してください。
+
+# --hints--
+
+正規表現 `myRegex` で `+` 記号を使用して、1 つまたは複数の文字 `s` にマッチさせる必要があります。
+
+```js
+assert(/\+/.test(myRegex.source));
+```
+
+正規表現 `myRegex` は 2 つのアイテムにマッチする必要があります。
+
+```js
+assert(result.length == 2);
+```
+
+`result` 変数は、2 つの `ss` のマッチを含む配列となる必要があります。
+
+```js
+assert(result[0] == 'ss' && result[1] == 'ss');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /change/; // Change this line
+let result = difficultSpelling.match(myRegex);
+```
+
+# --solutions--
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /s+/g; // Change this line
+let result = difficultSpelling.match(myRegex);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md
new file mode 100644
index 0000000000..095011a79a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md
@@ -0,0 +1,96 @@
+---
+id: 587d7db6367417b2b2512b9a
+title: 0 回以上出現する文字にマッチさせる
+challengeType: 1
+forumTopicId: 301351
+dashedName: match-characters-that-occur-zero-or-more-times
+---
+
+# --description--
+
+前回のチャレンジでは、プラス `+` 記号を使用して、1 回以上出現する文字を検索しました。 0 回以上出現する文字にマッチするオプションもあります。
+
+それにはアスタリスクまたはスター `*` 文字を使用します。
+
+```js
+let soccerWord = "gooooooooal!";
+let gPhrase = "gut feeling";
+let oPhrase = "over the moon";
+let goRegex = /go*/;
+soccerWord.match(goRegex);
+gPhrase.match(goRegex);
+oPhrase.match(goRegex);
+```
+
+3 つの `match` 呼び出しは順に、値 `["goooooooo"]`、`["g"]`、`null` を返します。
+
+# --instructions--
+
+このチャレンジでは、`chewieQuote` を文字列 `Aaaaaaaaaaaaaaaarrrgh!` としてすでに初期化してあります。 `*` 文字を使用する正規表現 `chewieRegex` を作成し、`chewieQuote` の中で、大文字 `A` の直後に 0 個以上の小文字 `a` が続く箇所にマッチさせてください。 この正規表現にフラグや文字クラスは必要ありません。また、他のどの引用符ともマッチさせないでください。
+
+# --hints--
+
+正規表現 `chewieRegex` で `*` 文字を使用して、0 個以上の文字 `a` にマッチさせる必要があります。
+
+```js
+assert(/\*/.test(chewieRegex.source));
+```
+
+正規表現は `chewieQuote` にある文字列 `A` にマッチする必要があります。
+
+```js
+assert(result[0][0] === 'A');
+```
+
+正規表現は `chewieQuote` にある文字列 `Aaaaaaaaaaaaaaaa` にマッチする必要があります。
+
+```js
+assert(result[0] === 'Aaaaaaaaaaaaaaaa');
+```
+
+正規表現 `chewieRegex` は `chewieQuote` にある 16 文字にマッチする必要があります。
+
+```js
+assert(result[0].length === 16);
+```
+
+正規表現は文字列 `He made a fair move. Screaming about it can't help you.` にあるどの文字にもマッチしない必要があります。
+
+```js
+assert(
+ !"He made a fair move. Screaming about it can't help you.".match(chewieRegex)
+);
+```
+
+正規表現は文字列 `Let him have it. It's not wise to upset a Wookiee.` にあるどの文字にもマッチしない必要があります。
+
+```js
+assert(
+ !"Let him have it. It's not wise to upset a Wookiee.".match(chewieRegex)
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const chewieQuote = "Aaaaaaaaaaaaaaaarrrgh!";
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+let chewieRegex = /change/; // Change this line
+// Only change code above this line
+
+let result = chewieQuote.match(chewieRegex);
+```
+
+# --solutions--
+
+```js
+ let chewieRegex = /Aa*/;
+ let result = chewieQuote.match(chewieRegex);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md
new file mode 100644
index 0000000000..fc4ef15124
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md
@@ -0,0 +1,66 @@
+---
+id: 587d7db7367417b2b2512b9e
+title: 末尾の文字列パターンにマッチさせる
+challengeType: 1
+forumTopicId: 301352
+dashedName: match-ending-string-patterns
+---
+
+# --description--
+
+前回のチャレンジでは、キャレット文字を使用して文字列の先頭にあるパターンを検索することを学びました。 文字列の末尾でパターンを検索する方法もあります。
+
+正規表現の末尾でドル記号 `$` を使用すると、文字列の末尾を検索できます。
+
+```js
+let theEnding = "This is a never ending story";
+let storyRegex = /story$/;
+storyRegex.test(theEnding);
+let noEnding = "Sometimes a story will have to end";
+storyRegex.test(noEnding);
+```
+
+最初の `test` 呼び出しは `true` を返し、2 番目の呼び出しは `false` を返します。
+
+# --instructions--
+
+アンカー文字 (`$`) を使用して、文字列 `caboose` の末尾にある文字列 `caboose` にマッチさせてください。
+
+# --hints--
+
+正規表現で末尾にドル記号 `$` を使用して `caboose` を検索する必要があります。
+
+```js
+assert(lastRegex.source == 'caboose$');
+```
+
+正規表現でフラグを使用しないでください。
+
+```js
+assert(lastRegex.flags == '');
+```
+
+文字列 `The last car on a train is the caboose` の末尾にある `caboose` にマッチさせる必要があります。
+
+```js
+lastRegex.lastIndex = 0;
+assert(lastRegex.test('The last car on a train is the caboose'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /change/; // Change this line
+let result = lastRegex.test(caboose);
+```
+
+# --solutions--
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /caboose$/; // Change this line
+let result = lastRegex.test(caboose);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md
new file mode 100644
index 0000000000..bb0aabfa0c
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md
@@ -0,0 +1,92 @@
+---
+id: 587d7db8367417b2b2512ba0
+title: 英文字と数字以外のすべてのものにマッチさせる
+challengeType: 1
+forumTopicId: 301353
+dashedName: match-everything-but-letters-and-numbers
+---
+
+# --description--
+
+ショートカットを使用して、`\w` で英数字 `[A-Za-z0-9_]` にマッチさせることができることを学びました。 しかし英数字以外のものを検索したいと思うのが自然なパターンかもしれません。
+
+`\w` の反対を `\W` で検索できます。 ちなみに、逆のパターンでは大文字を使用します。 このショートカットは `[^A-Za-z0-9_]` と同じです。
+
+```js
+let shortHand = /\W/;
+let numbers = "42%";
+let sentence = "Coding!";
+numbers.match(shortHand);
+sentence.match(shortHand);
+```
+
+最初の `match` 呼び出しは値 `["%"]` を返し、2 番目は `["!"]` を返します。
+
+# --instructions--
+
+文字クラスの略記 `\W` を使用して、さまざまな引用符や文字列にある英数字以外の文字の数を数えてください。
+
+# --hints--
+
+正規表現でグローバルフラグを使用する必要があります。
+
+```js
+assert(nonAlphabetRegex.global);
+```
+
+正規表現は、文字列 `The five boxing wizards jump quickly.` の中に英数字以外を 6 文字見つける必要があります。
+
+```js
+assert(
+ 'The five boxing wizards jump quickly.'.match(nonAlphabetRegex).length == 6
+);
+```
+
+正規表現を英数字以外の文字にマッチさせるために、略記文字を使用する必要があります。
+
+```js
+assert(/\\W/.test(nonAlphabetRegex.source));
+```
+
+正規表現は、文字列 `Pack my box with five dozen liquor jugs.` の中に英数字以外を 8 文字見つける必要があります。
+
+```js
+assert(
+ 'Pack my box with five dozen liquor jugs.'.match(nonAlphabetRegex).length == 8
+);
+```
+
+正規表現は、文字列 `How vexingly quick daft zebras jump!` の中に英数字以外を 6 文字見つける必要があります。
+
+```js
+assert(
+ 'How vexingly quick daft zebras jump!'.match(nonAlphabetRegex).length == 6
+);
+```
+
+正規表現は、文字列 `123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.` の中に英数字以外を 12 文字見つける必要があります。
+
+```js
+assert(
+ '123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.'.match(nonAlphabetRegex)
+ .length == 12
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let nonAlphabetRegex = /change/; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+```
+
+# --solutions--
+
+```js
+let quoteSample = "The five boxing wizards_jump quickly.";
+let nonAlphabetRegex = /\W/g; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md
new file mode 100644
index 0000000000..4588581669
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md
@@ -0,0 +1,71 @@
+---
+id: 587d7db5367417b2b2512b96
+title: アルファベットの文字にマッチさせる
+challengeType: 1
+forumTopicId: 301354
+dashedName: match-letters-of-the-alphabet
+---
+
+# --description--
+
+文字セット を使用して、マッチ対象の文字のグループを指定する方法を見てきました。しかし、マッチさせる文字の範囲が広い場合 (たとえば、アルファベットのすべての文字など)、たくさんの入力が必要になります。 幸い、その作業を手早く簡単にしてくれる組み込み機能があります。
+
+文字セットの中でハイフン文字 `-` を使用すると、マッチさせる文字の範囲を定義することができます。
+
+たとえば、小文字の `a` から `e` までマッチさせるには、`[a-e]` と記述します。
+
+```js
+let catStr = "cat";
+let batStr = "bat";
+let matStr = "mat";
+let bgRegex = /[a-e]at/;
+catStr.match(bgRegex);
+batStr.match(bgRegex);
+matStr.match(bgRegex);
+```
+
+3 つの `match` 呼び出しは順に、値 `["cat"]`、`["bat"]`、`null` を返します。
+
+# --instructions--
+
+文字列 `quoteSample` 内のすべての文字をマッチさせてください。
+
+**注**: 必ず大文字と小文字の両方をマッチさせてください。
+
+# --hints--
+
+正規表現 `alphabetRegex` は 35 個のアイテムにマッチする必要があります。
+
+```js
+assert(result.length == 35);
+```
+
+正規表現 `alphabetRegex` でグローバルフラグを使用する必要があります。
+
+```js
+assert(alphabetRegex.flags.match(/g/).length == 1);
+```
+
+正規表現 `alphabetRegex` で大文字小文字を区別しないフラグを使用する必要があります。
+
+```js
+assert(alphabetRegex.flags.match(/i/).length == 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /change/; // Change this line
+let result = alphabetRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /[a-z]/gi; // Change this line
+let result = quoteSample.match(alphabetRegex); // Change this line
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md
new file mode 100644
index 0000000000..21806af8d8
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md
@@ -0,0 +1,74 @@
+---
+id: 587d7db3367417b2b2512b8f
+title: リテラル文字列にマッチさせる
+challengeType: 1
+forumTopicId: 301355
+dashedName: match-literal-strings
+---
+
+# --description--
+
+前回のチャレンジでは、正規表現 `/Hello/` を使用して `Hello` という単語を検索しました。 その正規表現は文字列 `Hello` のリテラルマッチ (記述した文字のとおりのマッチ) を検索しました。 ここでは、文字列 `Kevin` のリテラルマッチを検索する別の例を紹介します。
+
+```js
+let testStr = "Hello, my name is Kevin.";
+let testRegex = /Kevin/;
+testRegex.test(testStr);
+```
+
+この `test` 呼び出しは `true` を返します。
+
+`Kevin` の他の形式にはマッチしません。 たとえば、正規表現 `/Kevin/` は `kevin` または `KEVIN` にはマッチしません。
+
+```js
+let wrongRegex = /kevin/;
+wrongRegex.test(testStr);
+```
+
+この `test` 呼び出しは `false` を返します。
+
+以降のチャレンジでは、これらの他の形式にもマッチする方法を紹介します。
+
+# --instructions--
+
+正規表現 `waldoRegex` を完成させて、文字列 `waldoIsHiding` にある `"Waldo"` をリテラルマッチで検索してください。
+
+# --hints--
+
+正規表現 `waldoRegex` で文字列 `Waldo` を見つける必要があります。
+
+```js
+waldoRegex.lastIndex = 0;
+assert(waldoRegex.test(waldoIsHiding));
+```
+
+正規表現 `waldoRegex` では他に何も検索しないでください。
+
+```js
+waldoRegex.lastIndex = 0;
+assert(!waldoRegex.test('Somewhere is hiding in this text.'));
+```
+
+正規表現でリテラル文字列のマッチを実行する必要があります。
+
+```js
+assert(!/\/.*\/i/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /search/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+```
+
+# --solutions--
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /Waldo/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md
new file mode 100644
index 0000000000..b7abf70afb
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md
@@ -0,0 +1,78 @@
+---
+id: 587d7db9367417b2b2512ba4
+title: 空白以外の文字にマッチさせる
+challengeType: 1
+forumTopicId: 18210
+dashedName: match-non-whitespace-characters
+---
+
+# --description--
+
+小文字の `s` による `\s` を使用した空白の検索方法を学びました。 空白以外のすべてのものを検索することもできます。
+
+空白以外を検索するには `\S` を使用します。これには大文字の `s` を使用します。 このパターンは、空白、キャリッジリターン、タブ、フォームフィード、および改行文字にマッチしません。 文字クラス `[^ \r\t\f\n\v]` に似たものと考えることができます。
+
+```js
+let whiteSpace = "Whitespace. Whitespace everywhere!"
+let nonSpaceRegex = /\S/g;
+whiteSpace.match(nonSpaceRegex).length;
+```
+
+`.length` メソッドによって返される値は `32` になります。
+
+# --instructions--
+
+正規表現 `countNonWhiteSpace` を変更して、文字列にある複数の空白以外の文字を検索してください。
+
+# --hints--
+
+正規表現でグローバルフラグを使用する必要があります。
+
+```js
+assert(countNonWhiteSpace.global);
+```
+
+正規表現を空白以外のすべての文字にマッチさせるために、略記文字 `\S` を使用する必要があります。
+
+```js
+assert(/\\S/.test(countNonWhiteSpace.source));
+```
+
+正規表現は、文字列 `Men are from Mars and women are from Venus.` の中に 35 個のスペース以外の文字を見つける必要があります。
+
+```js
+assert(
+ 'Men are from Mars and women are from Venus.'.match(countNonWhiteSpace)
+ .length == 35
+);
+```
+
+正規表現は、文字列 `Space: the final frontier.` の中に 23 個のスペース以外の文字を見つける必要があります。
+
+```js
+assert('Space: the final frontier.'.match(countNonWhiteSpace).length == 23);
+```
+
+正規表現は、文字列 `MindYourPersonalSpace` の中に 21 個のスペース以外の文字を見つける必要があります。
+
+```js
+assert('MindYourPersonalSpace'.match(countNonWhiteSpace).length == 21);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /change/; // Change this line
+let result = sample.match(countNonWhiteSpace);
+```
+
+# --solutions--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /\S/g; // Change this line
+let result = sample.match(countNonWhiteSpace);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md
new file mode 100644
index 0000000000..5cf8295645
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db5367417b2b2512b97
+title: 数字とアルファベットの文字にマッチさせる
+challengeType: 1
+forumTopicId: 301356
+dashedName: match-numbers-and-letters-of-the-alphabet
+---
+
+# --description--
+
+ハイフン (`-`) を使用した文字の範囲のマッチは英文字に限定されません。 数字の範囲のマッチでも有効です。
+
+たとえば、`/[0-5]/` は `0` ～ `5` の間の任意の数字 (`0` と `5` を含む) にマッチします。
+
+また、英文字と数字の範囲を単一の文字セットに組み合わせることも可能です。
+
+```js
+let jennyStr = "Jenny8675309";
+let myRegex = /[a-z0-9]/ig;
+jennyStr.match(myRegex);
+```
+
+# --instructions--
+
+`h` ～ `s` の文字範囲と `2` ～ `6` の数字範囲にマッチする単一の正規表現を作成してください。 正規表現に適切なフラグを含めることを忘れないでください。
+
+# --hints--
+
+正規表現 `myRegex` は 17 個のアイテムにマッチする必要があります。
+
+```js
+assert(result.length == 17);
+```
+
+正規表現 `myRegex` でグローバルフラグを使用する必要があります。
+
+```js
+assert(myRegex.flags.match(/g/).length == 1);
+```
+
+正規表現 `myRegex` で大文字小文字を区別しないフラグを使用する必要があります。
+
+```js
+assert(myRegex.flags.match(/i/).length == 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /[h-s2-6]/gi; // Change this line
+let result = quoteSample.match(myRegex); // Change this line
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md
new file mode 100644
index 0000000000..6e3dbcc663
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md
@@ -0,0 +1,85 @@
+---
+id: 587d7db5367417b2b2512b95
+title: 複数の候補を持つ単一の文字にマッチさせる
+challengeType: 1
+forumTopicId: 301357
+dashedName: match-single-character-with-multiple-possibilities
+---
+
+# --description--
+
+リテラルパターン (`/literal/`) とワイルドカード文字 (`/./`) にマッチさせる方法を学びました。 これらは正規表現の極端なもので、前者は完全にマッチするものを見つけ、後者はすべてにマッチします。 これら両極端の間をとったオプションがあります。
+
+文字クラス を使用すると、ある程度柔軟にリテラルパターンを検索できます。 文字クラスでは、マッチさせたい文字のグループを角括弧 (`[` と `]`) で囲むことで定義できます。
+
+たとえば、`bag`、`big`、`bug` にマッチし、`bog` にマッチしないようにするには、 正規表現 `/b[aiu]g/` を作成します。 `[aiu]` は、文字 `a`、`i`、または `u` にのみマッチする文字クラスです。
+
+```js
+let bigStr = "big";
+let bagStr = "bag";
+let bugStr = "bug";
+let bogStr = "bog";
+let bgRegex = /b[aiu]g/;
+bigStr.match(bgRegex);
+bagStr.match(bgRegex);
+bugStr.match(bgRegex);
+bogStr.match(bgRegex);
+```
+
+4 つの `match` 呼び出しは順に、値 `["big"]`、`["bag"]`、`["bug"]`、`null` を返します。
+
+# --instructions--
+
+母音 (`a`、`e`、`i`、`o`、`u`) を持つ文字クラスを正規表現 `vowelRegex` で使用して、文字列 `quoteSample` 内のすべての母音を検索してください。
+
+**注:** 必ず大文字と小文字の両方をマッチさせてください。
+
+# --hints--
+
+25 個の母音をすべて見つける必要があります。
+
+```js
+assert(result.length == 25);
+```
+
+正規表現 `vowelRegex` で文字クラスを使用する必要があります。
+
+```js
+assert(/\[.*\]/.test(vowelRegex.source));
+```
+
+正規表現 `vowelRegex` でグローバルフラグを使用する必要があります。
+
+```js
+assert(vowelRegex.flags.match(/g/).length == 1);
+```
+
+正規表現 `vowelRegex` で大文字小文字を区別しないフラグを使用する必要があります。
+
+```js
+assert(vowelRegex.flags.match(/i/).length == 1);
+```
+
+正規表現はどの子音にもマッチしない必要があります。
+
+```js
+assert(!/[b-df-hj-np-tv-z]/gi.test(result.join()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /change/; // Change this line
+let result = vowelRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /[aeiou]/gi; // Change this line
+let result = quoteSample.match(vowelRegex); // Change this line
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md
new file mode 100644
index 0000000000..85bd1d2d53
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db6367417b2b2512b98
+title: 未指定の単一の文字にマッチさせる
+challengeType: 1
+forumTopicId: 301358
+dashedName: match-single-characters-not-specified
+---
+
+# --description--
+
+ここまでは、マッチさせたい文字のセットを作成していましたが、マッチさせたくない文字のセットを作成することもできます。 このタイプの文字セットのことを否定文字セット と呼びます。
+
+否定文字セットを作成するには、開始角括弧の後の、マッチさせたくない文字の前に、キャレット文字 (`^`) を置きます。
+
+たとえば、 `/[^aeiou]/gi` は母音でないすべての文字にマッチします。 `.`、`!`、`[`、`@`、`/` などの文字および空白にはマッチします。そのため、母音の否定文字セットは母音の文字だけを除外します。
+
+# --instructions--
+
+数字でも母音でもないすべての文字にマッチする単一の正規表現を作成してください。 正規表現に適切なフラグを含めることを忘れないでください。
+
+# --hints--
+
+正規表現 `myRegex` は 9 個のアイテムにマッチする必要があります。
+
+```js
+assert(result.length == 9);
+```
+
+正規表現 `myRegex` でグローバルフラグを使用する必要があります。
+
+```js
+assert(myRegex.flags.match(/g/).length == 1);
+```
+
+正規表現 `myRegex` で大文字小文字を区別しないフラグを使用する必要があります。
+
+```js
+assert(myRegex.flags.match(/i/).length == 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /[^0-9aeiou]/gi; // Change this line
+let result = quoteSample.match(myRegex); // Change this line
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md
new file mode 100644
index 0000000000..d10d062511
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md
@@ -0,0 +1,77 @@
+---
+id: 587d7db8367417b2b2512ba3
+title: 空白にマッチさせる
+challengeType: 1
+forumTopicId: 301359
+dashedName: match-whitespace
+---
+
+# --description--
+
+ここまでのチャレンジでは、アルファベットと数字の文字のマッチングについて説明しました。 文字間の空白やスペースにマッチさせることもできます。
+
+空白を検索するには `\s` (小文字の `s`) を使用できます。 このパターンは、空白にマッチするだけでなく、キャリッジリターン、タブ、フォームフィード、改行文字にもマッチします。 文字クラス`[ \r\t\f\n\v]` に似たものと考えることができます。
+
+```js
+let whiteSpace = "Whitespace. Whitespace everywhere!"
+let spaceRegex = /\s/g;
+whiteSpace.match(spaceRegex);
+```
+
+この `match` 呼び出しは `[" ", " "]` を返します。
+# --instructions--
+
+正規表現 `countWhiteSpace` を変更して、文字列内の複数の空白を検索してください。
+
+# --hints--
+
+正規表現でグローバルフラグを使用する必要があります。
+
+```js
+assert(countWhiteSpace.global);
+```
+
+正規表現を空白にマッチさせるために、略記文字 `\s` を使用する必要があります。
+
+```js
+assert(/\\s/.test(countWhiteSpace.source));
+```
+
+正規表現は、文字列 `Men are from Mars and women are from Venus.` の中に 8 個のスペースを見つける必要があります。
+
+```js
+assert(
+ 'Men are from Mars and women are from Venus.'.match(countWhiteSpace).length ==
+ 8
+);
+```
+
+正規表現は、文字列 `Space: the final frontier.` の中に 3 個のスペースを見つける必要があります。
+
+```js
+assert('Space: the final frontier.'.match(countWhiteSpace).length == 3);
+```
+
+正規表現は、文字列 `MindYourPersonalSpace` の中にスペースを見つけない必要があります。
+
+```js
+assert('MindYourPersonalSpace'.match(countWhiteSpace) == null);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /change/; // Change this line
+let result = sample.match(countWhiteSpace);
+```
+
+# --solutions--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /\s/g;
+let result = sample.match(countWhiteSpace);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md
new file mode 100644
index 0000000000..433b3a3c82
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md
@@ -0,0 +1,122 @@
+---
+id: 587d7dba367417b2b2512ba9
+title: 肯定先読みと否定先読み
+challengeType: 1
+forumTopicId: 301360
+dashedName: positive-and-negative-lookahead
+---
+
+# --description--
+
+先読み とは、文字列の先頭から調べるように JavaScript に指示するパターンです。 これは、同じ文字列で複数のパターンを検索する場合に便利です。
+
+先読みには肯定先読み と否定先読み の 2 種類があります。
+
+肯定先読みは、検索パターン内に要素が存在することを確認しますが、実際にはマッチさせません。 肯定先読みは、`(?=...)` として使用します。ここで `...` は、必要ですがマッチさせない部分です。
+
+一方、否定先読みは、検索パターン内に要素が存在しないことを確認します。 否定先読みは、`(?!...)` として使用します。ここで `...` は、そこで必要としていないパターンです。 否定先読みの部分が存在しない場合は、パターンの残りの部分が返されます。
+
+先読みは少しわかりにくいですが、いくつか役に立つ例もあります。
+
+```js
+let quit = "qu";
+let noquit = "qt";
+let quRegex= /q(?=u)/;
+let qRegex = /q(?!u)/;
+quit.match(quRegex);
+noquit.match(qRegex);
+```
+
+これらの `match` 呼び出しはどちらも `["q"]` を返します。
+
+より実用的な用法として、先読みを使用して 1 つの文字列の中で 2 つ以上のパターンをチェックすることができます。 次に示すのは、3 文字から 6 文字までの文字と、少なくとも 1 つの数字を探す、ごく単純なパスワードチェッカーの例です。
+
+```js
+let password = "abc123";
+let checkPass = /(?=\w{3,6})(?=\D*\d)/;
+checkPass.test(password);
+```
+
+# --instructions--
+
+`pwRegex` で先読みを使用して、5 文字を超える長さがあり、2 つの連続した数字を含むパスワードにマッチさせてください。
+
+# --hints--
+
+正規表現で肯定先読み``を 2 つ使用する必要があります。
+
+```js
+assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null);
+```
+
+正規表現は文字列 `astronaut` にマッチしない必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('astronaut'));
+```
+
+正規表現は文字列 `banan1` にマッチしない必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('banan1'));
+```
+
+正規表現は文字列 `bana12` にマッチする必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('bana12'));
+```
+
+正規表現は文字列 `abc123` にマッチする必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('abc123'));
+```
+
+正規表現は文字列 `12345` にマッチしない必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('12345'));
+```
+
+正規表現は文字列 `8pass99` にマッチする必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('8pass99'));
+```
+
+正規表現は文字列 `1a2bcde` にマッチしない必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('1a2bcde'));
+```
+
+正規表現は文字列 `astr1on11aut` にマッチする必要があります。
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('astr1on11aut'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let sampleWord = "astronaut";
+let pwRegex = /change/; // Change this line
+let result = pwRegex.test(sampleWord);
+```
+
+# --solutions--
+
+```js
+let pwRegex = /(?=\w{6})(?=\w*\d{2})/;
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md
new file mode 100644
index 0000000000..ba1df99adc
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dbb367417b2b2512bac
+title: 先頭と末尾から空白を削除する
+challengeType: 1
+forumTopicId: 301362
+dashedName: remove-whitespace-from-start-and-end
+---
+
+# --description--
+
+文字列の両端に不要な空白文字が含まれていることがあります。 文字列の先頭と末尾の空白を削除する処理はよく行われます。
+
+# --instructions--
+
+正規表現で適切な文字列メソッドを使用して、文字列の先頭と末尾の空白を削除してください。
+
+**注:** `String.prototype.trim()` メソッドもこの例では有効ですが、正規表現を使用してこのチャレンジを完了する必要があります。
+
+# --hints--
+
+`result` は文字列 `Hello, World!` と等しくなる必要があります。
+
+```js
+assert(result === 'Hello, World!');
+```
+
+解答では `String.prototype.trim()` メソッドを使用しないでください。
+
+```js
+assert(!code.match(/\.?[\s\S]*?trim/));
+```
+
+`result` 変数に文字列を直接設定しないでください。
+
+```js
+assert(!code.match(/result\s*=\s*["'`].*?["'`]/));
+```
+
+`hello` 変数の値は変更しないでください。
+
+```js
+assert(hello === ' Hello, World! ');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let hello = " Hello, World! ";
+let wsRegex = /change/; // Change this line
+let result = hello; // Change this line
+```
+
+# --solutions--
+
+```js
+let hello = " Hello, World! ";
+let wsRegex = /^(\s+)(.+[^\s])(\s+)$/;
+let result = hello.replace(wsRegex, '$2');
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md
new file mode 100644
index 0000000000..772f0fbb9a
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md
@@ -0,0 +1,136 @@
+---
+id: 587d7db8367417b2b2512ba2
+title: ユーザー名の候補を制限する
+challengeType: 1
+forumTopicId: 301363
+dashedName: restrict-possible-usernames
+---
+
+# --description--
+
+ユーザー名はインターネット上の至るところで使用されています。 これらは、お気に入りのサイトでユーザーを一意に識別するものです。
+
+データベース内ですべてのユーザー名を確認する必要があります。 ユーザー名を作成する際に、ユーザーが従わなければならない簡単なルールをいくつか示します。
+
+1) ユーザー名には英数字のみが使用できます。
+
+2) ユーザー名に数字を付ける場合は末尾にのみ付けることができます。 末尾には 0 個以上の数字を付けることができます。 ユーザー名を数字で始めることはできません。
+
+3) ユーザー名には小文字と大文字が使用できます。
+
+4) ユーザー名の長さは 2 文字以上にする必要があります。 ユーザー名を 2 文字にする場合は、文字としてアルファベットのみが使用できます。
+
+# --instructions--
+
+上記の制約に合うように正規表現 `userCheck` を変更してください。
+
+# --hints--
+
+正規表現は文字列 `JACK` にマッチする必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('JACK'));
+```
+
+正規表現は文字列 `J` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('J'));
+```
+
+正規表現は文字列 `Jo` にマッチする必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('Jo'));
+```
+
+正規表現は文字列 `Oceans11` にマッチする必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('Oceans11'));
+```
+
+正規表現は文字列 `RegexGuru` にマッチする必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('RegexGuru'));
+```
+
+正規表現は文字列 `007` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('007'));
+```
+
+正規表現は文字列 `9` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('9'));
+```
+
+正規表現は文字列 `A1` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('A1'));
+```
+
+正規表現が文字列 `BadUs3rnam3` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('BadUs3rnam3'));
+```
+
+正規表現は文字列 `Z97` にマッチする必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('Z97'));
+```
+
+正規表現は文字列 `c57bT3` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('c57bT3'));
+```
+
+正規表現は文字列 `AB1` にマッチする必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('AB1'));
+```
+
+正規表現は文字列 `J%4` にマッチしない必要があります。
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('J%4'))
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let username = "JackOfAllTrades";
+let userCheck = /change/; // Change this line
+let result = userCheck.test(username);
+```
+
+# --solutions--
+
+```js
+let username = "JackOfAllTrades";
+const userCheck = /^[a-z]([0-9]{2,}|[a-z]+\d*)$/i;
+let result = userCheck.test(username);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
new file mode 100644
index 0000000000..e59a8db256
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
@@ -0,0 +1,115 @@
+---
+id: 587d7dbb367417b2b2512baa
+title: キャプチャグループを使用してパターンを再利用する
+challengeType: 1
+forumTopicId: 301364
+dashedName: reuse-patterns-using-capture-groups
+---
+
+# --description--
+
+次のように複数回出現する単語にマッチさせたいとします。
+
+```js
+let repeatStr = "row row row your boat";
+```
+
+`/row row row/` を使用することもできますが、繰り返される具体的な言葉がわからない場合はどうしますか？ キャプチャグループ を使用すると、繰り返される部分文字列を見つけることができます。
+
+キャプチャグループは、キャプチャする正規表現パターンを丸括弧で囲んで構成します。 この例では、英数字で構成される単語をキャプチャすることが目的なので、キャプチャグループは `\w+` を丸括弧で囲んだ `/(\w+)/` になります。
+
+グループにマッチした部分文字列は一時的な「変数」に保存されます。 これには同じ正規表現の中で、バックスラッシュ (または円記号) とキャプチャグループの番号を使用してアクセスできます (例: `\1`)。 キャプチャグループは、開始括弧の位置に応じて (左から右の順で) 自動的に 1 から番号付けされます。
+
+次の例は、スペースで 3 つに区切られた単語にマッチします。
+
+```js
+let repeatRegex = /(\w+) \1 \1/;
+repeatRegex.test(repeatStr); // Returns true
+repeatStr.match(repeatRegex); // Returns ["row row row", "row"]
+```
+
+文字列に `.match()` メソッドを使用すると、キャプチャグループとともに、一致した部分文字列を持つ配列が返されます。
+
+
+# --instructions--
+
+`reRegex` でキャプチャグループを使用して、単一のスペースで区切られ、同じ数字のみが正確に 3 回繰り返される構成の文字列にマッチさせてください。
+
+# --hints--
+
+正規表現で数字の略記文字クラスを使用する必要があります。
+
+```js
+assert(reRegex.source.match(/\\d/));
+```
+
+正規表現でキャプチャグループを 2 回再利用する必要があります。
+
+```js
+assert(reRegex.source.match(/\\1|\\2/g).length >= 2);
+```
+
+正規表現は文字列 `42 42 42` にマッチする必要があります。
+
+```js
+reRegex.lastIndex = 0;
+assert(reRegex.test('42 42 42'));
+```
+
+正規表現は文字列 `100 100 100` にマッチする必要があります。
+
+```js
+reRegex.lastIndex = 0;
+assert(reRegex.test('100 100 100'));
+```
+
+正規表現は文字列 `42 42 42 42` にマッチしない必要があります。
+
+```js
+assert.equal('42 42 42 42'.match(reRegex.source), null);
+```
+
+正規表現は文字列 `42 42` にマッチしない必要があります。
+
+```js
+assert.equal('42 42'.match(reRegex.source), null);
+```
+
+正規表現は文字列 `101 102 103` にマッチしない必要があります。
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('101 102 103'));
+```
+
+正規表現は文字列 `1 2 3` にマッチしない必要があります。
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('1 2 3'));
+```
+
+正規表現は文字列 `10 10 10` にマッチする必要があります。
+
+```js
+reRegex.lastIndex = 0;
+assert(reRegex.test('10 10 10'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /change/; // Change this line
+let result = reRegex.test(repeatNum);
+```
+
+# --solutions--
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /^(\d+)\s\1\s\1$/;
+let result = reRegex.test(repeatNum);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md
new file mode 100644
index 0000000000..d50950a7bf
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md
@@ -0,0 +1,92 @@
+---
+id: 587d7db9367417b2b2512ba7
+title: マッチさせる数を厳密に指定する
+challengeType: 1
+forumTopicId: 301365
+dashedName: specify-exact-number-of-matches
+---
+
+# --description--
+
+中括弧を使用して、数量指定子でパターンの最小数と最大数を指定できます。 特定の数のマッチしか必要としない場合があります。
+
+特定数のパターンを指定するには、中括弧の間に数字を 1 つ指定します。
+
+たとえば、単語 `hah` に対して文字 `a` を `3` 回だけマッチさせる正規表現は、`/ha{3}h/` となります。
+
+```js
+let A4 = "haaaah";
+let A3 = "haaah";
+let A100 = "h" + "a".repeat(100) + "h";
+let multipleHA = /ha{3}h/;
+multipleHA.test(A4);
+multipleHA.test(A3);
+multipleHA.test(A100);
+```
+
+3 つの `test` 呼び出しは順に、`false`、`true`、`false` を返します。
+
+# --instructions--
+
+正規表現 `timRegex` を変更して、単語 `Timber` に対して 4 つの文字 `m` を持つ場合のみにマッチさせてください。
+
+# --hints--
+
+正規表現で中括弧を使用してください。
+
+```js
+assert(timRegex.source.match(/{.*?}/).length > 0);
+```
+
+正規表現は文字列 `Timber` にマッチしない必要があります。
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Timber'));
+```
+
+正規表現は文字列 `Timmber` にマッチしない必要があります。
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Timmber'));
+```
+
+正規表現は文字列 `Timmmber` にマッチしない必要があります。
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Timmmber'));
+```
+
+正規表現は文字列 `Timmmmber` にマッチする必要があります。
+
+```js
+timRegex.lastIndex = 0;
+assert(timRegex.test('Timmmmber'));
+```
+
+正規表現は、30 個の `m` を持つ文字列 `Timber` にマッチしない必要があります。
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Ti' + 'm'.repeat(30) + 'ber'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /change/; // Change this line
+let result = timRegex.test(timStr);
+```
+
+# --solutions--
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /Tim{4}ber/; // Change this line
+let result = timRegex.test(timStr);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md
new file mode 100644
index 0000000000..8e9e0e0ed7
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md
@@ -0,0 +1,95 @@
+---
+id: 587d7db9367417b2b2512ba6
+title: 最小マッチ数のみを指定する
+challengeType: 1
+forumTopicId: 301366
+dashedName: specify-only-the-lower-number-of-matches
+---
+
+# --description--
+
+中括弧を使用して、数量指定子でパターンの最小数と最大数を指定できます。 上限なしでパターンの最小数だけを指定したい場合があります。
+
+パターンの最小数だけを指定するには、最初の数字の後にコンマを置いてください。
+
+たとえば、文字列 `hah` に対して文字 `a` が少なくとも `3` 回出現する場合にマッチさせる正規表現は、`/ha{3,}h/` となります。
+
+```js
+let A4 = "haaaah";
+let A2 = "haah";
+let A100 = "h" + "a".repeat(100) + "h";
+let multipleA = /ha{3,}h/;
+multipleA.test(A4);
+multipleA.test(A2);
+multipleA.test(A100);
+```
+
+3 つの `test` 呼び出しは順に、`true`、`false`、`true` を返します。
+
+# --instructions--
+
+正規表現 `haRegex` を変更して、単語 `Hazzah` を 4 つ以上の文字 `z` を持つ場合のみにマッチさせてください。
+
+# --hints--
+
+正規表現で中括弧を使用してください。
+
+```js
+assert(haRegex.source.match(/{.*?}/).length > 0);
+```
+
+正規表現は文字列 `Hazzah` にマッチしない必要があります。
+
+```js
+haRegex.lastIndex = 0;
+assert(!haRegex.test('Hazzah'));
+```
+
+正規表現は文字列 `Hazzzah` にマッチしない必要があります。
+
+```js
+haRegex.lastIndex = 0;
+assert(!haRegex.test('Hazzzah'));
+```
+
+正規表現は文字列 `Hazzzzah` にマッチする必要があります。
+
+```js
+assert('Hazzzzah'.match(haRegex)[0].length === 8);
+```
+
+正規表現は文字列 `Hazzzzzah` にマッチする必要があります。
+
+```js
+assert('Hazzzzzah'.match(haRegex)[0].length === 9);
+```
+
+正規表現は文字列 `Hazzzzzzah` にマッチする必要があります。
+
+```js
+assert('Hazzzzzzah'.match(haRegex)[0].length === 10);
+```
+
+正規表現は、30 個の `z` を持つ文字列 `Hazzah` にマッチする必要があります。
+
+```js
+assert('Hazzzzzzzzzzzzzzzzzzzzzzzzzzzzzzah'.match(haRegex)[0].length === 34);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /change/; // Change this line
+let result = haRegex.test(haStr);
+```
+
+# --solutions--
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /Haz{4,}ah/; // Change this line
+let result = haRegex.test(haStr);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md
new file mode 100644
index 0000000000..dc07b8188b
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md
@@ -0,0 +1,93 @@
+---
+id: 587d7db9367417b2b2512ba5
+title: マッチ数の上限と下限を指定する
+challengeType: 1
+forumTopicId: 301367
+dashedName: specify-upper-and-lower-number-of-matches
+---
+
+# --description--
+
+プラス記号 `+` を使用して 1 個以上の文字を検索し、アスタリスク `*` を使用して 0 個以上の文字を検索することについてすでに説明しました。 これらは便利ですが、パターンの特定の範囲にマッチさせたい場合もあります。
+
+数量指定子 を使用すると、パターン数の下限と上限を指定できます。 数量指定子は中括弧 (`{` と `}`) と一緒に使用します。 中括弧の間に 2 つの数字を入れると、パターンの最小数と最大数になります。
+
+たとえば、文字列 `ah` の中で文字 `a` が `3` 回から `5` 回まで出現する場合のみにマッチさせる正規表現は、`/a{3,5}h/` となります。
+
+```js
+let A4 = "aaaah";
+let A2 = "aah";
+let multipleA = /a{3,5}h/;
+multipleA.test(A4);
+multipleA.test(A2);
+```
+
+最初の `test` 呼び出しは `true`を返し、2 番目の呼び出しは `false` を返します。
+
+# --instructions--
+
+正規表現 `ohRegex` を変更して、フレーズ `Oh no` について全体で文字 `h` が `3` 個から `6` 個まで出現する場合のみにマッチさせてください。
+
+# --hints--
+
+正規表現で中括弧を使用してください。
+
+```js
+assert(ohRegex.source.match(/{.*?}/).length > 0);
+```
+
+正規表現は文字列 `Ohh no` にマッチしない必要があります。
+
+```js
+ohRegex.lastIndex = 0;
+assert(!ohRegex.test('Ohh no'));
+```
+
+正規表現は文字列 `Ohhh no` にマッチする必要があります。
+
+```js
+assert('Ohhh no'.match(ohRegex)[0].length === 7);
+```
+
+正規表現は文字列 `Ohhhh no` にマッチする必要があります。
+
+```js
+assert('Ohhhh no'.match(ohRegex)[0].length === 8);
+```
+
+正規表現は文字列 `Ohhhhh no` にマッチする必要があります。
+
+```js
+assert('Ohhhhh no'.match(ohRegex)[0].length === 9);
+```
+
+正規表現は文字列 `Ohhhhhh no` にマッチする必要があります。
+
+```js
+assert('Ohhhhhh no'.match(ohRegex)[0].length === 10);
+```
+
+正規表現は文字列 `Ohhhhhhh no` にマッチしない必要があります。
+
+```js
+ohRegex.lastIndex = 0;
+assert(!ohRegex.test('Ohhhhhhh no'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /change/; // Change this line
+let result = ohRegex.test(ohStr);
+```
+
+# --solutions--
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /Oh{3,6} no/; // Change this line
+let result = ohRegex.test(ohStr);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md
new file mode 100644
index 0000000000..80471a1470
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md
@@ -0,0 +1,88 @@
+---
+id: 587d7dbb367417b2b2512bab
+title: キャプチャグループを使用して検索と置換をする
+challengeType: 1
+forumTopicId: 301368
+dashedName: use-capture-groups-to-search-and-replace
+---
+
+# --description--
+
+検索は便利ですが、 マッチさせたテキストを変更 (または置換) すると、検索をさらに強力にすることができます。
+
+文字列では `.replace()` を使用して文字列内のテキストを検索したり置換したりできます。 `.replace()` への最初の入力には、検索したい正規表現パターンを渡します。 2 番目のパラメーターには、マッチしたものを置き換える文字列や、何かを実行する関数を渡します。
+
+```js
+let wrongText = "The sky is silver.";
+let silverRegex = /silver/;
+wrongText.replace(silverRegex, "blue");
+```
+
+この `replace` 呼び出しは文字列 `The sky is blue.` を返します。
+
+また、置換文字列のキャプチャグループにドル記号 (`$`) でアクセスすることもできます。
+
+```js
+"Code Camp".replace(/(\w+)\s(\w+)/, '$2 $1');
+```
+
+この `replace` 呼び出しは文字列 `Camp Code` を返します。
+
+# --instructions--
+
+3 つのキャプチャグループを使用して正規表現 `fixRegex` を記述し、文字列 `one two three` 内の各単語を検索してください。 次に、`replaceText` 変数を更新して、`one two three` を文字列 `three two one` に置き換え、 `result` 変数に結果を代入してください。 ドル記号 (`$`) の構文を使用して、置換文字列でキャプチャグループを使用してください。
+
+# --hints--
+
+検索と置換に `.replace()` を使用してください。
+
+```js
+assert(code.match(/\.replace\(.*\)/));
+```
+
+正規表現で、文字列 `one two three` を文字列 `three two one` に変更する必要があります。
+
+```js
+assert(result === 'three two one');
+```
+
+最後の行を変更しないでください。
+
+```js
+assert(code.match(/result\s*=\s*str\.replace\(.*?\)/));
+```
+
+`fixRegex` では少なくとも 3 つのキャプチャグループを使用する必要があります。
+
+```js
+assert(new RegExp(fixRegex.source + '|').exec('').length - 1 >= 3);
+```
+
+`replaceText` では丸括弧付きの部分マッチ文字列を使用する必要があります (つまり、n 番目の括弧付きの部分マッチ文字列である $n は、n 番目のキャプチャグループに対応します)。
+
+```js
+{
+ const re = /(\$\d{1,2})+(?:[\D]|\b)/g;
+ assert(replaceText.match(re).length >= 3);
+}
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let str = "one two three";
+let fixRegex = /change/; // Change this line
+let replaceText = ""; // Change this line
+let result = str.replace(fixRegex, replaceText);
+```
+
+# --solutions--
+
+```js
+let str = "one two three";
+let fixRegex = /(\w+) (\w+) (\w+)/g; // Change this line
+let replaceText = "$3 $2 $1"; // Change this line
+let result = str.replace(fixRegex, replaceText);
+```
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md
new file mode 100644
index 0000000000..1ea206acbd
--- /dev/null
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db3367417b2b2512b8e
+title: test メソッドを使用する
+challengeType: 1
+forumTopicId: 301369
+dashedName: using-the-test-method
+---
+
+# --description--
+
+正規表現は、プログラミング言語で文字列の一部分にマッチさせる場合に使用します。 その際、マッチングに役立つパターンを作成します。
+
+文字列 `The dog chased the cat` で単語 `the` を見つけたい場合は、正規表現 `/the/` を使用できます。 正規表現の中では引用符は必須ではありません。
+
+JavaScript では、正規表現を複数の方法で使用することができます。 正規表現をテストする方法の 1 つとして、`.test()` メソッドの使用があります。 `.test()` は正規表現を受け取り、それを (丸括弧内に配置された) 文字列に適用して、パターンが何かにマッチした場合は `true` を返し、何も見つからなかった場合は `false` を返します。
+
+```js
+let testStr = "freeCodeCamp";
+let testRegex = /Code/;
+testRegex.test(testStr);
+```
+
+この `test` メソッドは `true` を返します。
+
+# --instructions--
+
+`.test()` メソッドを使用して、文字列 `myString` に正規表現 `myRegex` を適用してください。
+
+# --hints--
+
+`.test()` を使用して正規表現をテストする必要があります。
+
+```js
+assert(code.match(/myRegex.test\(\s*myString\s*\)/));
+```
+
+結果は `true` を返す必要があります。
+
+```js
+assert(result === true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex.test(myString); // Change this line
+```
diff --git a/curriculum/challenges/japanese/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md b/curriculum/challenges/japanese/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md
new file mode 100644
index 0000000000..a60fd88a13
--- /dev/null
+++ b/curriculum/challenges/japanese/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aec908849
+title: Bootstrap のウェルに要素を追加する
+challengeType: 0
+forumTopicId: 16636
+dashedName: add-elements-within-your-bootstrap-wells
+---
+
+# --description--
+
+行の列ごとにいくつかの `div` 要素がネストになっていて、 必要な深さになっています。 ここで `button` 要素を追加できます。
+
+クラス名 `well` を持つ各 `div` 要素の中に 3 つの `button` 要素を入れてください。
+
+# --hints--
+
+クラス `well` を持つ各 `div` 要素の中に 3 つの `button` 要素を入れます。
+
+```js
+assert(
+ $('div.well:eq(0)').children('button').length === 3 &&
+ $('div.well:eq(1)').children('button').length === 3
+);
+```
+
+全部で 6 つの `button` 要素を作成します。
+
+```js
+assert($('button') && $('button').length > 5);
+```
+
+`button` 要素にはすべて終了タグが必要です。
+
+```js
+assert(
+ code.match(/<\/button>/g) &&
+ code.match(//g).length === code.match(/
+ jQuery Playground
+
+ 
+```
+
+視覚障害を持つ人々は、ウェブコンテンツをオーディオインターフェースへ変換するためにスクリーンリーダーを利用しています。 視覚的にしか表示されていない場合、彼らは情報を取得できません。 画像の場合、核心となる情報を伝えるために、スクリーンリーダーは `alt` 属性にアクセスしてその内容を読み上げることができます。
+
+良い `alt` テキストは、画像の簡単な説明を読者に提供します。 画像には `alt` 属性を常に含めるようにしましょう。 HTML5 仕様では、これは必須と考えられています。
+
+# --instructions--
+
+Camper Cat はコーディング忍者かつ実際の忍者でもあり、その知識を共有するためにウェブサイトを作成しています。 彼が使用したいプロフィール画像は彼のスキルを表すものなので、すべてのサイト訪問者に認識されるべきです。 `img` タグに `alt` 属性を追加し、Camper Cat が空手をしている様子だと説明してください。 (画像の `src` は実際のファイルにリンクされていないため、`alt` テキストが表示されることが確認できるでしょう。)
+
+# --hints--
+
+`img` タグは空ではない `alt` 属性を持つ必要があります。
+
+```js
+assert($('img').attr('alt'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+# --solutions--
+
+```html
+
+ 
+ 
+```
+
+背景画像は通常、「装飾用」画像に分類されます。 ただし、通常これらは CSS ルールによって適用されるため、スクリーンリーダーが処理するマークアップの一部ではありません。
+
+**注:** キャプション付きの画像の場合、サーチエンジンが画像コンテンツの内容を分類するのに役立つので、`alt` テキストを含めると良いでしょう。
+
+# --instructions--
+
+Camper Cat は彼のウェブサイトのブログ部分の骨組みとなるコードを書きました。 二つの記事の間に日本刀の装飾画像を追加し、視覚的な切れ目を入れようとしています。 `img` タグに `alt` 属性を追加し、空の文字列に設定してください。 (注: `src` は実際のファイルとリンクしていません。ディスプレイに刀が表示されていなくても心配ありません。)
+
+# --hints--
+
+`img` 要素には `alt` 属性が必要です。
+
+```js
+assert(!($('img').attr('alt') == undefined));
+```
+
+`alt` 属性は空文字列に設定する必要があります。
+
+```js
+assert($('img').attr('alt') == '');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+