レスポンシブBBSの画像アップロードアドオンについて


こちらのページでダウンロードできるレスポンシブBBSはバージョン3.0から「画像アップロードアドオン」を追加できるようになりました。
このアドオンを追加すると、BBSに画像をアップロードすることができるようになります。

現在の最新バージョンは2018年6月27日公開のバージョン1.2です。

2018年6月12日追記:iOS11.3のSafariで画像アップロードアドオンを使うと、フォームを正常に送信できない不具合が発見されました。
この不具合については「画像添付のアドオンを使った際のiOS11.3のSafariのバグについて」のページを参考にしてください。
現在公開中の1.1ではこのバグに対処してあります。

主な特長

この「画像アップロードアドオン」の特長は以下のようになっています。

  • 他のアドオンと併用可能。
  • ファイル選択時にプレビュー表示する機能。(バージョン1.2以降)
  • クリックしたら拡大表示する機能。
    (PCの場合のみ。スマホの場合は別ウインドウ表示となります)
  • アップロードできる画像ファイル形式はjpg、png、gifになります。(許可する形式はあらかじめ選択できます)
  • 1つの投稿につき、アップロードできる画像は1枚です。
  • config.phpにてあらかじめ設定しておいたサイズに自動でリサイズする機能付き。
  • 選択されたファイルが許可された形式かどうかを、ページ移動前(送信前)にチェックする機能。
  • HTMLやJavaScriptでの設定は悪意ある攻撃者によって改ざんすることが容易なので、上記設定とは別にPHP側でも選択可能な拡張子を設定し、サーバ側にて偽装ファイルかどうかをチェックする機能。
  • 選択されたファイルがアップロード最大容量を超えていないかどうかを、ページ移動前(送信前)にチェックする機能。
  • HTMLやJavaScriptでの設定は悪意ある攻撃者によって改ざんすることが容易なので、上記設定とは別にPHP側でもアップロード最大容量の設定をし、サーバ側にてその容量チェックをする機能。
  • 設置メールサポート付き。

サンプルデモ

サンプルは以下からどうぞ。
自由に書き込んでも問題ありません。
画像アップロードアドオン付きのレスポンシブBBSのサンプル

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

設置方法

このアドオンの設置方法はとても簡単です。
以下の内容はアドオンファイルに同梱されている「画像アップロードアドオンの設置手順.txt」の内容と同じです。

0、まずアドオンファイルを使用する前に、zipファイルを丸ごとコピーしてバックアップ保存しておくことをおすすめいたします。

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

2、レスポンシブBBS本体にあるaddonフォルダの中に、attachmentフォルダを入れます。

3、addonフォルダの中にある「bbs-form(差し替え用).html」を、レスポンシブBBS本体にあるhtmlフォルダの中の「bbs-form.html」と差し替えます。
または、以下のコードをレスポンシブBBS本体にあるhtmlフォルダの中のbbs-form.htmlに追加しても同じです。

<dt>添付画像<span>Attachment</span>
<dd><input type="hidden" class="max_file_size" name="MAX_FILE_SIZE" value="" /><input type="file" class="attachment" name="attachment" /></dd>

設置は以上です。
適当に画像アップロード投稿をしてみて正常動作・表示するかを確認してみましょう。

初期状態(このアドオンなし)の状態に戻す方法

初期状態(このアドオンなし)の状態に戻すには、上記の設置手順2でaddonフォルダに入れたattachmentフォルダごと削除することで戻ります。
その際には、上記手順3で追加した添付ファイルボタンのコードも削除しておくと良いでしょう。

他のアドオンとの併用について

レスポンシブBBSにはこれの他にも色々なアドオン(追加機能)がありますが、すべて併用することが可能です。
必要な機能だけを組み合わせてお使いください。

一例として「返信機能アドオン」と「画像アップロードアドオン」を組み合わせたサンプルを設置しておきます。
ご自由に画像アップロードや返信をお試しください。
返信機能アドオン・画像アップロードアドオン付きのレスポンシブBBSのサンプル

アップロードできるファイルサイズや解像度の設定について

以下の設定は変更しなくても特に問題はありません。
もし設定を変更するとしても、まずは上記までの設置作業が正しく完了しており、画像アップロード機能が正常動作するかの確認をした後にしたほうが無難です。

4、attachment-config.phpを開き、上記手順7と同じになるように送信可能なファイル形式を1または0で指定します。(以下の例はjpgファイルだけを許可する例)

$rb_jpg = 1;
$rb_png = 0;
$rb_gif = 0;

5、ファイルのアップロードというものは文字のようなテキストデータに比べると圧倒的にデータ容量が大きく、そのぶんサーバに負荷がかかります。
attachment-config.phpを開き、アップロードできるファイルサイズの上限を記入します。

$rb_upload_max_size = 2000000;

画像表示などのデザイン変更について

画像表示など、このアドオンの機能に関する部分のデザインは同梱のattachment.cssにてすべて設定されています。
デザインを変更したい場合は上記ファイルを編集することで可能です。

販売価格や購入方法

電卓
価格は15,000円(税抜)となります。
設置メールサポートがついておりますので、ご自身で設置をする際につまづいた際にはご質問ください。

注意:設置メールサポートは「アドオンの設置」に関しての質問のみとなります。
ですので、アドオンなしの初期状態のレスポンシブBBSが正常に動作している上でご購入ください。
また、カスタマイズに関してのご質問は有償メールサポートを別途お申し込みください。

ご購入は以下からどうぞ。
ペイパルと銀行振込でのお支払いの場合は、料金のお支払いをしていただき、その入金確認後にメールで添付にてお送りする形となります。
クレジット決済の場合はお支払後にすぐダウンロードができますので、お急ぎの方にはおすすめです。

【レスポンシブBBSの画像アップロードアドオンのご購入】
ペイパルでお支払い
お問い合わせページからお申込み(銀行振込)
STORES.jpでご購入(クレジットカード決済) (決済後ダウンロード可能)
このサイトでご購入(クレジットカード決済) (決済後ダウンロード可能)

※ クレジット決済の注意点
上記のペイパルと銀行振込以外の場合は、お支払後にアドオンファイルをすぐにダウンロードできます。

このサイトでのクレジット購入の場合は、ダウンロードはそのセッション中(ブラウザを閉じるまで・または24分以内)にのみ可能となります。
再ダウンロードしたい場合は、お問い合わせページからご連絡くだされば、本人確認後にメール添付にてお送りいたします。

注意点

このアドオンは現時点ではレスポンシブBBS本体のバージョン3.0以降にのみ対応しています。
(レスポンシブBBS本体のバージョンは、responsive-bbs.phpの冒頭あたりに記載してあります)

また、普通に使用していてプログラム上のバグ(不具合)があった場合には、追加料金なしでバグ修正を行いますので、そのような際にもご連絡ください。
(お客様の手によってJavaScriptファイルやPHPファイルを独自カスタマイズされている場合は除く)

アドオンを複数のサイトに使用したい場合

(2018年6月23日改定)
アドオンは1つのご購入につき、1サイトで使用可能です。
(異なるドメインのページは、異なるサイトとみなされます)

例えば、1つのサイト内にアドオンを複数設置する場合は、アドオンの購入は1つでOKです。
しかし、複数のサイトにアドオンを設置する場合は、2つ目以降は再度アドオンを正規料金でご購入していただければ幸いです。

実際にプログラムを使用するのはアドオンを購入された方のクライアント(依頼者)のサイトだったりするわけですから、そのクライアントに正規の料金をお支払い願えればと思います。

【余談】
最近問題になった漫画村の一件と同じですが、制作者に正しく利益が発生しないと新たなモノを作る気がなくなってしまうのは仕方ないことだと思います。

ここ20年で本が売れなくなって本屋が減り、CDが売れなくなってミュージシャンの新曲リリースが減りました。
本の中でも漫画は今も売れているようですが、漫画村のようなサイトが普及すれば、20年後には漫画業界までもが今の音楽業界のようになっていたことでしょう。

私も顧客管理プログラムを作ったっきりでほとんどアップデートしないのは、このプログラムから利益が出ていないからなのです。(需要が少ないのが最大の原因です)
このようなプログラムは配布を終了させるかもしれませんだって意味ねえもん。(2018年7月23日:配布を終了しました)

アドオンのアップデートについて

レスポンシブBBS本体とアドオンは適合するバージョンというものがあります。
どのバージョンが合うかは、各アドオン販売ページの一番下にある「アップデート履歴」でご確認ください。
(現在お使いのアドオンのバージョンはアドオンフォルダの中にある「version.php」、または「アドオン名-config.php」に記載してあります。)

ですので、もしアドオン購入後にレスポンシブBBS本体をアップデートさせると、アドオンが古いバージョンのままのせいで正常動作しなくなる場合があります。

過去にアドオンを購入された方からご要望があれば、新しいバージョンのアドオンファイル一式をお送りいたしますので、お問い合わせページからお求めください。
その際には、現在お持ちのアドオンファイル一式をメール添付して私にお送りいただくことで、過去に購入したことの証明とさせていだきます。

アップデート履歴

2018/03/29 バージョン1.0 (本体3.0~以降で動作確認済)
  • 公開。
2018/06/21 バージョン1.1 (本体3.1~以降で動作確認済)
  • iOS 11.3のSafariの不具合に対応しました。(画像アップロードアドオンを使用時にのみ発生するバグ)
  • attachment-config.php内で設定するアップロード容量制限の値を2MBに変更。
2018/06/27 バージョン1.2 (本体3.2~以降で動作確認済)
  • ファイル選択時にプレビューを表示する機能を追加。

サポートBBS

サポートBBS

サイト内を検索
アップデート情報

この「アップデート情報」欄はコンテンツ・メーカーを使用して更新・表示しています。

サイト運用事例
提供サポートなど
メールフォーム

ダウンロード一覧へ

カレンダー

これはビジネスカレンダーのサイト組み込みサンプルです。
サンプル管理画面から定休日の変更操作ができます。
ご自由にお試しください。(ユーザ名はtani、パスワードは0000です)

ダウンロード一覧へ

新着情報欄の更新

ダウンロード一覧へ

BBS

ダウンロード一覧へ

その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

カテゴリ別
制作者の詳細
  • 谷元博のブログ
  • Google+