@TM - LikeBlog

LikeBlog
Top ＞ CGI ＞ LikeBlog

※注意

自己責任の取れる方のみご使用ください。
フリーソフトです。著作権は放棄していません。
前バージョンと混在させないでください。
リンクを張る場合はトップページにしてください。

LikeBlogについて

　このプログラムはブログ風の日記CGIです。ブログではなくて、ブログのような"日記"です。KENT WEBさんの「Web Calen」を改造したものです。改造二次配布が許可されているものです。

◇ LikeBlogの特徴 ◇

閲覧者によるコメントが可能なタイプの日記です。
未来の日付でも過去の日付でも日記を書けます（一つの日付に対して一つの記事）。
ブログ風に「カレンダー(必須)」、「過去ログ」、「最近のコメント」、「リンク」、「プロフィール」、「その他」の項目をサイドメニューとして表示します。
サイドメニュー、日記の配置を好きなように設定できます。
文字、背景、枠線など多くのデザインを好きなような色に設定できます。
月一括表示にも対応しています。
記事検索機能があります。or検索可能。
日記書き込みアイコンを任意で表示させることもできます。
管理モードから過去の書き込み内容を自由に修正・削除することができます。

◇ 利用規定 ◇

　このLikeBlogはKENT WEBのスクリプト利用規定に則ります。スクリプトをダウンロードする場合、無条件にこの「利用規定」に同意したものとみなします。初めてホームページを作成するという方にはCGIの利用は少し難しいかと思います。ネットなどで少し調べることをオススメします。

◇ サンプル ◇

　いくつかのデザインのサンプルです。パスワードはすべて「test」です。書き込みやコメントができます。記事の編集・削除もできますが、他人のテストや書き込みを編集・削除しないでください。すべて同じログを参照しています。
　サンプル１　サンプル２　サンプル３

ダウンロード

◇ ダウンロード ◇

　最新版　>>>　Ver1.10(23.0KB)　(UPDATE 2005/02/16)

◇ 構成 ◇

　「LikeBlog.zip」解凍後は以下のファイルが生成されます。

likeblog.cgi
jcode.pl
profile.txt
howto.txt
index.html
pen*.gif

スクリプト本体(52.7KB)
ライブラリ(20.5KB)(※)
プロフィール例(49バイト)
「その他」ファイル例(366バイト)
インデックスダミー(118バイト)
書き込み案内画像

　歌代和正氏作のライブラリで再配布は許可されています。秀逸なライブラリを提供する同氏に感謝します。また、サンプルで使わせていただいている天気アイコンはぱたぱたアニメ館で頂いたものです。再配布は認められていないため、サンプルと同じ天気アイコンを使う場合、ここからダウンロードしてください。「GIFアニメーション」→「自然はともだち（左フレーム）」→「天候」で天気アイコンへ行き着きます。

◇ 更新履歴 ◇

◇ 2005/02/16　Ver 1.10 更新
・コメントログ形式変更（過去バージョンからのコメントの移行は不可）。
◇ 2005/02/13　Ver 1.05 更新
・一部修正。
◇ 2005/02/01　Ver 1.00 公開

プログラムの設定

◇ 動作の設定 ◇

　設定は全て「likeblog.cgi」ファイル内の「---設定---」で囲まれたパラメータを変更します。likeblog.cgiをメモ帳などのエディタで開いて以下の箇所を設定してください。

#!/usr/local/bin/perl
（スクリプト先頭行にあります。プロバイダで定められたPerlへのパスを指定します。）
$pass = '0123';
（管理パスワード。英数字で8文字以内で指定してください。）
$script = './likeblog.cgi';
（このスクリプトファイル名です。ファイル名を変更する場合はここも変更してください。）
$logdir = './log/';
（ログファイルを生成するディレクトリパスを指定します。通常は修正の必要はなく、このままで結構です）
$imgurl = './img/';
（画像ディレクトリのURLを指定します。likeblogディレクトリの下に画像を置いていい場合にはこのままで結構です。また画像ファイルはCGIとは別ディレクトリに置かなければならない場合には、所定の位置に「imgディレクトリ」を置き、http://からのURLで指定します　→　例： $imgurl = "http://www.xxx.xxx/~hoge/img/"）

　他にも多くの設定項目があります。「#--設定項目--#」で囲まれた部分を好きなように変更してください。設定によって、オリジナリティのあるデザインのブログ風日記ができます。実際の設定箇所を以下に示します。行先頭に「#」がある行は説明書きです。

#-------------------------------------------------
#  設定項目
#-------------------------------------------------

# ライブラリ取込
require './jcode.pl';

# 管理パスワード（英数字で8文字以内）
$pass = '0123';

# スクリプト名（このファイル名）
$script = './likeblog.cgi';

# ログファイルディレクトリ（ログが保存されるフォルダ名）
$logdir = './log/';

# 画像ディレクトリ (http://から記述してもよい）（画像が保存されるフォルダ名）
$imgurl = './img/';

# HTMLのヘッダーとなる部分はこのファイル末尾付近の 
# 「HTMLヘッダー」という箇所を変更してください


# スタイルの設定----------------------------------
$title1    = "Like Blog";	# タイトル（ブラウザの上部に表示するタイトル）
$title2    = "Like Blog";	# タイトル（サイトの上部に表示するタイトル、タグ可能）
$t_color   = "#880000";		# タイトルの文字色
$t_size    = '30pt';		# タイトル文字のサイズ
$t_family  = "ＭＳ Ｐゴシック";		# タイトルの文字フォント
$t_photo   = "";		# タイトルに画像を使う場合、ファイル名を指定（例：title.gif）

$body_face = '"ＭＳ Ｐゴシック","MS UI Gothic",Osaka';	# 本文文字のフォント
$body_size = '12pt';		# 日記の文字のサイズ
$body_line = '17pt';		# 日記の行間サイズ
$side_size = '11pt';		# サイドの文字のサイズ
$body_line = '15pt';		# サイドの行間サイズ

$com_color = "#004a95";		# コメント文字色
$com_post  = "#000000";		# コメント投稿情報の文字色
$com_max   = 500;			# コメント上限文字数（半角）

$sub_color  = "#8000C0";	# 日記の題名の文字色
$side_color = "#004a95";	# サイドの題名の文字色

$tbl_color1 = "#EEEEEE";	# 日記・サイドの下地色１
$tbl_color2 = "#FFFFFF";	# 日記・サイドの下地色２
$tbl_line   = "#A57D6B";	# 日記・サイドの枠の色
$today_color = "#FFC3CE";	# 本日の背景色
$sat_color  = "#0000FF";	# 土曜日の文字色
$sun_color  = "#FF0000";	# 日曜日の文字色
$spe_color  = "#F20DA2";	# 祝日／振替休日の文字色
$nor_color  = "#666666";	# 平日の文字色

# bodyタグ指定
$bg = "";		# 壁紙 (http://からファイルを指定）
$bc1 = "#FFFFFF";	# 背景色1
$bc2 = "";	# 背景色2
$tx = "#004a95";	# 文字色
$lk = "#0000FF";	# リンク色（未訪問）
$vl = "#95004a";	# リンク色（訪問済）
$al = "#95004a";	# リンク色（訪問中）
# スタイルの設定終了------------------------------


# その他の設定------------------------------------
# 左右の位置決め（日記が左 → 1、 日記が右 → 0 ）
$rightleft = 1;

# サイドに表示したいものを表示したい順に指定
# calen : カレンダー(必須)、 archives : 過去ログ、 newcom : 最近のコメント
# links : リンク、  profile : プロフィール、 etc : その他、 search : 検索
@sidemenu = ("calen","archives","newcom","links","profile","etc","search");

# サイドそれぞれの題名　※要素の順、要素数は変更禁止（""の中のみ変更可能）
@menuname = ("Archives","Recent Comments","Links","Profile","How To");

$prodata = "./profile.txt";		# プロフィールのファイルパス
$photo   = "";	# プロフィールの写真ファイル名（横幅200以内が目安）

$etcdata = "./howto.txt";		# 「その他」のファイルパス

$infoview1 = 5;		# 日記の初期表示件数
$infoview2 = 5;		# サイドの過去ログ表示件数
$infoview3 = 5;		# サイドの最近のコメントの表示件数
$searchview = 30;	# 検索結果表示上限

# コントルールパネル（カレンダ下部）での西暦選択の年数幅
$ctr_year = 2;		#  1:前後1年、2:前後2年

# 週表示
@week = ('Sun','Mon','Tue','Wed','Thu','Fri','Sat');

# 月表示
@months  = ('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
@months2 = ('January','February','March','April','May','June',
			'July','August','September','October','November','Decemver');

$write   = "pen1.gif";	# 書き込み案内アイコン（15×9のサイズがベスト）

# 天気アイコン（上段：ファイル名，下段：アイコン名）
# 半角スペースで区切る、上下は必ずペアで指定
# ※サンプルでは「ぱたぱたアニメ館」のアイコンを使用しています
# 「ぱたぱたアニメ館」http://www.pata2.jp/
# 例）
# $icon1 = 'hare.gif kumori.gif ame.gif kaminari.gif yuki.gif';
# $icon2 = '晴れ 曇り 雨 カミナリ 雪';
$icon1 = '';
$icon2 = '';

# リンク（上段：URL，下段：タイトル）
# 上下は必ずペアで指定
@link1 = ("http://www.att-tm.com/"
			,"http://www.kent-web.com/");
@link2 = ("\@TM","KENT WEB");
# その他の設定終了--------------------------------


## --- ココから下の設定は通常は触れないで下さい --- ##
# 祝日1：特定月日（２桁＋２桁で記述）
@SpeDay = ('0101','0211','0321','0429','0503','0504','0505','0923','1103','1123','1223');

# 祝日2：何月の第何月曜日か？
#  → 成人の日 / 体育の日 / 海の日 / 敬老の日
%SpeDay = (1,2, 10,2, 7,3, 9,3);

#-------------------------------------------------
#  設定完了
#-------------------------------------------------

◇ 各ファイルのアップロード ◇

　次に、likeblog.cgiがあるディレクトリの下に「imgディレクトリ」及び「logディレクトリ」を作成します（ディレクトリ≒フォルダ）。各ファイルを所定のディレクトリへFTP転送し、以下のとおりアクセス権 (パーミッション) を設定します。

ファイル名	パーミッション	転送モード
likeblog.cgi	755 or 705	アスキー
jcode.pl	644 or 604	アスキー
(profile.txt)	644 or 604	アスキー
(howto.txt)	644 or 604	アスキー
logディレクトリ	777 or 707	-
imgディレクトリ	-	-
index.html	-	-

使い方

◇ 書き込み ◇

　カレンダー内の「日付(数字)」をクリックして、パスワード入力することで投稿フォームが現れます。書き込みが完了するとその「日付」に「PEN」アイコンが表示されます。カレンダー内の「PEN」アイコンをクリックするとその日付の書き込み内容とそれに対するコメントが表示されます。書き込み内容を修正、削除する場合には、カレンダー内のその「日付(数字)」をクリックをクリックすると「修正」「削除」のセレクトボックスが表示されますので、そこでパスワードを入力し処理します。

◇ コメント ◇

　各記事の最後の「Comments(*)」の*の部分にその日のコメント数が表示されます。ここをクリックすることでその日の記事と、それに対するコメントを見ることができます。コメントを書く場合には、その画面の下部のフォームに入力します。コメント投稿者によるコメントの修正・削除はできません。管理者のみコメント削除可能です。

◇ 記事削除 ◇

　日付ごとの削除は上記の通りです。月単位でのログファイルを削除するには、「管理用」をクリックしてからパスワードを入力して入室します。すると、全ログファイルの容量を閲覧することができ、月次単位でログを一括削除することが可能です。

　使用や設定に関して何か質問や問題点があれば掲示板にてお願いします。私はCGIに関してそれほど知識があるわけではないので、難しい質問には答えられないかもしれません。

Top ＞ CGI ＞ LikeBlog