レスポンシブBBSを公開しました(JavaScript + PHP)

公開日 : 2017年2月7日
最終更新日 : 2017年7月21日

こちらのページで公開している数年前に作ったBBS(以下、過去バージョンと呼びます)を全面改良し、「レスポンシブBBS」として完成させました。

快適な使い勝手を実現するためにJavaScript側ではクッキー、PHP側ではセッション(管理者のみ)、ログの保存にはデータベース、さらにAjaxとPHPを組み合わせています。

見た目は過去バージョンとほとんど変わりませんが、過去バージョンには使っているとわかる不便な点がいくつか存在していました。
今回の「レスポンシブBBS」では、それら弱点はすべて解決していると言えます。

主な特徴や、上記の過去バージョンBBSとの違いは以下の通り。
(※が付いているものは過去バージョンにはない機能です)

※ レスポンシブでスマホやタブレットに対応。
※ 書き込みを行った後に、ブラウザの「戻る」や「進む」ボタンやページ再読み込みなどによってページを行き来してもトラブルが起きない仕様。
※ Ajaxを使い、不要なページ再読み込みは極力排除。(ページ再読み込みがあるほうが画面の変化がわかりやすい場面では、あえて読み込みを発生させています)
ページの移動なしで必須項目の入力チェック。
※ 入力エラーがあった場合にはその項目まで自動でスクロールして戻る機能。
管理者はログインすることで、ブラウザ上で書き込みを削除可能。
送信決定時・削除決定時(管理者のみ)にはアラートウインドウで誤送信を防止。
デザインはすべてCSSで設定。自由に変更可能。
※ 書き込みが完了した際には、その表示位置まで自動でスクロールする機能。
※ 既存書き込みに対しレスをする際、ページの再読み込みをすることなくレス投稿が可能。
※ 1ページに表示する投稿数を設定可能。
※ 直近何日以内の書き込みに対して「NEW」のラベルを表示するかを設定可能。
※ JavaScriptが動作していない環境からは書き込みできない機能。(スパム対策)
※ あらかじめ設定したドメインからの投稿しか受けつかない機能。(スパム対策)
※ CSRF対策としてトークン実装。(スパム対策)
※ URLを含んだ投稿を禁止する機能。(スパム対策)
※ 設置メールサポートまたは設置代行サービス付き。

サンプル

サンプルは以下からどうぞ。
自由に書き込んでも問題ありません。

レスポンシブBBSのサンプル: https://www.1-firststep.com/samplephp/responsive-bbs-v2.1/
管理画面のサンプル: https://www.1-firststep.com/samplephp/responsive-bbs-v2.1/responsive-bbs/php/login.php
削除機能のためにログインできます。
ユーザ名はtani、パスワードは0000です。
ログアウトはブラウザを閉じるか、再びlogin.phpにアクセスしてみてください。

動作環境

PHPが動くWebサーバー。
データベースはMySQLで動作確認済です。
PDOで記述しているので、他のデータベースでも正常に動くかもしれませんが未検証です。

以下のページで公開している「サーバ設置型の顧客管理ソフト」も同じようにデータベースを使用しています。
こちらは無料でダウンロードできますので、このプログラムが正常動作するサーバであれば、レスポンシブBBSも正常に使えると考えて間違いないと言えます。
https://www.1-firststep.com/archives/3113

また、ページングと検索機能はGET送信によってページ表示させる関係上で、WordPressサイトへの組み込みは難しいかもしれません。(WordPressはURLをリダイレクトする仕組みがあるので)
そのあたりの詳細は、後述する「レスポンシブBBSの設置手順の解説」ページをご覧ください。