PETROOM解説4

小梅：

最初に言っておくけど、設定の変更は、必ず一度設置してみて、成功してから行うんだよ。
設定を変えてから設置するんじゃないのよ。
１行目の#!/usr/local/bin/perl以外の変更は、設置成功後に行うこと。

ぶら：

は～い。ねえ、右の文章って#がいっぱいあるね。

小梅：

#から先の文章は、コメントといって、スクリプトの注釈とか、説明ね。動きには関係ないの。
ただし、L1（１行目）だけは別格。これはコメントじゃないし、ここには#!がないとダメ。
まず、■L29（29行目）からいきまーす。

ぶら：

クリックしたよ～。まずはimgフォルダの設定だね？

小梅：

今問題なく画像が表示されているなら、この行は変更をする必要がないの。
ただ、前に言ったcgi-binの外にimgフォルダを置かなくてはいけない人などは、ここを変更しないと画像が出ないよ。

ぶら：

どんなふうに直せばいいの？

小梅：

この絵のとおりだとすると、■L29 は相対パスなら
$img = '../img/';
絶対パスなら
$img = 'http://www.momo.dyndns.org/~erieri/img/';
にしなくちゃならない。
「'」や「;」を消してしまわないように注意してね！

ぶら：

たんま。絶対パスと相対パスってなに？

小梅：

パスっていうのは、「どこに」「なんて名前のファイルがあるか」を書くものなんだけど、３種類あるのね。絶対パス・フルパス・相対パス。

絶対パス

http://～からはじまるお馴染みのURLと同じ指定。
たとえて言えば「東京都港区…」という住所のようなもの。

相対パス

そのファイルから見た位置を指定。
「./」は「同じフォルダの中にあるよ」「../」は「<自分のフォルダのもひとつ上のフォルダに入ってるよ」という意味。つまり、最初の絵の場合はpet.cgiから見て同じcgi-binフォルダにあるimgフォルダは「./img/」。
下の絵はpet.cgiから見てcgi-binフォルダのひとつ上のフォルダ（public_htmlフォルダ）にあるimgフォルダは「../img/」。
NTサーバのプロバイダでは使えなかったかも。
「自分の部屋からとなりのとなりがトイレ」みたいな指定方法。

フルパス

FTPなんかする時に出てくる
/home/bright/cgi-bin/
という指定。
「玄関から右一番目が居間」というように基準を自分ちの入り口に決めて表現するようなもの。これはプロバイダによって違うので確認しなくてはいけない。
CGIの設定で使うことはあまりないのでこれは気にしなくていい。

ぶら：

相対パスってちょっと難しいな。

小梅：

なら、絶対パスにしとくといいよ。どちらでも大丈夫だから。
次、■L31のファイルのロック。
同時アクセスした時にデータが壊れるのを防ぐシステムです。
$lockkey = 2;
ってだめだったら1にして、とだけ言っておくね。
なるべくいじりたくない、って人は何もしなくてOK。

色の変更

ぶら：

あ、■L34からは色が出てきた！

小梅：

じゃ、色変えは簡単だから、一気に行くね。
もう判ると思うけど、色は六桁の数字とAからFまでのアルファベットの部分だよ。ここは大文字でもかまいません。
L34を（黒）に
$bgcolor = '#000000'; # 背景色
L35を（青）に
$txcolor = '#0099CC'; # テキストの色
L36を（緑） $nlcolor = '#00CC33'; # リンク色(未)
L37を（黄土）に
$alcolor = '#CC9933'; # リンク色(現)
L38を（ピンク）に
$vlcolor = '#FF99CC'; # リンク色(既)
L40は飛ばして
L41を（水色）に
$tbcolor = '#33FFFF'; # テーブルの色
さらに飛ばして
L44を（グレー）に
$barcolor = '#999999'; # バーの色
L45を（紫）に
$font1 = '#FF66FF'; # バー内に表示させる文字の色
L46を（濃黄）に
$font2 = '#FFFF00'; # データタイトルやボタンに使用する色
さらに飛ばして
L52を（白）に
$txc_bdr = '#FFFFFF'; # テキスト入力欄とボタンのボーダーの色 (IE)
L53を（オレンジ）に
$txc_bcg = '#CC6600'; # テキスト入力欄の背景の色 (IE)
L54をFF0000（赤）に
$btc_bcg = '#FF0000'; # ボタンの背景の色 (IE)
このL52～L54はIEでだけ見えるものらしいね。
これを、下のボタンを押して別窓で確認してね。
どうかな？だいたいどこでどんな色になるか判る？

ぶら：

とりあえずこのサンプルにしたがうとすげえ色になるのは判った。

小梅：

…コントラストをくっきりさせようと思って…

ぶら：

あと、設定はほかにもあるね。さっき飛ばしたとこ。

小梅：

飛ばしたのはサイズね。
さっき見た画面の四角い枠、あれのサイズを変えたり、文字の大きさを変えたり。
もちろん自由に変えていいけど、元々一番きちんと見えるサイズになってるから、変える必要がない時は変更しなくてもいいと思うな。

ぶら：

まだあるよ。■L42の画像の指定。

小梅：

あ、背景の画像ね。
たとえばこーんな背景にしたいとする。これを指定するには

$tbbcground = './img/back.gif';

$tbbcground = 'http://www.momo.dyndns.org/~erieri/img/back.gif';

て感じかな

ぶら：

これ指定しとけば、背景の色決めなくていいね。

小梅：

ううん、もし背景を白いままにして、赤い背景画像に白い文字なんて指定しちゃったら、背景画像が出ない時には、文字は見えなくなっちゃうよ？
この水玉だって、うっかり背景色を青かなんかにしといたら、文字でないもん。
背景画像の色に近い色を、背景色にも指定しとくといいよ。

ぶら：

あ、そうか。あとさっきから、テーブル枠の四隅の白いものが気になるんだけど…

小梅：

そーおなんです。これ実は、「背景が白の時だけ」「テーブルの角丸処理をしてくれる」透明化処理をしたGIF画像を使っているのね。だから背景がこんなふうに白以外の時は、白いところが見えてしまうの。この絵でいくと、グレーの部分が透明になってるから、テーブル色（変更後の見本でいうと水色の部分）が見えるのね。白いところはまんま白だから、一番外の背景が白いと、角丸に見えるの。

背景を色んな色にしてみたのがこんな感じ。
これを使うにはGIF画像の白い部分を、背景の色と同じにに変えないといけないんだけど、HTMLで指定する色と、画像ソフトで指定した色を完全に同じにすんのってかなり面倒よ。
だから背景色は白か黒。これなら色の差が出ないの。
でなければ、背景画像の地の色とGIF画像の色を同じにして、合わせ技。
さもなければ、角丸にしない。このやり方はまた後で。

ぶら：

な、なんかややこしくなってきたけど…

小梅：

いちばん外の背景は白にしときなさい…

その他の変更

ぶら：: なんだかだんだんむずかしい変更になってきたぞ。
小梅：: なんのまだまだ。
■L57-61は、タイトルなんかの設定。
L63～L66は文字の大きさやスペースの話ね。
これは無理に変える必要はないけど、変えたいならいろいろやってみるといいね。
petroom.cgiにアクセスして「表示」→「ソース」でソース表示させると（IEの場合）、見た目はHTMLになってるのね。
これをHTML形式で保存して、それの設定を変えてみると、自分のパソコンでも見た目を確認できるから、そこでいろいろやってみて、決定したらpetroom.cgiの設定を変えてアップするといいかも。
■L68-69は「戻るボタン」、つまりトップなんかに戻るリンク、サンプルでいえば「ホーム」と書かれているリンクを表示しておきたい時は1、そうでないときは0。これも変更の必要はないなあ。
ぶら：: ■L68-69のボタンで戻る「戻り先」のURLは、■L70-71で指定するんだね。
小梅：: うん。これは自分のサイトのトップとか、人によってはPETROOMの遊び方ページなんかに戻るように設定するといいね。
これは絶対パス、つまり普通のURLと一緒だから簡単でしょ。
■L72-73はそのリンクの名前だから、「戻る」とか「小梅のトップページへ」とか好きに決めましょー。
ぶら：: ■L74-75の「たーげっと」って…？
小梅：: これはサイトにフレーム使ってる人用。
フレーム使ってない人は変えなくていいよ。
変えた時の動きの変化は、右の青い文字で書いてあるとおり。
見本はボタン押してね。
ぶら：: ■L77-78からはちょっと違う設定だな。
小梅：: この「プレイヤーさんが何日来ないとデータ消えちゃうか」は、考え方で変わるな。
おもしろ半分で登録してみて、それっきりっていうプレイヤーさんが多くてイヤだな、と思ったら一週間以内に消えちゃう設定（5とか6とか）にする。
週に一度くらい遊びに来てくれれば御の字じゃない？と思う人はもっと幅をもたせて10とか14とかに設定しておく。
【例】$goodbye = '14';…14日来ないとデータから消える
ぶら：: ■L79-80はどっちがいい？
小梅：: 管理人さんも様子見るためにたいていアクセスするよね？
ペットがころころ死んで名前もその時好きに決められるようにしても、あんまりペットが死ぬってことないんじゃない？
まあこれは私の勝手な意見だけど、PETROOM設置しといて死なせる管理人なんていやだな。
実をいうと私が実際に動かしているPETROOMからは死ぬという言葉を徹底的に排除してます。
けど、何が起こるか判らないので設定はしとかなくてはいけない。
どっちにするかは、好きずきです。

その４．設定を変えてみる