HTMLやPHPで掲示板を作る方法

この記事は4分で読めます

自分用メモ

随時追記していく

※参考:ポートフォリオのジャンルや制作過程、注意点や必要な機能
※参考:ProgateでHTML & CSSを学習
※参考:ProgateでPHPの学習

まずはお問い合わせフォームから?


PHPの成果物をレベル別に並べると以下の通り
・お問い合わせフォーム
・掲示板
・簡単なショッピングサイト

その1(HTML)


・要件定義
・formタグ
・inputタグ

その2(PHP)


・PHPで出来ること
・画面の動き

その3(PHP)


・値を取得する
・変数の定義と値の洗い出し
・値の存在の判定

その4(PHP)


・これまでの復習
・エラーチェック
・エラーがあった場合の処理

簡単な掲示板を作る方法と心構え



以下の3つが実装出来ていれば、掲示板と言えるものが出来る

①内容に書き込んだ「文章」と「名前」をセットにして記録する
②送信ボタンを押すと①の機能が実行される
③記憶されてる内容(文章、名前)を表示欄にすべて表示する

「まずは最低限動くものを」という考え方が大切
いかに最速で動く段階まで到達できるかを重視する

必要な技術に関しては、テキストファイルに全ての情報を記録する形でOK
HTMLとPHPが動いて、記録用のテキストファイルを用意できる環境であれば
ローカルでもリモートでも何でもOK
(データベースやセキュリティ対策は不要。ただ本格的な掲示板を作りたいなら必須)

「掲示板の設計」について深掘りしたいなら以下を参照


どのように掲示板を組み立てるか


①ファイルに書き込みを記録する

まずはHTMLで書いたフォーム(=掲示板)に記入された内容をPHPに投げる方法を確認する
HTMLでformタグを使ってフォームを作る方法は以下を参照


またPOST送信、GET送信についても理解する必要がある
詳細は以下を参照


②PHPのファイルに書き込む

やりたいことは、ファイルに掲示板で投稿された名前と内容を記録すること
fopen関数、fclose関数などを使う。

③テキストファイルの情報を表示する

fget関数、explode関数、while文などを使う

PHPのセキュリティ対策について


上記の掲示板は、全体の視認性や理解のしやすさを重視しているので
セキュリティ対策を一切施していない

そのため、不特定多数の利用が想定される場所で公開すると
あっという間にXSS(クロス・サイト・スクリプティング)や
CSRF(クロス・サイト・リクエスト・フォージェリ)の餌食になる

CSSで色を施したり、XSSやCSRFの対策を施したいなら、
以下の記事を参考にする


PHP掲示板とMySQLの連携


PHPで掲示板を作ろう! 掲示板の作成方法 その1


PHPで掲示板を作ろう! 掲示板の作成方法 その2


PHPで掲示板を作ろう! 掲示板の作成方法 その3(エラーチェックとファイル書き込み)


PHPで掲示板を作ろう! 掲示板の作成方法 その4(ファイル読み込みとHTML表示)


PHPで掲示板を作ろう! 掲示板の作成方法 まとめ


PHPで掲示板を作ろう!(データベース編) その1 データベースとは


PHPで掲示板を作ろう!(データベース編) その2 MySQLログイン編


PHPで掲示板を作ろう!(データベース編) その3 データベース作成編


PHPで掲示板を作ろう!(データベース編) その4 SQL編


PHPで掲示板を作ろう!(データベース編) その5 PHP-MySQL連結編


PHPで掲示板を作ろう!(データベース編) その6 まとめ編


2ch風掲示板の作成について


2chのデータは4階層構造になっている

①カテゴリー
2chの掲示板は、ニュースや食文化、ネット関係といった
「カテゴリー」と呼ばれる大きな分野単位で区切られている

②板
カテゴリーは、さらに「板」という細かいジャンルで区切られている

③スレッド
1つの板の中に、沢山の掲示板が設けられている
2chでは掲示板のことを「スレッド」と呼ぶ

④レス
2chでは書き込みのことを「レス」と呼んでいる

まずはMySQLで、
①カテゴリー②板③スレッド④レス
を格納するテーブルを用意する。

①カテゴリー:bbs_category
②板:bbs_board
③スレッド:bbs_board
④レス」bbs_response



備忘録メモ


上は「データベースを含んだ掲示板」と言ってたので、
HTMLとPHPのみで掲示板を作ったら、
DBも含めたページを作るべし。

DBを含めた掲示板が作れたら、次はWebサービスを作ってみるといいかも
※参考:Webサービスを作るには?必要なことや具体例など

  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

管理人紹介


21世紀、より良い人生を歩むための個人事業主による備忘録メモです。固定観念にとらわれず、日本や世界の深淵に触れ、自由快適な人生を歩んでいく事を大切にしています。