関数(JavaScript)

```javascript
function triple(num){
  console.log($(1) * 3);
}
triple($(2)) //実装結果 30
```

アロー関数（１）

// 問題1. 従来の記法(function)をおさらいしよう

function oldFunc(value) {
  return value
}
console.log(oldFunc('従来の記法です'))

// 問題2. 新しい記法(アロー関数)に書き換えよう

const newFunc = (value) => {
  return value
}
console.log(newFunc('新しい記法です'))


// 問題1. 従来の記法(function)をおさらいしよう

// 問題2. 新しい記法(アロー関数)に書き換えよう



    // =======================
    // テストコード
    // =======================
    const answer1 = 'function oldFunc(value) {';
    const answer2 = "console.log(oldFunc('従来の記法です'))";
    const answer3 = 'const newFunc = (value) => {';
    const answer4 = "console.log(newFunc('新しい記法です'))";
    const questions = [
        {
            title: '従来の関数の記法',
            tests: [
                {
                    title: '従来の関数の記法(function)を使って`oldFunc`を宣言してください',
                    hint: '`function oldFunc(value) { return value }`と記述し、関数宣言しましょう',
                    test: () => isContainTextInEditor(answer1)
                },
                {
                    title: "関数`oldFunc`を用いて、'従来の記法です'という文字列を出力してください",
                    hint: "`console.log(oldFunc('従来の記法です'))`と記述しましょう",
                    test: () => isContainTextInEditor(answer2)
                }
            ]
        },
        {
            title: '新しい記法(アロー関数)を書いてみよう',
            tests: [
                {
                    title: '新しい関数の記法(アロー関数)を使って変数`newFunc`を宣言してください',
                    hint: '`const newFunc = (value) => { return value }`と記述し、アロー関数で宣言しましょう',
                    test: () => isContainTextInEditor(answer3)
                },
                {
                    title: "変数`newFunc`を用いて、'新しい記法です'という文字列を出力してください",
                    hint: "`console.log(newFunc('新しい記法です'))`と記述しましょう",
                    test: () => isContainTextInEditor(answer4)
                }
            ]
        }
    ];


アロー関数を使ってみよう

変数定義(JavaScript)

変数の宣言や代入について学ぼう

分割代入(React)

分割代入を使ってみよう

オブジェクトの省略記法について知ろう

スプレッド構文(Javascript)

スプレッド構文を使ってみよう

配列操作/map

mapを用いた配列処理をしてみよう

配列操作/filter(プリミティブ)

filterを用いた配列処理をしてみよう

三項演算子

三項演算子を使いこなそう

Reactに頻出するJavaScriptの基礎概念をおさらいします。
変数宣言から分割代入、スプレッド構文まで基本を確実にマスターします。

世界的にも人気なReactを使って、Webアプリケーションの作成について学んでいきます

Reactコース

【最低限】はじめてのReact👼🏻

「Reactによく出るJavaScriptをおさらいしよう」レッスンの総復習クイズです。