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

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

  

サンプル/ダウンロード

Clip Board v6.0 PLUS

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


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

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

以下の書庫ファイルをダウンロードします。文字コードは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.0clipbbs60.zip

(UltimateFile up:2020/03/08 20:52)

展開ファイル内容
●ダウンロード後、解凍 します。解凍すると以下のファイルが展開されます。
clipbbs.cgi --------------- 掲示板プログラム
regist.cgi ---------------- 書込プログラム
captcha.cgi --------------- 画像認証プログラム
check.cgi ----------------- 設定チェックプログラム
init.cgi ------------------ 設定ファイル
admin.cgi ----------------- 管理用プログラム
data/log.cgi -------------- データファイル
data/past/ ---------------- 過去ログフォルダ
lib/jcode.pl -------------- 文字変換モジュール [配布元]
lib/CGI/Minimal.pm -------- データ受理モジュール [配布元]
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/clip.css -------------- スタイルシート
cmn/clip-mobile.css ------- スタイルシート・モバイル用
cmn/admin.css ------------- スタイルシート・管理モード
cmn/admin-mobile.css ------ スタイルシート・管理モード(モバイル)
cmn/bbs.js ---------------- javascriptスタイルシート
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
          |    |     clipbbs.css
          |    |     clipbbs_mobile.css
          |    |     admin.css
          |    |     admin-mobile.css
          |    |     bbs.js
          |    |
          |    +-- icon /*.gif
          |
          +-- lib / jacode.pl他
          |    |
          |    +-- Crypt / *.*
          |    +-- GD / *.*
          |    +-- bin / *.ttf
          |    |         *.png
          |    +-- CGI / Minimal.pm
          |    |         Minimal.pod
          |    +-- CGI / Minimal / *.pm
          |
          +-- data [777] / log.cgi       [666]
          |    |           ses.cgi       [666]
          |    |           pastno.dat    [666]
          |    |           *.dat         [666]
          |    |
          |    +-- past [777] /
          |
          +-- fancyBox
          |    |
          |    +-- demo
          |    |
          |    +-- lib
          |    |
          |    +-- source
          |    
          +-- tmpl / *.html
          |
          +-- img [777] /
設定修正
init.cgi をエディタで開いて以下の箇所を修正します。
$cf{password} = '0123';
管理モードを使用するためのマスターパスワードです。半角の英数字で指定します.
$cf{enter_pwd} = '';
(アクセス制限を行う場合、ここに入室パスワードを入力します。アクセス制限を行うわない場合は空欄にしておきます)
$cf{sestime} = 60;
(上記のアクセス制限を行う場合、入室後のアクセス可能時間を分単位で指定します)
$cf{thumbnail} = 0;
(画像を自動縮小する場合は「1」とします。これにより大きな画像でも縮小されるため、閲覧速度が軽減されます。ただし、サーバ側でImage::Magickが利用できることが条件です。Image::Magickの可否は「check.cgi」でチェックすることができます。)
$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」とします
※画像認証(投稿キー機能)についての詳細は右記ページをご覧ください。: 画像認証について
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/CGI/*.pm
lib/CGI/*.pod
lib/CGI/Minimal/*.pm
cmn/clipbbs.css
cmn/clipbbs_mobile.css
cmn/admin.css
cmn/admin-mobile.css
cmn/bbs.js
- - Ascii
lib/bin/*.png
lib/bin/*.ttf
cmn/*.png
- - Binary
data/log.cgi
data/ses.cgi
data/pastno.dat
666 or 606 600 Ascii
data/pastディレクトリ 777 or 707 700 *
imgディレクトリ 777 or 707 700 *
fancyBox/*.* fancyBox/demo fancyBox/lib fancyBox/source - - Ascii
改造点
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で設定

画像と記事の位置を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:2015/07/22

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

バージョンアップ (オリジナルバージョンアップに伴う)
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

Back to Top