[cgi設置]の記事一覧 | JG スポーツ日記

ＣＧＩ設置～サーバーに転送～

【７】　ＨＰへ転送する～カウンタ編～それでは実際に自分のＨＰへ転送（アップロード）します。私は、ＨＰビルダーのＦＴＰソフトを使用しているので、それを使い説明していきます。ＦＦＦＴＰをお使いの方は、KentWeb様の解説ページをご覧になって下さい。まず、転送モードを確認します。スクリプトとログファイル (dayx.cgi, dayxmgr.cgi, gifcat.pl, dayx.dat, day.dat, mon.dat) は「テキストモード」で、画像ファイル (*.gif) は「バイナリモード」でＦＴＰファイル転送します。ＨＰビルダーの場合は、自動で判別して転送モードを切り替えてくれるので前ページで作成した「cgi-bin」フォルダを丸ごと転送します。１をクリックし、２をクリックすると、赤線のように、サーバー側に「cgi-bin」フォルダが作成されます。次は、パーミッションの変更です。KentWeb 様のサイトを参考に作ります。７５５とかありますが、これから、その数字にします。ファイル名パーミッション一般サーバsuEXECサーバCGIWrapサーバ　dayx.cgi755 or 705701 or 700　dayxmgr.cgi755 or 705701 or 700　dayx.dat666 or 606600　day.dat666 or 606600　mon.dat666 or 606600　gifcat.pl644 or 604600　dayx.lock.txt777 or 707701 or 700　*.gif--まず、サーバー側のファイルを指定します。dayx.cgi を例に説明します。dayx.cgi のパーミッションは「７０５」です。（一般サーバに該当するなら、パーミッションは、７５５でも良いです。）dayx.cgi を右クリックし、アクセス権の変更をします。アクセス権を「７０５」に変更します。これで、dayx.cgiのアクセス権の変更は終わりです。dayx.dat も同様にアクセス権を「６０６」に変更。（先程のdayx.cgiを「７５５」にした場合は、「６６６」にして下さい。６０６の場合はという風に、パーミッションを変更します。残りのファイルも表を見ながら変更して下さい。パーミッションについて、詳しく知りたい方はKentWeb 様のページでご確認下さい。全て、変更したら、実際にＣＧＩが動作しているか確認します。方法は、ＵＲＬを入力して確認します。ＵＲＬはhttp://あなたのＨＰのＵＲＬ/cgi-bin/dayx/dayx.cgi?check（cgi-bin を作っていない方は、cgi-binを抜いて下さい）私の場合ですとコチラになります。これで全てＯＫと表示されているなら、正常に動作しています。次は実際にＨＰ上に表示させます。ＨＴＭＬで記述します。<img src="/cgi-bin/dayx/dayx.cgi?gif">→総カウント<img src="/cgi-bin/dayx/dayx.cgi?today">→今日のカウント<img src="/cgi-bin/dayx/dayx.cgi?yes">→昨日のカウントカウンタ設置は、これで全て終了です。次は、エラーでＣＧＩが正しく動作しない場合の対処です。これまでのＣＧＩ手順は、フリーページに記載してあります。

ＣＧＩ設置～ディレクトリの作成～

【６】　ＣＧＩファイルのディレクトリを作成～カウンタ編～ＣＧＩファイルを変更したら、自分のＨＰへ転送（アップロード）します。転送する際、使用するのがＦＴＰソフトです。（どんなソフトを使用するかはコチラにあります。）私の場合は、ビルダーのＦＴＰソフトを使用しているので、それで解説していきます。（尚、これから説明するのは、Kent Web 様の解説ページに沿ってやります。）まず、転送する前にディレクトリについてです。（複数のファイルを一つのフォルダにまとめたりする事です。）私のＨＰ（isweb）では、ホームページにＣＧＩを設置する際に、「cgi-bin」というフォルダを作り、そのフォルダの中にＣＧＩファイルを置きなさい。という決まりがあります。これは各ＨＰによって違いますので、自分のＨＰをご確認下さい。【ディレクトリ構成例】public_html / index.html ... (ここにカウンタを設置) | cgi-bin--- dayx / dayx.cgi [705] | dayxmgr.cgi [705] | gifcat.pl [604] | dayx.dat [606] | day.dat [606] | mon.dat [606] | blue.gif（月別集計結果のグラフ） | red.gif（月別集計結果のグラフ） | +-- gif1 / 0.gif .. 9.gif（カウンターの画像） | +-- gif2 / 0.gif .. 9.gif（カウンターの画像） | +-- lock / dayx.lock.txt [777]↑上の説明をします。（上から順に説明します。）「public_html」は、自分のＨＰ（ホームページ）を表します。「public_html」の下の「cgi-bin」は、自分のＨＰの中に「cgi-bin」フォルダを作ります。（上で説明したように各ＨＰによって変わります。ですので無くても良いＨＰもあります。）「cgi-bin」右横に「dayx」があります。その点線の下には、「gif1」「gif2」「lock」があります。「dayx」の右横には、dayx.cgi、dayxmgr.cgi などのファイルがあります。これは、「cgi-bin」フォルダを開くと、「dayx」フォルダがあります。「dayx」フォルダを開くと、「gif1」「gif2」「lock」の３つのフォルダがありさらに、dayx.cgi、dayxmgr.cgi などのファイルもあります。という事です。「gif1」フォルダの中には、0.gif ～ 9.gif の画像ファイルがあります。「gif2」フォルダの中には、0.gif ～ 9.gif の画像ファイルがあります。同様に、「lock」の中には、dayx.lock.txtというテキストファイルがあります。これが、ディレクトリの説明です。では実際に、このディレクトリを作ります。では前に解凍した「dayx」というフォルダがありますよね。（そのフォルダには、ＣＧＩファイルなど全て入っていますよね。）その横にまず新規作成で、「cgi-bin」フォルダを作って下さい。（フォルダの名前を変える時は、半角で変えて下さい。全角だとエラーになります。）「cgi-bin」フォルダに、「dayx」フォルダを入れて下さい。（ドラッグ＆ドロップで）そうすると、「cgi-bin」フォルダの中に「dayx」フォルダが入っていますね。さらに「dayx」フォルダを開くと、↓これらがありますよね。この中に新規作成で、「gif1」「gif2」「lock」の３つのフォルダを作って下さい。「gif1」フォルダには、０～９までのカウンタ用の画像を入れます。（総カウンタ用）「gif2」フォルダにも、０～９までのカウンタ用の画像を入れます。（昨日今日のカウンタ用）カウンタ用の画像の名前は、「１」のカウンタ画像なら、「1.gif」として下さい。カウンタ画像は、自分で素材を見つけてくるか、KentWeb様のカウンタ画像例を使って下さい。そして最後に、「lock」の中に新規作成で、「dayx.lock」という名前でテキストファイルを作って下さい。これで、ディレクトリの作成は、完了です。次は、実際にサーバーにアップする方法です。今までのは、フリーページに載せてます。

ＣＧＩ設置～ＣＧＩファイルの設定変更～

【５】　ＣＧＩファイルを変更する～カウンタ編～dayx.cgi の設定を変えます。ＣＧＩメインのファイルの「dayx.cgi」は、そのままでは使えません。ＤＬしたＣＧＩファイルを変更する作業に入ります。作業を入る前に、「dayx.cgi」ファイルをコピーしておきましょう。失敗した時にすぐに使えるので。ここで使用するソフトが、TeraPadです。まず、このソフトをＣＧＩファイルと同じフォルダ（同じ場所）に持ってきます。（TeraPadでなくても、テキストエディタならＯＫです。）そうしたら、「dayx.cgi」を左クリックで押しながらTeraPadに当てます。当てたら、クリックしている指を離します。左の図のような感じになると思います。　　　↓「dayx.cgi-TeraPad」という新しいウィンドウが出てきたと思います。その１行目の#!/usr/local/bin/perlという所を確認します。（図の１と書かれている右です。）これは各プロバイダーで違うので各自確認して下さい。#!/usr/local/bin/perlの確認は、iswebでは、こちらになります。↑の様なのを、「perｌのパスの確認」と言います。このような注意書きは必ず、各ＨＰに記載してあるので確認しましょう。前の「#!」は絶対に変えない事。変えてしまうとエラーになります。これが１行目の設定の確認になります。次は、５６行目を見て下さい。$digit1 = 6; と書かれている行があります。これは、総カウント数の桁数＝６桁という事です。「６」を「３」にすれば、百の位までのカウンタという事になります。これは好みで変えて下さい。次は、５９行目を見て下さい。$digit2 = 3; と書かれている行があります。これは、今日、昨日のカウント数の桁数＝３桁という事です。８０行目を見て下さい。$lockkey = 0; と書かれている行が見つかると思います。0って所を「１又は２」に変えます。ログ消滅防止策としてのファイルロック機構の設定です。（これが８０行目の事です。）サーバでsymlink関数が使用可能であれば「1」を、使用できない場合又はよく分からない場合には「2」とします。これで、dayx.cgi の設定は終了です。お疲れ様でした。dayxmgr.cgi を今度は設定を変更します。先程と同じ様に、TeraPad で dayxmgr.cgi を開いて下さい。１行目の#!/usr/local/bin/perlという所を先程と同じ様に確認して下さい。（dayx.cgi と同じにして下さい。）３２行目の集計一覧からの戻り先を設定します。$home = "../index.html";と書かれていると思います。通常は、自分のＨＰを戻り先とします。例えば私のＨＰを戻り先とするなら$home = "http://jeyground.web.infoseek.co.jp/index.html"; となります。これで、dayxmgr.cgi の設定は終了です。お疲れ様でした。最後にdayx.dat の設定を変更します。これもTeraPad でファイルを開いて下さい。★変更前：15<>0<>0<>0<>Mon<><>（これは順に、本日の日にち<>昨日のカウント数<>本日のカウント数<>総カウント数<>本日の曜日を意味します）★変更例：20<>0<>0<>3200<>Sat<><>（例えば、本日が、20日(土曜日) で、総カウント数を3200カウントから始めたい場合には上記のように修正して下さい）これで、サーバーにアップする前のＣＧＩファイルの設定の変更は終了です。次は、サーバーにアップする方法です。

ＣＧＩ設置～ＣＧＩファイルをﾀﾞｳﾝﾛｰﾄﾞ～

【４】　ＣＧＩをダウンロード～カウンタ編～私がカウンタを実際設置したものを書いていきます。私が楽天以外で持っているＨＰで実際設置したものです。右上のＴＯＴＡＬやＴＯＤＡＹ、ＹＥＳＴＥＲＤＡＹって所がそれです。これは、Kent Web様のDay Counter-EXをダウンロード（以下ＤＬ）して設置しました。総カウンタ、今日のカウンタ、昨日のカウンタ、そして月別日計集計もあります。月別日計集計とは、こちらをご覧になって下さい。私のＨＰでの集計結果です。まず、ファイルをダウンロードします。（こちらのページからダウンロード出来ます。）上の画像の説明します。赤丸の所に注目して下さい。その横に番号が１，２とあります。１をクリックします。dayx.zip と書かれている所です。そうすると「ファイルのダウンロード」が出ます。２をクリックします。dayx.zipをＤＬします。「ファイルのダウンロード」の保存をクリック。１，２の手順をやると「名前を付けて保存」と出ますので、ご自分のＰＣ内のどこかに保存して下さい。マイドキュメントが分かりやすくて良いと思います。保存すると、こんな感じのフォルダの形で保存されていると思います。保存が出来たら、次は解凍です。を右クリックして、「全て展開」をする。するとこんなファイルの形になったと思います。次は、中身の確認です。上の画像の様に、８つのファイルがあります。（もし無い方はもう一度ＤＬして下さい。）dayx.cgi dayxmgr.cgi gifcat.pl　 dayx.dat day.dat mon.dat blue.gif red.gif 次は実際にＣＧＩファイルを変える作業をします。日記だと画像を縮小しなければならないので見づらいかもしれません。コチラだと、見やすくなっていると思います。（フリーページに記載）ここまで説明は分かりにくいでしょうか？

ＣＧＩ設置～お勧めサイト～

【３】　設置したいＣＧＩを探す検索すると、様々なフリーのＣＧＩスクリプトが存在します。掲示板、チャット、カウンター、投票、アンケート、メール、ゲームなど沢山あります。自分が好みのＣＧＩを探すのは、結構大変です。私も初めはどこから探したら良いか迷いました。そこで、これらのＣＧＩを探せるサイトが、CGI-Search様のサイトです。（もちろん他のサイトも沢山あります。）いろいろなサイトのＣＧＩから選びたい時は、このサイトが良いと思います。ＣＧＩを設置するにあたって私が、お世話になったサイトは、Kent Web様です。他には、CJ-Club様などあります。こちらもデザインなど良くて良いと思います。と、いろいろあって、悩みますよね。私は、説明が分かりやすいKent Web様がやはりオススメです。設置する上で、説明が命だと思いますので。次は、実際に設置する手順を書きます。私が楽天ブログ始めて、最初に設置したＣＧＩが、このアンケートです。これは、Kent Web様でダウンロードして設置しました。

ＣＧＩ設置～ＣＧＩを許可されているＨＰ～

【１】　無料ＨＰスペースの cgi 許可の有無楽天ブログではcgi設置は無理ですが、楽天以外でＨＰを持っている方で「cgi」設置に興味がある方は、これから設置の手順を分かりやすく説明していくので是非、ご覧になって下さい。cgiって難しいって思う方もいるでしょうが、意外と簡単に設置出来ます。まず最初は、自分の借りているＨＰが、cgiを許可しているかどうかです。cgiを設置する→プログラムファイル（cgiスクリプト）をサーバに置いて、サーバで実行させる事です。大概、フリーのＣＧＩスクリプトを自分でダウンロードして、自分のＨＰに転送すると思います。こんな堅苦しいのは、後で覚えても良いので、まずサーバーのチェックです。私は、「isweb」（インフォシーク）です。ですのでオススメも「isweb」です。「isweb」は無料で借りられ、ＣＧＩを許可しています。とりあえず、フレッツ系を中心に掲載してみました。（もっと詳しく知りたい方は、各ＨＰのＣＧＩ利用のヘルプをご覧になって下さい。）HP名cgi 許可の有無isweb（ライト）○Yahoo!ジオシティーズ×@nifty○ＯＣＮ×So-net×plala○hi-ho×WAKWAK○BIGLOBE○interQ○ASAHIインターネット○ライブドア×さくらインターネット○もし、自分が借りているＨＰがＣＧＩ許可していないなら、どこか別のＨＰサーバーを借りるしかありません。