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

ついにこの連載も30回を数えることとなった。連載第1回の最初の技がスタイ3

ルシートだったことからもわかるように、ありきたりのテクニックにとらわれずに最新のTIPSとTRICKSを取り上げてきたのがこのコーナーだ。今月も新し4いスタイルシートやダイナミックHTMLが盛りだくさんだ。XMLやVML、DOM

5といった聞きなれないキーワードも出てくるので注目してほしい。
3

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

4

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

7月号「HTMLパズルに挑戦しよう」の解答
今月は久しぶりに解答者の数が少なかったのは残念だ。2問目はIE 5で新しく導入された文法だが、1問目は以前からよく使われているテクニックだ。ダイナミックHTMLを使ったスクリプトをブラウザーごとに使い分けるときに便利なので覚えておこう。それでは解答を発表しよう。

A N S W E R

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

IE 4以降でサポートされている「document.all」があるかどうかと、ナビゲーター4でサポートされている「document.layers」があるかどうかをそれぞれif文で判定すればいい。数値を表す変数だけでなく、オブジェクトもif文で判定できる。「if (オブジェクト)」とすれば、オブジェクトが存在するときにif文が実行される。
if (document.all) { // IE 4, 5の場合
bar1.style.pixelLeft = x; bar2.style.pixelLeft = x + 480;}
else if(document.layers) { // ナビゲーター4の場合
document.bar1.left = x; document.bar2.left = x + 480;}

A N S W E R

正解者：谷口勝宣さん、鹿倉隆さん、齊藤貴志さん、
うおまさ@homeさん

2 IE 5を判別せよ！

IE 5だけに表示させたい部分を<!--[if IE 5]>と<![endif]-->で囲えばよい。IE 5以外のブラウザーではコメントととして認識されるので表示されない。
<!--[if IE 5]><DIV>ここは IE 5だけに<BR>表示されます。</DIV><![endif]-->338 INTERNET magazine 1999/8

正解者：谷口勝宣さん、鹿倉隆さん、良知敬介さん、
齊藤貴志さん、うおまさ@homeさん

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

T IPS & T R ICKS

1
テキストを均等割り付けする
5
このコーナーの読者なら、スタイ
ルシートを使いこなしていることだ
ろうと思うが、text-alignプロパテ
ィーに「justify」という値があることを知っているだろうか。これはテキストを左右の範囲内に均等割り付け（左右揃え）するもので、左のサンプルはこのjustifyを使って作ったものだ。
「text-align : justify」
だけでは文字の間隔が空かないの
で日本語の文章では効果がよくわからなかったが、IE 5では文字の間隔も空けて均等割り付けできるよ
うになった。ただし、それにはIE 5からサポートされた別のスタイルシートのプロパティーと組み合わせる必要がある。どんなプロパティーなのかさっそく見てみよう。

d<DIV STYLE="text-align: justify; text-justify: distribute-all-lines">
Microsoft Internet Explorer 5.0</DIV>

上のサンプルを見て、文字の間隔と単語の間隔が広くなっていることに気づいただろうか。これは

この「text-justify」プロパティーには以下の値を最 後 に重 要 なことを記しておく。
「t e x t - a l i g n :指定できる。

justify」を指定せずに「text-justify」プロパティーだけを指定しても意味がない。また、「text-align」

IE 5からサポートされたスタイルシートの1つである「text-align: justify」と「text-justify: distribute-

auto:ブラウザーの動作に任せると「text-justify」はブロック要素のタグにだけ適

a l l - l i n e s 」を組 み合 わせて使 っているからだ。

newspaper：最後の行以外を均等割付け用できるもので、インライン要素には適用できな（改行タグのある行も均等割り付けする）

いことに注意しよう。ちなみに、ブロック要素とは「text-align: justify」はIE 4からサポートされていたプロパティーだが、これは1 行以上のテキストで

distribute：最後の行以外を均等割付け<DIV>タグや<P>タグなどのことで、インライン要

単語（スペースで区切られた文字例）の間隔を自動素とは<B>タグや<SPAN>タグのことだ。

調整するものだった。 IE 5からは「text-justify: dis

distribute-all-lines：すべての行で均等割り付け
inter-word：単語間隔を調整して均等割り付け

tribute-all-lines」がサポートされ、これと「text-（単語の文字間隔は調整されない）

以上で「text-justify」に関する説明は終わりだ。
このスタイルシートを使って、文章をきれいにレイalign: justify」を組み合わせることで、短いテキス
トの文字や単語の間隔に対しても均等割り付けが「auto」と「inter-word」以外では文字間隔と単できるようになった。IE 4までは単語内の文字間

語間隔の両方が調整される。また、これ以外に隔は一定であったものが、IE 5からは文字間隔も「inter-ideograph」（和文の文字間隔を空けて欧調整して均等割り付けができるようになったのだ。

文の文字間隔は空けない）という値があるが、IE 5

もちろん、単語の間隔も自動調整されることは言では「distribute」と動作が同じようである。

アウトしたページを作ってみよう。

うまでもないだろう。

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

INTERNET magazine 1999/8

339

T IPS & T R ICKS2
文字列を1文字ずつ表示させる
44

5

まずは左のサンプルを見てほしい。これは「welcome to Dynamic
HTML world !!」という文字列を1文字ずつ表示している様子を表したものだ。よくわからない人は、付
録CD-ROMに収録したサンプルを実行させてみるとイメージがつかめるだろう。スクリプトのソースは少し長めになっているが、変数を多く使っているだけで、中身は以前のこの連載で何度も触れたような簡単な命令ばかりなので恐れることはない。このサンプルをうまく使えば、キーボードからの入力がモニターに表示されているような様子をホームページ上で表 現することもできるぞ。それではこのスクリプトのソースを見てみよう。

dif (NN == 1 && Ver >= 4) {document.lay.document.open ();document.lay.document.write (startTag + s + endTag);
document.lay.document.close ();}else if ( IE == 1 && Ver >= 4) {lay.innerHTML = startTag + s + endTag;}i++;timer = setTimeout ("typeText ()", 200);

1
var NN = 0, IE = 0, i = 0;
var Ver = navigator.appVersion.charAt (0);if (navigator.appName == "Netscape") NN = 1; À
if (navigator.appName =="Microsoft Internet Explorer") IE = 1;startTag = '<P>'; endTag = '</P>';B̀
msg = "welcome to Dynamic HTML world !!";
function typeText () {if ( i > msg.length) {clearTimeout (timer);}else {
s = msg.substring (0, i);

まずは、ソース1の説明をしよう。Aの部分に

C̀

}
}

2
<BODY onLoad="typeText()"><DIV ID="lay"></DIV>理（位置や文字色など）が自動的に行われること

ついては、このコーナーで何度も紹介してきたので次のelse文で実際に1文字ずつ文字列を表示する処理をしている。
「msg.subString ( 0,i ) 」とは、説明は不要だろう。ブラウザー名とバージョン番

文字列msgの先頭からi番目までの文字列を抜き

号を変数に入れる処理をしている。

出す命令だ。これで変数 i が増加するごとに、変関数typeTextの最後では、変数iの値を1増やし、数「s」に入る文字が1文字ずつ多くなるわけだ。

setTimeoutで関数typeTextが再び呼び出されは言うまでもないだろう。

1のBでは、1文字ずつ表示させる文字列を変数

else文の中にあるif文はナビゲーター4向けの処るようにする。関数typeTextの呼び出しは、文「msg」に入れている。
「startTag」と「endTag」

理で、「lay」という名前のレイヤーにstartTag、s、

字列msgの文字数だけ繰り返され、変数 i の値がには文字列を囲うタグを記述する。変数msgのendTagを合わせた文字列を出力している。ちな

msgの文字数を超えると、Cの最初にあるif文に中に直接タグを書いてしまうと、タグも1文字としみに、「document.open」は省略できるが、「doc-

入ってclearTimeoutが実行されることになる。

て認識されてしまって表示が変になるので、startument.close」を省略してしまうと、iの値（関数

TagとendTagを変数として設定する。

typeTextが呼び出される回数）だけ変数sを表示

最後にソース2の説明だが、これは説明するまでしてしまうので注意しよう。

も なく、ペ ー ジ が 読 み 込 まれ たときに 関 数

1のCは、このサンプルの核となる部分だ。関数

次のif文はIE 4と5用の処理で、IE専用のプロパ

typeTextを呼び出し、文字列が1文字ずつ表示「typeText」
を作成して、HTML内のどこからでもティー で あ る i n n e r H T M L を 使 って い る 。

される位置に「lay」というID名のタグを設定して呼び出せるようにしている。最初のif文では、変数「lay.innerHTML」に文字列を入れれば、「lay」といるだけだ。以上でこのサンプルは完成だ。

「i」が文字列msgの文字数を超えたときに、clear

いうID のタグの中に文字列が出力されることにな

Timeoutを使って処理を停止するようにしている。

る。もちろんタグはブラウザーによって目的の処

340 INTERNET magazine 1999/8

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

T IPS & T R ICKS

3
ニュースボックスを作る
4
ホームページを訪問してくれた人へ作者からのメッセージを伝え
るには、メッセージを動的に表示すると効果的であることは言うまでもない。ありがちなテクニックとして、ステータスバーや1行テキストボッ
クスに文字をスクロールさせるものがあるが、ここではニュースボック
スというTIPSを紹介しよう。左はそのサンプルだ。画面の右端にある囲みの中で、メッセージが上にス
クロールしていくのが確認できるだ
ろう。これはレイヤーを移動させる
ことによって演出しているのだ。レイヤーを使っているのでナビゲー
ター4でしか動作しないが、メッセージを伝えるには効果的なのでチャレンジしてみよう。

d
1<LAYER ID="box" CLIP="0,0,220,200"><LAYER ID="msg"
onLoad='setInterval ("scrl ()",50)'><P>what's new !?</P><UL><LI>Move Layer<BR> (DynamicHTML Library)……
</LAYER></LAYER>2<SCRIPT LANGUAGE="JavaScript">lay1 = document.box;
lay2Hi = lay1.document.msg.clip.height;
var y = 200;function scrl () {if (y < -lay2Hi) {lay1.document.msg.moveTo (10, 200);
y = 200;}
else {
lay1.document.msg.moveTo (10, y);y--;}}</SCRIPT>

今回のTIPSは、2つのレイヤーを入れ子にしスクリプトの簡略化のために変数に入れてみた。変

準点として、そこから( 10,200 ) の位置にmsgレイて内側のレイヤーを移動させるものだ。それではさ

数「lay2Hi」にはmsgレイヤーの高さを入れる。変ヤーの左上の座標を移動せよ」ということだ。それ

っそくソース1から説明しよう。

数「y」はスクロールが開始される位置だ。今回のからyの値を初期値である200に戻している。

サンプルでは、boxレイヤーの一番下からスクロ

その次のelse文が実行される条件は、上で説明しソース1を見ると、ID名が「box」というレイヤーールが開始されるようにしてみた。変数 yの初期値

たif 文の条件に当てはまらない場合で、ここでもifの中にID名が「msg」というレイヤーを作っているとboxレイヤーのCLIPで指定されている右下座標

文の中と同じようにmoveToが使われている。if文

ことがわかるだろう。boxレイヤーでは、CLIP属性

を見ればわかるだろう。

と違うところは、上下方向の移動の量に変数 yをした数値は、
カンマで区切られた前の2つが左上の次はニュースをスクロールさせる関数srclだ。if文「y--」があるので、このループが実行されるたびに座標になり、後の2つが右下の座標になる。msgが実行される条件は、変数yの値がmsgレイヤー

値が1減っていく。その結果、msgレイヤーが1ピレイヤーにはスクロールさせたいニュースを記述し、の高さをマイナスにした値より小さい場合だ。別のクセルずつ上に移動するようになるのだ。

onLoadイベントでsetIntervalを使って50ミリ秒

言い方をすると、スクロールしているmsgレイヤー（0.05秒）ごとに関数「scrl」を呼び出す。

の下端の座標がboxレイヤーの上端の座標を越以上で今回のサンプルは完成だ。トップページなえたときに実行されるということだ。このif文では、

どにこのニュースボックスを使うと、確実に訪問者ヤーを表す。このように書く必要はないが、このス上まで移動したmsgレイヤーを一瞬で元の位置に戻す処理をしている。その命令が、「moveTo ( 10,情報」などに使ってみてはいかがだろう。

クリプトではboxレイヤーを何度も使用するので、200)」だ。これは「boxレイヤーの左上の座標を基使っていることだ。この変数 yの値は、次の行にを使って表示領域を定義している。CLIPで指定

ソース2の説明をしよう。変数「lay1」はboxレイの注目を引くことができる。ホームページの「新着インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1999/8

341

T IPS & T R ICKS

4
ベクターグラフィックを表示する
5
右のサンプルページには、円や四角形などの図形が表示されている。ところが驚くことにGIFやJPEGなどの画像ファイルはいっさい使われておらず、HTMLファイルだけで表示されているのだ。いったい
どうやっているのだろうか。実はIE
5 からサポートされたベクターグラ
フィック用のマークアップ言語VML（Vector Markup Language）のタ
グをHTMLの中に埋め込んでいるのだ。VMLを使えば、重い画像フ
ァイルをダウンロードせずに軽いテ
キストだけでグラフィカルな表現が可能になる。簡単な図形を表示したいだけなのにいちいちGIFファイ
ルを作るのは面倒だという人は、ぜ
ひ試してみてほしい。

d1<html xmlns:v="urn:schemas-microsoft-com:vml">

2<style>v¥:* { behavior:url (#default#VML); }</style>3<v:oval fillcolor="#00FFFF" strokecolor="green" strokeweight="4px"
style="position:absolute;left:100;top:130;width:200;height:100;"/><v:rect fillcolor="#00FF00" strokecolor="blue" strokeweight="2px"style="position:absolute;left:200;top:180;width:200;height:100;"/><v:roundrect fillcolor="yellow" strokecolor="#FF8000" strokeweight="6px"
style="position:absolute;left:350;top:100;width:160;height:100;"/><v:line from="0,0" to="420,180" strokecolor="red" strokeweight="8px"
style="position:absolute;left:100;top:100;"/>ベクターグラフィックとは、GIFやJPEGのよう作る」と同じような手順を踏む。まず、ソース1のの16進数を指定することもできる。また、4つのタに画像をピクセルの集合として表現するのではな

ように<HTML>タグに「xmlns」でネームスペース

グに共通の属性「strokecolor」と「strokeweight」

く、「座標いくつからいくつまで線を引く」というよを指定する。1の指定によって「v」はVMLを表すは、それぞれ枠線の色と枠線の太さ（直線では単にうに図形を命令で表すものだ。

ことになる。次に、ソース2 の<STYLE> タグで線の色と太さ）を指定するものだ。

そうしたベクターグラフィックの命令を、XML形式「v¥:*」のスタイルに「behavior」を指定する。1のタグで記述するのがVMLだ。たとえば座標 (0,0)
から(100,100)まで直線を引く場合は、次のようにと2はVMLを使うときのおまじないだと思ってそのまま書き写せばいい。

図形の色や線の太さを指定したら、配置する位置と大きさを決める。それにはHTMLのタグと同じく
スタイルシートのposition、left、top、width、書けばいい。
ソース3が実際にVMLのタグを書 いて図形を表

heightを使えばいいだけなので簡単だ。VMLの示させている部分だ。
「v:oval」、「v:rect」、「v:

図形はleftとtopで指定した位置を原点として描

roundrect」、「v:line」の4つのタグがそれぞれ楕画される。また、「position:absolute」をはずせばfrom属性とto属性を指定したlineタグを使ってい

円、四角形、角の丸い四角形、直線を表している。

<IMG>タグで指定した画像のようにテキストの途る。VMLはXML 形式なので、終了タグがない場合

HTML内に埋め込むときには、VMLのタグ名にネ

中に図形を埋め込むこともできる。

は< 〜 />と表記することに注意。

ームスペースを表す「v:」を付ける。
楕円、四角形、角の丸い四角形には共通の属性

なお、VMLを使うには、IE5をインストールする

それではソースを見てみよう。VMLをHTMLに埋め「fillcolor」がある。これは図形を塗りつぶす色をときにVMLのコンポーネントをインストールして込むには、先月号で紹介した「オリジナルのタグを指定するもので、「#FFFF00」のようにHTMLふういなければならないことに注意。

<line from="0,0" to="100,100" />342 INTERNET magazine 1999/8

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

T IPS & T R ICKS

5
テーブルをソートする
5
2月号のこのコーナーで、IE 4の
TDC（Tabular Data Control）
機能を使ってCSVファイルを読み込み、テーブルを並べ替える（ソートする）
方法を紹介した。同じようなこと
がIE 5で新たに追 加されたDOM（Document Object Model）機能を使えば簡単に実現できる。右のサンプルでは「Sort By Film Title」というボタンを押すと、年代順に行が並んだテーブルが映画のタイトル
順にソートされる。いつものTIPSに比べていかにもプログラム風なのでとっつきにくいかもしれないが、テーブルを自分の作ったものに取り替えるだけで、スクリプト部分はそのまま使えるので、とりあえず試
してみるのもいいだろう。

d1<SCRIPT LANGUAGE="JavaScript">function insertionSort (t, iRowStart, iRowEnd, fReverse){
var iRowInsertRow, iRowWalk;for (iRowInsert = iRowStart + 1; iRowInsert <= iRowEnd; iRowInsert++) {textRowInsert = t.children [ iRowInsert ].innerText;
for (iRowWalk = iRowStart; iRowWalk <= iRowInsert; iRowWalk++ ) {textRowCurrent = t.children [iRowWalk].innerText;
if ( ( (!fReverse && textRowInsert <= textRowCurrent)|| (fReverse && textRowInsert >= textRowCurrent) )&& (iRowInsert != iRowWalk) ) {eRowInsert = t.children [iRowInsert];
eRowWalk = t.children [iRowWalk];t.insertBefore (eRowInsert, eRowWalk);
iRowWalk = iRowInsert;}}}}</SCRIPT>2<INPUT
onclick="insertionSort (Tb1.children [0], 1,
Tb1.rows.length - 1, false)"
TYPE=button VALUE="Sort By Film Title"><TABLE ID="Tb1">……</TABLE>

DOMとは、HTMLやXMLなどのタグ付きテキを、「iRowEnd」は何行目までをソートするかを表

ストのデータを検索したり操作したりするための手す。通常はiRowStartには0を入れて先頭から並なっているのは、各 行 の中のテキストつまり「t .
children [数字].innerText」だ。
「t」は<TBODY>

続きを定めたものだ。あるタグとその中に含まれる

べ替えればいいが、今回のように1行目に<TH>つタグを表しているので、「t . c h i l d r e n [ 数 字 ] 」でタグを親子関係と考えて、ウィンドウズのエクスプ

まりヘッダーがある場合は、1とする。iRowEndは、<TBODY>タグの下にある「数字」番目のオブジェ

ローラに表示されるフォルダーのようにツリー状に「<TABLE>タグで指定したID」＋「.rows.lenght

クト（つまり<TR>タグ）を表せる。

構成されたデータとして処理を行う。

- 1」とすることで、最終行までが対象となる。
「f

目新しいメソッドは「t.insertBefore ( eRowInsert,

Reverse」はソートを昇順で行うか降順にするか

eRowWalk)」
で、DOM機能のメソッドであるinsert

ソース1のちょっと大掛かりなJavaScriptの関数の指定だ。falseが昇順を表している。

Beforeを使って、「eRowWalk」行の前に「eRow「insertionSort」。これが今回のソート機能のメイ

今回のサンプルでは、ソース2の<INPUT>タグでInsert」行を挿入している。同じように使えるメソンとなる関数だ。中身を見る前にinsertionSort

ッドには以下のようなものがあるので、いろいろとの引数について解説しておこう。

作ったボタンのonClickイベントに「insertionSort( Tb1.children [0],1,Tb1.rows.length-1, false)」

最初の「t」は、並べ替えの対象となるテーブルのを指定して関数を呼び出している。関数の中身に<TBODY>タグのことだ。<TBODY>タグはテー

興味がなければ、このサンプルをそのまま使えばブルオブジェクトの下 にあるオブジェクトなので、「<TABLE>タグで指定したID」＋「.children [0]」いい。

で<TBODY>を表すオブジェクトになる。次の「i関数は、行と行を1つずつ順に比較して並べ替え

RawStart」は表の上から何行目からソートするかを行うアルゴリズムになっている。比較の対象と試して面白いTIPSを考えてみてほしい。
replaceChild (c1, c2) : c2をc1に入れ替える
removeChild (c): cを取り除く
appendChild (c)インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D: cを付け加える

1999/4INTERNET magazine 1999/8

343

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

今

月

の

テ

ー

マ

どこかで見かけた効果を制する
この連載もついに30回目となったが、まだ取り上げたことのないテクニックもある。あるページで面白い効果を見つけて、「きっとTIPS & TRICKSに載っているに違いない」とバックナンバーを調べても見つからなくてがっかりする、ということ「HTMLパズルに挑戦しよう」
宛 先もあるかもしれない。今月は「こんなページをよく見かけるけど、いったD

いどうやっているのだろう」という謎を解くためのパズル に挑戦していた

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

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

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

Q U E S T I O N

1 ページの切り替えに効果を与えろ！

45

IE 4以降には、「トランジション」と呼ばれるアニメーション機能が組み込まれている。文字や画像に「STYLE="filter:revealTrans (……)"」というスタイルを設定してスクリプトで操作すると、表示を切り替えるときに円形や四角形の窓が伸び縮みしたり、カーテン状や市松模様のアニメーション効果が得られたりするものだ。これを画面全体に適用しているページをよく見かける。ページを開くときや出て行くときにページ全体が円形に広がったり縮んでいったりするものだ。これもトランジション効果の一種なのだ
が、さてどうやっているのだろう。実はスクリプトも書く必要がなく、1行のタグの記述でできてしまうものなのだ。
ヒントQ U E S T I O N

http://msdn.microsoft.com/workshop/author/
filter/filters.asp……

2 右下に常にロゴを置け！

4

5

4

左のサンプルを見てほしい。
「HTML TIPS & TRICKS」のロゴの画像がページの右下に表示されている。ページをスクロールさせても、このロゴは隠れることなく常に右下に置かれる。これもどこかで見かけた効果だ。
ページを読むのにじゃまになるだけだと言う人もいるかもしれないが、スク
リプトの勉強のために仕掛けを調べてみるのもいいだろう。それほど難し
いものではない。IEとナビゲーターのバージョン4以上で動くダイナミック
HTMLの簡単な例だ。スクリプトに慣れている人なら、こうしたロゴを置いているページを探さなくても書けるだろう。なお、解答はナビゲーターとIEの片方だけで動くものでも正解とする。
ヒン
ト

344 INTERNET magazine 1999/8

有名な無料ホームページ提供サイトでよく見かける……

インターネットマガジン／株式会社インプレス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.