PHPで掲示板を作る方法【サンプルコード付き】

php

PHPで掲示板を作る方法

PHPで掲示板を作る方法を紹介します。このサンプルでは、名前とメッセージを投稿し、投稿内容を一覧表示できます。投稿データはCSVファイルへ保存されるため、ページを再読み込みしても内容が保持されます。シンプルな掲示板や交流ページ、意見投稿フォームなどを作成したい場合に利用できます。

コードについて 本記事のコードはサンプルコードです。ご利用前に必ず動作確認を行ってください。
免責事項 本コードの利用により発生した損害について、当サイトは一切の責任を負いません。

デモ

PHP掲示板
山田
2026-06-11 22:15:30
こんにちは。掲示板のサンプルです。
佐藤
2026-06-11 21:48:05
投稿内容が一覧に表示されます。

コードをコピーして使おう！

<?php

// 掲示板データを保存するCSVファイル名です
$csv_file = 'data.csv';

// HTMLエスケープ用の関数です
function h($value) {

    return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');

}

// 投稿処理です
if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    // 入力内容を取得します
    $name = trim($_POST['name'] ?? '');
    $message = trim($_POST['message'] ?? '');

    // 名前とメッセージが入力されている場合のみ保存します
    if ($name !== '' && $message !== '') {

        $fp = fopen($csv_file, 'a');

        if ($fp) {

            fputcsv($fp, [
                date('Y-m-d H:i:s'),
                $name,
                $message
            ]);

            fclose($fp);

        }

    }

    // 二重送信防止のためリダイレクトします
    header('Location: index.php');
    exit;

}

// 掲示板データを読み込みます
$posts = [];

if (file_exists($csv_file)) {

    $fp = fopen($csv_file, 'r');

    if ($fp) {

        // ヘッダー行を読み飛ばします
        fgetcsv($fp);

        while (($data = fgetcsv($fp)) !== false) {

            if (count($data) >= 3) {

                $posts[] = [
                    'datetime' => $data[0],
                    'name' => $data[1],
                    'message' => $data[2]
                ];

            }

        }

        fclose($fp);

    }

}

// 新しい投稿を先頭に表示します
$posts = array_reverse($posts);

?>

<!DOCTYPE html>
<html lang="ja">

<head>

<meta charset="UTF-8">

<title>PHP掲示板</title>

<style>

body{
    margin:40px;
    font-family:sans-serif;
    background:#f8fafc;
}

.php-bbs_wrap{
    max-width:800px;
    margin:auto;
    padding:24px;
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:18px;
}

.php-bbs_title{
    font-size:24px;
    font-weight:bold;
    margin-bottom:20px;
}

.php-bbs_input,
.php-bbs_textarea{
    width:100%;
    box-sizing:border-box;
    padding:10px;
    margin-bottom:12px;
    border:1px solid #d1d5db;
    border-radius:8px;
}

.php-bbs_textarea{
    height:120px;
    resize:none;
}

.php-bbs_button{
    padding:10px 24px;
    border:none;
    border-radius:8px;
    background:#0b6bff;
    color:#ffffff;
    cursor:pointer;
    font-weight:bold;
    margin-bottom:24px;
}

.php-bbs_post{
    padding:16px;
    margin-top:12px;
    border:1px solid #d1d5db;
    border-radius:10px;
}

.php-bbs_name{
    font-weight:bold;
    margin-bottom:4px;
}

.php-bbs_date{
    color:#6b7280;
    font-size:13px;
    margin-bottom:8px;
}

</style>

</head>

<body>

<div class="php-bbs_wrap">

    <div class="php-bbs_title">
        PHP掲示板
    </div>

    <form method="post">

        <input
            class="php-bbs_input"
            type="text"
            name="name"
            placeholder="名前"
        >

        <textarea
            class="php-bbs_textarea"
            name="message"
            placeholder="メッセージを入力してください"
        ></textarea>

        <button
            class="php-bbs_button"
            type="submit"
        >
            投稿
        </button>

    </form>

    <?php foreach ($posts as $post): ?>

        <div class="php-bbs_post">

            <div class="php-bbs_name">
                <?= h($post['name']) ?>
            </div>

            <div class="php-bbs_date">
                <?= h($post['datetime']) ?>
            </div>

            <div>
                <?= nl2br(h($post['message'])) ?>
            </div>

        </div>

    <?php endforeach; ?>

</div>

</body>

</html>

ファイル構成と設置方法

このサンプルでは、index.php と data.csv を同じフォルダに配置して使用します。投稿された名前・メッセージ・投稿日時は data.csv に追記保存されます。 

sample/
├── index.php
└── data.csv

index.php と data.csv をサーバーへアップロードし、ブラウザから index.php にアクセスしてください。名前とメッセージを入力して投稿すると、内容が data.csv に保存され、掲示板の投稿一覧に新しい順で表示されます。

コメント