JavaScript

同じ処理をくり返す

1. 20ここまでのおさらい変数と条件分岐を思い出してから、新しい章に入っていこう。4枚 · 13問 問題へ
2. 21while文で繰り返す条件が成り立つあいだ、同じ処理を何度でも繰り返してもらおう。6枚 · 13問 問題へ
3. 22for文で繰り返すスタート・条件・更新を1行にまとめた、繰り返しのもうひとつの書き方を覚えよう。6枚 · 13問 問題へ
4. 232つの繰り返しを使い分けるwhile と for のどちらを選ぶか、判断のしかたを身につけよう。4枚 · 13問 問題へ

値を並べて持つ（配列）

1. 24配列でまとめて持つ複数の値をひとつの入れ物にまとめて持つ書き方を覚えよう。4枚 · 13問 問題へ
2. 25配列から1つ取り出す番号を指定して、配列の中身をひとつだけ取り出そう。4枚 · 13問 問題へ
3. 26配列の中身を書き換える番号を指定して、配列の要素をあとから入れ替えよう。4枚 · 13問 問題へ
4. 27配列を繰り返しで処理する番号を1つずつ増やしながら、配列の要素を順番に扱おう。5枚 · 13問 問題へ
5. 28配列の長さを使う.length で要素の数を取り出し、繰り返す回数を配列に決めてもらおう。4枚 · 13問 問題へ

名前をつけて持つ（オブジェクト）

1. 29オブジェクトで名前をつけて持つ名前と値の組で情報をまとめる、配列とは別のデータの持ち方を覚えよう。4枚 · 13問 問題へ
2. 30プロパティを読み書きする名前を指定して値を取り出したり、書き換えたり、あとから足したりしよう。4枚 · 13問 問題へ
3. 31配列にオブジェクトを入れる同じ形のオブジェクトを配列に並べて、入れ子から値を取り出そう。4枚 · 13問 問題へ
4. 32入れ子を繰り返しで処理するオブジェクトの配列を for でまわして、一覧の表示や集計をしよう。4枚 · 13問 問題へ

値が無いとき

1. 33存在しない値をのぞいてみる無い番号や無いプロパティを取り出したときに返る、undefined という値を知ろう。4枚 · 13問 問題へ
2. 34undefined を判定して逃がす値が無いときを条件分岐で見つけて、別の表示や処理に切り替えよう。5枚 · 13問 問題へ

組み合わせて解く

1. 35章のまとめ問題配列・オブジェクト・繰り返し・条件分岐を組み合わせて解く総合演習。まとめなので基礎3問は無く、練習10問だけだよ。3枚 · 10問 問題へ
2. 36出力の形を整える見出し・番号・区切り・単位をつけて、読みやすい出力に仕上げる総合演習。まとめなので基礎3問は無く、練習10問だけだよ。3枚 · 10問 問題へ

さらに組み合わせの練習

1. 37forと配列を組み合わせよう配列の全要素を for 文で順番に処理する、いちばん大事なパターンを覚えよう。5枚 · 13問 問題へ
2. 38forとifと配列を組み合わせよう「全要素の中から条件に合うものだけ」を処理できるようになろう。5枚 · 13問 問題へ
3. 39forとif-elseと配列を組み合わせよう全要素を「どちらか一方」に振り分ける処理を書けるようになろう。6枚 · 13問 問題へ
4. 40forとif-else ifと配列を組み合わせよう全要素を三段階以上に分類する、集大成のパターンに挑戦しよう。6枚 · 13問 問題へ

関数を作って呼ぶ

1. 41処理に名前をつけるいくつかの処理をひとかたまりにして、名前で呼び出せるようにしよう。5枚 · 13問 問題へ
2. 42関数を変数に入れる関数も値のひとつ。変数に入れてから呼び出す書き方を覚えよう。4枚 · 13問 問題へ
3. 43アロー関数で短く書く=> を使って、関数式をもっと短い形で書けるようにしよう。4枚 · 13問 問題へ

値を渡す（引数）

1. 44関数に値を渡すかっこの中に値を渡して、呼ぶたびに結果が変わる関数を作ろう。5枚 · 13問 問題へ
2. 45引数を複数受け取る, で区切って値をいくつも渡し、書いた順番どおりに受け取ろう。5枚 · 13問 問題へ

結果を返す（戻り値）

1. 46関数から結果を返すreturn で計算結果を返して、呼び出したところで受け取ろう。5枚 · 13問 問題へ
2. 47戻り値をそのまま使う戻り値を変数に入れずに、条件式や計算の中に直接組み込んでみよう。4枚 · 13問 問題へ

変数が見える範囲

1. 48変数が届く範囲関数の中で作った変数がどこまで見えるのか、その範囲を整理しよう。5枚 · 13問 問題へ

組み合わせて解く

1. 49関数のまとめ問題関数・引数・戻り値・スコープを組み合わせて解く総合演習。まとめなので基礎3問は無く、練習10問だけだよ。3枚 · 10問 問題へ

設計図と実物

1. 50オブジェクトをもう一度名前と値の組で情報を持つ形を思い出そう。新しい文法は出てこない、感覚を戻すためのレッスンだよ。4枚 · 13問 問題へ
2. 51クラスは同じ形の設計図同じ形のオブジェクトを量産するための設計図、クラスの考え方と書き方を知ろう。4枚 · 13問 問題へ
3. 52設計図から実物を作るnew で設計図から実体を作り出し、プロパティを持たせて読み出そう。この実体をインスタンスと呼ぶよ。4枚 · 13問 問題へ

作るときの初期化

1. 53作るときに自動で走る処理クラスの中に書いたコンストラクタが、new のたびに自動で動くことを確かめよう。4枚 · 13問 問題へ
2. 54this で中身を持たせるコンストラクタの中で this.名前 = 値 と書いて、生成と同時にプロパティを用意しよう。4枚 · 13問 問題へ
3. 55作るときに値を渡すコンストラクタに引数を受け取らせて、実体ごとに違う中身を持たせよう。5枚 · 13問 問題へ

振る舞いを持たせる

1. 56クラスに動きを持たせるクラスの中に書いた関数、メソッドを、インスタンスから呼び出そう。4枚 · 13問 問題へ
2. 57メソッドから自分の中身を見るメソッドの中で this.プロパティ と書いて、呼び出された実体自身が持つ値を使おう。4枚 · 13問 問題へ
3. 58メソッドから別のメソッドを呼ぶメソッドの中で this.別のメソッド() と書いて、処理を組み合わせよう。4枚 · 13問 問題へ

受けついで作りかえる

1. 59あるクラスをもとに作るextends を使って、すでにあるクラスの中身を引き継いだ新しいクラスを作ろう。4枚 · 13問 問題へ
2. 60受け継いだ機能を使う親クラスに書いたメソッドを、子クラスのインスタンスから呼び出そう。6枚 · 13問 問題へ
3. 61子だけの機能を足す子クラスに独自のメソッドを書いて、親には無い動きを持たせよう。4枚 · 13問 問題へ
4. 62受け継いだ動きを差し替える親と同じ名前のメソッドを子で書き直して、その子だけ動きを変えよう。4枚 · 13問 問題へ
5. 63親の処理を呼んでから足す子でコンストラクタを書き直すときの super() と、親のメソッドを呼ぶ super.メソッド() を使おう。5枚 · 13問 問題へ

ファイルを分けてつなぐ

1. 641つのファイルが太っていく全部を1か所に書き続けるとどこが困るのかを知って、役割ごとに切り分けてみよう。5枚 · 13問 問題へ
2. 65ファイルを分けてつなぐexport default で外に出して、import で取り込む。2つのファイルをつなぐ最小の形を覚えよう。5枚 · 13問 問題へ
3. 66値をファイルの外に出す関数だけでなく、文字列や配列やオブジェクトも export default で渡せる。データを別ファイルに置いてみよう。5枚 · 13問 問題へ
4. 67名前を付けていくつも出す1つのファイルから複数のものを公開して、{ } で必要なものだけ取り込もう。6枚 · 13問 問題へ
5. 68ファイルの場所を指し示す./ と ../ の意味をつかんで、フォルダに分けたファイルもつなげるようにしよう。5枚 · 13問 問題へ

出来合いの部品を使う

1. 69他の人が書いたコードを借りるパッケージという単位で既製のコードを取り込む考え方と、その入手の流れを知ろう。6枚 · 13問 問題へ
2. 70パッケージの機能を呼び出す名前付きで公開されたパッケージの関数を取り込んで、戻り値を組み合わせて使ってみよう。5枚 · 13問 問題へ

配列のメソッド

1. 71配列のうしろに足すpush メソッドを使って、配列の末尾に要素を足せるようにしよう。5枚 · 13問 問題へ
2. 72全要素に同じ処理をするforEach メソッドに関数を渡して、配列の全要素へ同じ処理を届けよう。6枚 · 13問 問題へ
3. 73条件に合う1件を探すfind メソッドに条件の関数を渡して、条件に合う最初の要素を取り出そう。5枚 · 13問 問題へ
4. 74条件に合うものを集めるfilter メソッドで、条件に合う要素だけを集めた新しい配列を作ろう。5枚 · 13問 問題へ
5. 75全要素を作り変えるmap メソッドで、各要素を変換した結果を並べた新しい配列を作ろう。5枚 · 13問 問題へ

コールバック関数

1. 76関数は値だと思い出す関数を値として持ち運ぶという感覚を復習しよう。新しい文法は出てこないよ。3枚 · 13問 問題へ
2. 77関数を引数で受け取る引数で関数を受け取って呼び出す書き方を覚え、コールバック関数のしくみを自分の手で作ろう。5枚 · 13問 問題へ
3. 78その場で関数を書く引数を書く場所に名前のない関数を直接書いて、渡すまでを1度に済ませよう。4枚 · 13問 問題へ
4. 79コールバックに値を渡す受け取った関数を呼ぶときに値を渡して、コールバック関数が引数を受け取るしくみを作ろう。5枚 · 13問 問題へ