PHPの中にHTMLを組み込む！初心者でもマスターできる5つのステップ

はじめに
●PHPとHTMLの基本
- ○PHPとは
- ○HTMLとは
●PHPの中にHTMLを書く方法
- ○基本的な方法
- ○サンプルコード1：PHPとHTMLの組み合わせ
●PHPとHTMLの応用例
●注意点と対処法
●カスタマイズ方法
まとめ

はじめに

この記事を読めば、PHPとHTMLをうまく組み合わせて、動的なウェブページを作成することができるようになります。

●PHPとHTMLの基本

○PHPとは

PHPは、サーバーサイドで実行されるスクリプト言語で、主にウェブ開発に使用されます。

HTMLと一緒に使うことで、データベースとのやり取りやユーザーの入力の処理など、動的なウェブページを作ることができます。

○HTMLとは

HTMLは、ウェブページの基本的な構造を定義するマークアップ言語です。

ウェブブラウザはHTMLを解釈して、ユーザーに表示するウェブページを作ります。

●PHPの中にHTMLを書く方法

○基本的な方法

PHPの中にHTMLを書くには、PHPの閉じタグの後にHTMLを書くか、PHPのechoやprint文を使用します。

○サンプルコード1：PHPとHTMLの組み合わせ

ここでは、PHPの中でHTMLを書く簡単な例を紹介します。

この例では、PHPの閉じタグの後にHTMLを書いています。

<?php
  // PHPコード
?>
<!DOCTYPE html>
<html>
<head>
  <title>PHPとHTML</title>
</head>
<body>
  <h1>Hello, World!</h1>
</body>
</html>

●PHPとHTMLの応用例

PHPとHTMLを組み合わせることで、単なる静的なウェブページを超えて、データの収集や表示、バリデーション、そして動的なコンテンツの生成など、さまざまな機能を実現することができます。

それぞれの応用例を具体的なサンプルコードとともに紹介します。

○サンプルコード2：フォームを作る

最初の応用例として、PHPとHTMLを使用してウェブフォームを作成します。

このコードでは、HTMLでフォームを作り、ユーザーからの入力をPHPで受け取ります。

<!DOCTYPE html>
<html>
<head>
  <title>フォーム</title>
</head>
<body>
  <form method="post" action="form.php">
    <label for="name">名前:</label><br>
    <input type="text" id="name" name="name"><br>
    <input type="submit" value="送信">
  </form>
</body>
</html>

そして、上記のHTMLフォームから受け取ったデータを処理するPHPコードを作成します。

<?php
  if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = htmlspecialchars($_POST["name"]);
    echo "こんにちは、" . $name . "さん！";
  }
?>

○サンプルコード3：データベースから情報を取得する

次に、データベースから情報を取得してウェブページに表示する方法を学びます。

この例では、MySQLデータベースからデータを取得して表示します。

<?php
  $servername = "localhost";
  $username = "username";
  $password = "password";
  $dbname = "myDB";

  // データベースへの接続を確立
  $conn = new mysqli($servername, $username, $password, $dbname);
  
  // 接続の確認
  if ($conn->connect_error) {
    die("接続失敗: " . $conn->connect_error);
  }

  // データの取得
  $sql = "SELECT id, name FROM MyGuests";
  $result = $conn->query($sql);

  if ($result->num_rows > 0) {
    // データを一行ずつ取り出し
    while($row = $result->fetch_assoc()) {
      echo "id: " . $row["id"]. " - Name: " . $row["name"]. "<br>";
    }
  } else {
    echo "0 results";
  }
  $conn->close();
?>

上記のコードでは、まずデータベースへの接続を確立し、その後SQLクエリを実行してデータを取得します。

そして、取得したデータを一行ずつ取り出して表示します。

○サンプルコード4：ユーザー入力のバリデーション

ユーザーからの入力を適切にバリデーション（検証）することは、ウェブアプリケーションの安全性を保つために重要です。

このコードでは、ユーザーからの入力をバリデーションする方法を紹介します。

<?php
  if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST["name"];
    if (empty($name)) {
      echo "名前は必須です。";
    } else if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
      echo "名前は英字と空白のみを使用してください。";
    } else {
      echo "こんにちは、" . $name . "さん！";
    }
  }
?>

この例では、まずユーザーが名前を入力したかどうかを確認します。

もし名前が入力されていなければ、エラーメッセージが表示されます。

次に、名前が英字と空白のみから成るかどうかを確認します。

もし英字と空白以外の文字が含まれていれば、エラーメッセージが表示されます。

これらのチェックがすべて通過した場合のみ、ユーザーの名前が表示されます。

○サンプルコード5：動的なウェブページの作成

次に、PHPとHTMLを使って動的なウェブページを作成する方法を見てみましょう。

動的なウェブページは、訪問者によって内容が変化するウェブページです。

この例では、訪問者のブラウザの情報に基づいてメッセージを変更します。

<!DOCTYPE html>
<html>
<body>

<h1>お使いのブラウザは:</h1>
<?php
echo $_SERVER['HTTP_USER_AGENT'];
?>

</body>
</html>

このコードでは、$_SERVERの’HTTP_USER_AGENT’という情報を使って、訪問者のブラウザ情報を取得し、その情報をウェブページ上に表示します。

●注意点と対処法

PHPとHTMLを一緒に使う際には、いくつかの注意点があります。

セキュリティ：ユーザーからの入力を適切にバリデーションし、エスケープ処理を行うことで、クロスサイトスクリプティング（XSS）などのセキュリティリスクを防ぐことができます。
データベース接続：データベースへの接続情報（ホスト名、ユーザ名、パスワードなど）は、一般に公開しないようにすることが重要です。
エラーハンドリング：PHPのエラーレポーティング機能を利用して、エラーを適切にハンドリングすることが大切です。