このコーナーを楽しむために最新のHTMLを使う際に、どうしても避けて通れないのがWWWブラウザーの互換性の誰よりも早く最新のHTMLを使ってみたい問題だ。そこでこのコーナーでは、TIPSご藤井 幸孝 大内 勇とにブラウザーの対応状況をアイコンで表している（5月10日現在）。これを参考に使用するWWWブラウザーを選んでほしい。

最新のインターネットエクスプローラ5がXMLに対応していると言われても、い3

まいちピンと来ない人が多いのではないだろうか。そこで今月はIE 5のXML機能を使ったTIPSを2つ用意した。ごく簡単なものだが、実際に試してみて雰囲

4

気を味わってほしい。今後もこのコーナーではIE 5のXML機能を随時お伝え5していく予定だ。それでは今月もさまざまなテクニックをお届けしよう。
3

CD-ROM収録先 A Magnavi→Ip9907→Htmltips+CD-ROM 今月号のTIPSをすべてCD-ROMに収録！！

4

インターネットエクスプローラ3以上
インターネットエクスプローラ4以上
インターネットエクスプローラ5以上
ネットスケープナビゲーター3以上
ネットスケープナビゲーター4以上

6月号「HTMLパズルに挑戦しよう」の解答
IE 5のダイナミックプロパティーを使うには、2つの方法がある。スタイルシートの中に計算式を埋め込む方法と、スクリプトでプロパティー名と計算式のペアを指定する方法だ。第1問と第2問はともにどちらを使ってもかまわない。どちらの方法でも、ブラウザーのサイズが変わるたびにスタイルが自動的に計算される。

A N S W E R

1 文字のサイズを自動的に変えろ！

スタイルシートの値に「expression(計算式)」を指定するのが1つ目の方法だ。以下のように指定するとフォントサイズが常にブラウザーの幅の12分の1になる。
<DIV STYLE="font-size: expression(document.body.clientWidth/12)">HTML TIPS&amp;TRICKS</DIV>A N S W E R

正解者：良知敬介さん、杉本敬治さん、鹿倉隆さん、
齊藤貴志さん、阿部香さん、うおまさ＠homeさん

2 四隅にブロックを置け！

2つ目はスクリプトでstyleオブジェクトのsetExpressionメソッドを呼び出す方法だ。
<SCRIPT LANGUAGE="JavaScript">function Init() {……
block4.style.setExpression("left", "document.body.clientWidth-200");
block4.style.setExpression("top", "document.body.clientHeight-100");}</SCRIPT><BODY onLoad="Init();"> ……
<DIV ID="block4"
STYLE="background: red; position: absolute; width: 200; height: 100;">
TRICKS</DIV>

282 INTERNET magazine 1999/7

正解者：良知敬介さん、杉本敬治さん、鹿倉隆さん、
齊藤貴志さん、うおまさ＠homeさん

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

T IPS & T R ICKS

1
オリジナルのタグを使う
5
左のサンプルページは、特別変わったところのないHTMLにスタイルシートを指定しただけに見えるが、実はソースには<ORIGIN>と<CUSTOM>という見慣れないタグが使われている。オリジナルのタグを使うにはXMLというマークアップ言語を使うが、IE 5では「XMLネームスペース」という機能を使って、自分で設定したオリジナルのタグを簡単にHTMLに埋め込むことができるようになった。詳しくはPoint欄で説明するが、簡単に言えば「スタイルシートを使うのとほとんど同じ」だ。これからXMLを本格的に勉強したいという人は、このXMLネームスペースをファーストステップにするといいだろう。

d1<HTML XMLNS:CUSTOM XMLNS:ORIGIN><HEAD><STYLE TYPE="text /css">
ORIGIN¥:TTL { display:block; position:relative;
text-align:center; border:ridge 10px blue;
background-color:dodgerblue; color:white;
font:bold 30pt Times }CUSTOM¥:CAP { background-color:dodgerblue;color:white; font:bold 14pt }……
</STYLE></HEAD>

2<BODY><ORIGIN:TTL>HTML TIPS & TRICKS</ORIGIN:TTL><CUSTOM:CAP>■オリジナルの……</CUSTOM:CAP><CUSTOM:SUM>「もしもオリジナルのタグが使えたら」……
</CUSTOM:SUM>

じものとして認識するが、できるだけどちらかで統さて、ソース2でいよいよ文章にオリジナルタグ一したほうがいいだろう。

を付けているが、見るとわかるように普通のタグし、ソース全体としては非常にシンプルになってい次の<STYLE>タグでは、オリジナルタグにスタイル

ムスペース:タグ名>となっていることだけだ。スタる。今回のTIPSはIE 5ユーザーしか使えない最新シートを指定をしている。注意する点は、<HTMLイル指定のときは｢ネームスペース¥ :タグ名｣としのテクニックを使っているが、簡単なので気楽にXMLNS :……>で指定したネームスペース（このサたが、実際にタグを付けるときには¥マークは必要取り組んでほしい。それではソースの説明を始め

ンプルでは「ORIGIN」と「CUSTOM」）を指定するない。ちなみに、スタイルシートにおいてコロン（:）

よう。のではないということだ。
「ネームスペース¥ :タグは特別な意味（プロパティーと値を区分するセパ名」の形で指定しよう。オリジナルタグは単独でレーターの役割）を持つので、コロンの直前に¥マ

少し長めのソースだが、よく見ると長くなっているのはスタイル指定の部分だ。そのスタイル指定もこのコーナーの読者なら見慣れたものだろうの使い方とほとんど変わりはない。違う点は<ネー

ソース 1 では、 まず最 初 に < H T M L > タグに埋め込むことはできない。必ずネームスペースとセークを付けて普通の文字として認識させているの「XMLNS」を指定し、コロン（:）
を挟んで設定すットで指定する。

だ。この¥マークはこのような意味を持っているこるネームスペースを記述する。今回のサンプルであとは、普通のタグにスタイルを指定する方法ととも覚えておくといいだろう。

は2 種類 のネームスペースを設定してみた。この同じなので、特 に説 明 する必 要 はないだろう。

ように複数のネームスペースを設定する場合は、「display : block」という見慣れないプロパティー以上でこのTIPSは完成だ。他人とは一味違った「XMLNS:ネームスペース」の間に半角スペースをがあるが、これは<P>や<H1>のようにタグの前後タグを使って、ページのソースを見た訪問者を悩挟めばいくつでも追加できる。また、HTMLのルで改行されるという意味だ。

ませてみるのも面白いかもしれないぞ。

ールと同じで大文字と小文字が混在していても同

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

INTERNET magazine 1999/7283

T IPS & T R ICKS

2
ナビゲーターでマーキーを動かす4
1998 年11月号のHTMLパズル
では、ネットスケープナビゲーターでマーキーのような効果を表現する問題を出題した。そのときの解答は、「MARQUEE」という文字列が左に動いて、ウィンドウの端に到達したらまた右から現れるというものだった。しかしIEのマーキーのように、固定した枠の中で文字列が流れるものではなかった。また、流れる文字列のすぐ後ろにまた同じ文字列が次々と現れるという表現方法でもなかった。ナビゲーター
でもっと「マーキーらしい」効果を出せないものだろうか。そこで今回はナビゲーターでもっとかっこいいマーキーを作るテクニックを紹介しよう。仕掛けはいたって簡単だ。

d1<DIV STYLE="position:absolute; left:40; top: 0;
background-color:blue; color: blue;">
Welcome to HTML TIPS&amp;TRICKS Page!
</DIV><DIV ID="bar1" STYLE="position:absolute;
left:40; top: 0; color: #FFFF80;">
Welcome to HTML TIPS&amp;TRICKS Page!
</DIV><DIV ID="bar2" STYLE="position:absolute;
left:40; top: 0; color: #FFFF80;">
Welcome to HTML TIPS&amp;TRICKS Page!
</DIV>

このサンプルのような効果を出すスクリプトの2<SCRIPT LANGUAGE="JavaScript">
setInterval ("timer ()", 200);
x = 40;function timer () {x -= 20;
if (x + 480 <= 40) x = 40;
document.layers ["bar1"].left = x;document.layers ["bar2"].left = x + 480;}</SCRIPT>に収まっているように見えるところがミソだ。

るような効果が完成する。

書き方はいくつか考えられるだろうが、今回はごく
ソース2は、おなじみのタイマーを使ったアニメー

ただし、このテクニックを使ったマーキー効果にはションのスクリプトだ。setIntervalメソッドで200

いくつか問題点もある。1つは<DIV>タグを絶対

まず、ソース1のようにマーキーにしたい文字列をミリ秒（0.2秒）置きに関数「timer」が呼び出され位置で指定するために、ページの中央に配置する3つ用意してそれぞれ<DIV>タグで囲う。<DIV>るようにする。関数「timer」では、2つの<DIV>のは難しいということだ。レイアウトには工夫がタグにはスタイルシート（position、left、topプロタグを少しずつ左へ動かす。 ナビゲーターでは必要になる。もう1つは想定したサイズよりも小さパティー）を指定して3つとも同じ位置に配置する。

<DIV>タグにスタイルシートのpositionプロパテいサイズでユーザーがブラウザーを使っている場

1番目の<DIV>タグは文字色と背景色を同じ青色

ィーを指定すると<LAYER>タグと同じように扱合、マーキーの文字列が折れ曲がって見えてしまにする。これは、マーキーの背景に色を塗るためだ

えるということは、これまで何度か説明してきたとうということだ。あまり長い文字列は使わないほけに使う<DIV>タグだ。2番目と3番目の<DIV>タおりだ。ID属性が「bar1」の<DIV>タグ、つまりうがいいだろう。

グの文字色は、ページの背景色と同じ黄色にする。

ソース1の2番目の<DIV>タグを20ピクセル左へ簡単な方法を使った。

動かし、「bar2」の<DIV> タグ、つまり3 番目のなお、ここでは省略したが、本誌の付録CD-ROM

1番目の<DIV>タグの上で2番目と3番目の<DIV><DIV>タグを「bar1」より480ピクセル右に配置に収録したソースでは、IE 4と5でも動作するようタグを動かせば、青い背景の上に黄色い文字列がする。
「bar2」が「bar1」の最初の位置に到達しに作ってあるので参考にしてほしい。

流れるように見える。黄色い文字が青い背景からたら、2つの<DIV>タグを元の位置に戻す。こうす

はみ出しても、ページの背景が黄色なので枠の中れば、文字列の後ろに同じ文字列が続 いて流れ

284 INTERNET magazine 1999/7

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

T IPS & T R ICKS

3
フローティングメニューを作る
45

みなさんは自分のホームページを訪れた人にナビゲートしてもらうのに、どのような方法を使っているだろうか？ ページの一番上や一番下に各コンテンツへのリンクを張ったり、フレームを使ったりしている人は多いだろう。今回は、
そのよ
うなありふれたナビゲート方法ではなく、ダイナミックHTMLを使った便利なフローティングメニューを紹介しよう。左のサンプルでは、ブラウザーのウィンドウ上でマウスの左ボタンをダブルクリックすると、その位置に各ページへのリンクがメニューとなって表示され、もう一度ダブルクリックすると消える。それではさっそくこのメニューの作り方を見てみよう。

d1<SCRIPT LANGUAGE="JavaScript">flag = true;
function Menu() {if (flag) {NaviMenu.style.posLeft = event.clientX;
NaviMenu.style.posTop = event.clientY;
NaviMenu.style.visibility = "visible";
flag = false;}{else
NaviMenu.style.visibility = "hidden";flag = true;}}
document.ondblclick = Menu;</SCRIPT>

今回紹介するTIPSは、マウスのダブルクリッ
ク位置を取り出し、そこに<DIV>タグ（ナビゲーシ2<DIV ID="NaviMenu"
STYLE="position:absolute; width:150px;
z-index:1; visibility:hidden"><SPAN>Navigate Menu</SPAN><A HREF="new.html">what's new !</A>……
</DIV>

行される。if 文では、ダブルクリックした位置を検する。else文の中では、逆にメニューを非表示に知して、メニューを表示する処理をする。

して「flag」の値を「true」にしているだけだ。

ョンメニュー）を表示させたり隠したりするダイナミ
ックHTMLだ。ソース1から説明しよう。

NaviMenu.style.posLeft = event.clientX;

次は、メニューとなる<DIV>タグを設定するソース

NaviMenu.style.posTop = event.clientY;

2の説明をしよう。この<DIV>タグには次のスタ

まず変数「flag」を宣言し、その値を「true」にすイルが指定されている。｢絶対座標で配置｣、｢幅｣、る。これはページを読み込んだときのナビゲーシ｢NaviMenu｣というID属性を付けた<DIV>タグ｢重なりの階層｣、｢表示状態｣の4つだ。｢幅｣とョンメニューが表示状態か非表示状態かを表すの左端の位置をマウスのX座標（event.clientX）「階層」は好きなように指定していい。
「階層」（z-初期値だ。この値によって、関数「Menu」の中のに合わせ、上端の位置をマウスのY座標（event.

index）とは、手前に向かってタグが重なるときのifとelseのどちらかが実行されるようになる。

clientY）に合わせている。

順番のことだ。ここで指定する数値が大きいほどソース1の最後の行にあるducument.ondblclick
は、ページ上の任意の位置でマウスをダブルクリ手前に表示されるが、今回は他に階層を設定してNaviMenu.style.visibility = "visible";いるタグがないので、z-indexに1を指定している。

ックしたときに、「=」に続く関数「Menu」
を呼び
これは、最初は非表示だった<DIV>タグを表示せ以上で今回のTIPSは完成だ。さらに興味があるよという命令だ。

人は本誌の付録CD-ROMに入っているソースをす関数「Menu」を見てみよう。この関数では変数最後に「flag」の値を「false」にして、再度関数がべて見てほしい。ここでは省略したスタイルシート「flag」の値によって、ifとelseのどちらか一方が実呼び出されたときにはelse文が実行されるようにを組み合わせた凝ったソースになっているぞ。

出すものだ。

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

INTERNET magazine 1999/7285

T IPS & T R ICKS

4
ページにメニューバーを付ける
345

ほとんどのアプリケーションソフ
トには、タイトルバーの下にメニューバーがある。みなさんもご存じのとおり、メニューバーをクリックするとプルダウン式のメニューが現れ、リストの中から目的の項目をクリックすると何らかの処理が行われるようになっている。今 回 紹 介 する
TIPSは、このメニューバーをホームページに付 けてしまうというものだ。左のサンプルでは人名辞典としてインデックス的な使い方をしているが、ホームページのナビゲートメニューや訪問者にBGMを選択させるなど、いろいろな使い方が考えられる。興味がある人はぜひ使ってほしい。それではさっそくソースの説明をしよう。

d1<SCRIPT LANGUAGE="VBScript">
Sub bmenu01_Select (num)Select Case num
Case 1: top.frames (1).Location="sousoo.htm"
Case 2: top.frames (1).Location="souhi.htm"
Case 3: top.frames (1).Location="soujin.htm"
End SelectEnd Sub</SCRIPT>2<OBJECT ID="bmenu01" WIDTH="100" HEIGHT="20"
CLASSID="CLSID:52DFAE60-CEBF-11CF-A3A9-00A0C9034920"><PARAM NAME="Caption" VALUE="魏"><PARAM NAME="Menuitem [0]" VALUE="曹操 孟徳">
<PARAM NAME="Menuitem [1]" VALUE="曹丕 子桓">
<PARAM NAME="Menuitem [2]" VALUE="曹仁 子孝"></OBJECT>るので、レジストリエディタで確認できる。

メニューボタンに載せる文字をVALUE属性で指定に分け、上部のフレームにメニューを表示させて、本来なら、<OBJECT>タグにCODEBASE属性下部のフレームにメニューで選択された人名に関を加えてこのActiveXコントロールのダウンローする。2番目以 降 では「NAME ="Menuitem [ 数字 ] "」のようにNAME属性を指定して、VALUE属する文章を表示するようにしている。上記のソース

ド先を指定しなければならないが、IE 4と5では自性でプルダウンメニューの項目の文字を指定する。

は上部のフレームに記述するソースだ。

動的にマイクロソフトのサイトからダウンロードさ今回のサンプルはフレームを使って画面を上下れるようだ。IE 3に対応させたい場合は、以下のまずソース2から説明しよう。<OBJECT>タグでCODEBASE 属性を加える。

ActiveXコントロール（btnmenu.ocx）
を並べてメ最後にソース1の説明をしよう。今回のサンプルは、VBScriptを使ったスクリプトになっている。Sub（関数）やSelect-Case（JavaScriptのswitch文ニューバーを作る。ID属性でスクリプトから参照

CODEBASE="http://activex.microsoft.

にあたるもの）の使い方は上記のように定型的なされるメニューの名前を指定し、WIDTH 属性とcom/activex/controls/iexplorer/x86/HEIGHT属性でボタンの幅と高さをそれぞれピク

btnmenu.cab"ものなので、このとおりに覚えてしまおう。それぞれのCaseの下に「top.frames (1)」とあるが、これセル単位で指定する。CLASSID属性は必ず上記は2番目のフレーム、つまり下部のフレームのことのとおりに指定する。余談になるが、このCLASSID

ただし、IE 3ではセキュリティーレベルを「中」に設だ。そのフレームの「Location」にURLを指定すはGUIDデータ型と呼ばれる書式で番号が付けら定しないとインストールできないようだ。

れ ば 目 的 の ペ ー ジが ロードされ る 。ここではれ、必ず「8桁-4桁-4桁-4桁-12桁」という形式に「Location」にファイル名だけを記述したが、これだなる。ウィンドウズのレジストリー内の「H K E Y ̲

次に< PA R A M >タグの 説 明をしよう。 最 初 のとうまく動いかないときがある。その場合は「http://」

CLASSES̲ROOT」→「CLSID」に登録されてい<PARAM>タグでは「NAME="Caption"」として、で始まるフルパスを指定するといいだろう。

286 INTERNET magazine 1999/7

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

T IPS & T R ICKS

5
ツールチップを簡単に作る
5
これまでにもいくつかの方法を紹介してきたツールチップ。今回のサンプルでは、文章中の「IE 5」や「XML」などの語句の上にマウスカーソルを載せると、赤い文字で書かれたツールチップが表示される。
しかも文字には太字やイタリックも指定されている。これはIE 5に追加された2つの新機能、DHTMLビヘイビアとXMLを使って簡単にツールチップを実現したものだ。簡単とは言っても、マイクロソフトが提供するサンプルをダウンロードしたり、XML関連の慣れないコードが出てきたりするので少しややこしい部分もある。まずは難しい知識はおいておいて、サンプルの使い方だ
けでも習得してみてほしい。

d1<HTML XMLNS:tool><STYLE>
tool¥:tip { behavior: url (tooltip.htc) }.tip { color: red; font: 12pt Arial; cursor: hand }</STYLE>

2<SPAN ID="oTipEl1">IE 5</SPAN>

3<!-- [if IE 5] ><tool:tip element="oTipEl1"
avoidmouse="false"><SPAN CLASS="tip">Microsoft……</SPAN></tool:tip><! [endif ]-->DHTMLビヘイビアは、HTMLのドキュメントtooltip.htcを実際に使うHTMLファイルを書く。のタグを記述した部分だ。<tool : tip>〜</tool :からスクリプトを切り離して、コンテンツの管理を

冒頭の<HTML>タグでは、「XMLNS」でXMLの楽にするための技術だ。切り出したスクリプトはネームスペース「tool」を定義している。よくわからtip>で囲まれた部分が、<STYLE>タグの「tool¥:tip { behavior:url ( tooltip.htc ) }」と対応している。

「htcファイル」（HTML Componet File）に納めらないかもしれないが、おまじないと思って書いておつまり、外部スクリプトであるtooltip.htcがXMLれる。スクリプトレットと似ているが、スタイルを使タグ<tool: tip>〜</tool: tip>に対する処理の内うことと、XML技術と併用できることなどが違ってこう。次に<STYLE>タグで tooltip.htcをリンクする。htcファイルは、「クラス名 { behavior : urlいる。今回はマイクロソフトが提供しているツール( htcファイル) ;}」と指定すれば、CLASS属性を指対象となる部分（この例ではID属性に「oTipEl1」

チップ用のhtcファイル（tooltip.htc）を利用した。

定した通常のタグにも適用できるが、今回は1番目を指定した<SPAN>タグ）
は、「element」パラメ

まず初めにマイクロソフトのサイトから必要なhtcのTIPSのようにXMLでオリジナルタグ<tool: tip>ータで決めている。ツールチップの内容には、スファイルを含 むサンプルをダウンロードしよう。

を作ってそれに適用した。

タイルを適用したり、太字やイタリックを使用した

MSDNのページ（http://msdn.microsoft.com）

容を決めているということだ。ツールチップを出すりすることも可能だ。

から「Downloads」→「Samples」→「Web andソース2は、実際にツールチップを表示する場所

XMLの知識のある読者は、このサンプルでDHTMLInternet」→「 DHTML Behaviors Library」→

をID属性を指定した<SPAN>タグで囲ったもの

ビヘイビアを使ってXMLを処理する方法がなんと「Tooltip」とたどり、「Download sample」をクだ。この<SPAN>タグの上にマウスが来たときに、なくのぞけたかもしれない。興味がわいたら、別リックする。

ツールチップが表示されることになる。のhtcファイルも使ってみよう。

ダウンロードが 完了したら、 ソース1のようにソース3は、ツールチップの表示内容となるXML

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

1999/4INTERNET magazine 1999/7287

HTMLパズルに挑戦しよう
隠されたトリックを解き明かせ！

今月のテー

マ

ブラウザーの判別を制する
WWWブラウザーを判別して別のページにジャンプさせたり、別のスクリプトを実行させたりする方法
はこれまで何度も紹介してきた。どれもnavigatorオブジェクトを利用するテクニックだったが、使 いこなすのは少々面倒だった。もっと簡単に「HTMLパズルに挑戦しよう」
宛 先

ブラウザーを判別する方法はないものだろうか。そこで今月はこの連載でD紹介したことのないブラウザーの判別方法に挑戦していただく。トリック

正解がわかった人も、わからなかった人も、ご意見、ご感想など何でもOK、次の宛先にメールしよう。用件の欄には必ずHTML TIPS＆TRICKSの1行を忘れずに。あなたの挑戦を待つ！

がわかったらすぐに解答を送ってきてほしい。正解者には抽選で1名にオリジナル 折りたたみ傘をプレゼントさせていただく。なお、正解は来月のこのコーナーで発表する。それでは頭をやわらかくして、今月のテーマ ブラウザーの判別を制する にチャレンジ！

m ip-cdrom@impress.co.jp
なお、締め切りは6月10日とさせていただく。

Q U E S T I O N

1 バージョン4を判別せよ！

3

4

5

3

4

ブラウザーを判別する必要がよく起こるのは、IE 4とナビゲーター4以降で導入されたダイナミックHTMLを使う場合だ。バージョン3でもスクリプトエラーを出さず、またIEとナビゲーターでスクリプトを書き分けたいときに、navigatorオブジェクトをいちいち参照せずに次のように簡単なifとelseだ
けで判別できたら便利だ。
if (……) { IE 4と5の場合のスクリプト; }else if (……) { ナビゲーター4の場合のスクリプト; }「……」に当てはまる条件を考えて、このようなスクリプトを書く方法を考えてほしい。これが第1問だ。
ヒント

Q U E S T I O N

アニメーション効果などの対象となるオブジェクトがあるか……

2 IE 5を判別せよ！

3

4

5

3

4

ブラウザーを判別し、対応しているブラウザーだけに新しいタグを表示させたいという場合、スクリプトを使うとdocument.writeを使ってタグや文章を埋め込まなくてはならない。HTMLをスクリプトの中に移すのはたいへん面倒だ。普通にHTMLを書き、スクリプトではない何かの仕掛けを使ってブラウザーごとに表示と非表示を切り替えられれば、いろんなブラウザーに対応させる作業が楽になる。IE 5では、そんな要望に応える機能が登場した。新しい何かの命令を使ってIE 5独自のタグやスクリプトを囲めば、囲んだ部分がIE 5だけに表示されるようになるのだ。この「新しい何かの命令」を答えてほしい。これが第2問だ。
ヒン
ト288 INTERNET magazine 1999/7

今月のTIPS&TRICKSのサンプルのどこかに……

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この 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.