session_start();

Session変数の配列操作

配列の要素の追加/array_push

```php
$colors = array('あか', 'あお', 'みどり', 'きいろ');
$colors$(1) = 'しろ';
```

<?php
// バックエンドの処理開始

// 問題1. Sessionを開始してください
// この下に解答してください
session_start();

// 初期値
$currentValue = 0;  // 現在のカウント数
$changeAmount = 0;  // 増減数
$errorFlag = false; // エラーフラグ(エラー発生時:true)

// 増減する数
if (isset($_POST['changeAmount'])) {
  if (is_numeric($_POST['changeAmount'])) {
    $changeAmount = $_POST['changeAmount'];
  } else {
    $errorFlag = true;
  }
}

// 現在のカウント数
if (isset($_POST['result'])) {
  if (is_numeric($_POST['result'])) {
    $currentValue = $_POST['result'];
  } else {
    $errorFlag = true;
  }
}

// +ボタン/−ボタンが押された場合の計算処理
if (isset($_POST['plus'])) {
  $currentValue += $changeAmount;
} elseif (isset($_POST['minus'])) {
  $currentValue -= $changeAmount;
}

// エラーフラグが立っていない場合
if (!$errorFlag) {
  // 問題2. 現在のカウント数をセッション変数に追加してください
  // この下に解答してください
  $_SESSION['history'][] = $currentValue;
}

// リセットボタンが押された場合
if (isset($_POST['reset'])) {
  // クッキーに最後にリセットした時のカウント数を保存
  setcookie('lastResetValue', $currentValue, time() + 3600);
  // カウント数と履歴情報をリセット
  $currentValue = 0;
  $_SESSION['history'] = [];
}

// バックエンドの処理終了
?>


<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <title>カウンター</title>
</head>

<body>

  <form action='index.php' method='post'>

    <h2>カウンターアプリ</h2>
    <ol>
      <li>増減数を入力します。</li>
      <li>+ボタンを押すと、カウンターの数が増えます。</li>
      <li>-ボタンを押すと、カウンターの数が減ります。</li>
      <li>リセットボタンを押すと、カウンターの値がリセットされます。</li>
    </ol>

    <h3>カウンター</h3>
    <p>
      増減数：
      <input type='text' name='changeAmount'>
      <?php
      if ($errorFlag) {
        echo '<p><font color="#000080">※半角数値を入力してください</font></p>';
      }
      ?>
    </p>
    <p>実行：
      <button type='submit' name='plus' value='plus'>+</button>
      <button type='submit' name='minus' value='minus'>−</button>
      <button type='submit' name='reset' value='reset'>リセット</button>
    </p>
    <p>
      結果：
      <?php echo $currentValue; ?>
      <input type='hidden' name='result' value=<?php echo $currentValue; ?>>
    </p>

    <h3>カウンター履歴</h3>
    <?php
    // 問題3. Session変数にカウント履歴が存在する場合、履歴を表示してください
    // この下に解答してください
    if (isset($_SESSION['history'])) {
      foreach ($_SESSION['history'] as $value) {
        echo '<div>' . $value . '</div>';
      }
    }
    ?>

    <h3>最後にリセットした時のカウンター値</h3>
    <p>
      <?php
      if (isset($_COOKIE['lastResetValue'])) {
        echo $_COOKIE['lastResetValue'];
      }
      ?>
    </p>

  </form>

</body>

</html>

<?php
// バックエンドの処理開始

// 問題1. Sessionを開始してください
// この下に解答してください


// 初期値
$currentValue = 0;  // 現在のカウント数
$changeAmount = 0;  // 増減数
$errorFlag = false; // エラーフラグ(エラー発生時:true)

// 増減する数
if (isset($_POST['changeAmount'])) {
  if (is_numeric($_POST['changeAmount'])) {
    $changeAmount = $_POST['changeAmount'];
  } else {
    $errorFlag = true;
  }
}

// 現在のカウント数
if (isset($_POST['result'])) {
  if (is_numeric($_POST['result'])) {
    $currentValue = $_POST['result'];
  } else {
    $errorFlag = true;
  }
}

// +ボタン/−ボタンが押された場合の計算処理
if (isset($_POST['plus'])) {
  $currentValue += $changeAmount;
} elseif (isset($_POST['minus'])) {
  $currentValue -= $changeAmount;
}

// エラーフラグが立っていない場合
if (!$errorFlag) {
  // 問題2. 現在のカウント数をセッション変数に追加してください
  // この下に解答してください


}

// リセットボタンが押された場合
if (isset($_POST['reset'])) {
  // クッキーに最後にリセットした時のカウント数を保存
  setcookie('lastResetValue', $currentValue, time() + 3600);
  // カウント数と履歴情報をリセット
  $currentValue = 0;
  $_SESSION['history'] = [];
}

// バックエンドの処理終了
?>


<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <title>カウンター</title>
</head>

<body>

  <form action='index.php' method='post'>

    <h2>カウンターアプリ</h2>
    <ol>
      <li>増減数を入力します。</li>
      <li>+ボタンを押すと、カウンターの数が増えます。</li>
      <li>-ボタンを押すと、カウンターの数が減ります。</li>
      <li>リセットボタンを押すと、カウンターの値がリセットされます。</li>
    </ol>

    <h3>カウンター</h3>
    <p>
      増減数：
      <input type='text' name='changeAmount'>
      <?php
      if ($errorFlag) {
        echo '<p><font color="#000080">※半角数値を入力してください</font></p>';
      }
      ?>
    </p>
    <p>実行：
      <button type='submit' name='plus' value='plus'>+</button>
      <button type='submit' name='minus' value='minus'>−</button>
      <button type='submit' name='reset' value='reset'>リセット</button>
    </p>
    <p>
      結果：
      <?php echo $currentValue; ?>
      <input type='hidden' name='result' value=<?php echo $currentValue; ?>>
    </p>

    <h3>カウンター履歴</h3>
    <?php
    // 問題3. Session変数にカウント履歴が存在する場合、履歴を表示してください
    // この下に解答してください


    ?>

    <h3>最後にリセットした時のカウンター値</h3>
    <p>
      <?php
      if (isset($_COOKIE['lastResetValue'])) {
        echo $_COOKIE['lastResetValue'];
      }
      ?>
    </p>

  </form>

</body>

</html>


    // =======================
    // 問題1
    // =======================
    // 問題文
    const title1 = '`Session`を開始してください';
    // 実装タスク
    const task1 = '`Session`を開始しよう';
    // ヒント
    const hint1 = `次のコードを参考にしてください。
~~~php
// セッションを開始する
session_start();
~~~`;
    // アンサーコード
    const answer1 = 'session_start();';
    // =======================
    // 問題2
    // =======================
    // 問題文
    const title2 = '現在のカウント数をセッション変数に追加してください';
    // 実装タスク
    const task2 = "`*$_SESSION['history'][]*`に`*$currentValue*`を代入しよう";
    // ヒント
    const hint2 = `次のコードを参考にしてください。
~~~php
// food['果物' => ['りんご', 'バナナ', 'みかん']]のような配列へブドウを追加する場合
$food['果物'] = ['りんご', 'バナナ', 'みかん'];
$food['果物'][] = 'ブドウ';
~~~`;
    // アンサーコード
    const answer2 = "$_SESSION['history'][] = $currentValue;";
    // =======================
    // 問題3
    // =======================
    // 問題文
    const title3 = '`$_SESSION`変数に保存したカウント履歴を表示してください';
    // 実装タスク
    const task3_1 = '`*isset*`関数を使用して、`*$_SESSION*`変数へ`*history*`が存在するか確認しよう';
    const task3_2 = "`*foreach*`文を使用して、`*$_SESSION['history']*`をvalue（`*$value*`）でループさせよう";
    const task3_3 = '変数`*$value*`を`*<div>*`タグで囲んで関数`*echo*`で表示しよう';
    // ヒント
    const hint3_1 = `次のコードを参考にしてください。
~~~php
if (isset($_SESSION['testCookies'])) {
  // 処理
}
~~~`;
    const hint3_2 = `次のコードを参考にしてください。
~~~php
foreach ($_SESSION['testCookies'] as $key => $value) {
  // 処理
}
~~~`;
    const hint3_3 = `次のコードを参考にしてください。
~~~php
echo $key . ':' . $value;
~~~`;
    // アンサーコード
    const answer3_1 = `
if (isset($_SESSION['history'])) {
`;
    const answer3_2 = `
foreach ($_SESSION['history'] as $value)
`;
    const answer3_3 = `
  echo '<div>' . $value . '</div>';
`;
    // =======================
    // 手順
    // =======================
    const questions = [
        {
            title: title1,
            tests: [
                {
                    title: task1,
                    hint: hint1,
                    test: () => {
                        isContainTextInEditor(answer1);
                    }
                }
            ]
        },
        {
            title: title2,
            tests: [
                {
                    title: task2,
                    hint: hint2,
                    test: () => {
                        isContainTextInEditor(answer2);
                    }
                }
            ]
        },
        {
            title: title3,
            tests: [
                {
                    title: task3_1,
                    hint: hint3_1,
                    test: () => {
                        isContainTextInEditor(answer3_1);
                    }
                },
                {
                    title: task3_2,
                    hint: hint3_2,
                    test: () => {
                        isContainTextInEditor(answer3_2);
                    }
                },
                {
                    title: task3_3,
                    hint: hint3_3,
                    test: () => {
                        isContainTextInEditor(answer3_3);
                    }
                }
            ]
        }
    ];


カウント履歴を作成しよう

完成形を操作してみよう

テキストボックス

$_POST

フロントエンドを実装しよう

HTML内でPHP変数を表示する方法

PHPのforeach文を使用したHTMLタグの動的生成

```php
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>動物の名前</title>
</head>
<body>
    <?php
    // 動物名の配列を定義
    $animals = ['犬', '猫', 'ウサギ', '鳥', 'カメ'];

    // 配列の要素を繰り返し処理し、各動物の名前を段落として表示
    foreach ($animals as $animal) {
        echo '<p>' . $(1) . '</p>';
    }
    ?>
</body>
</html>
```

隠しフィールド

動的なページを実装しよう

バックエンドの実装を始めよう

function/引数（複数）

~~~php
//nameとageを持つ、関数を定義してみましょう
function SelfIntroduction($(1), $(2)){
    echo  "私は".$name"、".$age."です";
}
$name = "佐藤"; 
$age = "52歳";
SelfIntroduction($name, $age);

funciton/return

~~~php
//関数を定義
function Greeting(){
    $(1) "Hello World";
}
