返信機能や画像アップロード機能を追加できる「レスポンシブBBS」の無料ダウンロード

公開日

2017年2月7日

最終更新日

2021年10月25日

著者

Motohiro Tani

設置がとても簡単で使い勝手の良いBBS、「レスポンシブBBS」を無料でダウンロードできます。

LINEなどが普及した現在はBBSって時代でもありませんが、このプログラムは当サイトで公開しているプログラムの中で私が最も気に入っているものの1つなのです。(そのあたりの詳細は「このサイトで配布・販売しているプログラムについて」のページで紹介しています)

現在の最新バージョンは2021年8月17日公開の5.0です。
参考ページ：プログラムをアップデートするの際の思想について

各バージョンごとのアップデート内容については、このページ最下部の「アップデート履歴」に記載してあります。

機能や特長

主な特徴は以下の通りとなります。

1. レスポンシブでスマホやタブレットに対応。
2. 設置が超簡単。サーバにアップロードするだけで使える。
3. MySQLのようにサーバ側でデータベースを用意する必要なし。(バージョン3.0からSQLite方式となりました)
4. 入力必須項目はHTMLファイル内でdd要素にclass=”required”を追加するだけでOK。
5. 美しいHTMLとCSS。W3C準拠。HTML5・CSS3文法エラーなし。
6. デザインはすべてCSSで設定。自由に変更可能。
7. ページの移動なしで必須項目の入力チェック。
8. 入力エラーがあった場合にはその項目まで自動でスクロールして戻る機能。
9. 管理者はログインすることで、ブラウザ上で投稿を削除可能。
10. 書き込みを行った後に、ブラウザの「戻る」や「進む」ボタンやページ再読み込みなどによってページを行き来してもトラブルが起きない仕様。
11. 直近何日以内の書き込みに対して「NEW」のラベルを表示するかを設定可能。
12. JavaScriptが動作していない環境からは書き込みできない機能。(スパム対策)
13. 設置したドメインからの投稿しか受け付けない機能。(スパム対策)
14. CSRF(クロスサイト・リクエストフォージェリ)対策としてトークン機能付き。(スパム対策)
15. 返信機能をアドオンで追加可能。
    (返信機能アドオンについて)
16. 過去ログ編集機能をアドオンで追加可能。
    (編集機能アドオンについて)
17. 画像アップロード機能をアドオンで追加可能。
    (画像アップロードアドオンについて)
18. 過去ログ検索機能をアドオンで追加可能。
    (検索機能アドオンについて)
19. ページネーション機能をアドオンで追加可能。
    (ページネーションアドオンについて)
20. URLを含んだ投稿、禁止IP、禁止ワードを設定で拒否できる機能をアドオンで追加可能。
    (スパムブロックアドオンについて)
21. 書き込みが完了した際には、その表示位置まで自動でスクロールする機能をアドオンで追加可能。
    (書き込み後スクロールアドオンについて)
22. 書き込みあった際、BBS管理者にメールで通知が届く機能をアドオンで追加可能。
    (メール通知アドオンについて)
23. BBS管理者が承認するまで投稿を公開しない機能をアドオンで追加可能。
    (承認機能アドオンについて)

サンプルデモとダウンロード

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

管理者は削除機能のためにログインできます。
ユーザ名はtani、パスワードは0000です。
ログアウトはブラウザを閉じるか、またはログアウトボタンを押すことで可能です。
管理画面のサンプル

レスポンシブBBSのダウンロード
最新バージョン(5.0)がダウンロードできます。
過去バージョン(3.1～4.0)をお求めの方は、このページ最下部の「アップデート履歴」からダウンロードできます。

動作環境

PHP5.6以降を推奨。
このサイト上にあるサンプルデモはPHP8世代で稼働しています。
データベースは必要ありません。

さくらインターネットの月額131円のプランやロリポップの月額100円のプランような安いプランではMySQLが使えないので、バージョン3.0未満のレスポンシブBBSは使えませんでした。

しかしバージョン3.0から採用したSQLite方式なら上記の安いプランでも備えているので、このBBSを使うことができます。
もちろん、それ以上の料金のプランであればSQLiteだけでなくMySQLまで備えているのが一般的なので、このBBSを使うことができます。

使い方の説明(基本設置方法)

設置に関してはサーバにアップロードするだけでいきなり使えます。
動作テストにconfig.phpの設定は不要ですが、テスト後に管理者ログインのためのユーザー名とパスワードを変更しておくと良いでしょう。

0、当然ですが、PHPが動くサーバーが必須です。
PHPが動くサーバであるか確認しましょう。
サーバ側の設定でWAF設定がオンになっていたりすると、動作できませんのでご注意ください。

1、zipファイルを展開します。

2、すべてサーバ上にアップロードします。

設置作業は以上です。
ブラウザでindex.phpにアクセスして、適当に書き込みテストをして動作確認をしてみましょう。
(phpフォルダの中のindex.phpではなく、レスポンシブBBSフォルダの中の最上位階層にあるindex.phpです)

管理者専用の削除機能について

管理者はログインすることで削除機能を使うことができます。
ログインユーザー名とパスワードはphp/config.phpに記載してありますので、自由に変更してご利用ください。

login.phpにブラウザでアクセスし、ログインをしてみましょう。
ログアウト方法は、ログイン後に表示されるログアウトボタンを押すか、またはブラウザを閉じることで可能です。

HTMLを修正する方法

BBSのHTMLはhead要素部・form要素部・footer部に分け、htmlフォルダの中に入っています。
form.html内のdd要素にclass=”required”を付加すると、その項目は入力必須となります。

レスポンシブBBS側に同梱のHTMLファイルやCSSファイルを編集することで、JSやPHPのようなプログラムファイルを編集しなくても、以下のように当サイトと同一のサイトのように見せることは可能です。
レスポンシブBBSのデザイン変更サンプル

デザインを変更する方法

デザインはすべてCSSで設定されています。
ログイン・ログアウト画面はlogin.cssで、BBSページはresponsive-bbs.cssで設定されています。

上記のHTMLはBBSプログラムの動作に影響しますが、CSSの設定はBBSプログラムの動作にまったく影響しません。
ですので、デザイン変更をしたい場合はなるべくHTMLをいじらず、CSSだけで実現すると無難です。

具体的なデザインカスタマイズに関しては以下のページで解説していますので、参考にしてみてください。
レスポンシブBBSのカスタマイズ方法の解説

既存ページへの組み込みの際の注意点

「ページネーションアドオン」と「検索機能アドオン」はGET送信によってページ表示させる仕組みですので、これらのアドオンを使用した場合はWordPressサイトへの組み込みは難しいかもしれません。
(WordPressはURLをリダイレクトする仕組みが元々あるため)

このBBSプログラムはどちらかというと「既存のページに組み込む」というよりも、「BBS側のHTMLやCSSを編集して既存のページのデザインにする」という手法のほうが良いかと思われます。

過去ログを編集する方法

このプログラムはデータベースにSQLiteを使用していますので、過去ログは「.sqlite3」という拡張子のファイルで保存されます。
このファイルはdbフォルダの中に生成されます。

.sqlite3ファイルはテキストエディタでは編集できず、専用のソフトが必要になります。
そのやり方については「sqliteのデータベースファイルの編集のやり方」のページを参考にして実施してください。

または、編集機能アドオンを追加すると以下のような「編集する」のボタンが出現し、ログインしている管理者はブラウザ上で編集ができるようになります。

このアドオンを使えばSQLiteファイルを編集するための専用のソフトが必要なくなるので、編集を頻繁にしたい方は是非ご利用ください。

編集機能アドオン付きのレスポンシブBBSのサンプル
自由に書き込んだり、ログイン後に編集をしてみてください。

管理画面のサンプル
ユーザ名はtani、パスワードは0000です。

注意点

サポートに関して

有償メールサポートと設置代行サービスについて

無償サポートの範囲外に関するものは、有償メールサポートや設置代行サービスがありますので、お問い合わせページからご相談ください。

追加アドオン(追加機能)について

アドオンを追加することで、以下の機能を使用することができるようになります。
必要な方は導入をご検討ください。
すべて併用することが可能ですので、必要な機能だけを組み合わせて使うことができます。

【返信機能アドオン】

BBSにレス(返信)投稿ができるようになります。

【編集機能アドオン】

BBSの管理者は過去の投稿をブラウザ上で自由に編集できるようになります。

【画像アップロードアドオン】

BBSに画像をアップロードできるようになります。

【WebP対応アドオン(無料)】

WebP画像に対応させます。(サーバーがWebP変換に対応している必要あり)
このアドオンは画像アップロードアドオンを追加した場合に限り使用できます。

【検索機能アドオン】

過去ログを検索する機能が追加されます。

【ページネーションアドオン】

ページネーション機能によって、投稿数が多くなった場合にページを分けることができます。

【スパムブロックアドオン】

IPアドレスや禁止ワードによって書き込みを拒否できるようになります。

【書き込み後スクロールアドオン(無料)】

書き込みをした直後、その書き込みが表示されている位置までスクロールする機能です。

【メール通知アドオン】

書き込みがあるとBBS管理者にメールで通知が届く機能です。

【承認機能アドオン】

BBS管理者が承認するまでは投稿を非公開にする機能です。

上記のすべてのアドオンを組み込むと、こんなに豪華なBBSになります。
全アドオン付きのレスポンシブBBSのサンプル

管理者としてログインすると、編集機能や承認機能を使うことができるので、適当に書き込んだり編集したりしてお試しください。
ユーザ名はtani、パスワードは0000です。
全アドオン付きの管理画面のサンプル

レスポンシブBBSのアドオン互換表

※ 上記表は横スクロールできます。
※ バージョンが少しズレていても正常に動作する場合もありますが、上記表の通りの組み合わせなら間違いがありません。

アップデート履歴

2017/02/16　バージョン1.0

• 公開

2017/02/21　バージョン1.1

• ページング機能を追加。
• URLの書き込みを禁止する機能を追加。(スパム対策)

2017/02/23　バージョン1.2

• 検索機能を追加。

2017/02/24　バージョン1.3

• 検索結果ページにページングを実装。
• 検索をした場合に結果表示位置まで自動スクロールする機能追加。
• 削除機能(管理者のみ)への不正アクセスを対処。

2017/06/08　バージョン2.0

• CSRF対策のため、トークンを追加。
• サーバによってセッションで問題が起きないよう修正。
• 管理者用のログイン画面のデザイン修正。
• 管理者ログインにユーザ名を追加。
• JavaScriptファイルのわずかな修正。

2017/07/01　バージョン2.1

• 画像の添付ができるようになりました。
• 各ボタンの色を変更。

2018/02/01　バージョン2.1.1

• ボタンやラベル部分の文字の大きさを微調整。
• わずかなバグ修正。

2018/03/28　バージョン3.0

• 各機能をアドオン化し、本体を無料化。
• 削除機能を実行の際にトークンを追加。
• 投稿者のIPアドレスを管理者ログイン時にのみ表示。
• 名前の入力がなかった場合に「名無しさん」と表示されるのを廃止。
• 返信投稿のタイトルに「Re:」と付くのを廃止。

2018/05/27　バージョン3.0.1

• 検索機能アドオンを単体で追加したときに発生するバグを修正。

2018/06/21　バージョン3.1

• iOS 11.3のSafariの不具合に対応しました。(画像アップロードアドオンを使用時にのみ発生するバグ)
• バージョン3.1のダウンロード

2018/06/27　バージョン3.2

• メール通知アドオンに対応しました。
• バージョン3.2のダウンロード

2019/01/05　バージョン3.3

• タブレットで拡大されて表示されるのを防ぐため、レスポンシブのブレイクポイントを640pxから1000pxに変更。
• バージョン3.3のダウンロード

2019/10/24　バージョン4.0

• config.phpでの設定項目が減り、設置作業がさらに簡単になりました。サーバにアップロードするだけで使用できます。
• その他、細かな微調整。
• バージョン4.0のダウンロード

2021/08/17　バージョン5.0

• BBS本体・アドオン共に様々な点を修正したので、各アドオンとの互換性もすべて一新されてしまいました。
  このバージョンのBBS本体からは過去のアドオンとの互換性が失われていますのでご注意ください。(上記の「アドオン互換表」を参照)
• リファラチェック機能をデフォルトでONにしたため、config.phpでの設定からリファラチェックの項目を削除しました。
• 背景画像をなくしました。それに伴いimageフォルダもなくなりました。
• デザインの細かな再調整やプログラムコードの最適化。
• 表示速度の高速化。
• 「WebP対応アドオン」を追加。
• 「承認機能アドオン」を追加。