楽しもう♪ MYパソコン環境


 

 

 

 

 

 

 

 

 

 

 


★ WAKWAKでCGI 「アイコン掲示板」を使おう♪ - YY-BOARD v4.54- ★

 
■はじめに
 自分で設置するのであれば、このCGIスクリプトと決めていました。この掲示板は、アイコン対応の
 返信機能付き掲示板で、以前から書きやすいな〜と注目していました。皆様もぜひお試しください。
 
アイコン掲示板「YY-BOARD(わいわいボード)」を設置♪
 
 1.掲示板「YY-BOARD(わいわいボード)」のCGIをダウンロードします。
   ここでの説明は、「YY-BOARD v4.54」です。
   KENTさんのサイト(KENT WEB)から「YY-BOARD(アイコン式返信ボード)」の説明のページに行き、
   一読しておいてください。「スクリプト利用規定」もしっかり読んで同意できたら、そのページの中から
   CGIをダウンロードして下さい。ダウンロードファイルは、LHA形式(
yybbs.lzh)とZIP形式(yybbs.zip)の
   どちらのファイルでもOKです。
 
 2.ダウンロードしたファイルを解凍します。解凍すると以下の9つのファイルが展開されます。

 
 3.掲示板に使用するアイコンを用意してください。KENTさん推奨のアイコンも紹介されていますので参考に
   してください。私は「天使のつばささん」のサイト「天使のお茶会」の「桃天ちゃん」と「うり玉ちゃん」を
   使わせていただいております。アイコン画像は著作権がありますので、利用規定に従ってご利用ください。

 天使のお茶会
ニコッ
nikoniko.gif
もじもじ
p_mozi.gif
パチン
p_pan.gif
は〜い
p_hai.gif
ばんざい
p_banzai.gif
ふぅ
p_fu.gif
泣いちゃう
p_naki.gif
パチパチ
p_patipati.gif
お願い
p_onegai.gif
投げキッス
p_tyu.gif
バタバタ
p_bata.gif
眠ぅ・・
p_nemu.gif
にっ・・
p_ni.gif
(;^_^Aアセアセ
p_ase.gif
ハートでポッ♪
p_date.gif
まったり
u_ma.gif
あかんべ〜
u_be.gif
ねむねむ
u_gu.gif
どすん!
u_dosu.gif
わいわい
u_tya.gif
 
 4.「public_html」フォルダの下に「yybbs」フォルダを作成し、「cgi-bin」フォルダの下に「yybbs」フォルダと
   「lock」フォルダ、「past」フォルダを作成します。詳しくは下図をご覧ください。

 
 5.「yybbs.cgi」をテキストエディタで開いて以下の箇所を確認します。
 
  ▼1行目Perlのパスを確認します。
  <変更前>
#!/usr/local/bin/perl 
 
 6.「yyini.cgi」をテキストエディタで開いて以下の箇所を確認します。
  
 ▼お好きなタイトル名に変更します。
  <変更前>
$title = "YY-BOARD";
  <変更後>
$title = "なんでも掲示板";
 
 ▼戻り先のURLを指定します。
  <変更前> 
$homepage = '../index.html'; 
  <変更後>
$homepage = 'http://○○.wakwak.com/~○○/index.html';
 
 ▼記事の最大保持数を指定します。
  (あまり大きくするとパフォーマンスが悪くなったり、ログ消滅の危険性が高くなります) 
  <変更前>  
$max = 100;
  <変更後>
$max = 150;
 
 ▼記事削除のためのマスタパスワードを半角の英数字で指定します。
  <変更前> 
$pass = '0123'; 
  <変更後>  
$pass = '12345';
 
 ▼アイコン画像の「yybbs_img」フォルダを指定します。
  <変更前> 
$imgurl = "./img/";
  <変更後> 
$imgurl = "http://○○.wakwak.com/~○○/yybbs_img/";
 
 ▼アイコンの定義をします。上下は必ずペアで行うこと!
  <変更前> 
$ico1 = 'bear.gif cat.gif cow.gif dog.gif fox.gif hituji.gif monkey.gif zou.gif 
      mouse.gif panda.gif pig.gif usagi.gif';
$ico2 = 'くま ねこ うし いぬ きつね ひつじ さる ぞう ねずみ パンダ ぶた うさぎ';
  <変更後> 
@icon1 = 'nikoniko.gif','p_mozi.gif','p_pan.gif','p_hai.gif','p_banzai.gif',
       'p_fu.gif','p_naki.gif','p_patipati.gif','p_onegai.gif','p_tyu.gif',
       'p_bata.gif','p_nemu.gif','p_ni.gif','p_ase.gif','p_date.gif',
       'u_ma.gif','u_be.gif','u_gu.gif','u_dosu.gif','u_tya.gif';
@icon2 = 'ニコッ','もじもじ','パチン','は〜い','ばんざい',
       'ふぅ・・・','泣いちゃう','パチパチ','お願い','投げキッス',
       'バタバタ','眠ぅ・・','にっ・・','(;^_^Aアセアセ','ハートでポッ♪',
       'まったり','あかんべ〜','ねむねむ・・','どすん!','わいわい';
 
 ▼ファイルロック形式を指定します。WAKWAKではsymlink関数が使えるので「1」を指定します。
  <変更前> 
# ファイルロック形式
# → 0=no 1=symlink関数 2=mkdir関数
$lockkey = 0;
  <変更後> 
# ファイルロック形式
# → 0=no 1=symlink関数 2=mkdir関数
$lockkey = 1;
 
 ▼ミニカウンタの設置を指定します。WAKWAKではsymlink関数が使えるので「1」を指定します。
  <変更前> 
# → 0=no 1=テキスト 2=画像
$counter = 1;
  <変更後> 
# → 0=no 1=テキスト 2=画像
$counter = 1;
   
 6.変更が終わったら、「」ボタンを押して上書き保存します。
 
 7.準備ができましたので、FTPソフトを使い、WAKWAKにアップロードします。
   説明のFTPソフトは曽田氏作の「FFFTP」というフリーソフトです。このソフトの入手は
   作者さんのホームページからどうぞ〜!

「public_html」フォルダの下に作成した「yybbs」フォルダをすべてアップ♪
 
 
「cgi-bin」のフォルダの下に作成した「yybbs_img」フォルダをすべてアップ♪

 8.アップロードしたファイルのパーミションを設定しますのでアップロードしたファイルを選んで右クリックして、
   属性変更を選択します。
 

 
 9.画面がでますので「現在の属性」の3桁の数字を入力して「OK」ボタンを押し、すべてのファイルの「属性」
   を変更します。

ファイル名 属性
 yybbs.cgi 755
 yyregi.cgi 755
 yybbs.log 666
 yyini.cgi 755
 jcode.pl 644
 count.dat 666
 pastno.dat 666
 0001.cgi 755
 lock(フォルダ) 777
 past(フォルダ) 777
10.インターネットエクスプローラなどのブラウザにURLを入力して、チェックモードで確認します。
    「http://www.○○.wakwak.com/~○○○/cgi-bin/yybbs/yybbs.cgi?mode=check」
   下記の画面が表示されればOKです。
 Check Mode
  ・
ログファイルのパス:OK
  ・
ログファイルのパーミッション:OK
  ・カウンタ:設定あり
  ・カウンタログファイルのパス:OK
  ・
ロック形式:ロック設定なし
  ・過去ログ:設定なし
 
11.今度は通常モードで、動作確認をしてみて下さい。
    「http://www.○○.wakwak.com/~○○○/cgi-bin/yybbs/yybbs.cgi」
 
 
■もう少しカスタマイズしてみましょう♪
 自分のサイトのイメージに合わせてもう少しカスタマイズしてみましょう!
 
 ▼背景に壁紙を指定してみます。
  ※「kabe.gif」画像を「public_html」フォルダの下に作成した「yybbs_img」フォルダにアップした例です♪
  <変更前>  
$backgif = './kabe.gif';
  <変更後> 
$backgif = 'http://○○.wakwak.com/~○○/yybbs_img/kabe.gif';
 
 ▼タイトルにGIF画像を使用します。 (http://から記述し、画像の幅と高さも指定する)
  ※ここでは、「title.gif」画像を「public_html」フォルダの下に作成した「yybbs」フォルダにアップした例です♪
  <変更前>
$title_gif = "";
$tg_w = '150'; # GIF画像の幅 (ピクセル)
$tg_h = '50'; # 〃 高さ (ピクセル)
  <変更後>
$title_gif = "http://○○.wakwak.com/~○○/yybbs/title.gif";
$tg_w = '200'; # GIF画像の幅 (ピクセル)
$tg_h = '50'; # 〃 高さ (ピクセル)