コピーしてすぐ使える
サンプル満載186 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

はじめてのCGI
ウェブ管理術特 集

ホームページの無料サービスや作成ツールが賑わいを見せ、自分のサイトを持つ人が急増している。誰でも持てる時代だからこそ、サイトの特徴をいかに出すかが悩みどころだ。そこで、提案したい。単なるウェブ制作者から一歩飛び出し、「ウェブ管理者」になってみないか。管理者と言っても、サーバー技術云々といった理科系専門技術者の話ではない。本特集には、サイトを持っている人なら誰にでもすぐに役立つサイト運営のTIPSが満載だ。利用者や人気コン
テンツの把握からウェブユーザビリティーまで、実践すれば視聴率アップも間違いない！
菅野 哲＋津田大介＋若林龍成（ビービット）＋編集部
Illustration : Tsuchiya Hideru

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 2001/5

187

CGIや便利なサービスでまずは気軽に始めよう

あなたも「ウェブ管理者」
自分のホームページを立ち上げて、自己満足で終わらせるだけなら、訪問者のことを考える必要もなく気ままに更新すればいいだろう。しかし一度立ち上げた以上、多になれる！

くの人に訪れてもらいたいはずだ。ホームページを見る
人の立場で訪れやすい雰囲気を作るというのも、ウェブ
管理者への第一歩だ。ここでは、本特集で述べる「ウェブ制作者」と「ウェブ管理者」の違いを確認しておこう。

いままでの私・アクセス数が伸び悩んでいる・どんな人が訪れているか興味なし
・総数を知るためのアクセスカウンターは付けている『ウェブ制作者』 ・どのコンテンツが人気なのかわからない
・レンタル掲示板を利用

・過去ログは保存していない（または自分でテキストをコピー）・ファイルの数や量が増えてきて困っている

今日からの私訪れている人の環境や動向を把握しているsどこから飛んできたか、どのOSやブラウザーを使っているか、訪問『ウェブ管理者』

時間帯などがわかり、サイトですべきことが理解できる

各ページにアクセスカウンターを付けている

sどのコンテンツが人気なのかがわかるので、そこに力を入れやすい
過去ログが自動で作れる掲示板を使っている

s管理がラクなうえ、利用者の動向もわかる
ちょっとした気配りで、サイト作りもラクになるし、訪問者にとっても使いやすいサイトができ上がる。思い当たるフシがあれば、この記事を読んで、すぐに「ウェブ管理者」を目指そう。

検索サイトに数多く登録している

sアクセス数アップを狙える
画像・音楽用サーバーやミラーサイトなどを利用している

s幅広いコンテンツとつながりやすさで訪問者への気配りができる
ウェブユーザビリティーに気を遣っている

s訪問者が見やすいページでリピーターが増える
etc.

188 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

CGI
ウェブ管理術特集 はじめての

訪問者の利用パターンで「ニーズ」を捉える
訪問者がいつ訪ねてきたかは、カウンターだけではわからない。アクセスログを活用すれば、ある一定時間にアクセスが集中しすぎていないかをチェックできる。ま

更新状況や過去ログの作成など作業の負担を最小限に抑える
どこのページを更新したかがわかるHTMLファイルを作り、更た、不正なアクセスがあったときにもアクセスログが役に

新のたびにFTP ソフトを使ってサーバーにアップロードして立つ。訪問者が使っているOS やブラウザーの種類を知「What's new」と通知するのは意外に面倒だ。また、サイト内

ることで、それに対応したコンテンツが作れるなど、ア

で掲示板を運用している場合、新たな訪問者のためにも過去ログ

クセスログの取得や解析はサイト管理には欠かせない。

が見られるように用意しておきたい。これらをより手軽に実現す
るCGIを使って、作業を軽減したい。

ウェブ管理者の心得「ウェブを管理」すれば、サイトが活気づくのは間違いない。
メリット満載だ！

幅広い気配りで居心地のよい掲示板にする

人気のコンテンツを知って一層力を入れる

訪問者とコミュニケーションを取れる掲示板も、人気サイトとなると嫌がらせの書き込みなどが現れることが訪れてくれる人はあなたのサイトに何かしらの魅力をある。そういったときには素早い対処が必要だ。なるべ感じているはず。自分が力を入れているページは実は訪

く簡単に対処できるに越したことはない。また、訪問者

問者が少なく、更新をほとんど行っていない情報ページ

が再び訪れたいと思うようにページデザインを見やすくが人気の場合もある。そういった客観的な人気度を測る

整理するのもポイントだ。細かい気配りがアクセス数アにはカウンターが便利だ。より多くのリピーターを獲得

ップにつながる。

するためにも自分のサイトの特徴となるコンテンツを客観的にチェックしてみよう。

サーバーメンテナンスでアクセスしやすくする
訪問者に「ページの読み込みが重い」と思われたら、それだけで訪問の機会が減るのは必至。常日頃からサーバーの状態をチェ
ックし、ファイルの容量にも注意したい。また、サーバーが落ちたときやデータが万が一消失したときにも対処できるよう、ミラーサイトを作っておくのも訪問者に対する配慮だ。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 2001/5

189

一歩ずつ確実にマスターしたい

一概にウェブの管理と言っても、その内容は幅広い。

ウェブ管理者の心がけ

管理術を一覧にした。これらはすべてウェブを管理

以下に、192ページからの本文で詳しく述べている
するうえで心がけたいことだ。どこから始めても必ず役立つのは間違いない。まずは、自分が一番やりたい管理術をピックアップし、1つずつ着実にステップアップしよう。

ウェブ管理の心がけ
内部的な管理CGIの活用

アクセス解析
訪問者の環境チェック（P.192）
人気コンテンツチェック（P.193）
掲示板（過去ログ作成）（P.194）
レンタルサーバー利用（P.195）
更新作業の簡略化（P.201）
リンク切れチェック（P.201）
訪問者の意見反映（P.202）
コンテンツに合ったサーバー選択（P.203）
訪問者にやさしいウェブサイトデザイン（P.205）

対外的な管理検索サイトへの効果的な登録（P.196）

マークの意味192ページから紹介するさまざまな管理術

リンク元のチェック（P.197）におすすめ度合いのマークを付けてあるので参考にしてほしい。

とにかくおすすめ！
すぐに実践しよう。

知っておくと得な
おすすめ。

掲示板関連

不適切な画像のチェック（P.198）
ブラウザークラッシャーへの注意（P.200）
参加者限定（P.199）
外部からの評価検討（P.204）

達人を目指す人向きのおすすめ。

190 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

ウェブ管理に必須な使い方ガイドCGI

ウェブ管理に欠かせないのがCGIだ。アクセス解析はもちろん、利用者のPC の環境
や好みに合わせたユーザビリティーの高いページ作りを目指すなら必須になる。ここで、次ページからのCGIプログラムを利用するために最低限必要な知識を学ぼう。

● CGI導入の確認事項
CGIとは掲示板などに代表されるウェブサ

用のディレクトリー（ここではcgi-bin）が指イトを訪れた人がウェブサーバーとの間で情定されている場合があるので注意したい。

報をリアルタイムにやり取りできるようにす

さらに、CGI を利用するにはパーミッショ

るための簡単なプログラムのことだ。CGI をン（使用の権限・属性）を設定できるFTP ソ

作るためのプログラム言語のおもなものとしフトが必要になる（付属 CD-ROM に収録）。

て、「C 言語」と「Perl」があり、一般的にFTPのソフトによって設定方法「755」というはPerlが利用されている。Perlを使ってCGI

ように数字で指定するFTPソフト（FFFTPなを設置するにはまずPerlを実行するための場

ど）とユーザー権限別に「rwx」で指定する所を指す「パス」を確認しておきたい。一般

FTP ソフト（WS̲FTP など）があるので、ヘ的には「/usr/local/bin/perl」だが、プロバ

ルプなどをよく読んで確認しておこう。

イダーによっては「/bin/perl」となるものもある（表 A）。PerlのパスはCGIを「メモ帳」

Panasonic Hi-HOの場合、CGIの設置場所は「cgi-bin」
で、それ以外は「html」（public̲htmlの場合もある）に入れる。193ページの「Lime Counter」を例に設定した。

などのテキストエディターで開いたときに1行目に記述されているので、プロバイダーに合わせて変更しよう。また、CGIを設置する際

FFFTPのパーミッション設定画面。サーバーにファイルをアップロードしたら、それぞれのファイルに対してパーミッションの設定を行う。

に、プロバイダーによっては、右のようにCGI● CGIが使えるプロバイダー
大手のプロバイダーで自作のCGI が自由に使える

A おもなプロバイダーのCGI対応
プロバイダー名※cgi-bin自体が別サーバーのこともある

自作CGI

CGI設置場所

パス/usr/local/bin/perl@nifty○cgi-binというところは意外と少ない。IIJ4U、DTI といった

BIGLOBE○public̲html/usr/local/bin/perl5 ※ 1

プロバイダー人気調査で上位に来るようなところでも

ぷらら

○

制限なし

/usr/local/bin/perl/usr/local/bin/perl

アクセスカウンターなどのプロバイダーが許可した一部のCGI しか使えない。そこで、自作のCGI が利用できるおもなプロバイダーをまとめてみた。CGIが利Panasonic Hi-HO○

cgi-bin3WEB○

public̲html/usr/local/bin/perl

interQ○※ 2

制限なし/usr/local/bin/perl

WAKWAK○

cgi-bin/bin/perlinter.net-リムネット接続サービス○

public̲html/usr/local/bin/perl

用できるところでも、さまざまな制限がある場合が多U-netSURF○

cgi-bin/usr/local/bin/perl5 ※ 3

いので、サイトにあるFAQ などを見てどの程度まで

ドルフィン・インターネット○※ 4

cgi-bin/usr/local/bin/perl

自由な運用ができるかを確認しよう。

FREECOM○

public̲html/usr/local/bin/perl

コアラ○

cgi-bin/usr/local/bin/perl※1 Perlのバージョンやサーバーの仕様で異なる※2 MEMBERS会員のみ● CGIが使える無料ホームページ
自分の契約しているプロバイダーでCGI が利用で

※ 3 Perlのバージョンで異なる※ 4 プランA、プランB、プランCのみ

HTMLの「パス」の指定に注意！

きないという場合に、いちいちほかのプロバイダーと「パス」とはファイルがどこにあるのかを明確に記述するためのもので、「絶対パス」（フル

契約し直すのは面倒だ。そういう場合は、無料ホームパス）と「相対パス」がある。絶対パスとは例のようにサーバーのドメインネームからファ

ページサービスでCGIが利用できるところを使うといイルに到達するまでのURLすべてを記述したもの。相対パスとは現在使用しているファイ
ルやフォルダー（ディレクトリー）を基準とう選択肢もある（203ページ表参照）。ただし、無料ホ

して、呼び出すファイルがどこにあるのかをームページサービスの場合、たいてい広告が自動的に例のように表示したものだ。通常は相対パ入るようになっている。デザインにこだわる人などに[public̲html]┳index.html←これを基準にする┣[cgi-bin]━sample.cgi^^^^^^^^^^

スの利用が多いが、@niftyのようにCGIを （絶対パスの例）
専用のディレクトリーに入れなければ動作し

http://www.dummynet.co.jp/cgi-bin/sample.cgi

はあまり向かないが、テスト環境を設けたい場合など、ない場合は、絶対パスで指定しなければな （相対パスの例）

状況に合わせて利用すればきっと役に立つはずだ。

らない。また、相対パスはCGIスクリプトの一方、本格的にCGIを運用したい人は後述するレ初期設定によっては、指定するファイルのンタルサーバー（195ページ参照）を使う手もあるの

先頭に「./」を付けないと動作しないことがあるので注意しよう。

../cgi-bin/sample.cgi./ → 同じディレクトリーを意味する../ → 1つ上の階層のディレクトリーを意味する

で、自分に合ったサービスを検討してほしい。

インターネットマガジン／株式会社インプレスR&D

Perl（パール）：ラリー・ウォールによって開発されたプログラミング言語。当初、テキスト処理に重点を置いた言語として開発されたが、言語仕様の拡張がなされ、ファイル操作やネットワークプログラミングなども可能となっている。最近ではウェブページに双方向性をもたらすために、CGIに利用されることも多い。
©1994-2007 Impress R&D

INTERNET magazine 2001/5

191

そ 訪問者の動向や特徴を知りたい！
の1
どの時間帯にどのような環境の人が自分のサイトを訪れているのか。利用者の動向を知れば、その環境や好みに応じてサイトを作ることもできる。ここではアクセス解析などの、訪問者の統計をとるCGIを紹介しよう。

訪問者の環境をチェック

菅野 哲【access cgi ver.1.10】
作者：緋 [himura]www.din.or.jp/~himura/at-works/

自分のサイトの訪問者がどこのサイトから＜CD-ROM Å＞

訪れているかや利用ブラウザーなどのアクセ

Magnavi→Ip0105→Cgi→access→access̲1.lzh
Magnavi→Ip0105→Cgi→access→readme.lzh（説明）ス環境を知ることによって、たとえばFlashなどの動くページが問題なく見られるかとい

1CGIを上記のURLまたは付属 CD-ROMからハードディスクにコピーし、圧縮ファイルはLhasa（CD-ROMÅに収録）などを使って解凍しよう。
収録されているファイルは A になる。

ったサイト作りの目安にできる。継続的に利用者の動向をチェックして統計をとって、よA

パーミッションの設定値

りよいサイト作りに反映しよう。

2CGIスクリプトを自分の利用している環境に合わせて左下のように書き換える。ウィンドウズ付属の「メモ帳」などのテキストエデ
ィターを使用して変更しよう。「access.ini」の 34行目は、初期値の「$lockkey = 0; 」
では、アクセスログデータの破損を防ぐファ
イルロック処理を行わないので、ファイルロ
ック処理をするように変更したい。

表示できるもの・アクセス曜日・時間帯・リンク元
・解像度・ホスト名またはIPアドレス
・ブラウザーの種類・OS

access/ access.ini ［644］agent.pl［644］
report.cgi ［755］replist.cgi ［755］main.html ［644］data/［777］report.log［666］lock/［777］※ディレクトリーを作成
lib/

report.cgi
1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。Perlのバージョンは5。

3 アクセス解析を行いた
replist.cgi
1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。Perlのバージョンは5。
23行目 $pass = ' ' ;' 'の間に管理用パスワードを設定する。使えるのは「abc123」など半角の英数字のみ。

access.ini

いHTMLファイル（自分のサイトのトップページなど）に、右のタグを貼り付ける。
プロバイダーの事情で設置するディレクトリーを変えた場合は、「report.cgi」のパス（赤字の部分）を変更すること。

17行目 $title = 'Access Report';
解析リストのタイトル。動作には関係ないのでとりあえず初期値のままでOK。
20行目 $site = ' ' ;アクセス解析の対象となるホームページの名称に変更する。「My Homepage」でもなんでもいい。
23行目 $return = ' ' ;表示した解析リストで「戻る」をクリックしたときの戻り先のURLを設定する。アクセス解析の対象ページに戻るのが一般的だ。
26行目 $max = '1000';
最大ログ保持数。これを越えると古い順に削除されるが、あまり大きくするとログのファイルサイズが大きくなるので注意。
29行目 $new̲count = '1';
アクセスカウンターの初期値。特に変更しなくてもいい。
34行目 $lockkey = 0;
ファイルロックを設定する。このままだとアクセスログのデータが破損する恐れがあるので、値を変更しよう。おすすめは「$lockkey = 1; 」
（symlink 関数を利用してファイルロック）。symlink 関数でのファイルロックを禁止しているサーバーでは「$lockkey =2;」（open 関数を利用してファイルロック）にする。
39行目 $access̲check = '1';
cookieを利用し、同じユーザーが連続してすぐに記録しないようにできる。初期値だと最後のアクセスから1分を越すまで記録をしない。このままでOK。
44行目 $host̲check = 0;
同一ホストからの連続したアクセスができないようにチェックする。初期値のままでOK。
49行目 $get̲remotehost = 0;
ホスト名を取得するかどうかの指定をする。初期値のままでOK。

192 INTERNET magazine 2001/5

4CGIとHTMLファイルをサーバーにアップロードする。CGIは A を参考にパーミッシ
ョン（属性）の設定を変更する。「data」などのフォルダー（ディレクトリー）のパー
ミッションも忘れずに変更しよう。

5 ブラウザーから「replist.cgi」にアクセスしてみよう（「http://www.xxxx.xxx/cgibin/access/replist.cgi」のように入力する）。無事に作動していれば、パスワードの入力画面が表示される。

6「replist.cgi」の23行目で設定したパスワードを入力すれば、右のようにアクセス解析の画面が表示される。曜日や時間帯別のア
クセス数はもちろん、訪問者のブ
ラウザーの種類や解像度の情報もわかる。

インターネットマガジン／株式会社インプレスR&D

Flash（フラッシュ）：マクロメディア（株）によるアニメーション作成ツール。定価39,800円。プレイヤーは無償で配布されている。

©1994-2007 Impress R&D※cgi-binに設定した例

cgi-bin/jcode.pl［644］
graph1.gif ［644］graph2.gif ［644］CGI
ウェブ管理術特集 はじめてのカウンターを付けて
人気コンテンツをチェック【Lime Counter】
作者：KENT

www.kent-web.com＜CD-ROM Å＞
Magnavi→Ip0105→Cgi→KENT→lime.lzh「自分のサイトのどのコンテンツが人気なのか？」という疑問を解決するためには、ページごとのアクセス数をカウントしてくれる
CGIが頼りになる。

A

1 CGI を上記のURL または付属 CDROM からハードディスクにコピーし、圧縮ファイルはLhasa（CD-ROMÅに収録）などを使って解凍しよう。収録されているファイルは A になる。

パーミッションの設定値 ※cgi-binに設定した例
cgi-bin/lime/

2CGIスクリプトを自分の利用している環境に合わせて書き換える。ウィンド
ウズ付属の「メモ帳」などのテキストエディターを使用して、以下の箇所を変更しよう。特に、「limemgr.cgi」の32行目の戻り先のURLがこのCGIから見たファイルの場所（相対パス）での指定になっている点に注意！

［777］※ディレクトリーを作成
lime.cgi［755］
lime.log［666］
limemgr.cgi［755］jcode.pl［644］
graph.gif

lime.cgi

3 アクセス数をカウントしたいすべてのHTMLファイルに以下のタグを追加する。識別番号はページごとに違う番号を設定する。

1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。
67行目 $lockkey = 1;
アクセスログデータの破損を防ぐためファイルロックを設定する。初期値のままでOKだが、symlink 関数でのファイルロックを禁止しているサーバーでは「$lockkey = 2;」（open 関数を利用してファイルロック）にする。

<IMG SRC="パス/lime.cgi?page=識別番号&name=ページ名&hp=
ウェブページのURL">
例：<IMG SRC="cgi-bin/lime/lime.cgi?page=1&name=DIARY&hp=
http://www.xxx.xxx/˜user/" WIDTH=1 HEIGHT=1>

limemgr.cgi
1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。
20行目 $pass = '0123';
管理用パスワードを設定する。使えるのは「abc123」など半角の英数字のみ。
32行目 $backurl = '../index.html';
アクセス集計一覧の表示部からの戻り先を「../index.html」のようにこのファイルから見た場所（相対パス）で指定する。

4CGIとHTMLファイルをサーバーにアップロードする。CGIは A を参考にパーミッ
ションの設定を変更する。右の画面は「ホームページ・ビルダーV6」に付属のFTPソフト。

5 ブラウザーで「limemgr.cgi」にアクセスする（「http://www.xxx.xxx/
cgi-bin/lime/limemgr.cgi」のように入力 する）と、集 計 結 果 が表 示 される。
各ページのアクセス数がグラフで一覧できるので、人気コンテンツが一目瞭然だ。

6 5 の画面で、管理用パスワードを入力して管理モードに入った例（左）。管理モードではログの削 除 やログをとっている
HTML ファイルのページ名、カウンタ値、
URLの修正が行える（上）。

インターネットマガジン／株式会社インプレスR&D

パーミッション：許可、権利。あるユーザーがログインできるコンピュータにおいて、特定のディレクトリーやファイルなどにアクセスできる権利のこと。ホームページで掲示板などのCGIを使うときは、ファイルごとに細かくパーミッションの設定を行う必要がある。
©1994-2007 Impress R&D

INTERNET magazine 2001/5

193

掲示板の利用者を
アクセスログでチェック【C-BOARD】
作者： T.Kimata

www.nk.rim.or.jp/~t_kimata/cgi/＜CD-ROM Å＞
Magnavi→Ip0105→Cgi→C-BOARD→c-board320g.zip

前ページまでに紹介したアクセス解析のCGI は、基本的にHTML ファイルのアクセス数を解析するためのものだ
CGIを使ったチャットや掲示板などへのアク
セス数を調べたい場合は、最初からアクセス解
析機能を持つ掲示板やチャットを利用するのA

1 CGI を上記のURL または付属 CDROM からハードディスクにコピーし、圧縮ファイルはLhasa（CD-ROMÅに収録）などを使って解凍しよう。収録されているファイルは A になる。

パーミッションの設定値 ※cgi-binに設定した例
cgi-bin/c-board/［707］c-board.cgi ［705］config.cgi ［606］が簡単だ。ここでは、その掲示板を紹介する。

cmd/ ※1
data/［707］2CGIスクリプトを自分の利用している環境に合わせて書き換える。ウィンドウズ付属の「メモ帳」などのテキス
トエディターを使用して、以下の箇所を変更しよう。こ
のCGIは、サーバーにアップロードしてからブラウザー上でほとんどの設定を行うため、ここで変更するのは、「Cboard.cgi」のPerlのパスのみと非常に簡単だ。

c-board.css［606］
default/ ※1

3CGIをサーバーにアップロードする。

file/［707］

CGIは A を参考にパーミッションの設定を変更する。

image/［707］lib/ ※1log/［707］

c-board.cgi

style/ ※1

4 ブラウザーで「c-board.cgi」にアク

1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。
perlのバージョンは5.005.03以上のもの。

セスし（「http://www.xxxx.xxx/cgibin/c-board/c-board.cgi」のように入力する）、メニューバーの「設定」をクリックする（下画面）。

cache /［707］※ うまく動作しない場合は[705]⇒[755]、[606]⇒[666]、[707]⇒[777]に変更のこと※1 ディレクトリーの作成のみ。パーミッションの変更は不要

5 設定画面の右下の「管理者用」をクリックをする。MENU画面（右）の「セットアップ」にチェックが付いた状態で、パスワード欄にあらかじめ設定されているパスワード「pass」（初期値）を入力し、送信ボタンを押す。

6 セットアップ画面の一番下にある「パスワードに関する設定」でパスワードを変更し、「設定」を押す。さらに、MENU画面で「セットアップ（スタイル）」にチェックを付けて「送信」を押し、下の画面で何も変更せずに「設定」をクリックすれば初期設定がすべて完了する。

公開中の掲示板でアクセスをチェック

7 ツリー表示と一覧表示を切り替えられる高機能な掲示板が現在使用している掲示板やチャットのCGIにアクセスカ

できあがる（下画面）。アクセス解析も非常に詳細なデータを得られる。また、Javaを利用したグラフも表示できる（右画面）。過去ログをHTMLで記録できる機能も非常に便利だ。

ウンターを付けることもできる。
設置方法は、カウンターを付けたいCGIにスクリプトを2か所追加するだけなのだが、追加する場所の見極めが必要なので、一般のCGIよりも難易度は高い。
CGIの扱いに慣れている人は、こちらも検討してみるといいだろう。設置法などの詳細はウェブで確認してほしい。

【keico】
作者：千葉圏ネット

www.chibaken.net/cgi_s/keico/＜CD-ROM Å＞
Magnavi→Ip0105→Cgi→keico→keico̲pl.txt

194 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D

スクリプト：プログラムとほぼ同義語。いくつかの単純な動作からなるプログラムをスクリプトという。スクリプトはテキストで書かれる。スクリプトを記述する言語をスクリプト言語といい、JavaScriptもこの一種だ。
©1994-2007 Impress R&D

CGI
ウェブ管理術特集 はじめてのホスティングでより簡単にアクセスの詳細をチェック【ホスティングサービス】（例）CPI

www.cpi.ad.jp
ほかにも多くのホスティングサービス
プロバイダーがアクセスログ解析サー
ビスを提供している（表参照）。

ホスティングサービスプロバイダーが提供するレンタルサーバーを利用している場合は、アクセス解析のCGIを使わなくても、自分のサイトへのアクセス数を参照できるサービスが用意されていることが多い。
契約プランにもよるが、たとえば「CPI」の場合は、もっともリーズナブルなパーソナルプラン（月4,500円）でもアクセスログの解析サービスを受けられるので、自分でCGIを導入するのが面倒な人にはおすすめだ。

1 ここではCPIを例に紹介する。用意されている
アクセスログ解析サービスは、シンプルなものとグラフィカルなものとの2種類が用意されている。
アクセスログ解析サービス「Analog」は、テキス
トと棒グラフによる表示で見た目はいたってシン
プルだが、リアルタイムにその瞬間のログが見られるのが特徴だ。

2 アクセスログ解析サービス「Webalizer」は、円グラフや棒グラフなどのわかりやすいグラフィカル
な表示が特徴だが、当日のログは見られず、1週間単位といったまとまった期間用の解析プログラムだ。
おもなホスティングサービスプロバイダー
サービス名※1
AIRインターネットサービス

Webalizer

Analog

生ログ
閲覧

その他

○ ※3

○

※2

○

www.air.ne.jp

ASJホスティングサービス

www.asj.ne.jp

DIONサーバホスティングサービス

www.dion.ne.jp/jyouji/

CPIwww.cpi.ad.jp

HIP

www.hip.ne.jp/web-hosting/iSLE（アイル）

○
○

○

○

○

○ ※4

○ ※4

home.isle.ne.jp○○

Rapidsite

rapidsite.co.jp

○

○

○

So-netサーバホスティングサービス

www.so-net.ne.jp/business/service/host/

WebARENA

web.arena.ne.jp/suite/○○

ファーストサーバ

www.firstserver.ne.jp

パークネットwww.parknet.co.jp

○ ※4

○

○

○

3 このほか、ブラウザーから生ログ（アクセスした人 1件ごとの訪問日時やIPアドレスなどの情報）を見ることもできる。生ログ
は1か月ごとに圧縮されて3か月分は保存されるので、適宜ダウンロードして自分のパソコンのハードディスクで保存しておこう。

○※1 ウェブサイトに解析ツールの詳細や表示例が掲載されているプロバイダー※2 ログ分析ツール（MkStatsなど）※3 ASエコノミーは不可※4 契約サービスにより解析プログラムの種類と生ログ収集の可否が異なる

ホスティングサービスプロバイダーで自分のドメインを取得しよう
レンタルサーバーを利用するのであれば、に自分のドメインでサイトが持てる。

「www.名前.com」などのように自分の

ただし、ホスティングサービスプロバイ

ドメインを取得することも考えたい。

ダーでは、一部を除き原則としてダイア

法人だけでなく、個人や任意団体でも取ルアップの接続サービスは行っていないれるドメインも多数ある。書類の作成かので、いままでの接続プロバイダーとのら実際にそのドメインにアクセスできる

契約は続行することになる。

までのセットアップまで個人でやると面

ウェブ管理者の次のステップとして、独倒な手続きも、一括してホスティングサ

自ドメインの取得とアクセス解析ほか多ービスプロバイダー側で行ってくれる。

様なサービスを提供するレンタルサーバ

これなら技術的な知識がなくても、気軽ーの活用もぜひ検討してみよう。

インターネットマガジン／株式会社インプレスR&D

ドメイン：ネットワーク上でのコンピュータのグループ。具体的には電子メールアドレスの＠以降を指す。

©1994-2007 Impress R&D

INTERNET magazine 2001/5

195

そ 検索サイトに登録されたい！
の2

不特定多数の人に自分のウェブサイト
を発見してもらう最適な手段が検索サ
イトだ。ここでは検索サイトの有効な登録方法や検索にまつわる便利なサービスを一挙に紹介しよう。

検索サイト一括登録

菅野 哲【一発太郎】
ippatsu.net/TARO/

検索サイトへの登録は、サイト管理者が自分で行うことが多い。しかし、多数の検索サイトに1つずつ登録依頼を出していては2 入力した情報を確認したら、あとは登録
したい検索サイトの「登録」ボタンを押すだ
けだ。ほとんどの検索サイトでは追加の入力事項もなく、自動的に登録依頼が終了する。

効率が悪いので、一括で登録してくれるサービスを活用しよう。

1 「一発太郎」を利用するには、登録（無料）が必要だ。まずメールアドレスを入力してメールアドレスのチェックを受ける。このため、登録にはメールの自動レスポンスまでの時間がかかる。登録が終わったらサイト名やURL、紹介文など
自分のサイトの情報を入力する。

検索にヒットしやすくする【HTMLヘッダ自動生成】
作者： J.S.BUFFER

www2.tokai.or.jp/j.s.b/

infoseek などのロボット型の検索エンジンを使った検索サイトでは、HTMLヘッダーのMETAタグからサイトの内容を判断しているところが多い。META タグに適切な用語を入力することにより、管理者の意図したとおりにヒットさせられるのだ。
そこで、HTMLヘッダーを生成するフリー
ソフトウェアを使って、効果的なMETA タグを作成してみよう。ただし、ここであまり

1 ソフトをダウンロードしてLhasa（CDROMÅ に収録）などで解凍すると「HtmlHead.exe」というファイルが現れる。これをダブルクリックすると、プログラムが起動する。
「検索エンジンに拾われたい単語」に、キーワードを半角コンマで区切って入力する。
「検索結果に表示される文字」に、自分のサイトの内容をわかりやすく記入して、「ヘッダを生成する」ボタンを押す。

にも多数の用語や無関係な言葉を登録すると、訪問者に対して悪い印象を与えかねないので注意したい。2 の画面のように表示

2 生成したヘッダー（左下）をHTML
ファイルに貼り付ける。画面は実際にinfoseekでヒットした例。サイト管理者が記入した適切な説明文が掲載されるので、訪問者の獲得率も大きくアップする。

されるので、自分のホームページを適切に表現するキーワードを選んで記入しよう。

ヘッダー

196 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D

METAタグ：ブラウザーに表示される内容には直接関係なく、そのページの著作権や内容の要約、キーワードや有効期限など、そのファイルそのものの情報を記述するためのタグ。実際には、検索のためのキーワードやそのページの説明文、文字コードやリロードの指定などの記述に用いられることが多い。
©1994-2007 Impress R&D

CGI
ウェブ管理術特集 はじめてのどこからリンクされているかをチェック【Google】
www.google.com

前述のアクセス解析CGIを使え
ば、自分のサイトにどこからリン

2 本 誌 のサイトにリンクが張られているかは見当がつく

クを張っているサイトを検索してみた。管理者の知らないサイトで紹介されていて、しかも褒められていたりすると、まさにウェブ管理者冥利に尽きる。

が、もっと素早くリンク元を調べることもできる。「Google」の「検索オプション」の「特殊サーチ」を使えば、リンク元が一覧表示される。

1 特殊サーチの「次のURL にリンクしているページ」の検索窓に調べたいサイ
トのURLを入力する。なお、Googleのトップページの検索窓に「link:internet.
impress.co.jp」のように、「link:」に続けて入力しても同じ結果が得られる。

サイトに検索窓を付ける【Google】
www.google.com（トップページ→ Googleについて）

自分のサイトに検索窓を付けれ【infoseek】

ば、訪問者に付加価値を与えら

www.infoseek.co.jp（トップページ→リンクキット）

れ、便利に利用できる。HTMLタグをコピー＆ペーストするだけで【goo】

簡単に設定できるので、気軽に使（トップページ→ヘルプ）

www.goo.ne.jpってみよう。

1 画面は「goo」の例だが、どの検索サイトが提供する検索窓も設置は簡単。好みの検索サイトで貼り付
けたい検索窓を選んだら、「htmlはこちら」をクリックして、そのHTML タグを自分のサイトにコピー＆ペーストするだけだ。

2 「goo」の場合は検索以
外にも辞書機能や企業情報検索も自分のサイトに貼り付けられるので、さらに付加価値アップを狙える。

ウェブ管理者の声1
テレビドラマデータベース

古崎康成さんwww.tvdrama-db.com
これまでオンエアされたテレビドラマの大半を集めた全文検継続するうえで心がけているのは、「無理を

索データベースをはじめ、テーマ別の5つのドラマ掲示板など、しない」ということです。毎日の更新は精神的

ドラマ情報が満載のサイトです。

につらくなりますから、気が向いたときに軽く映画に比べると軽く見られがちなドラマの地位を向上させ更新すればいいという気持ちで運営しています。

たくて、いままで放送されたドラマのデータをこつこつ収集しホームページのデザインも、更新の負担にならていました。その後、プロバイダーが提供する無料ホームペー

ないよう、非常にシンプルにしてあります。

ジ作成サービスを使ってデータを公開したのがこのサイトの始掲示板の管理がやはり大変ですが、できるだけこの掲示板まりです。公開すると、どんどんいろんな人からメールが届く

が「管理されている」という印象を持たれないように、誰でようになり、これがまた非常におもしろいんです。メールでもも書き込める雰囲気作りに努めています。

らった意見を自分の中だけにとどめておくのも惜しいので、掲

この2月には独自ドメインも取得しました。ログの分析をし示板を作りました。
「いろんな人に自由に意見を語ってもらてサイト作りに生かすところまではまだ至っていないので、今う」場です。

後は手軽に使えるそうしたサービスも使ってみたいです。

インターネットマガジン／株式会社インプレスR&D

リンク：あるウェブページからほかの関連ウェブページへジャンプさせるための関連付けのこと。リンクを設定することで、ウェブページの特定の場所をクリックするだけで、該当ウェブペ
ージにジャンプする。
©1994-2007 Impress R&D

INTERNET magazine 2001/5

197

そ 不適切な投稿をチェックしたい！
の3

サイトに人気が出てくると、掲示板に不適
切な投稿をしたり画像を貼り付けたりする「掲示板荒らし」などの被害に遭うこともある。
「荒らしは無視」が鉄則だが、状況によってはマメに掲示板をチェックするなどの自衛手段も考慮しよう。

画像はアップする前にチェック

菅野 哲【Clip Board】
作者： KENT

www.kent-web.com

訪問者が画像や音のデータをアップロード＜CD-ROM Å＞

できる掲示板は活気づいて盛り上がるものだ

Magnavi→Ip0105→Cgi→KENT→clip.lzh

が、いたずらで不快な画像などを貼られてしまう可能性がある。
このCGIには、アップロードされた画像を管理人がチェックして、問題のないものだけを公開する機能があるので安心だ。

1 CGI を上記の URL または付属 CDROM からハードディスクにコピーし、圧縮ファイルはLhasa（CD-ROMÅに収録）などを使って解凍しよう。収録されているファイルは A になる。

A

パーミッションの設定値

2CGIスクリプトを自分の利用している環

clip.cgi

境に合わせて書き換える。ウィンドウズ付
属の「メモ帳」などのテキストエディター
を使用して、左のように変更しよう。

1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。

※cgi-binに設定した例

cgi-bin/clip/［777］※ディレクトリーを作成
clip.cgi ［755］clip.log ［666］jcode.pl［644］cgi-lib.pl［644］img/［777］※ディレクトリーを作成
home.gifclip.gifsoon.gif

69行目 $pass = '0123';
管理用パスワードを設定する。使えるのは「abc123」など半角の英数字のみ。
72行目 $max = 30;
表示できる最大コメント数。これを超えると、記事と画像ファイルは古い順に削除される。
75行目 $home = "../index.html";
掲示板で「戻る」を押したときに表示される戻り先のURLを指定する（http://〜で指定してもいい）。掲示板を呼び出したページに戻るのが一般的。
94行目 $lockkey = 0;
アクセスログの破 損 を防 止 するために、 ファイルロックを設 定 する。 おすすめは「$lockkey = 1; 」
（symlink 関数を利用してファイルロック）。symlink 関数でのファイルロックを禁止しているサーバーでは「$lockkey = 2;」（open 関数を利用してファイ
ルロック）にする。
103行目 $ImageCheck = 0;
管理者による画像などのデータチェック機能を利用するため、「$ImageCheck = 1;」に必ず変更する。
108行目 $PostMode = 0;
管理者だけが投稿できる掲示板にするならば「$PostMode = 1;」に変更するが、一般の掲示板では初期値のままでOK。

3CGIをサーバーにアップロードする（右）。
CGIは A を参考にパーミッションの設定を変更する。ファイル数も少なく、特に難しいところはない。img ディレクトリーの作
成とパーミッション変更を忘れないように。
画面は「ホームページ・ビルダーV6」に付属のFTPソフト。

4 ブラウザーから「clip.cgi」にアクセスしてみよう（「http://www.xxxx.xxx/cgi-bin/clip/
clip.cgi」のように入力する）。掲示板が表示されるので、画像をアップしてみる。
5 アップロードされた画像のチェックは掲示板の「管理モード」で行う（下）。
内容がOKならば、「画像許可」の欄にチェックを付けて「送信する」を押す。

111行目 $tagkey = 0;
タグの書き込みを許可するといたずらされる恐れがあるので、とりあえず初期値（タグ不許可）のままでOK。
117行目 $mailing = 0;
投稿があったときにメールで通知する機能。初期値はメール通知機能が無効になっている。自分の投稿記事もメール通知するならば「$mailing = 1;」、他人の投稿記事のみメール通知するならば「$mailing = 2;」に変更する。

6 管理人のチェックが済んでいないデータは、下のように「COMING SOON」と表示される。

120行目 $sendmail = '/usr/lib/sendmail';
利用しているプロバイダーのsendmailを設置する場所（パス）に変更する。プロバイダ
ーのサイトのFAQなどで設定値を確認しておく。
123行目 $mailto = 'xxx@xxx.xxx';
投稿があったときにメールで通知する場合、その通知先のメールアドレスを指定する。
160行目 $ImgDir = "./img/";
アップロードされた画像の保存先ディレクトリー。初期値のままでOK。
164行目 $ImgUrl = "http://www.xxx.co.jp/clip/img/";
160行目の画像の保存先ディレクトリーをURLで指定する。
168〜182行目 $gif = 1; など
アップロードを許可する画像形式を「$gif「1」は許可で、「0」が不許可。

= 1;」「$jpeg = 1; 」のように変更する。

186行目 $cgi̲lib'maxdata = '102400';
一度に投稿できるデータ容量の最大サイズをバイト数で指定する。初期値のままでOK。
190行目 $MaxW = 550;
画像ファイルの最大表示の大きさ（横幅）。好みに合わせて変更しよう。
191行目 $MaxH = 200;
画像ファイルの最大表示の大きさ（縦幅）。好みに合わせて変更しよう。

198 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D

symlink関数：存在するファイルへのシンボリックリンク（別のパスでもアクセスできるUNIXの1機能）を新たに作成するための関数。アクセスログなど、複数のプロセスが同時に1つのファイルを読み書きする場合にファイルの破損対策である排他制御（ファイルロック）を行う際などによく使われる。
©1994-2007 Impress R&D

CGI
ウェブ管理術特集 はじめてのパスワードを使った会員制のページを作る【COSMO GATE】
作者：KENT

www.kent-web.com＜CD-ROM Å＞
Magnavi→Ip0105→Cgi→KENT→gate.lzh

一般に公開せず友達同士だけで使う掲示板やアルバムのように、サイト（一部または全部）を特定の人だけが参加するようにもできる。会員制のサイトとして、パスワードとID を知っている人だけがHTML やCGI にアクセスできるのだ。

A

1 CGI を上記のURL または付属 CDROM からハードディスクにコピーし、圧縮ファイルはLhasa（CD-ROMÅに収録）などを使って解凍しよう。収録されているファイルは A になる。

パーミッションの設定値 ※cgi-binに設定した例
cgi-bin/member/ ※ディレクトリーを作成
gate.cgi［755］
log.dat［666］

2CGIスクリプトを自分の利用している環境に合わせて書き換える。ウィンドウズ付属の「メモ帳」などのテキストエディターを使用して、以下の箇所を変更しよう。40行目は、FTPでログインしたところがルート「/」で、public̲htmlがないプロバイダーの場合は、パスワード規制をかける
HTMLページ（隠しファイルにしておく）をこのCGIから見たファイルの場
所（相対パス）で指定する。なお、隠しファイルはどこに置いても構わない
が他人がブラウザーから直接この隠しファイルのURLをアクセスできない
ようにファイル名には十分注意しよう。

private.html/ ※ディレクトリーとファイルを作成
secret.html［644］（隠しファイル）

3CGIとHTMLファイルをサーバーにアップロードする。CGIス
クリプトは A を参考にパーミッ
ションの設定を変更する。

gate.cgi
1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。
40行目 $goto = "/home/kent/private̲html/secret.html";
隠しファイル（パスワードによる入室制限を行うHTML、CGI）の設置場所（パス）。HTMLの場合は、/からの絶対パスで記述、 CGIの場合は、http://からのパスに変更する。なお、FTPでログインしたところがルート "/" になる仕様のプ
ロバイダーの場合は、HTMLを自分から見た場所（相対パス）で指定する。
43行目 $kind = 0;
隠しファイルの種類 (HTML=0、CGI=1、その他=2)。

4 ブラウザーで「gate.cgi」にアクセスする（「http://www.xxx.xxx/
cgi-bin/member/gate.cgi」のように入力する）と、このようなID とパスワードを入力する画面になる。なお、ID を使わずパスワードのみでの認証もできるがHTML ファイルの書
き換えが必要になるので、詳細は作者のサイトを参照してほしい。

55行目 $logkey = 1;
アクセスログの破損を防ぐため、ファイルロックを設定する。初期値のままでOK だが、 symlink 関 数 でのファイルロックを禁 止 しているサーバーでは「$lockkey = 2;」（open関数を利用してファイルロック）に変更する。
58行目 $pass = '0123';
管理用パスワードを指定する。使えるのは「abc123」など半角の英数字のみ。

5 ブラウザーで直接「http://www.
xxx.xxx/cgi-bin/member/gate.
cgi?mode=admin」と入力してアクセスすると、管 理 モードになる。
「gate.cgi」の58行目で設定した管理者用パスワードを入力すれば、ア
クセスログや、ID別のアクセス回数の統計を参照できる。

72行目 '@UserID = ('taro', 'jiro', 'saburo', 'shiro');入室するためのIDをコンマで区切って記入する。（次の行のパスワードとペアになる）73行目と対応しており、メンバー分用意するか1つだけ設定して、それを共有してもいい。
73行目 '@UserPW = ('1111', '2222', '3333', '4444');
入室するためのパスワードをコンマで区切って記入する。（前の行のIDとペアで）この場合、ID taroのパスワードは1111、jiroは2222の組み合わせになる。

ウェブ管理者の声2
笛田進吾さん

東京小さな旅www.asahi-net.or.jp/~by3s-fet/
四季折々の東京のちょっといい小さな旅の紹介をコンセプ「パーソナライズとリコメンド」を生かすようトにしています。それを、商業誌や情報誌とまったく違ったにも心がけています。そのために、メールでのコンセプトで私自身の体験をもとに提供しています。

更新のお知らせやi モードページを開設しましこのサイトを見られている方と同じ目線に立った情報提供を目指しており、①そこだけ読んでも楽しめるような充実した。外出先でも確認できるようにモバイルとの連携も図っています。

たインデックス、②軽くてきれいな画像（あくまでも文の補

個人ページのアクセス数を増やす秘訣は、継足で、やたらと増やさずに大きさも統一）、③読んでもらいや続と決して自己満足にならないことだと思いま

すい肩の凝らない内容と文章、④更新とコンテンツの定期的す。これを自分が見たらどう思うかと、見る人の立場で冷静充実の4 点を常に心がけています。文章については、商業ベに考えれば答えは出てくると思います。それと広報活動もあースでは言えないような、少しだけ主観を交えた内容にしてる程度大切です。検索サイトへの的確な登録が重要だと思いいます。たとえば、その場所に行くだけの内容ではない場合ます。今後はブロードバンドに対応したコンテンツを研究したもはっきりそう伝えるようにしています。

いですね。

インターネットマガジン／株式会社インプレスR&D

絶対パス：パスとは「道」という意味で、木構造をなしているファイルやディレクトリーの中で、特定のファイルやディレクトリーを指定するための名前や住所のようなもの。フルパスとはルート（根）から特定のファイルやディレクトリーにたどり着くまでの道順をすべて記述する指定方法。
「フルパス」と同意。
©1994-2007
Impress R&D

INTERNET magazine 2001/5

199

URLの安全確認をする【BrowserCrasherChecker ver.0.11】

掲示板に書き込まれたURL をクリックしlightning.prohosting.com/~fild/cgi-bin/
LBCC/lbcc.cgi?

て飛んでみると、パソコンのOS が固まって動作が止まってしまうことがある。これは、誰かが故意にいたずらしたもので、ブラクラ（ブラウザークラッシャー）と呼ばれる。パ
ソコンの動作が不安定になるため、こういったブラクラへの対策も考えておこう。
掲示板のCGI を自分で設置した場合は、
そのCGIにたいてい「HTMLタグを有効にす

1 上記の「BrowserCrasherChecker」

るかどうか」の設定がある。有効にすると、サイトにアクセスし、自分のサイトの掲
示板に張られたURLをURL入力窓に入れて、「Check」を押す。
または、ブラウザーのアドレス入力欄で、URLの最後の「?」に続けてチェックした
いURLを入力すれば、直接サイトの安全確認ができる。

URL が自由に貼り付けられるので、無効にしておいたほうがいい。また、ここで紹介するサイトを活用して、自分のサイトにブラク
ラチェッカーを組み込むこともできる。

3 危険なサイトをチェックした例。このサイトの場合は二重三重に危険な仕掛
けがされているようだ。ここまであからさまなのは実際のブラクラであるといって間違いないが、ブラクラチェッカーがまれに誤作動をすることもあるので、最終的にはソースまでチェックする必要がある。そうはいっても、ブラクラのチェ
ックはやっておくに越したことはない。

2 本誌のサイトをチェックしてみた。
ここで「危険はほとんどないと思われます」と表示されればほぼ安全だ。

「ブラクラチェッカー」をサイトに組み込む

書き込みが目立つようならば、訪問者自らがチェッ

ブラクラチェッカーを組み込みたいHTML
ファイルに以下の記述を加えるだけで、このようなブラクラチェッカーの窓ができる。
訪問者が自由に使えるよう、案内文を入れておくのもいいだろう。

クできるように、チェッカーをサイトに組み込むこHTMLタグ「BrowserCrasherChecker ver.0.11」はCGIとして外部からも起動できるため、自分のサイトにブラクラチェッカー機能が組み込める。掲示板に怪しいとも検討しよう。

200 INTERNET magazine 2001/5<FORM action="http://lightning.prohosting.com/˜fild/cgi-bin/LBCC/lbcc.cgi"
method="GET">
BrowserCrasherChecker <INPUT type="text" name="url" size="60" value="http://"><INPUT type="submit" value="Check"></FORM>

インターネットマガジン／株式会社インプレスR&D

ブラウザークラッシャー：ブラウザーを通じて、閲覧しているPCに悪影響を及ぼすもの。実際には<IMG>タグやJavaScriptを使って大量のウインドウを表示させてPCをリソース不足に陥らせ、再起動を余儀なくさせたりする。また、OS独自のバグを悪用したものもある。最新のバージョンのブラウザーを使うことで、ある程度は回避できる。
©1994-2007 Impress R&D

その4

更新作業をラクにしたい！
ウェブ管理者にとって、更新状況を正確に訪問者に伝えることは重要な問題だ。でも更新のたびにHTMLを編集するのは面倒な作業なので、そんな場合はCGIやオンラインソフトを利用して簡単に更新状況を伝えよう。
津田大介

更新状況をすぐにアップ【簡易履歴板】
作者：ネットサーフレスキュー

www.rescue.ne.jp

ホームページの更新状況を訪問者に伝えるには、「更新履歴」というコーナー（HTMLファイル）を作って、そこにページのどこを更新したのかを細かく書くのが一般的。とはいえ、いちいちHTML ファイルを作ってFTPでアップロードする……これは意外に手間になる。その手間を省きたい人におすすめ

1 ウェブサイトにアクセスして「crypt.cgi」と「history.
cgi」「history.html」をダウンロードする。
「history」というフォルダー（ディレクトリー）を作ってまとめてそこに入れ、ダウンロードした「crypt.cgi」と「history.cgi」
を自分のプロバイダーの環境に合わせて左下のリストのように修正する。なお、「history.html」は任意のHTMLファイルでも構 わないが、ここでは、ダウンロードした
history.htmlの例をそのまま使って説明する。

A

パーミッションの設定値※cgi-binに設定した例

cgi-bin/
history/ ※ディレクトリーを作成
history.cgi ［755］history.html［666］crypt.cgi ［755］なのが、CGIを使ってウェブ上から更新情報を書き込む方法だ。
「簡易履歴板」を使えば、更新状況のHTML ファイルをFTP でアップロードすることなく、更新履歴を残すことができる。
crypt.cgi
1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。

history.cgi

3 ブラウザーで「history.html」にアクセスする（「http://www.xxx.com/cgi-bin/history/history.
html」のように入力する）と簡易履歴板が表示される。更新の日時をプルダウンメニューから選び、更新情報を掲示板のように書き込んでパスワードを入力する。最後に「記録する」をクリックすれば自動的にHTMLファイルがウェブ上に生成される。

1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。

2CGIとHTMLファイルをFTPソフトを使ってサーバーにアップロードして A のようにパーミッションを変更する。これは初期設定のときに一度だけやればいい。

リンク切れを見逃さない【ホームページ・ビルダーV6】
www.jp.ibm.com/software/internet/hpb/

4 履歴が表示される。更新情報
はなるべく具体的に書いてあるほうが訪問者もわかりやすい。

METAタグを使って更新情報を見つけやすくする＜CD-ROM ı＞

ページの更新状況を META タグに書き込んでTrial→Win→Hpb̲ver6「WWWC」などの更新チェッカーでヒットしやす
くする方法もある（<META NAME="WWWC"

ホームページを更新している際によくあるミスが、

CONTENT="更新日時、更新内容など">と記述

何かの拍子にファイルを削除してしまい、リンク切

しておく）。こうしておけば常連さんがいちいちれのファイルが存在してしまうことだ。こうしたミス

ブラウザーでアクセスしなくても、WWWCでチを防ぐためにも、アップロードする前にページ内のェックしてもらえばどんな更新が行われたかが一目でわかる。余裕があるならば、METAタグに

リンク切れを発見してくれるソフトやツールを利用

更新状況を書き込んでおこう。

しておこう。
ホームページ作成ソフトの「ホームページ・ビル
ダーV6」には、こうしたリンクエラーのあるファイルを見つける機能がある。また、フリーソフトウェアでもページ内部のリンクエラーを見つける「孤島発見器」や外部へのリンクエラーを見つける「LinkSonar」などがあるので、これらをうまく活用したい。

ホームページ・ビルダーV6を起動後、「サイト」タブをクリックし、「リンクエラーのあるファイル」をクリックすれば、自動的にリンクエラーのあるファイルを見つけてくれる。

※「孤島発見器」「LinkSonar」
hp.vector.co.jp/authors/VA014575/chicchi/

インターネットマガジン／株式会社インプレスR&D【WWWC】
www.nakka.com/wwwc/

FTP（エフ・ティー・ピー／File Transfer Protocol）：インターネットでファイルを転送する手順を定めたプロトコル。このプロトコルを使いファイルのダウンロードやアップロー
ド機能を提供するサーバーをFTPサーバーと呼ぶ。誰でも自由にアクセスできるFTPサーバーを「anonymous（匿名）FTP」という。
©1994-2007 Impress R&D

INTERNET magazine 2001/5

201

そ 連絡手段を充実させたい！
の5

サイトの訪問者とのコミュニケーションと言えば、掲示板がメインだが、問い合わせを受け付けたりリアルな会話を楽しみたかったりするときにはメールやチャットも必要だ。掲
示板より一歩進んだコミュニケーションツー
ルをサイトに盛り込もう！

メールアドレスを公表せずにメールを受け取る

菅野 哲【PostMail】
作者： KENT

www.kent-web.com＜CD-ROM Å＞
Magnavi→Ip0105→Cgi→KENT→postmail.lzh

サイトの訪問者にメールを送ってもらうた
めには、mailtoタグを使えばHTMLファイル

1CGIを上記のURLまたは付属 CD-ROMからハードディスクにコピーし、圧縮ファイルはLhasa（CD-ROMÅ に収録）などを使って解凍しよう。
収録されているファイルは A になる。

でも簡単にできる。ただし、これだと管理者のメールアドレスを知られてしまう。

A

パーミッションの設定値

mail/ ※ディレクトリーを作成
postmail.html
postmail.cgi[755]jcode.pl[644]

そんなときは、ホームページ上にメール送
信フォームを設置するといいだろう。自分のメールアドレスを隠したまま、ブラウザー上
で簡単にメールを送れるようになる。一部のプロバイダーでは、メールフォームをあらかじめ用意しているので、そちらも活用したい。

※cgi-binに設定した例

cgi-bin/

2CGIスクリプトを自分の利用している環境に合わせて書き換える。ウィンドウズ付属の「メモ帳」などのテキストエディターを使用
して、以下の箇所を変更しよう。メールフォ
ームに表示したい項目は「postmail.html」
を開いて（画面 B）カスタマイズする。

3CGIとHTMLファイルをサーバーにアップロードする。CGI は A を参考にパーミッション（属性）の設定を変更する。

B

postmail.cgi
1行目 #!/usr/local/bin/perl
利用しているプロバイダーのPerlのパスに変更する。
60行目 $prog̲type = 1;
利用するメールプログラムの設定。どのタイプを使っているかはプロバイダーのサイトで確認してほしい。sendmailなら「$prog̲type = 1;」を、Blatjなら「$prog̲type =2;」とする。プロバイダーがメールプログラムへのアクセスを許可していなかったり、
sendmail、Blatj以外のメールプログラムを使っていたりする場合は、このCGIは動作しない。
68行目 $mailprog = '/usr/lib/sendmail';
利用しているプロバイダーのメールプログラムの場所（パス）を指定する。詳細はプロバイダーのサイトに掲載されている。
71行目 $mailto = "xxx@xxx.xxx";
フォームからメールを送りたいアドレスを設定する。
79行目 $subject = "フォームメール";
フォームから送られるメールの件名を設定する。なお、初期値のままでも動作に支障はない。
93行目 $back = '../index.html';
メール送信後に戻るページのURLに変更する（http://〜で設定してもいい）。

4 ブラウザーから「postmail.html」にアクセスする（「http://www.xxxx.xxx/cgibin/mail/postmail.html」のように入力する）と、メール送信フォームが表示される。

オンライン状態がひと目でわかる【ICQ】
www.icq.com/features/web/indicator.html

ICQを利用している場合は、サイトに簡単
なHTMLタグを貼り付けることで、あなたがインターネットにいてすぐに応答できる状態

オンライン状況を告知したいHTMLファイルに、
以下のタグを貼り付ける。

にあるということを、サイトの訪問者に通知<img src="http://online.mirabilis.com/scripts/online.dll?icq=自分のICQ番号&img=イメージ番号">

できる。いつでもユーザーが連絡の取りやす

ここで、イメージ番号は1から9までの数字を入力する。数字によって表示されるアイコンが異なり、右の例は¡と™だ。

¡＜注意＞ HTMLのソースを見るとICQ番号が訪問者に知られてしまうので、専用の別番号を用意するなどの工夫をして活用しよう。

™

い環境にしておくのもうれしい気遣いだ。

202 INTERNET magazine 2001/5

インターネットマガジン／株式会社インプレスR&D

mailtoタグ：ホームページ中のメールアドレスやアイコンをクリックするとメールソフトが自動で起動してすぐにメールを書ける状態にするためのタグ。便利なタグだが、HTMLのソース
からメールアドレスが知られてしまったり、mailtoタグをスキャンしてメールアドレスを収集するロボットに引っかかってSPAMメールが増えたりするなどの問題点もある。
©1994-2007 Impress R&D

その6

ホームページの置き場所に工夫したい！
ページが重くてなかなかアクセスできなかったり、プロバイダーのサーバーが不調でウェブを見られなかったりといった問題は、自分でサーバーの管理に気を配れば解決できることも多い。たとえプロバイダーのホームページスペースの間借りでも、ちょっとした工夫
で訪問者の快適度はグッとアップするのだ。
津田大介

画像や音楽は別サーバーで管理
自分のサイトで大量の画像や音楽ファイル

るのが一番の解決策だが、容量が大きめの無互いのサーバーでリンクを張などを扱っていると、使えるホームページス

料ホームページサービスを併用するのもいい

るような関 係 にしておく。

ペースがあっという間にいっぱいになってしだろう。このとき、海外サイトを選ぶとアク2つのホームページスペースでファイルを分散まう。だからといって、コンテンツを削るのセス速度は多少落ちるかもしれないことは念させておけば、本来のサーバー容量も有効には忍びない…。そんな場合は画像や音楽ファ頭に入れておこう。

使える。なお、無料ホームページサービスをイルが入ったページを別のサーバーで共有す

無料ホームページのスペースに画像ファイるといい。有料のレンタルサーバーと契約す

ルのインデックスページを置くようにして、利用する場合は、トップページの更新を怠らないように注意しよう。

容量の大きな無料ホームページサービス
サービス名

ホームページ容量

CGI利用

U-HIP

www.u-hip.com

100MB ※ 1○

Cyber Space Community

www.csc.ne.jp

無制限○

freewebwww.freeweb.ne.jp

50MB

○

ロケットビーチ

www.rocketbeach.com

30MB〜無制限 ※2○

使える.netwww.tsukaeru.net

50MB

○

freejpn.com

www.freejpn.com

100MB

○

トクトク

tok2.com

無制限○

HostMyCGI.com

www.hostmycgi.com

無制限

○

（例）

<IMG src="http://画像を置いてあるページのURL/
画像ファイル.gif" width=45
height=45 alt="画像">
リンクの張り方は上のタグをそれ
ぞれ互いの HTML ファイルに埋め込むだけだ。無料ホームページ
サービスを利用する場合は、トッ
プページを毎月更新しないと自動的にファイルを削除されてしまうことがあるので、相互関係をうまく保って更新しよう。

※ ほとんどがページ上部に広告が表示される。「freeweb」はポップアップ広告あり※1 クリエイター限定で審査あり。バナー広告なし。審査なしのサービスは20MB※2 登録カテゴリーによって容量が異なる。4月 2日より登録受付の再開予定

トラブル回避のために
ミラーサイトを用意
プロバイダーのサーバーが不調になる 【MirrorSite】などで、自分のサイトにまったくアクセ
スできなくなることがある。また、アク

作者：ike（シェアウェア1,900円）

homepage1.nifty.com/ikehouse/softlib/mirrorsite.html

パフォーマンスチェック【サーバーチェックドットコム】
www.svcheck.com
自分のサイトのパフォーマンスを客観的に知りたい場合は、自分のウェブサーバーのロード時間などを計測してくれるサービスを利用するという手もある。「サーバーチェックドットコム」
は、毎日 3回、pingの測定結果をメールで知らセスが非常に多いうえCGIなどを駆使しせてくれるパフォーマンスチェックのサービス

たサイトは、システムに負荷がかかってだ。最初の半年は無料

サーバーがダウンすることも多い。予期で使 え、その後 も 6 かせぬトラブルに備えるため、メインのサ

月につき3,000円とリーズナブルな料 金 で利イトとは別のサーバー（無料ホームペー用 できる。レンタルサ

ジやレンタルサーバーなど）にまったくーバーを契 約 している同じ内容をコピーしておく「ミラーサイ

ような場 合は、あまりト」を用意すると便利だ。普段からトにも動作が遅ければ乗ップページでミラーサイトの所在を明らかにしておけば、トラブルが起きたとき
でも訪問者を自分のサイトに導ける。

り換えの目安にもなる。
特定のサイトのミラーサイトを自動的に作ってくれるソフト「MirrorSite」。簡単な操作でミラーサイトの作成やホームページの更新が行える。

インターネットマガジン／株式会社インプレスR&D

ping ：TCP/IP ネットワークにおいて、IP パケットが通信先まで届いているかどうかなど、接続性を調べるために利用する最も基本的なコマンド。ICMP（Internet ControlMessage
Protocol）のechoコマンドを使って実行される。
「pingを打つ」とは、pingコマンドを実行することを言う。
©1994-2007 Impress R&D

INTERNET magazine 2001/5

203

そ サイトの人気度を知りたい！
の7

手塩にかけて育てたサイトがどれだけのユー
ザーに人気があるかというのは誰でも気になるところ。ここでは「人気」を客観的に測れるウェブサービスを紹介しよう。

バナー広告で一石二鳥

津田大介【ValueClick】
www.valueclick.ne.jp

最近さまざまな人気サイトで見かけるのがサイト内に置かれている「バナー広告」だ。
これは、訪問者がバナーをクリックすることでそのサイトのオーナーに広告料が入るとい日本におけるバナー広告サービスの草分け的存在「ValueClick」。通常の掲載収入は1クリックにつき15円。クリック数が多くなるにつれて単価も高くなっていく。

う仕組みになっている。基本的にはクリックされた数だけしか入金されない「成功報酬型」がほとんどだが、ウェブ管理者が配信するバナー広告の種類を選べるなど、きめ細やかなサービスを実施しているところも多い。
人気がある個人向けバナー広告サービスとしては「ValueClick」「CyberClick」などが有名だ。アクセス数の増加がバナークリック
数の増加につながると一概には言えないが、人気のあるサイトならばレンタルサーバー代程度は毎月稼げるという話もある。人気度がわかるうえにお金も稼げてまさに一石二鳥。サイト作りのモチベーションを上げる意
味でも申し込む価値は十分にあると言えるだろう。

おもな個人向けバナー広告サービス
サイト名A8.netAccess Click Ranking

www.a8.net/a8/
www.access-nw.com/ranking/

報酬算出形式
成功報酬型/クリック保証型
クリック保証型/表示回数型

Active Click
AD4Commercewww.activeclick.net
www.ad4commerce.com

成功報酬型
成功報酬型/クリック保証型/表示回数型

Bannner.com
click-click.com
Custom Clickwww.bannner.com
www.click-click.com/dstation/www.customclick.ne.jp

成功報酬型/クリック保証型
クリック保証型
クリック保証型

CYBER CLICK!
DATACOM

www.cyberclick.net
japan.datais.com

クリック保証型
成功報酬型/クリック保証型/表示回数型

JCB バーチャル代理店
LinkShare Japan（近日開始）
MEDIA CLICK

www.jcb.co.jp
www.linkshare.ne.jp
click.mediajapan.co.jp

成功報酬型
成功報酬型
クリック保証型

Natural Click
Olive! Clickwww.naturalidentity.co.jp
pr.fun.tol.ne.jp

クリック保証型
クリック保証型

SuperClick
The 広告.com
Value Clicksuperclick.to
www.the-koukoku.com
www.valueclick.ne.jp

クリック保証型
クリック保証型
クリック保証型

VALUE COMMERECE
二人参客

www.valuecommerce.ne.jp/ptn/
www.ninin.com

成功報酬型/クリック保証型/表示回数型
成功報酬型

ウェブサイトを評価してもらう
サイトの人気というのは単にアクセス数だ

市場到達度、今後の発展性など、個別の格けでは測れない部分も多い。そんなあいまい付け項目がグラフ形式で表されるのもユニーな部分を数値化して「格付け」してくれるクだ。テストをするための項目の入力は簡単のが「Web サイト格付けセンター」だ。こだが、中身はかなり本格的。広告マーケテのサービスは、サイトのジャンル、トップペ

ィングや今後の運営指針として利用してみる

ージのアクセス数、アクセスピーク時間帯なのも悪くないだろう。

【Webサイト格付けセンター】
kakuduke.nikki.ne.jp

2 総 合 判 定 のほか、3 種
類＋ 1種類の個別の格付けがグラフ形式で表示される。

どの情報を統合的に評価する独自開発の「Nestimaエンジン」を使ってサイトを自動的に評価してくれるというもの。評価を示す
格付けの等級はAAA からD までの10 段階。

204 INTERNET magazine 2001/5

1 ウェブサイトの格付けはトップページから行える。URL、ジャンル、サイト開設時期などのデータをできるだけ客 観 的 に入 力 して「調査」ボタンをクリックしよう。

インターネットマガジン／株式会社インプレスR&D

バナー広告：「バナー」のもともとの意味は「横断幕」。ホームページ上に表示される、横長の四角形に収まるように作られた広告・宣伝用の画像のことを指す。ロゴや動画を見て興味をひかれた人々がアクセスしやすいように、リンクを張っていることが多く、ウェブ上における宣伝の手段として広く使われている。
©1994-2007 Impress R&D

その8

ユーザーに配慮したウェブサイトを作りたい！
アクセス数をアップさせるために、基本に立ち返ってウェブサイトのデ
ザインについて考えてみよう。ここでは、ウェブユーザビリティーとア
クセシビリティーの概念を用いて、具体例を挙げながらサイトの「見やすさ、使いやすさ」のポイントを解説する。チェックポイントを参考に
自分のホームページを確認しよう。なお、有名サイトを例に説明しているが、いずれも個人サイトでも十分活かせるテクニックだ。
若林龍成（ビービット

www.bebit.co.jp）

ナビゲーションの位置に注意！
ユーザーが迷子にならないように、
ナビゲーションを常に同じ位置に、同じデザインで置こう。そうすることにより、ウェブサイト全体に統一感が出て、イメージがきちんと伝わるようになる。

サイト全体を通して一貫したナビゲーショ
ンを使用しているため、統一したイメージを表現でき、現在地が把握しやすい。

全ページに一貫したロゴマークがあり、ロゴマークはホームページへリンクが張られている。迷ってもここをクリックすれば、
ホームページへ簡単に戻ることができる。
階層を「パンくずメニュー（ナビゲーション）」で表現しているので、迷子になりにくく上位の階層にも移動しやすい。

Check Point
・サイトのトップページ（ホームページ）へのリンクはあるか・直接の上位ページへのリンクはあるか
・基本機能（検索、ヘルプなど）へのリンクはあるか・ナビゲーションを混乱させる不要なリンクはないか・スクロールを必要とする長いページには、ページ最上部とページ最下部にナビゲーションを付けているか

画像には説明テキストを付ける「ALTタグ」で画像の説明文を書いておくと、万が一ブラウザーの設定がおかしかったり、または何らかのエラーで画像が表示されなかったりしても、ユーザーは次のステップに進むことができる。また、目が不自由な人にも使いやすいサイトになる。

「ALTタグ」で説明文を書いてあるので、画像が表示されなくても、何が表示されるはずだったか
すぐに想像がつく。

「ALTタグ」で説明文を書いてあると、音声
ブラウザーで読み上げることができ、目が不自由な人にも使いやすいサイトになる。

※「ALTタグ」をわかりやすく説 明 するため、画像を表示しないモードでページを読み込んだもの

Check Point
・各画像にはALTタグを用い説明テキストが付けられているか・ALTタグの説明文はわかりやすいか

インターネットマガジン／株式会社インプレスR&D

パンくずメニュー：トップページから現在見ているページまでの階層構造を一行に表したリスト。
「ヘンゼルとグレーテル」の足跡を残すための目印からこう呼ばれる。

©1994-2007 Impress R&D

INTERNET magazine 2001/5

205

文字色と背景色に気をつけよう
むやみにテキストに色を付けた
り、背景との間にコントラストがなかったりすると、文字が読みづらくなる。また、スクロールテキス
トやブリンクテキストも避けよう。

加工した文字を採用するサイトも多いが、ブリンクテキストを用いると広告に見えてしまう可能性があるので注意したい（上は「製品レビュー」の文字がブ

白 い背 景 に青い文 字を使 って、コントラストを出しているので、文字が読みやすい。

リンクテキストになっている
例）。このほか、スクロールテキ
ストなどの動く文字も控えたい。

Check Point
・テキストの色とその背景の間にはっきりしたコントラストがあるか・段落のテキストは左ぞろえになっているか
・リンクではない下線付きテキストが使用されていないか・スクロールテキストやブリンクテキストを使用していないか

トップページはサイトの顔だ！

情報の鮮度を保とう
更新した情報でユーザーにとって重要なものは、サイト内で目立つようにする。また、

トップページはサイトの特に更新がない情報でも、重要なものはス顔だ。サイト名を明示し、クロールが不要な目に付きやすいところに配そのサイトが何を提供し置しよう。

ているか簡単に説明する
新しい情報の中でも特に重要な情報は、目立つ位置に置く。

必要がある。ナビゲーションも必須。
サイト名と会社名を明示してあるので信頼感を与える。

特に更新がなくてもユーザーニーズの高い情報はスクロールしなくてもいいような目に付くところに置く。

簡潔な文章を心がける印刷された文章と比べると、モニタ

このウェブサイトがユーザーに何を提供しているのか、トップページ（ホームページ）で的確に説明している。

ー上の文章は読みづらい。なるべく少ない文字数で言いたいことを伝えよう。

Check Point

206 INTERNET magazine 2001/5

最小限の文字数で内容を表現しているので、斜め読みができる。
リンク先の内容の想像もつく。

・サイト名がはっきり表示されているか

簡潔な文章で、モニター上でも読みやすい。

・ナビゲーションボタンなどがあるか・サイトの内容を表すキャッチフレーズがあるか・よく使う機能へのショートカットはあるか

インターネットマガジン／株式会社インプレスR&D・サイトを法人が運営している場合、会社名が明記されているかスクロールテキスト：ホームページで、右から左、上から下など、文字メッセージが移動しながら表示する機能。
「マーキー」とも言う。拡張HTML属性の1つ。

©1994-2007 Impress R&D

CGI
ウェブ管理術特集 はじめての推測しやすいリンクにする
リンク先の内容が推測できないと、ユーザーが次のステップに進めない可能性がある。また、重いファイルやプラグインが必要なファイルにリンクを張るとき
は、内容を明記しておこう。
ファイルサイズと形式が明記されているので、ダウンロードに
予想外に時間がかかったり、ファイルが開けなかったりといったトラブルに陥る可能性が低い。

リンク名が適当なので、リンク先の内容を推測しやすい。

Check Point
・リンクを選択して大きな画像を表示したりファイルをダウンロードした
りする場合、リンクにその画像やファイルのサイズが付記されているか・リンクを選択してファイルをダウンロードする場合、形式が付記されているか
・切れているリンクがないか・リンクの説明はわかりやすいか
・リンクを選んだ際に、新ウィンドウを開きすぎていないか道

ま ウェブ管理者へのと さらにステップアップするにはめ
以上、CGIをはじめとして「ウェブ管理者」への道しるべとなるさまざまなテクニに特化しており、見栄えの部分はCSSで設定する。

ここまで来ると、最終的にはウェブをデータベースのように使いたいということもあるだろう。そのような場合はPHPやCGIかックを紹介してきたが、CGI はインターネ

なお、HTML もXML も同様に、SGML

ットのなかでも古い時期から活用されてき（Standard Generalized Markup Lan-

ら、SQL（Structured Query Language）

た技術だ。

guage）というものを起源としているといを呼び出すことになる。SQL とはリレーシ

う点では、兄弟といえる言語だ。

ョナルデータベースを記述するための言語

日進月歩のインターネットの技術のなかで、さらに新しい技術が続々登場している

以上がHTMLの延長として生まれたもの

で、製品としてはOracle が特に有名だが、ので、そのうち特に「ウェブ管理者」としだが、一方、CGI と似た技術でPHP といMySQL やPostgreSQL などのフリーのてステップアップするための技術を紹介しうものが急発展している。

SQLもある。

よう。

PHP とは、Hypertext Pre-processor

ここまでやるのは技術的になかなか難しの略で、HTML埋め込み型のサーバーサイ

いが、今後、本誌でも積極的に取り上げていく。乞うご期待！

すでにかなり普及している CSS（Cas-

ドスクリプト言語だ。機能的にはCGIと同

cading Style Sheet）はウェブデザインに様で、さまざまな作業をサーバーにやらせ必須のものになりつつある。従来のHTMLはるための言語だが、CGI と違ってスクリプ「構造」と「見栄え」の両方を意味したもの

トをHTML内に記述できるのでCGIより簡だが、データとしての見通しが悪かった。こ単なのが特徴だ。

の点を反省して、統一的な「構造と見栄え

PHPはウェブサーバーで広く利用されての分離」を目的に、おもに見栄えをコント

いるApache 用のスクリプト言語というこロールしてHTMLから呼び出されるCSSがともあり、活用できる場面は多い。さらに、生まれた。この「構造と見栄えの分離」をサーバーに与える負荷がCGIより軽いなど、さらに進めたのが、X M L（e X t e n s i b l e

CGI に比べてのメリットも多く、今後さらMarkup Language）だ。XMLは、CSSとに盛り上がると思われる。ウェブ管理者なは逆に、データ（文書）の構造を表現するのらばぜひともチェックしておきたい。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 2001/5

207

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバー
アーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ
番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.