CGIを使ってBlogPetの背景をランダムに変更する！（isweb編）

• yozoからのお願い

　この記事では、BlogPetの背景をランダム表示させる方法を書いていますが、ホームページスペースは、この背景ランダム表示のためだけの使用は避けるようにしてください。場合によっては、アカウント削除等の厳しい処置を受けることもあります。
　この記事を参考してくださるのはとてもうれしいのですが、ホームページスペースの申請やその後の活用等については、みなさん自身の自己責任で行ってください。
　この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけますようにお願いします。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

　ブラウザの[更新]を何度かクリックしてみて下さい。
なんとっ！「うさも」の背景画像が、[更新]のたびにランダムに切り替わります。(ﾟдﾟ；)
※今は20種類くらいかも・・・無節操ですね（笑）

　一週間でマスターするCGI Windows XP対応版という初心者でもわかりやすい、CGIの本を仕上げた勢いで、ヾ(￣o￣;)ｵｲｵｲ ここのBlogPet「うさも」の背景を追加して、このCGIのランダム表示にチャレンジしてみました。

　CGIプログラムは津田ふみかの日記の津田ふみかさんの記事こうさぎの背景画像をランダムに変更するを参考にしました。津田ふみかさん、ありがとうございます♪
m(_ _)m

　なお、yozoはinfoseekの無料ホームベージのiswebを使用しました。（iswebは無料ですが、CGIが使えるのです。）他のホームページスペースを使用される場合には、CGIが使用できるかどうかを確認してくださいね。以下はiswebの場合で記入しています。他のホームページスペースの場合はCGIを使ってBlogPetの背景をランダムに変更する！（land.to＆PF-X.NET編）をご覧ください。

CGI設定するのに必要なフリーソフトを紹介しておきます。

• 「サクラエディタ」
  　　　ダウンロードはコチラ→サクラエディタ Download
  ・・・「randam.cgi」を編集するのに必要なエディタです。
  ※今までにサクラエディタを使ったことのない方は、パッケージ版をDLダウンロードして、インストールしましょう。
• 「FTTTP」
  　　　ダウンロードはコチラ→FFFTP
  ・・・自分のホームページにフォルダ（CGIファイルや背景画像ファイル）をアップロードするためのFTPソフトです。
  

エディタはメモ帳があればメモ帳をつかっても全く問題ありません。
「FTTTP」は必要ですので、ダウンロードしてインストールしておいてくださいね。なお、両ソフトともに最新版をダウンロードしてくださいね。

１．まず、自分のパソコンで１つフォルダを作ります。
名前は[yozoblogsite]のように、自由に設定してください。[yozoblogsite]として説明します。

２．[yozoblogsite]の中に次の２つのフォルダさらに作成してください。
フォルダ名はcgi-binとcgi-imgにしてくださいね。フォルダであることを示すために、ここの説明ではcgi-binは[cgi-bin]というようにフォルダ名に[　]をつけるようにしますね♪

[cgi-bin] ・・・ここにrandam.cgiファイルを格納する。
[cgi-img]・・・CGI用画像フォルダ
※randam.cgiファイルに記載されている、'画像ファイル1?3'はここに格納する。

３．メモ帳などのエディタを使って、[cgi-bin]の中に入れる「randam.cgi」ファイルを作成します。

はじめは、randam.txtというファイルで下の内容で記入してください。
「randam.cgi」ファイルの内容・・・メモ帳などのエディタで作成します。

#!/usr/local/bin/perl・・・※1 ここはPerlのパスです。
my $base = 'http://?省略?.infoseek.co.jp/cgi-img/';
※CGIで切り替える画像ファイルを格納しているフォルダのアドレスを記入する。
my @files = ('画像ファイル1', '画像ファイル2', '画像ファイル3');※2
my $count = @files;
srand();
my $url = $base . $files[rand($count)];
print "Location: $url¥n¥n";
※コピペしたときに、¥は、（バックスラッシュ）となることがありますがそのままで問題ありません。

※1Perlのパスはサイトの管理者（プロバイダなど）に 確認して下さい。
#!/usr/bin/perlなどiswebとは別の場合があります。
※2画像ファイル1?3には□☆○.jpgや☆☆△△.swfとファイル名のみを記入してください。

「randam.cgi」のコピペしたい人用

#!/usr/local/bin/perl
my $base = 'http://?省略?.infoseek.co.jp/cgi-img/';
my @files = ('画像ファイル1', '画像ファイル2', '画像ファイル3');
my $count = @files;
srand();
my $url = $base . $files[rand($count)];
print "Location: $url¥n¥n";

※コピペしたときに、¥は、（バックスラッシュ）となることがありますがそのままで問題ありません。
この部分はご自分で入力してくださいね。

　この「randam.txt」ファイルの名称を「randam.cgi」と変更してください。
この際に『拡張子を変更すると、ファイルが使えなくなる可能性があります。それでも変更しますか？』というダイアログボックスがでますが、気にせず[OK]をクリックしてくださいね♪

※ファイル名の変更をする前に、以下のようにしてファイルの拡張子を表示するようにしましょう。
[マイコンピュータ]-[ツール]-[フォルダオプション]-[表示]で開いた「詳細設定」の中の「登録されている拡張子は表示しない」のチェックをはずして、[すべてのフォルダに適用]をクリックします。

４．この「randam.cgi」と'画像ファイル1?3'をFTTTPでアップロードします。

　FTTTPを起動して、[新規ホスト]をクリックして、下のように入力して[OK]をクリックしてください。

ホストの設定名→（例）iｓweb
ホスト名（アドレス）→ftp.isweb.infoseek.co.jp
ユーザ名→iswebのユーザ名
パスワード→iswebのパスワード
ローカルの初期フォルダ→パソコン内の「yozoblogsite」を指定
ホストの初期フォルダ→空欄のままでいいです！

接続できたら、FTTTPの画面では
左側に[cgi-bin]と[cgi-img]フォルダがあります。
右側は、index.htmlだけがあります。

FTTTPのメニューバーの[ブックマーク」のすぐ下くらいに
↑（緑色の矢印）のボタンがありますから、それをクリックしてください。
[ミラーリングアップロードというボタンですよ。]
途中で、一瞬、処理が止まったように見えることがありますが、心配しないで待っていてくださいね。
[☆☆☆☆]を削除しますか？って、メッセージが出たら、[全ていいえ]を選んでくださいね。
[全て削除でも問題はありません。ただし、index.htmlは別途作成してくださいね。m(_ _)m]

右側の[cgi-bin]フォルダと[cgi-img]フォルダを、
それぞれ右クリックして、[属性変更]を選択し、
番号705を入力してOKとしてください。
次に、右側の[cgi-bin]フォルダをダブルクリックして、
randam.cgiファイルを同様に右クリックして、[属性変更]を選択し、
番号705を入力してOKとしてください。

つまり[属性変更]は
[cgi-bin]フォルダとその中のrandam.cgiファイル
[cgi-img]フォルダ
の属性を705にしてくださいね♪

Check point!

1. まず、FTTTPの右側はこのようになっていますか♪
   

   [cgi-bin]フォルダ　属性　705
   [cgi-img]フォルダ　属性　705
   index.html←必ずご自分で作成してください。　属性　604

2. では、右側の[cgi-bin]フォルダを
   ダブルクリックしてください。
   

   randam.cgi　属性　705

   
   だけがありますか♪
3. さらに右側の[cgi-img]フォルダを、
   ダブルクリックしてください。
   

   □☆○.jpg　　　　　　　属性　604
   ☆☆△△.swf　　　　　属性　604
   □○△☆○□.swf.　　属性　604

   
   がありますか♪

5．BlogPetに「ログイン」して[設定]?[ペット]の「背景画像のURL」を下のように「randam.cgi」のURLに「設定」します。これは、改行なしで入力してくださいね♪

http://?省略?.infoseek.co.jp/cgi-bin/randam.cgi

これで、背景画像が[更新]クリックの度に変われば大成功！です。

なお、このURLを
http://sudori.net/blogpet/haiku/haiku.swf?argbgurl=http://?省略?.infoseek.co.jp/cgi-bin/randam.cgi/とすれば、「BlogPet俳句集」に加入できます。これも、URLの途中で改行はしないでくださいね。スペースも入れないでくださいね♪
加入の際はあたまがうにになるを管理されているLanタソさんにCommentするなりTrackbackするなりしてからにして下さいね。

06/06/27　16：00　追記
BlogPet俳句集は停止されました。

　これはBlogPetの公式なサービスでなく、主催者のLanﾀｿさん個人の好意で営まれていましたが、06/06/26付けで、BlogPet俳句集は残念ながら停止されました。
　詳しくはコチラ→BlogPet俳句集停止
この場をかりて、今までBlogPetの楽しみを提供してくださったあたまがうにになるのLanタソさんに
心より感謝いたします。　m(_ _)m

↓　ぽちっと応援お願いします♪ m(_ _)m

　この記事では、infoseekの無料ホームベージのiswebを使用した場合で説明しましたが、他のホームページスペースの場合はCGIを使ってBlogPetの背景をランダムに変更する！（land.to＆PF-X.NET編）をご覧ください。