特集

もう見てるだけじゃガマンできない！

WWWパブリッシング

入門
インターネットマガジン編集部
協力／坂本仁明（日本電信電話株式会社 ネットワークサービスシステム研究所）

WWW サーバーをMosaic で見ていると、自分でも作品を作って発表したくなってくる。でも、具体的にはどうしたらいいんだろう？ 素人では作るのは 難しいのだろうか？ その疑問に一から答えることにしよう。
036 INTERNET MAGAZINE No.3

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

PART 1
WWWは世界で3000万人が読者のメディア
自分の作ったものを発表したい！という素朴な欲求にインターネットは見事に応えてくれるのだ。

point1
これが本当の「デスクトップパブ
リッシング」

point2
誰の許可も登録も必要ないメディアpoint3
ネットワークはリアルタイムなメディア

かつて（いまでも）、デスクトップパブリ

クトップパブリッシングでは、結局は出版

ッシングという言葉が流行していた時期ができずに、できあがったものを自分のハーあります。単純に訳すと「卓上出版」。でドディスクにしまっておいて、おしまいといも、本当に出版できていたのでしょうか？

う人も多かったはずです。つまり、従来の確かに、誰でもセンスさえあればきれいな

デスクトップパブリッシングは、実はデス紙面を作れましたが、できたものを配るこ

クトッププロダクションどまりだったのでとはできませんでした。パブリッシングとす。しかし、インターネットを使えば、では、堅苦しい説明をすると、情報を編集しきたものを理論上は世界 3000 万人の読者て流通させるところまで含んだ言葉で、作に見せることができるのです。そう、いまるだけでは出版とはいえないのです。デス

すぐにでも出版社を作れるのです。

インターネットで情報を提供する、つまので、皆さん見てくださいね、と広報すれり「パブリッシング」をするのには、免許ばいいのです。おもしろい企画を作って、を取得したり、どこかに登録したりする必どんどん広めるだけです。出版社が注目し

要はありません。パソコン通信でも、自分てくれないような企画でも、あなたが自力で独自のフォーラムをもとうとしたら、やで「出版」できるとなれば、いろいろな可

っぱりパソコン通信サービスを提供してい能性が開けてきます。

る会社に相談に行かなければなりません。

いまはまだまだ認知されているとはいえでもインターネットなら、どんどん作って、ませんが、将来は、あなたの企画にスポン公開し、あとはこんなページを作りました

サーがつく日がくるかもしれないのです。

ネットワークで情報を提供するわけです

報を更新することは難しくなります。あなから、その特性を活かした企画づくりがでたの買った本の情報が古くてがっかりした

きます。また、いままでのメディアではでこともあるでしょう。しかし、そんなこときなかったこともできます。

はなくなるのです。

それではネットワークメディアの特性とそれから、ハイパーテキストで構成できはどんなことでしょうか？ ネットワークのますので、あなたが全部を一気に作らなく場合、リアルタイムで情報を提供したり、ても、日本中、あるいは世界中の人と協力更新したりできます。紙のメディアの場合

して、それぞれのパートを作りながら作品

は、印刷してしまいますので、あとから情を完成させることもできるのです。

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

INTERNET MAGAZINE No.3

037

P

point4
ハイパーテキストはいろいろな情報との関連づけ

A

R

T

1

これから扱おうとしているWWW はハイ

本やワープロで書いたファイルは上から順

パーテキストになっています。ハイパーテキに読んでいかなければならないファイルだとストとは何でしょうか？ マッキントッシュ

すると、関連する情報同士を関係づけてを使ってきた方であれば「ハイパーカード」（リンクさせて）ジャンプできるシステムががいい例ですし、ウィンドウズを使っていハイパーテキストなのです。

る方なら、オンラインヘルプがハイパーテ

ハイパーテキストを使いこなすためにはキストです。画面中の特定の部分をクリッ

ある程度の慣れも必要としますが、うまいクすると、関連するつぎの画面が表示され構成を作れれば、紙のメディアよりも優れたり、プログラムが起動されたりします。

た面もあります。

ハイパーテキストの仕組み

世界の歴史

History of
U.S.A
・
・

アメリカ
・
・
日本
・
・
・

space
・

日 本の歴史point5
情報提供するためにはサーバープログラムが必要

038 INTERNET MAGAZINE No.3

WWW は、世界を包むハイパーテキスト

求のあったHTML という書式で書かれたペの網。この網の中にあなたの作品を置くたージを送り返します。このようにサーバー

めには、httpd というサーバープログラム

プログラムとHTML という書式で書かれた（要求に応えて情報を送り出すプログラム）

作品をまとめて「WWW サーバー」とよんが必要になります。

だりします。

いままでみなさんが使ったことのあるモ

いままでモザイクを使っていた人も情報

ザイク（ M o s a i c ） やネットスケープ

提供側になるためには、httpd というサーバ（ N e t s c a p e ） などのソフトウェアはープログラムを入手しなければならないと「WWW ブラウザ」といい、情報の表示をいうことをおぼえておいてください。

するソフトウェアでした。これはサーバープ

サーバープログラムを動かすためのハーログラムに対してクライアントプログラム

ドウェアやどんな種類のサーバープログラ（要求を出すプログラム）という分類に入ムがあるかは、PART 3 で説明されています

ります。モザイクなどのクライアントプログ

ので、そちらを参照してください。また、

ラムから「このページが見たい」という要サーバーの設定や機材については、今月か求を受け取ったサーバープログラムは、要ら連載記事も始まりました。

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

P

point6
魅力的な作品の条件

A

R

T

1

魅力的な作品の条件とは、出版でいえかして、毎日違う内容のサーバーなんていば、「ウレる企画」ということになるでしょ

うのも、きっと注目を浴びるでしょう。

う。編集を生業としている私でも「ウレるそうした企画を作るためには、世界中の企画って何ですか」と聞かれても返事に困

多くのサーバーを見ることも必要です。

ります。

HTML でここまでできるか！というものも

ただ、1 ついえることは「他人がやって数多くあります。PART6 では編集部が見ないことをやろう」、「自分が読みたいものつけた斬新な企画のサーバーを紹介していは、他人も読みたい（に違いない）」といますので、参考にしてください。

うことです。自分でも「こんなのがあった

日本ではまだまだサーバーの数は限られらいいなぁ」というやつが、実は一番ウケています。日本からも世界中をアッといわると思います。インターネットの特性を活せる企画を作ってください。

いよいよあなたの作品を作るわけですが、注意しなければならないこともあります。そpoint7
著作権にも気をつけよう

WWWパブリッシング入門

インターネットで提供して問題になったこともあります。

れは著作権や知的所有権です。すべてがあ

世の中のすべてのものには著作権がある

なたが書いたり作ったりしたものなら何のと思うくらいの常識が必要です。これから問題もありません。しかし、すでに出版さ作るものはあなたのハードディスクの中だれている書籍や雑誌の出版物、放送やCD、けの作品ではなく、世界に向けて「パブリビデオから無断でコピーしたりしたものはッシングするのだ」ということをもう一度いけません。もちろん、他のサーバーにあ肝も銘じてください。
本誌では、弁理士の先生による知的所有

るものをコピー＆ペーストして自分のものであるかのように利用してもいけません。
米国では、ある音楽のヒットチャートを権についてのやさしい解説記事も連載していますのでぜひご一読ください。

もっとカッコよくしたい人のためのHTML+
現在使用されているHTML では、表現ンのメディアという側面をもっているこ

念ながら、ほとんどのブラウザはHTML+できる内容が限られています。たとえば、

とも事実で、その部分に注目したとき、（いまでは、HTML レベル3 とよばれてい見出しをブラウザの中央に配置したい場

表現力の充実は重要なテーマとなります。

る） を解 釈 することができません。

合には、PRE を使うなど、姑息な手段

HTML+ はHTML の表現力の強化を目的

HTML レベル3 を解釈するブラウザで現で間に合わせることになりますが、ブラとして考え出されたフォーマットです。

時点で手に入るものといえば、WWW

ウザの種類や表示幅の変化に対応できな

HTML+ によって、文字やイメージの配Organization からリリースされたArena

いので結局のところうまくいかず、あき置、数式や表の表示が可能になります。

のみということになります。

らめるのが最善の方法、という結論に達

たとえば、見出しを中央に配置したい場

しかし、Arena によって、HTML レベしてしまうことがあります。あきらめかど

合には<H1 ALIGN=center> 真ん中です

ル3 の表現力がどの程度のものであるかうかは別にして、あまり凝った表示を求</H1> と記述すればよいのです。しかし、を実際に見て知ることができる意味は大めないというのは、それはそれでWWW

フォーマットが決まっても、それに従っきいといえるでしょう。これが起爆剤に利用の1 つのポリシーであると思います。

て表示を行うブラウザがないと、絵に描なって、今後レベル3 対応のブラウザがとはいえ、WWW がプレゼンテーショ

いた餅同様、何の役にも立ちません。残増えていくことが期待されます。

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

INTERNET MAGAZINE No.3

039

PART 2
HTMLはカンタンだ！まず、作ってみよう
HTMLなんて、
なんだか難しそうだが、使ってみると意外にカンタン。まずは作例を見ながら、感覚をつかんでみよう。

●設計方針
このページはHTML のサンプルにする

1

ため、画像や他のページへのジャンプ、そして入力フォームなど、できるだけた
くさんの要素が入るように考えた。唯一扱わなかったのはISMAP（クリッカブ
ルビットマップ）だ。このサンプルの出来上がりとHTML を見るだけで、みなさんがやりたいことはだいたい理解してもらえるのではないだろうか？
これが編集部が作った「招き猫サーバー」s
ここでは、編集部が作った招き猫サーバーを紹介しよう。このくらいなら数時間で完成する。しかもこれを作ったのは、2 〜3
日前にHTML の仕様を勉強したアルバイト
君だ。

「日本の猫」
サーバーへ
ジャンプ！
！

2

040 INTERNET MAGAZINE No.3︵
42
インターネットマガジン／株式会社インプレスR&D
ペー©1994-2007 Impress R&D
ジへ︶WWWパブリッシング入門

1のHTMLのプログラムファイルの内容<title> 招き猫 </title><img src="title-label.gif"><p><base href="http://mac-masai/HTMLsample/neco.html"><pre><a href="happy.html"><img src="white.gif"></a><a href="money.html"><img src="black.gif"></a><a href="person.html"><img src="white2.gif"></a>A.幸運を呼ぶ
B.お金を呼ぶ
C.人を呼ぶ</pre><HR WIDTH="50%"><cite> その他のサーバー </cite><ul><li><a href="http://www.timis.ac.jp/tcat/cathome.html"> 日本の猫サーバー </a><li><a href="http://www.timis.ac.jp/tcat/catmap/www_cat_map.html"> ホワイトハウ
スの猫サーバー </a><li><a href="http://www.impress.co.jp/catalog/impress/bk4609/neko.gif"> ステレ
オグラムの猫 </a>
</ul>
<hr>
<address>
E-mail:<a href="mailto:yamamoto@impress.co.jp">yamamoto@impress.co.jp</a></address><p>

出しをなぞって書体や大きさを変えていた

いので、ペーパーメディアはもちろんデータの略で、難しい言葉でいうと「構造化タグ

が、HTML ではこのような文字で表す。いベースや電子出版などへ対応しやすいこと言語」という分野に入る。文書の論理構

までは比較的有名になった文書整形ソフトなどがあげられる。また、どのようなオペ造を「<」と「>」でくくられたマーク（タ

ウェアであるLaTeX などもこうした「構造レーティングシステムとの間でも、文字コグ）で記述するものだ。上のリストの「<」化タグ言語」の分類に入る。

ードを変換するだけでやりとりできる点もHTML はHyper Text Markup Languageと「>」でくくられた文字は「見出し」や構造化タグ言語の優れているポイントは、

見逃せない。特にインターネットでは、、デ「箇条書き」、「画像」などを表したものだ。

LaTeX などの他のタグ言語との間の変換がータ量が比較的少なくてすむというメリッ

一般的なワードプロセッサではマウスで見容易なこと、フォントや大きさに依存しな

トもある。

HTMLの学び方
BASIC やC 言語をはじめとしたプログラろう。

ば、きっと便利に使ってもらえるだろう。

ミング言語やアプリケーションの言語をいままでワープロしか使ったことのない人

ま た 、 CD-ROM に は 「 Best of Web

勉強したことのある人は多いだろう。きはちょっと抵抗があるかもしれないが、Server '94」に輝く秀作サーバーがそのっと初めからリファレンスマニュアルなん

LaTeX を使ったことのある人なら、なんまま入っている。世界のWeb マスターがか開かないだろう。そう、まずはサンプの違和感もなくスタートできる。

どのような工夫をして作っているかを見ルプログラムを見るのだ。HTML も基本

本誌では、HTML を皆さんにおぼえているのに参考になる。

的には同じ。すでに作ってあるHTML のただくために、2 つの特別付録が付いてまた、HTML を書くためのテクニックが例を見ながら、自分なりにいじってみるいる。1 つは別冊の「HTML クイックリ話題になっているメーリングリストもあことだ。そして、ある程度馴染んだとこ

ファレンス」。これは米国 NCSA が作っるので、そういったもので情報交換する

ろで、わからないところをリファレンスマたHTML の入門用ドキュメントを翻訳しのも手だ。

ニュアルで調べる、という方法がいいだたものだ。つねに手元に置いてもらえれ

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

INTERNET MAGAZINE No.3

041

ホームページの「幸運を呼ぶ」をクリックすると2 へジャンプ！
！

猫のプロフィール

2
御願いごとのページ

3

1
1 の画面で「幸運を呼ぶ招き猫」の写
真をクリックすると、2 のページが表示される。この画面の一番下にある「お願いする」ボタンを押すと「お願いを書き込む画
面」3 が表示される。ここでは入力タグを使って、ユーザーの入力を入れることができる。ただし、入力されたデータをhttpd サーバーが受け取るためには、プログラムを別に用意しなければならない。今回の記事
ではこのプログラムの書き方には具体的に触れないが、別冊付録の「HTML クイック
リファレンス」には簡単な例が掲載されている。

042 INTERNET MAGAZINE No.3

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

WWWパブリッシング入門

2 のHTMLのプログラムファイルの内容<title> 幸運を呼ぶ招き猫 </title><h1><cite><img src="white.gif"> 幸運を呼ぶ招き猫 </cite></h1><hr><h3>1.由緒 </h3>
室町時代、織田ノブ長に仕えていた足軽、
橋場英世士が何時も密かにお願いしていたといわれる招き猫。
その後、彼がどうなったのかは云わずもがなですね。
<h3>2.御利益 </h3>
勿論この猫にお願いすれば、いつしかあなたは天下がとれます。
<h3>3.使用上の注意 </h3>
英世士は猫嫌いであったと伝えられています。
何事も人に頼ってはいけません。
<hr><a href="onegai.html"><img src="pray.gif"></a><a href="neco.html"><img src="cancel.gif"></a>

見出しを作ることは簡単。ただし、ブラ
ウザによって見出しの大きさや画面の横幅は変わるので、それに気をとられても、あまり意味がないということ。それよりも文書の論理構造を素直に表したほうがよい。

3 のHTMLのプログラムファイルの内容<title> 祈願 </title><h2><cite> あなたの御願いごとを入れてください </cite></h2><img src="neko.gif"><p>
御願いごとは控え目に！ <p><form action="http://impress.co.jp/cgi-bin/get_post" method="post"><ol><li> ここにあなたの御願いごとを入れてください。<p><textarea name="hope" rows=5 cols=50></textarea><p><li> あなたの住所は？ <p><textarea name="address" rows=2 cols=50></textarea><p><li> あなたのお名前は？ <p><input type="text" name="name" maxlength=32><p><li> 性別は?<p><ul><li><input type="radio" name="sex" value="man">:男<li><input type="radio" name="sex" value="woman">:女<li><input type="radio" name="sex" value="other">:その他 <input
type="text" name="sex2" maxlength=16>
</ul>
<p>
<li> 好きな動物は？ <p><ul><li><input type="checkbox" name="favorite" value="cat" checked>:猫<li><input type="checkbox" name="favorite" value="dog">:犬<li><input type="checkbox" name="favorite" value="fish">:熱帯魚<li><input type="checkbox" name="favorite" value="dino">:爬虫類（恐竜）<li><input type="checkbox" name="favorite" value="other">:その他
</ul>
<p>
<li><blink> さぁ、目をつぶり、願いを込めて...</blink><input type="submit" value="PRAY!"><li> もう一回入力し直したいときには<input type="reset" value="CLEAR"></ol></form><hr>

入力フォームは、この例を見ればわかる
とおり、意外と簡単。しかし、httpd サー
バー側で、フォームに入力されたデータを受け取って処理するためのプログラムをC
言語やPerl などのスクリプト言語を使って書かなければならない。このプログラムのスケルトン（ 骨 組 み） は別 冊 付 録 の「HTML クイックリファレンス」に掲載されているので参考にしてほしい。
注意：上で説明したとおり、この画面は入力したデータをhttpd 側にデータを送る

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

INTERNET MAGAZINE No.3

043

PART 3
これから作品を企画する人のための基礎知識
サーバーを立ち上げるためには、いったいなにが必要なのだろうか？前号も登場していただいた
NTT 研究所の坂本仁明氏に答えてもらった。

ダイアルアップ IPユーザーでもWWWサーバーを作れる？

QUESTION 1
ネットワークサービスプロバイダーが提供

IP 接続を専用線ではなくダイアルアップ

用のWWW サーバーの構築サービスを利用しているダイアルアップIP による接続では、回線で行うのは、ほとんどの場合、本当にする方法もあります。サービスの内容は提利用者がプロバイダーに回線を接続した時IP 接続を必要としている時間だけ通信回線

供会社によってまちまちですが、自分の要点でIP アドレスをダイナミックに割り当てを接続することにより通信料金を軽減させ求にあったサービスを見つけることができます。モザイクなどでWWW サーバーにアるためです。しかし通信料金は接続時間にれば、そこから自分の情報を発信することクセスする場合、接続先のIP アドレス（あ比例して課金されるために、ある時間以上も可能です。料金的には月額1 万円程度かるいはホスト名）がわかっていることが前

接続していると専用線のほうが安くなってらとリーズナブル。個人でも手の届かない

提になります。

しまいます。WWW サーバーへのアクセス範囲ではありません。あなたの所属していそのため、サーバー側がダイアルアップには、サーバー管理者の意思とは関係なく、るネットワークサービスプロバイダーに相談

IP 接続だと、接続するごとにIP アドレスが一日24 時間いつアクセスがくるかは予測でしてみてください。また、ポートネットサ

変わってしまうのでアクセスできません。まきません。そのため上記のようなダイアルービス（http://www.anchor-net.co.jp/）

た、サーバー側からプロバイダーにつない

アップIP である利点を生かしながら日常的では「レンタルWWW サーバー」という試でおかなければ、ユーザー（読者）からのに稼働させるWWW サーバーを構築するのみをしています。

要求で接続することができないというとこは困難というわけなのです。

もちろん、自分の作品のありかを人に説ろも難しくしている理由の1 つです。つま今後さらに個人ユーザーでも情報発信を明するのに自分のドメイン名で紹介したい

りこのようなダイアルアップIP 接続では、していきたいという要求は増加していくとというのが夢でしょう。現状では専用線サ

もともとWWW サーバーのような利用形態

考えられます。しかし専用線で接続するのービスを個人で利用することは負担ですが、を想定していないというわけです。

は費用的に困難であるという場合には、商早く夢のかなう日がきてほしいものです。

専用線を使う場合、どのくらいの速度が必要だろう？

QUESTION 2
一概に「これだけの速度がかならず必要になる」ということはいえませんが、十分な速度を決めるための目安をあげてみまし

画のデータ量を工夫をして小さくすれば表ょう。

示時間を短くできますが、使用する専用線

な速度がないとブラウザに情報が表示されまず、各ページの転送時間を考えてみまの速度が低速の場合にはそれでも十分な表るまで時間がかかってしまうので、利用者しょう。HTML を使ってWWW の文書を示速度が得られないこともあります。このの不満がつのり、結局見てもらえないとい

記述すると、文章中に静止画を貼り込むこ

ような場合には、むしろ文字情報だけにすうことになってしまいます。ここでは必要とができます。一般的にはできるだけ静止

るという判断が必要かもしれません。この

044 INTERNET MAGAZINE No.3

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

WWWパブリッシング入門

判断には、実際に外部からアクセスして試ンがWWW サーバーのおかげで支障をきた

クサービスプロバイダーでも相談にのって験してみるのがいちばんです。人気のある

すようでは困ります。しかしいくら高速な

くれるでしょう。もちろん、専用線の速度情報があって、頻繁にアクセスがくるよう回線を選んでも、その効果には限界がありを決める場合には、このほかにも費用の問な場合にはなおさらです。

ます。それは、WWW 利用者（読者）が題もでてきます。そして実際の利用状況な

つぎに、多くの場合はWWW サーバーのインターネットに接続している速度がボト

ども含めて総合的に判断し、適切な速度をためだけにIP 接続するのではなく、電子メ

ルネックになってしまうからです。いくらサ決めます。

ールやニュース、TELNET、FTP などの他ーバー側の回線を高速にしても、ユーザー

ちなみに、インプレスでは、64Kbps の専のアプリケーションと同じ回線を使用する

が9600bps でアクセスしている分には、な用線でサービスしていますが、電子メール

ことになります。最近「インターネット＝にも変わらないのです。

や社内スタッフがTELNET やFTP をするのモザイク」という誤解もあるわけですが、企業などで情報公開の手段としてWWW

実際に業務で使用しているアプリケーショ

サーバーを開設する場合には、ネットワーに支障はまったくありません。

サーバーマシンにはやっぱりUNIXとワークステーションが必要？

QUESTION 3
かならずしも必要ではありません。UNIX

キントッシュ、VAX/VMS などのオペレー・ UNIX はTCP/IP との親和性が高く、研のようなオペレーティングシステムやワーク

ティングシステム上で動作するWWW サー

究用としての実験環境に適している。

ステーションでなくても、HTTP プロトコ

バーソフトウェアが紹介されています。

・httpd の機能が豊富である。
・新機能がいち早く導入されている。

ルで通 信 できるサーバーを用 意 すればしかし、多くの場合、UNIX 上のソフト

WWW サーバーとして動作させることがでウェアが利用されているようです。ちなみ

・使っている人が多いので、従来のフリー

きます。CERN のサーバーソフトウェアのに N T T 研 究 所 の W W W サーバーでも、

ソフトウェアと同様にバグがあっても修一覧（http://info.cern.ch/hypertext/

UNIX ワークステーション上のWWW サー

正が早いことが多い。

WWW/Daemon/Overview.html）による

バーソフトウェアを使用しています。これと、ウィンドウズやウィンドウズNT、マッにはつぎのような理由があります。

・他人が使っているものと同じだと、わからないことを質問しやすい。

誰が読んだかというアクセスログは残せますか？

QUESTION 4
誰が読んだのかを正確に調べることはでファイルを解析してアクセス数を時間帯別、（http://www.ics.uci.edu/

きませんが、どこのホストからアクセスされ年月日別、国別、ホスト別に整理したり、W e b S o f t / w w w s t a t / ） や、 g e t s t a t s

たかを記録することは可能です。NCSA

さらにはグラフ化までしてくれるツールがあ（http://www.eit.com/software/getstats/

httpd やCERN httpd では共通ログファイル

ります。 たとえば w w w s t a t

getstats.html）が有名です。

フォーマット（The Common Logfile Format）と呼ばれる形式で記録が残ります。このフ

impress.co.jp - - [23/Dec/1994:19:08:01 +0900] "GET / HTTP/1.0" 200 1755
impress.co.jp - - [23/Dec/1994:19:08:04 +0900] "GET /img/english.gif HTTP/1.0" 200 529

ォーマットは図のような形式になっていま

impress.co.jp - - [23/Dec/1994:19:08:06 +0900] "GET /img/jis.gif HTTP/1.0" 200 404

す。

impress.co.jp - - [23/Dec/1994:19:08:06 +0900] "GET /img/plate.gif HTTP/1.0" 200 6169

このほかにも、WWW サーバーによってimpress.co.jp - - [23/Dec/1994:19:08:09 +0900] "GET /img/sjis.gif HTTP/1.0" 200 466

何らかのエラーが生じた場合の記録や、つimpress.co.jp - - [23/Dec/1994:19:08:11 +0900] "GET /img/euc.gif HTTP/1.0" 200 410

ぎのQUESTION 5 に述べるキャッシュやプ

impress.co.jp - - [23/Dec/1994:19:08:13 +0900] "GET /img/whatsnew.gif HTTP/1.0" 200 1905

ロクシーなどによるアクセスの記録をとる

impress.co.jp - - [23/Dec/1994:19:08:14 +0900] "GET /img/inetmag.gif HTTP/1.0" 200 792
ユーザー名ことができます。このようにして記録されたログファイルは、ほったらかしにしておくとどんどん溜るばかりです。そこで、ログ

ホスト名（もしくはIPアドレス）

ユーザー名
（認証）

WWWサーバーからのHTTPステータスコード
アクセス時刻HTTP
リクエストの内容転送された内容の量（単位はバイト）キャプション

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

INTERNET MAGAZINE No.3

045

P

A

R

T

3

サーバーソフトウェアにはどのようなものがあり、どのように違う？

QUESTION 5
サーバーソフトウェアの一 覧 が、

WWW に関するサーベイによると、79%があります。これらは、WWW によって発生

http://info.cern.ch/hypertext/WWW/Da

NCSA のサーバーを使用していたという結するトラフィックの軽減、ファイアーウォ

emon/Overview.html にあります。それに果が出ています。

ール対策を目的に考え出されたものです。

よると、各種パソコンを含むいろいろなプ

NCSA httpd の特徴としては、「server

クライアントがプロクシー機能を持つサー

ラットフォーム用のサーバーソフトウェアがside include」を挙げることができます。こバー経由でリクエストを出したとき、要求あることがわかります。この中で特によくれは、要求されたHTML をクライアントにデータがプロクシーサーバーのキャッシュに使われているのは、UNIX 上で動作する

返す前にサーバーが調べ、必要があれば書存在する場合にはそのデータがクライアン

CERN httpd とNCSA httpd です。

き換えを行い、その結果をクライアントにトに返されます。キャッシュにない場合に転送するというものです。一方、CERN

は、プロクシーサーバーがデータを持つサGraphics,

httpd には、プロクシー（代理応答）とキャ

ーバーにアクセスし、データはキャッシュさ

Visualization & Usability Center が行ったッシュ（データの一時的な保持）の機能がれる、という仕組みになっています。

ちなみに、 1 9 9 4 年 1 月 に G e o r g i a
Institute of Technology の外部からサーバーマシンを攻撃されることはある？

QUESTION 6
WWW サーバーはその性格からインター
ネットユーザーから容易にアクセスできるer）などを利用して、チェックしておくと

s/robots.html）。このようなソフトウェア

よいでしょう。

を作成する際のガイドラインには、各サー

ところ、つまりファイアーウォールの外側

攻撃ではありませんが、WWW サーバー

バーの/robots.txt を参照することが推奨さに配置する必要があります。したがって、を自動的にアクセスし、WWW の検索シスれています。つまり、この/robots.txt によファイアーウォールの外側にある他のシステムのための情報収集などを行うWWWって、アクセスを許可するWWW robots のテムと同様に攻撃からの危険にさらされて

robots とかWWW Agents と呼ばれるソフ

種類や、アクセスを不許可するディレクト

トウェアが実 行 されることがあります

リ名もしくはファイル名を指定することが（http://web.nexor.co.uk/mak/doc/robot

できます。

います。
そこで、ISS（Internet Security Scann

URLって何？

QUESTION 7

WWW が単にWWW に閉じた世界ではURL とはUniversal Resource Locator の単にftp.ntt.jp の/pub というディレクトリの略で、インターネット上の資源を統一的に下にあるtest.txt というファイルを指定した

なく、Gopher、FTP、Archie、WHOIS、扱うための名前付けの方法です。簡単には、

い場合は、file://ftp.ntt.jp/pub/test.txt とNetNews などの情報システムを統一的に扱

ローカルのマシンでファイル名を指定する

指定します。図に現在利用可能なサービス

うことができるのも、このURL のおかげな方法をネットワークまで拡張したようなもと、それを用いたURL の例を示します。

のです。

のと考えてください。ただし、URL は単にネットワークに接続されたリモートのマシ
ンのファイル名を指定するだけではなく、そこから提供されるさまざまなサービスをも含んで指定することができる優れ物です。
URL の一般的な構文は、図のようになっています。scheme のところに、サービス名やプロトコル名を指定します。たとえば、

046 INTERNET MAGAZINE No.3

http://www.impress.co.jp/magazine
http://www.impress.co.jp/magazine
スキーマ名

ホスト名

•
•
•
http:WWW サーバー／WAIS
gopher:Gopher
news:ネットニュース
telnet:TELNET

ドメイン名

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

パス名

P

A

R

T

3

WWWパブリッシング入門

作品はどのようにできている？

QUESTION 8
WWW によって提供される文字情報のほ

静止画を使ったりすることができます。まブラウザであるWWW クライアントで、ことんどは、HyperText Markup Language

たURL を使って他のHTML 文書はもちろのブラウザがHTML によって記述された文（HTML）と呼ばれる形式で記述されていんインターネット上のほとんどのリソースに書構造を解釈して画面上に表示します。こます。このタグは、文書中のある部分に対リンクを張ることができます。

のようにしておくと、ワープロなどの文書

して文字で「<TITLE>」のようなタグを埋これによって、インターネット上のリソ

ファイルと違って、ブラウザの種類や動作

め込むことによって、その部分が題名であースへのアクセスが容易になりました。こするコンピュータの種類に依存しない情報ることや箇条書きであることを指示したり、

こで、HTML によって指示されているのは交換が可能になります。

作品を作るための専用ソフトはある？

QUESTION 9
X Window 上のTkWWW や、X Windowとウィンドウズで動 く S o f t Q u a d 社 の

これ以外に、クリッカブル・マップを作成

LaTeX のドキュメントに含まれるレファレ

できるツールなどがあります。

ンス、フットノート、テーブル、図などに

HoTMetaL、ウィンドウズ上のhtmledit な変換ツールとしてはlatex2html をはじめ

対して自動的にアンカーをつけてくれます。

どがありますが、emacs エディタのhtml-

としてUNIX のman 形式、troff 形式、RTF

また直接インラインイメージとして展開で

mode を利用して、誰かの作品のソースコ形式のテキストをhtml に変換するツールや、きないポストスクリプト形式のファイルなードを見ながら自分のファイルを編集し、またアルファバージョンですがポストスクリ

どの変換します。

モザイクをReload してでき上がりを確認しプトファイルを変換するps2html などさまながら作成する、という人が多いようです。

ざまなものがあります。latex2html は、

今後はDTP ソフトがHTML 形式でファイルを保存できるようになりそうです。

漢字コードはどれを使ったらいい？

QUESTION 10
残念ながら、いまのところサーバーで使名前で呼ばれています）です。サーバーでに用意しているサーバーもあります。しかう漢字コードは統一されていません。最も使う漢字コードが完全に統一できない理由

し最近はデレゲートやプロクシーサーバー

多く使われているのは、従来からインターの1 つに、EUC やシフトJIS で書かれた日を使って漢字コードを自動的に変換するとネットの世界で電子メールやネットニュー

本語文書しか表示できないWWW クライア

いう試みも広く行われていますので、これスに使われてきた7 ビットJIS コード（インントの存在があります。なかには、同じドからサーバーを作る人は、7 ビットJIS コー

ターネットの世界ではISO-2022-JP というキュメントを複数の漢字コードごとに別々ドを使うのが最もよいでしょう。

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

INTERNET MAGAZINE No.3

047

PART 4WWWサーバーを上げたら、運用と管理も怠りなく！
せっかく作った作品。やっぱり多くの人にみてもらいたい。どんどんプロモーションして知ってもらおう！

でき上がったサーバーをみんなに知ってもらうには？

QUESTION 1

内では、図書館情報大学の中川氏を中心

WWW サーバーにアクセスしてもらうの

ここには日本語によるページも用意されてに一番大切なのはURL です。このURL をいます（http://www.ntt.jp/WHATSNEW

として日本版のVirtual Library（http://

効果的かつ簡単に知らせるのは、既存のサ/index-j.html）。

ulispsn.ulis.ac.jp:8001/html/virtuallibrary/）が作り始められています。

ーバーからリンクを張ってもらうことです。

また、 CERN の WWW Servers（ http:

そうすればWWW 利用者は、クリック一発//info.cern.ch/hypertext/DataSources/

このような情報を探しだして自分の情報であなたの情報にたどり着けます。

W W W / S e r v e r s . h t m l ）は、世界中のにあったカテゴリを見つけたら、自分のサ

WWW サーバーのなかには、WWW 利用

WWW サーバーの一覧表です。この一覧表

ーバーの情報を追加してもらうとよいでし者の情報探検に便利な索引を提供しているの日本の部分についての作成は、NTT 研究

ょう。リクエストはWWW のFORM でできものがあります。特に、新規の情報を集め所が分担しています（http://www.ntt.

るようになっているところが増えてきていまて公開しているNCSA What´s New Page

jp/SQUARE/www-in-JP-j.html）。さらに、

すが、電子メールでお願いするほうが一般（http://www.ntt.jp/gnn/wn/whats-

情報のカテゴリ別の一覧もあります。たと的です。

new.html）は有名です。このページは当然

えばCERN のVirtual Library（http://info.

また必要に応じてネットニュースへ投稿

英語ですが、NTT 研究所には、日本のcern.ch/hypertext/DataSources/bySubje

したり、関連するメーリングリストなどでWhat´s New（新着情報）ページがあり、

ct/Overview.html）が有名です。日本国

お知らせしてもよいでしょう。

そのページを読んだ人からの問い合わせ窓口は
どうやって作ったらいい？

QUESTION 2HTML のADDRESS タグは連絡先など

www-admin@seraph.ntt.jp"> こちら</A>

ーフェイスに限らず、読者の意見や感想を著者に関する情報を記述するために用意さまで」というアンカーを埋め込んでおくと、知りたいという場合には有効な方法です。

れたものです。それを使って電子メールア

この部分をマウスなどで選択しただけでたとえば、前述のWWW サーベイもFORM

ドレスなど著者やサーバーの管理者に関す

www-admin@seraph.ntt.jp 宛のメールが用を使って行われました。仕様のうえでは、る情報を文書の最後に付け加えておくとよ意されます。ただし、残念ながら、mailto

著者に関する情報は<LINKREL="made"いでしょう。文書に直接情報を書く代わりはすべてのブラウザでサポートされているわ

HREF="mailto:www-admin@seraph.

に、著者に関する情報へのアンカーを埋めけではありません。メールを確実にサポー

ntt.jp"> というように、ヘッダ中にLINK タ

込んでおくという方法もあります。さらに、トする方法として、FORM を使ったメール

グを使って記述できることになっています。

読者の利便をはかって、メール送出のためハンドラがあります。詳しくはhttp://siva.

しかし、ほとんどのブラウザでは、この情のURL を使う方法もあります。

cshl.org/email/index.html を参照してく報をユーザーに提示するように実装されてださい。FORM は、メールのためのインタ

いないのが現状です。

たとえば、「質問は<A HREF="mailto:

048 INTERNET MAGAZINE No.3

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

WWWパブリッシング入門

PART 5
WWW 世界のエチケットとマナー
どんな世界も自分だけがやっているわけではないのだ。最低限のエチケットとマナーを知っておこう！

他のサーバーの情報へのリンクは勝手に張っていい？

QUESTION 1に問い合わせてみないかぎりわかりません。

HTML とURL を駆使することによってイには、気がつかずにそのままになってしま

ンターネット上の情報を自由に関連づけるう可能性があります。実はhttp にはこのよ

WWW の特徴を生かしつつ、このようなことができるのは、WWW の大きな特徴のうな場合を想定して、新しいURL を指示

問題点を完全に克服するのは現在の機能で1 つです。しかし他人の情報へのリンクをホするためのプロトコルが用意されています。

は困難で、結局この問題に関する結論は出ットリストなどのように個人で利用するだ

また情報によっては、そこにある文字情ていません。しかし、必要なのはインター

けでなく、公開するという場合にはつぎの報や静止画、絵、音声、動画をその構成ど

ネットで誰もが気持ちよく情報流通をしてような問題が考えられます。

うりにWWW 利用者に利用してほしい場合いくということでしょう。その意味では、

WWW はハイパーテキストの考えを用いもあります。特にそれらの組み合わせに意

いろいろな意見に耳を傾ける姿勢が大切でたシステムですが、一般にWWW のリンク

味があるという場合には、ほかからリンク

す。心配ならば、リンクを張りたいと思っはリンク元からリンク先への片方向であり、を張られてしまうと、そのリンクをたどってているWWW サーバーの管理者に相談してリンク先ではリンクを張られたことを調べアクセスしてきたWWW 利用者にはその情みるべきでしょう。また、提供している情ることができません。したがって、リンク

報の意図することが正確に伝わらず、結果

報に対するリンクに何らかの条件（あるい

先のサーバーのディレクトリの変更などでとして情報提供者に不利益をもたらす可能は推奨）が必要な場合には、そのことを何

その情報のURL が変更されてしまった場合性があります。しかし、これは情報提供者

らかの形式で明示しておくとよいでしょう。

イメージデータなどの大きいデータをガンガン使ってもいい？

QUESTION 2
確かに、大きいデータを転送することにトワーク使用率の低い時間帯にデータを取して、「試しに」取ってきたデータが、実はよって、ネットワークの混雑などいくつか得しておくという方法もあります。このよかなり大きくて転送に時間がかかったけれの問題が発生します。しかし、単に大きい

うなアクセスする側の工夫に加えて、サーど、見てみたら思ったようなデータではな

データを提供することのよし悪しを議論す

バー側でもデータの大きさを意識した情報

くがっかりしたなどということもあり得るのるのはナンセンスです。本当に必要なデー提供を行うべきです。

です。このようなことを防ぐために、大きタであるのなら、サイズが大きい場合には、

WWW の場合、ブラウジングというハイめのデータへのアンカーには、内容や大き転送方法を工夫することを考えるべきです。

パーテキスト特有のスタイルで情報探索がさに関する情報を示しておくとよいでしょその一例がプロクシーサーバーによるキ行われます。あからじめデータの内容や大う。また、インラインイメージは小さめにャッシングです。プロクシーの利用は、通きさなどを知ったうえで、そのデータをめしておいて、オリジナルにリンクを張って常のアクセスに乗じてデータを残しておく

がけてアクセスするというより、「試しに見おくという方法もよく用いられます。

というものですが、もっと戦略的に、ネッてみる」といったアクセスが多いのです。そインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET MAGAZINE No.3

049

PART 6
世界の秀作サーバーに学べ！工夫の数々。
世界には面白サーバーはいろいろある。
□い頭を○くして企画を練ろう！

fGraffiti Wall:
http://cybersight.com/

WWWの落書き情報はサーバー側から提供するばかりではない。ユーザーが自由にWWW に落書きできてしまうのだ。チェックボッ
クスを選択することで好きな色をドット単位で塗ることができ、自分の足跡を残すことができる。WWW ＝情報発信とばかり考えているとおもしろい企画は出てこないかもしれない。もっともっと頭をやわらかく！

sFreeway Speeds
http://www.scubed.com/

ロサンゼルス周辺の
リアルタイムな交通情報f

このサーバーも既存のコンピュータシステムと連携した例だ。現在のハ
イウェイの交通情報をビジュアルに見ることができる。日本でも高速道路の状況がわかれば便利かもしれない。でも東京の首都高速道路ではいつも渋滞ばかりであまり意味はないかもしれないが。

fTest BlackJack Engine
http://www.ua.com/

WWWでもゲームができる
WWW は情報提供だけだと思ったら大きな間違い。なんとゲームも作れてしまう。もちろんサーバー側でCGI を使ったプログラムを作らなければならないが、やる気になればここまでできるという一例。世界的に実験中のネットワーク上 のお金 、
digicash と組み合わせたりしたサーバーも登場も期待される。

fHOTWIRED
http://www.wired.com/

日本でも創刊されたWIRED
このサーバーを見るにはユーザープロフィールを入力しなければならない。有料ではないが、ユーザープロ
フィールとID を発行して、以後そのID でアクセスする。これはどんなプロフィールの人がどんなページを見たかのマーケティングのためだろう。実際、本物の広告なども入っているので、広告を出すクライア
ントにとっては重要な情報だ。

050 INTERNET MAGAZINE No.3

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

WWWパブリッシング入門
dComputer Literacy Bookshops
http://www.clbooks.com/

コンピュータ関係の洋書を即座に探す。
コンピュータ関連書籍の専門書店。コンピュータ業界にはお世話になっている人も多いだろう。書名、著者名などにキーワードを入れるだけで、その詳細を調べることができる。さらに在庫までわかる。もちろん、電子メールによるオーダーも可能。いずれはWWW で注文できるようになるのではないだろうか？

fFedEx Airbill Tracking Information
http://www.fedex.com/

あなたの送った荷物はいまどこに？
国際クーリエで有名なフェデラルエキスプレスのサーバー。送った荷物の控えに書いてある伝票番号を入れるだけで、現在どこに荷物があるかを即座に調べられる。おそらくこれまで業務用に使っていたデータベースとWWW をリンクしたものだろう。作りは簡単なユーザーインターフェイスだが、エンドユーザーに業務用システムを開放した意味は大きい。

fHawaii Visitor Bureau
http://www.visit.hawaii.org/

ハワイの情報ならこれが一番
観光情報や各国の情報はあちらこちらにあるので、いまやそれほどめずらしくはなくなっているが、このサーバーで見るべきはデザインである。HTML は表現力が乏しいと文句をいっているあなたも、この画面を見れば工夫しだいでどれだけきれいな画面を作れるかわかるだろう。ただ、難を言えば画像を多用しているので、ダイアルアップIP のユーザ
ーにとっては荷が重いこと。でも画像をロードしなくても画面の最下部に文字ベースのメ
ニューも用意されており、親切だ。

aYahoo - A Guide to WWW
http://akebono.stanford.edu/yahoo/

分類別のWWW 目次
自分の必要としている情報を探すには、いろいろな方法がある
が、私がよく利用するのはこのYahoo だ。きれいに分類されており、しかもよくできているサーバーには「スマイルマーク」が付いている。これからは、こうした情報整理（WWW 上での編集か？）を専門とするサーバーも登場するだろう。まさにWWWの「Tokyo Walker」だ。

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

INTERNET MAGAZINE No.3051

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この 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.