Home >スクリプト紹介 >Clip Board |
- アップロード式掲示板 -
- オリジナルスクリプト機能的な特長
- スマートフォン画面に対応したレスポンシブデザインです。
- 画像などのBinaryファイルをブラウザからアップロードすることができます。
- 画像を自動縮小し(サムネイル化)、閲覧を軽くすることができます(要:Image::Magick)。
- 投稿記事を管理人に自動でメール通知させることできます。(sendmailの使えるプロバイダ)
- クッキー対応や管理人による記事削除が可能です。
- キーワードから過去の投稿記事のワード検索を行うことができます。
- 全画面がテンプレート式のため、自由にデザインやレイアウト改造が可能です。
- スパム対策用に画像認証機能を使用することができます。
- アップロード可能なファイルは、設定で制限することができます。
Clip Board Ver:6.21cm 2.0
ダウンロード前に必ずオリジナルで動作確認をして下さい!!
改造内容により、互換ツールが必要になる場合がありますので、
「改造点」を必ず目を通して確認して下さい。
(すでにログがある方のみログを変換する必要があります)
( Ver:6.21cm 1.0 DL : 1,508 )
以下の書庫ファイルをダウンロードします。文字コードはUTF-8です。
(1) data/log.cgi, data/past/0001.cgi{過去ログ}をダウンロードする。
(2) エディタ等を使って、文字コードを Shift-JISから、UTF-8(エディタで「UTF-8N」を選択)へ変換してサーバーにアップする。
このプログラムを利用する上での利用規定です。必ず目を通しておいて下さい。プログラムをダウンロードする場合、「利用規定」に同意したものとみなします。
(Ultimate File up:2023/10/** 00:21)
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/clip.css -------------- スタイルシート cmn/clip-mobile.css ------- スタイルシート・モバイル用 cmn/admin.css ------------- スタイルシート・管理モード cmn/admin-mobile.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 | | clipbbs.css | | clipbbs_mobile.css | | admin.css | | admin-mobile.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] /
- $cf{enter_pwd} = '';
- (アクセス制限を行う場合、ここに入室パスワードを入力します。アクセス制限を行うわない場合は空欄にしておきます)
- $cf{sestime} = 60;
- (上記のアクセス制限を行う場合、入室後のアクセス可能時間を分単位で指定します)
- $cf{thumbnail} = 0;
- (画像を自動縮小する場合は「1」とします。これにより大きな画像でも縮小されるため、閲覧速度が軽減されます。ただし、サーバ側でImage::Magickが利用できることが条件です。Image::Magickの可否は「check.cgi」でチェックすることができます。)
- $cf{approve} = 0;
- (コメント承認制。投稿記事を管理者が表示前に確認する場合(スパム対策)「1」に設定。)
- $cf{max_res} = 5;
- (コメント返信数の設定です。サンプル用に小さい数字が設定されています。通常10~20以内で設定。)
- $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;
- (管理パスワードの最大間違い制限を指定します。この回数以上になるとログインがロックされます。
※運用の注意点は右のリンクをご覧ください: 管理パスワードについて)
- #!/usr/local/bin/perl
- (プロバイダで定められたPerlへのパスを指定します)
ファイル名 | パーミッション | 転送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/clipbbs.css cmn/clipbbs_mobile.css cmn/admin.css cmn/admin-mobile.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 |
(クッキー方式なので、ブラウザのクッキーが削除されると、初期数(init.cgiで設定)に戻ります)
スレッドロック機能を付加しました。(新規投稿以外では、記事枠右下にあるロックアイコンから設定します。)見出し(タイトル背景)スタイルを変更しました。
フッターを改良しました。
複数添付(5枚追加)に対応した。
(コメント返信添付ファイルには非対応)
スタイルを改良した。キーワード検索を改良。ワード検索をメニューから選択するのではなく、TOPページから直接検索可能にした。
アップデートは解凍したzipファイルを設置し、新しく設置した掲示板に今まで使用していた掲示板のバックアップをUPするやり方で実施して下さい。その後、下記ツールにてコンバートします。
ログ/添付ファイル変換ツール【Clip Board v6.1_com (改造版) 以降を使用していた方向け!】
clip62com_multi_convert.zip
(ID・パスワード式、パスワード暗号式、一定回数以上でログインをロック等)
コメントを投稿したユーザーが、コメントを修正並びに削除が可能となった。
コメント修正フォームで添付ファイルの削除だけでなく、添付ファイルの差し替えも可能。
以前のコメントには未対応。(暗証キーを入力していないため)
コメント機能on/offはinit.cgiで設定する。
コメント返信数も調整可能
コメント返信も添付ファイル可能。(You Tubeは不可)
親記事を削除すると、関連したコメント返信も削除される。
管理モードにて、各コメントを管理者権限で削除可能。
スパム対策として、「承認システム」を導入した。コメントを直接表示させずに、管理者が事前に確認する事が可能。
JavaScriptのフレームワーク「AngularJS」を適用。クッキー有効期間:3か月
留意事項:「ブラウザを閉じると同時にキャッシュ等を消去する」設定にしていると使えません。
当サイトではCDNを利用した読み込み方法を適用しました。
最新版が使いたい方は、こちらから最新版がダウンロード出来ます。→AngularJS
スマホ画面用の幅等を調整し、最適化を図った。
サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページにオーバーレイ表示します
アルバム画像拡大表示時はTOPにコントロールパネルが表示されます
* TOPのコントロールパネルには「Previous Strat_Slidshow Next Toggle_Size Close 」がアイコン表示され、各画像の移動やスライドショー、オリジナルサイズ表示などが可能になります
YouTubeは同一記事内に連続で添付した場合、TOP(上部)にコトロールパネルが表示されて、各YouTube動画を移動、ループ可能です
YouTube IDに対応 {投稿方法は投稿フォームにある[YouTube貼付方法]を参照}
投稿用PASSは「init.cgi」にて設定
ユ-ザ-は管理者から設定PASSを入手
サンプル投稿用PASS : user0109
(A)(B)いずれも「init.cgi」にて→空欄の場合はパスワード制限なし
「init.cgi」にて設定
過去ログに移動した記事の画像は「Past Memory:追憶の部屋」で閲覧可能
過去ログ機能追加。
ボタン数の表示を常に最大10個までとし、「前へ」「次へ」ボタンを自動表示とした。
「記事編集」ボタン→「暗証キー」入力→修正フォームの順で編集
新規投稿・返信・修正フォームにて、記事枠の色を選択可。
1 : 画像が左。記事は右から回り込
2 : 画像が下。記事は画像の上に表示。
「アップファイル管理者チェック機能」使用時、修正すると「承認」が「未承認」に戻ってしまうので、その都度「添付許可」ボタンで修正すること!
ユーザ投稿記事修正機能追加 (テンプレート採用)
記事枠に3DCSSリボンを追加し記事枠と同時に選択可能にした
デザイン(スタイルシートをCSS3対応にした)
デザイン(一部カラーリングなど)
デザイン(一部カラーリングなど)
デザイン(一部カラーリングなど)
管理モードにて、親記事の修正内容が反映されない不具合を修正。
親記事のタイトルを「コメント保存ログ」に反映されない不具合を修正。
コメント返信アルバムが表示されない不具合を修正。
コメント返信ワード検索が表示されない不具合を修正。
メール送信機能の不具合を修正
Ver.6.1→Ver.6.2
管理画面用の認証機能を強化した。
(ID・パスワード式、パスワード暗号式、一定回数以上でログインをロック等)
Ver.5.01→Ver.6.0
スマホ画面に対応したレスポンシブデザインとした。
文字コードをUTF-8に変更した。
HTML形式をHTML5に準拠した。
アルバム機能を新設し、viewer.jsを用いたフォトギャラリー機能とした。(当サイトではjQuery fancyBox v2.1.7プラグイン使用)
Ver.5.0→Ver.5.01
キーワード検索機能の不具合を修正した。
Ver.4.1→Ver.5.0
デザインを全面的に変更した。
記事削除を、各記事のトラッシュアイコンをクリックすることで可能とした。
改造版は修正機能があるので、編集ボタン方式を踏襲する。
Ver.4.02→Ver.4.1
Ver 4.02以前に、任意のファイル削除の脆弱性が発見されました。
Ver 4.02以前をご利用の方は、Ver 4.1 以降にバージョンアップするようにしてください。
詳細は次のとおりです。
脆弱性の内容: 記事投稿後、削除キーを使用した記事削除時に、任意のファイルを削除できる可能性があります。
Ver.3.7→Ver.4.02
[オリジナルバージョンアップ内容]
PNG画像に対応した。
画像アップロード時のファイル正当性を強化した。
添付データの容量サイズの表記を改良した。
管理画面にて、コメントのハイライトを表記するようにして記事内容の明瞭化を図った。
繰越ページのデザインを改良した。
Ver.3.6→Ver.3.7
[オリジナルバージョンアップ内容]
管理画面のエラーサブルーチン名を変更した(一部のサーバで動作エラーとなることに対処)。
ページ繰越ボタンのデザイン・操作内容を改良した。
クッキーの取得方法を改良。
スタイルシートの位置を掲示板トップに移動した。2013
Ver.3.5→Ver.3.6
Ver.3.0→Ver.3.5
Ver.2.91→Ver.3.0
Ver.2.82→Ver.2.91