Home >スクリプト紹介 >Clip Board
Clip Board
- アップロード式掲示板 -
ClipBoard v6.21 com-multi v2.0 (アップロード掲示板)
  • オリジナルスクリプト機能的な特長
    1. スマートフォン画面に対応したレスポンシブデザインです。
    2. 画像などのBinaryファイルをブラウザからアップロードすることができます。
    3. 画像を自動縮小し(サムネイル化)、閲覧を軽くすることができます(要:Image::Magick)。
    4. 投稿記事を管理人に自動でメール通知させることできます。(sendmailの使えるプロバイダ)
    5. クッキー対応や管理人による記事削除が可能です。
    6. キーワードから過去の投稿記事のワード検索を行うことができます。
    7. 全画面がテンプレート式のため、自由にデザインやレイアウト改造が可能です。
    8. スパム対策用に画像認証機能を使用することができます。
    9. アップロード可能なファイルは、設定で制限することができます。

オリジナルスクリプト解説ページ

  

サンプル/ダウンロード

ClipBoard v6.21 com-multi v2.0

サンプル利用規定 サンプル

ダウンロード前に必ずオリジナルで動作確認をして下さい!!

改造内容により、互換ツールが必要になる場合がありますので、
「改造点」を必ず目を通して確認して下さい。
(すでにログがある方のみログを変換する必要があります)


( Ver:6.21cm 1.0 DL : 1,508 )

以下の書庫ファイルをダウンロードします。文字コードはUTF-8です。

【留意事項】
●Ver.6.0より、文字コードがUTF-8に変更となりました。v5.01以前{v5.01含む}をご利用の方で、今まで使用していたデータを引き継ぎたい方は、次のような作業が必要です。

(1) data/log.cgi, data/past/0001.cgi{過去ログ}をダウンロードする。
(2) エディタ等を使って、文字コードを Shift-JISから、UTF-8(エディタで「UTF-8N」を選択)へ変換してサーバーにアップする。

●上記作業をしない場合は、記事が文字バケします。

このプログラムを利用する上での利用規定です。必ず目を通しておいて下さい。プログラムをダウンロードする場合、「利用規定」に同意したものとみなします。
プログラム利用規定

Ver:6.21clipbbs621cm2.zip

(Ultimate File up:2023/10/17 20:51)

展開ファイル内容
●ダウンロード後、解凍 します。解凍すると以下のファイルが展開されます。
clipbbs.cgi --------------- 掲示板プログラム
regist.cgi ---------------- 書込プログラム
captcha.cgi --------------- 画像認証プログラム
check.cgi ----------------- 設定チェックプログラム
init.cgi ------------------ 設定ファイル
admin.cgi ----------------- 管理用プログラム
data/log.cgi -------------- データファイル
data/ses --------------------- セッションディレクトリ
data/pwd --------------------- パスワードディレクトリ(回数カウント用)
data/pass.dat ---------------- パスワードファイル
data/past/ ---------------- 過去ログフォルダ
data/approve/ ------------- コメント返信承認フォルダ
data/reslog.cgi ----------- コメント返信ログファイル
data/res_cnt.dat ---------- コメント返信数カウントファイル
data/resno.dat ------------ コメント返信数連番ファイル
lib/CGI/Minimal.pm --------- データ受理モジュール [配布元]
lib/CGI/Minimal.pod -------- データ受理モジュール [配布元]
lib/CGI/Minimal/*.pm ------- データ受理モジュール [配布元]
lib/CGI/Session.pm ----------- セッション管理モジュール [配布元]
lib/CGI/Session/*.pm --------- セッション管理モジュール [配布元]
lib/Digest/SHA/PurePerl.pm -- 暗号化モジュール [配布元]
lib/login.pl ---------------- ログインモジュール
lib/jcode.pl -------------- 文字変換モジュール [配布元]
lib/Crypt/RC4.pm ---------- 暗号化モジュール [配布元]
lib/GD/SecurityImage.pm --- 画像認証作成モジュール [配布元]
lib/pngren.pl ------------- PNG連結ライブラリ [配布元サイト閉鎖中 : 桜月氏作成]
lib/*.pl ------------------ 画像認証チェックプログラム他
lib/bin/*.ttf ------------- フォントファイル(画像認証用)
lib/bin/*.png ------------- 画像ファイル(画像認証用)
icon/*.gif ---------------- アイコン画像 [配布元]
img/ ---------------------- アップロードディレクトリ
tmpl/*.html --------------- テンプレートファイル
cmn/view/*.* -------------- 画像ビューアー(オリジナル使用) [入手元]
cmn/*.png ----------------- アイコン画像 [入手元]
cmn/bbs.css -------------- スタイルシート
cmn/admin.css ------------- スタイルシート・管理モード
cmn/BackToTop.jquery.css -- スタイルシート・ページの先頭 (トップ) へスムーズにスクロールして戻るjQueryプラグインcss
cmn/form.css -------------- スタイルシート・返信投稿フォーム用css
cmn/input_file_btn.css ---- スタイルシート・input type="file"のボタン装飾スタイルシート
cmn/bbs.js ---------------- javascriptスタイルシート
cmn/BackToTop.js ---------- ページの先頭 (トップ) へスムーズにスクロールして戻るjQueryプラグイン
cmn/jquery.uploadThumbs.js  選択した添付ファイルをサムネイル表示するjQueryプラグイン
resupl -------------------- コメント返信添付ファイル収納フォルダ
fancyBox/ ------------------ jQuery fancyBox v2.1.7プラグインディレクトリ(画像拡大表示) [配布元]
ディレクトリ構成例
●全体のディレクトリ構成とファイル位置の設置例は以下のとおりです(かっこ内はパーミッションの設定値)。
ディレクトリ構成例
public_html / index.html (トップページ)
    |
    +-- clipbbs / clipbbs.cgi [755] .. 掲示板本体
          |       regist.cgi  [755] .. 投稿用Program
          |       admin.cgi   [755] .. 管理画面
          |       init.cgi    [644] .. 設定ファイル
          |       captcha.cgi [755] .. 画像認証用Program
          |
          +-- cmn / *.png
          |    |     bbs.css
          |    |     admin.css
          |    |     BackToTop.jquery.css
          |    |     form.css
          |    |     input_file_btn.css
          |    |     BackToTop.js
          |    |     jquery.uploadThumbs.js
          |    |     bbs.js
          |    |
          |    +-- icon /*.gif
          |
          +-- lib / jacode.pl他
          |    |
          |    +-- login.pl
          |    |
          |    +-- Crypt / *.*
          |    +-- GD / *.*
          |    +-- bin / *.ttf
          |    |         *.png
          |    +-- CGI / Session.pm
          |    +-- CGI / Session / *.pm
          |    +-- CGI / Minimal.pm
          |    |         Minimal.pod
          |    +-- CGI / Minimal / *.pm
          |
          +-- data [777] / log.cgi       [666]
          |    |           ses.cgi       [666]
          |    |           pastno.dat    [666]
          |    |           *.dat         [666]
          |    |           reslog.cgi    [666]
          |    |           res_cnt.dat   [666]
          |    |           resno.dat     [666]
          |    |           pass.dat      [666]
          |    |
          |    +-- pwd [777] /
          |    +-- ses [777] /
          |    +-- past      [777] /
     |    |
          |    +-- approve   [777] /
          |
          +-- resupl [777] /
          |
          +-- fancyBox
          |    |
          |    +-- demo
          |    |
          |    +-- lib
          |    |
          |    +-- source
          |    
          +-- tmpl / *.html
          |
          +-- img [777] /
設定修正
init.cgi をエディタで開いて以下の箇所を修正します。
$cf{enter_pwd} = '';
(アクセス制限を行う場合、ここに入室パスワードを入力します。アクセス制限を行うわない場合は空欄にしておきます)
$cf{sestime} = 60;
(上記のアクセス制限を行う場合、入室後のアクセス可能時間を分単位で指定します)
$cf{thumbnail} = 0;
(画像を自動縮小する場合は「1」とします。これにより大きな画像でも縮小されるため、閲覧速度が軽減されます。ただし、サーバ側でImage::Magickが利用できることが条件です。Image::Magickの可否は「check.cgi」でチェックすることができます。)
$cf{add_usermax} = 5;
追加添付ファイル入力フォーム数最大値
$cf{addattach} = [0,1,2,3,4,5];
追加添付ファイル入力フォーム数(MAX=5)ex. 5の場合は[0,1,2,3,4,5]、または[0,1,3,5]などに変更。
$cf{attach_defo} = 1;
追加添付ファイル入力フォーム数の初期値。閲覧者が初めてこの掲示板を開いた時に見る入力フォームの行数です。変更可能な数値は「0~5」までの数値です。初期数値は「1」に設定されています。
$cf{approve} = 0;
(コメント承認制。投稿記事を管理者が表示前に確認する場合(スパム対策)「1」に設定。)
$cf{max_res} = 5;
(コメント返信数の設定です。サンプル用に小さい数字が設定されています。通常1020以内で設定。)
$cf{res_mailing} = 0;
(コメント返信メール通知機能です。通知したい場合は「1」とします。下記のメールアドレス入力も忘れずに設定して下さい。)
$cf{mailto_r} = 'xxx@xxxx.xxx';
(メール通知先アドレス(メール通知する場合)です。上記を「1」に設定した場合はメールアドレス入力も忘れずに設定して下さい。)
$cf{maxlog} = 100;
(最大記事数の設定です。これを超える記事とその添付ファイルは古い順に削除されます)
$cf{pastkey} = 1;
過去ログを生成する場合には 1 とします
$cf{imgdir} = "./img";
(アップロードされるファイルの格納ディレクトリをサーバパスで指定します。フルパスで記述する場合は、/ から記述します)
$cf{imgurl} = "./img";
(上記のディレクトリのURLパスを指定します。フルパスの場合 http:// から記述します)
$cf{imgcheck} = 1;
(アップされた添付ファイルを管理者がチェック後に表示する場合は「1」とします)
$cf{w_regist} = 0;
(ここに秒数を記述すると、同一ホストはからその秒数間は連続投稿ができなくなります)
$cf{maxdata} = 512000;
(1度に投稿できるデータ容量の制限値をバイト数で指定します。例えば、102400バイト=100KBとなります)
$cf{ok_text} = 0; # TEXT
$cf{ok_gif} = 1; # GIF
$cf{ok_png} = 1; # PNG
$cf{ok_jpeg} = 1; # JPEG
(アップロードを許可するファイル形式を指定します。許可するファイルを「1」とします)
$cf{use_captcha} = 1;
スパム対策に画像認証を使用する場合の設定です。使用しない場合は「0」、使用する場合でライブラリー版を使用する場合は「1」、モジュール版を使用する場合は「2」とします
※画像認証(投稿キー機能)についての詳細は右記ページをご覧ください。: 画像認証について
$cf{max_failpass} = 5;
(管理パスワードの最大間違い制限を指定します。この回数以上になるとログインがロックされます。
※運用の注意点は右のリンクをご覧ください: 管理パスワードについて
$cf{lock_days} = 14;
管理パスワードのロック期間:自動解除を日数で指定。→ この値を 0 にすると自動解除しません。
clipbbs.cgi, regist.cgi, admin.cgi, captcha.cgi, check.cgi をエディタで開いて以下の箇所を修正します。
#!/usr/local/bin/perl
(プロバイダで定められたPerlへのパスを指定します)
パーミッション
●修正が完了したら各ファイルを所定のディレクトリへFTP転送し、アクセス権 (パーミッション) を、以下のとおり設定します。
ファイル名 パーミッション 転送MODE
一般サーバ suEXEC
CGIWrap
clipbbs.cgi
regist.cgi
admin.cgi
captcha.cgi
check.cgi
755 or 705 701 or 700 Ascii
init.cgi 644 or 604 600 Ascii
lib/*.*
lib/login.pl
lib/CGI/Session/*.pm
lib/CGI/Session.pm
lib/Digest/SHA/PurePerl.pm
lib/CGI/*.pm
lib/CGI/*.pod
lib/CGI/Minimal/*.pm
cmn/bbs.css
cmn/admin.css
cmn/BackToTop.jquery.css
cmn/form.css
cmn/input_file_btn.css
cmn/BackToTop.js
cmn/jquery.uploadThumbs.js
cmn/bbs.js
- - Ascii
lib/bin/*.png
lib/bin/*.ttf
cmn/*.png
- - Binary
data/log.cgi
data/ses.cgi
data/pastno.dat
data/reslog.cgi
data/res_cnt.dat
data/resno.dat
data/pass.dat
666 or 606 600 Ascii
data | pastディレクトリ
data/approveディレクトリ
resuplディレクトリ
777 or 707 700 *
data/pwdディレクトリ
data/sesディレクトリ
777 or 707 700 -
imgディレクトリ
dataディレクトリ
777 or 707 700 *
fancyBox/*.* fancyBox/demo fancyBox/lib fancyBox/source - - Ascii
以上、作業が完了したら「チェックモード」で動作チェックを行ないましょう。 「check.cgi」に直接アクセスすることで、簡易的なチェックを行うことができます。なお、動作チェック後はcheck.cgiはファイル削除しておきます。

check mode

改造点
Date:2023/10/17
追加する参照フォームを数量選択式にしました。

(クッキー方式なので、ブラウザのクッキーが削除されると、初期数(init.cgiで設定)に戻ります)

スレッドロック機能を付加しました。(新規投稿以外では、記事枠右下にあるロックアイコンから設定します。)
見出し(タイトル背景)スタイルを変更しました。
フッターを改良しました。
Date:2022/08/04
添付ファイルにファイル名{タイトル}を入力可能にした。
複数添付(5枚追加)に対応した。

(コメント返信添付ファイルには非対応)

スタイルを改良した。
キーワード検索を改良。ワード検索をメニューから選択するのではなく、TOPページから直接検索可能にした。
アップデートは解凍したzipファイルを設置し、新しく設置した掲示板に今まで使用していた掲示板のバックアップをUPするやり方で実施して下さい。その後、下記ツールにてコンバートします。
ログ/添付ファイル変換ツール【Clip Board v6.1_com (改造版) 以降を使用していた方向け!】

clip62com_multi_convert.zip

Date:2022/05/29
管理画面用の認証機能を強化した。

(ID・パスワード式、パスワード暗号式、一定回数以上でログインをロック等)

Date:2022/05/01
コメント返信アルバム表示が昇順でしたので、それを降順に修正しました。

ログファイルへの記録が昇順であり、また本体cgiへの「reverse」等では、修正不可能なので、コメント返信ログファイルをログ変換ツールにて降順にコンバートすることにしました。

コメント返信ログ降順変換ツール【Clip Board v6.1_com (改造版) 以降を使用していた方向け!】

変換ツールの使用と伴に、clipbbs.cgi,regist.cgi,admin.cgiへの修正も必要でしたので、その差分ファイルも同梱してありますので、サーバーに上書きアップロードして下さい。

Date:2021/03/05
コメント返信に「編集機能」を付加した。

コメントを投稿したユーザーが、コメントを修正並びに削除が可能となった。

コメント修正フォームで添付ファイルの削除だけでなく、添付ファイルの差し替えも可能。

以前のコメントには未対応。(暗証キーを入力していないため)

Date:2021/02/20
各記事に「コメント」を返信可能にした。

コメント機能on/offはinit.cgiで設定する。

コメント返信数も調整可能

コメント返信も添付ファイル可能。(You Tubeは不可)

親記事を削除すると、関連したコメント返信も削除される。

管理モードにて、各コメントを管理者権限で削除可能。

スパム対策として、「承認システム」を導入した。コメントを直接表示させずに、管理者が事前に確認する事が可能。

Date:2021/01/27
入室パスワードの保存機能{クッキー利用}を追加した。

JavaScriptのフレームワーク「AngularJS」を適用。クッキー有効期間:3か月

留意事項:「ブラウザを閉じると同時にキャッシュ等を消去する」設定にしていると使えません。

当サイトではCDNを利用した読み込み方法を適用しました。

最新版が使いたい方は、こちらから最新版がダウンロード出来ます。→AngularJS

Date:2020/09/30
オリジナルバージョンアップに伴うアップデート。

スマホ画面用の幅等を調整し、最適化を図った。

Date:2019/12/30
オリジナルバージョンアップに伴い、管理モードもスマートフォン対応とした。
Date:2015/08/29
管理者メッセージオリジナルから改造版へ移行される方
アップデート後「枠色」が反映されないので、下記の変換ツールを使用してください

Clip Board v5.01 ログ変換ツール

【オリジナルから移行に対応】

Clip Board v5.01 ログ変換ツール

Date:2015/06/06
YouTube再生画面、記事内添付画像拡大表示時に「fancyBox」を採用した

サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページにオーバーレイ表示します

アルバム画像拡大表示時はTOPにコントロールパネルが表示されます

* TOPのコントロールパネルには「Previous Strat_Slidshow Next Toggle_Size Close 」がアイコン表示され、各画像の移動やスライドショー、オリジナルサイズ表示などが可能になります

YouTubeは同一記事内に連続で添付した場合、TOP(上部)にコトロールパネルが表示されて、各YouTube動画を移動、ループ可能です

Date:2015/05/31
YouTube添付機能追加

YouTube IDに対応 {投稿方法は投稿フォームにある[YouTube貼付方法]を参照}

Date:2014/01/11
ユ-ザ-PASS制限投稿 機能追加(B)

投稿用PASSは「init.cgi」にて設定

ユ-ザ-は管理者から設定PASSを入手

サンプル投稿用PASS : user0109

(A)(B)いずれも「init.cgi」にて→空欄の場合はパスワード制限なし

Date:2014/01/11
パスワードアクセス制限機能追加(A)

「init.cgi」にて設定

Date:2013/08/31
アップデートファイル

clipbbs.cgi、admin.cgi、regist.cgi を上書き

管理者メッセージアップデート後「文字色」と「枠色」が反映されなくなるので、
下記の変換ツールを使用してください

Clip Board ログ変換ツール

【当サイト配布の改造版に対応】

Clip Board v3.7 ログ変換ツール

Date:2013/08/07
アルバム機能追加。

過去ログに移動した記事の画像は「Past Memory:追憶の部屋」で閲覧可能


過去ログ機能追加。
Date:2013/06/12
ページ繰越ボタンを改良。

ボタン数の表示を常に最大10個までとし、「前へ」「次へ」ボタンを自動表示とした。

Date:2013/01/12
各記事内に「記事編集」ボタンを設置

「記事編集」ボタン→「暗証キー」入力→修正フォームの順で編集

Date:2012/12/27
記事枠色選択機能追加

新規投稿・返信・修正フォームにて、記事枠の色を選択可。

Date:2012/12/26
画像と記事の位置をinit.cgiで設定

1 : 画像が左。記事は右から回り込

2 : 画像が下。記事は画像の上に表示。

Date:2012/11/30
文字色選択機能追加
Date:2012/03/09
管理モード記事修正機能追加

アップファイル管理者チェック機能」使用時、修正すると「承認」が「未承認」に戻ってしまうので、その都度「添付許可」ボタンで修正すること!

Date:2012/03/09
投稿フォームを単独表示に変更
ユーザ投稿記事修正機能追加 (テンプレート採用)
変更点
Date:2015/03/23

記事枠に3DCSSリボンを追加し記事枠と同時に選択可能にした

Date:2015/02/02

デザイン(スタイルシートをCSS3対応にした)

Date:2013/06/06

デザイン(一部カラーリングなど)

Date:2013/05/12

デザイン(一部カラーリングなど)

Date:2012/03/09

デザイン(一部カラーリングなど)

バグ修正
Date:2021/04/10

管理モードにて、親記事の修正内容が反映されない不具合を修正。

Date:2021/03/02

親記事のタイトルを「コメント保存ログ」に反映されない不具合を修正。

コメント返信アルバムが表示されない不具合を修正。

コメント返信ワード検索が表示されない不具合を修正。

Date:2015/07/22

メール送信機能の不具合を修正

バージョンアップ (オリジナルバージョンアップに伴う)
Date:2022/05/29

Ver.6.1→Ver.6.2

管理画面用の認証機能を強化した。

(ID・パスワード式、パスワード暗号式、一定回数以上でログインをロック等)

Date:2019/12/30

Ver.5.01→Ver.6.0

スマホ画面に対応したレスポンシブデザインとした。

文字コードをUTF-8に変更した。

HTML形式をHTML5に準拠した。

アルバム機能を新設し、viewer.jsを用いたフォトギャラリー機能とした。(当サイトではjQuery fancyBox v2.1.7プラグイン使用)

Date:2015/06/06

Ver.5.0→Ver.5.01

キーワード検索機能の不具合を修正した。

Date:2015/04/27

Ver.4.1→Ver.5.0

デザインを全面的に変更した。

記事削除を、各記事のトラッシュアイコンをクリックすることで可能とした。

    改造版は修正機能があるので、編集ボタン方式を踏襲する。

Date:2014/02/27

Ver.4.02→Ver.4.1

Ver 4.02以前に、任意のファイル削除の脆弱性が発見されました。
Ver 4.02以前をご利用の方は、Ver 4.1 以降にバージョンアップするようにしてください。
詳細は次のとおりです。

脆弱性の内容: 記事投稿後、削除キーを使用した記事削除時に、任意のファイルを削除できる可能性があります。

Date:2014/01/19

Ver.3.7→Ver.4.02

[オリジナルバージョンアップ内容]

PNG画像に対応した。

画像アップロード時のファイル正当性を強化した。

添付データの容量サイズの表記を改良した。

管理画面にて、コメントのハイライトを表記するようにして記事内容の明瞭化を図った。

繰越ページのデザインを改良した。

Date:2013/08/18

Ver.3.6→Ver.3.7

[オリジナルバージョンアップ内容]

管理画面のエラーサブルーチン名を変更した(一部のサーバで動作エラーとなることに対処)。

ページ繰越ボタンのデザイン・操作内容を改良した。

クッキーの取得方法を改良。

スタイルシートの位置を掲示板トップに移動した。2013

Date:2013/02/16

Ver.3.5→Ver.3.6

Date:2013/01/07

Ver.3.0→Ver.3.5

Date:2012/12/26

Ver.2.91→Ver.3.0

Date:2012/03/17

Ver.2.82→Ver.2.91