鵜川義弘
さまざまな情報をインターネットで取得することができたら，今度は，自ら情報を発信しよう．インターネットで最も人気のあるWWWによる情報提供方式では，大学，企業の紹介のページが花盛りである．自己紹介だけにとどまらず，研究仲間の情報掲示板の役割を持たせることも可能である．研究者としては，論文に載せきれなかった大量の実験データの公開ができるのが最大の利点となるだろう．
ネットワークサービスプロバイダだけでなく，所属組織の計算機センターなどによっては，個人用のディレクトリにホームページを置くことを許し，WWW経由で情報を発信させてくれるところがある．勿論，自分のパソコンをWWWサーバにし，そこから情報を発信することも可能で，詳しくはこの後に続く「サーバでの発信with Macintosh，Windows，Unix」を参照してほしい．
クライアントとサーバによる情報提供の構造
WWWでは，文書や画像を置いてあるサーバと，それを閲覧するクライアントの２つが連携してWWWの画面が表示されている．画面の文字の大きさ，文字飾り，また画像のレイアウトはHTMLで記述されており，クライアントが表示を担当している．サーバは，クライアントの要求があった時に，そのHTML文書や画像を転送するだけの役割しか担っていない．サーバとの接続は，情報の転送中にのみ必要で，転送が済んでしまうと，ネットワーク接続は切れてしまう．そして，クライアント側で，WWW画面上のボタンがクリックされた瞬間に，次のサーバとクライアント間の接続が開始される．
（１）HTML文書の取得
Windows版のNetscapeでも，View Source用に「Page Browser」（図２）というフリーソフトを指定しておくと，日本語文字コードを自動変換して表示してくれる（Page Browserは
（２）設定
同じApplications設定画面にTemporary Directoryの指定箇所があるので，フォルダを指定する．ここで指定したフォルダに，「View」メニューの「Document Source」操作により転送されるHTMLソースファイル（HTML文書）が作成される．このファイルは，Jeditの文書ファイルになっているので，後で変更したり，移動することが自由にできる．Jeditでは，文書を保存する時に，ファイルメニューの「別名で保存...」を選ぶと，JIS，SJIS，EUCの日本語文字コードや，MacやUnix，DOSでそれぞれ違う改行コードも選ぶことができる．
（１）直接「エディタ」で書く方法
（２）「HTMLエディタ」といわれるソフトを使用する方法
HTML言語には，文章と画像とリンクを書き入れることができる．図４は，HTML文書を，エディタで編集している例である（図４）．
ドラッグ＆ドロップでなくとも，「File」メニューから「Open File...」を選び，ファイルを指定することで同様のことができる．
コンテンツに含まれるボタンや画像の所在を示すリンクには，作成中のハードディスクのディレクトリツリー内に存在するHTML文書や画像への内部リンクと，外部のサーバに存在するURLを指す外部リンクの２種類あり，それぞれに対応して，リンクを貼る操作は２つある．内部リンクの場合は，ファインダでファイルをつかんでドラッグ＆ドロップすることでリンクとなる．編集モードからブラウズモードに戻すと，これらのリンクをたどって相対リンクを渡り歩く試験をすることができる（http://...などの外部リンクの試験はできない）．
既存のリンクのリンク先を変更したい時は，リンクとなっている部分にカーソルを合わせトリプルクリックすると，リンク部分全体のみを簡単に選択できるようになっている．Macintosh内の画像は，ドラッグ＆ドロップで文書内に取り込むことができる（図10）．
ドラッグ＆ドロップで取り込まれた画像は自動的にGIFフォーマットに変更される．また，文書内の画像の移動はマウスでつかんでドラッグすればよい．画像のサイズの変更はウィンドウの枠をドラッグするだけである．画像をダブルクリックすると，画像編集用のウィンドウが開き，透明化・インターレース化が簡単にできる（図11）．
ここでは，Macintoshで，WWWブラウザ，Netscape Navigatorを使い，HTML文書（ソース）の取得をしてみる．取得の操作は，Netscape Navigator英語版（Version 2.01）で，「View」メニューの「Document Source」（日本語Version 2.01Jaでは，「表示」メニューの「文書のソース」）を選ぶと，HTML文書が転送されてくる．
この時，Supporting Application（View Source）にフリーウェアのエディタ，Jedit（図１）を指定していると，どのような日本語コードで書かれたHTML文書であっても，自動変換して表示してくれる（Jeditは
図1 Jeditのアイコン
図2 Page Browserのアイコン
NetscapeのSupporting Applicationsの設定は，「Options」メニューの「General Preferences...」で選び，「Applications」の「View Source:」（日本語Version 2.01Jaでは，「オプション」メニューで「全般の設定...」を選び，「アプリケーション」の「ソースの表示：」）で設定する（図３）．
図3 General PreferenceでView Source用のアプリケーションを設定４．画像の取り込みと編集
WWWコンテンツでもう１つ重要なものに，画像がある．WWW画面に表示されている画像もWWWブラウザで取得できる（HTML文書の取得と同様に，他人の画像を無断で使うことは著作権の侵害になるので注意する）．WWWでよく使用される画像は，WWWブラウザが表示できるGIFフォーマットとJPEGフォーマットの画像であり，大多数はGIFである．
取得方法は，Macintosh版のNetscape Navigator英語版（Version 2.01）の場合には，画像の上にポインタを合わせて，マウスボタンを押したままにすると，ポップアップメニューに「Save this image as...」と出るので，保存する場所を指定する．Windows版のNetscape Navigatorでは，マウスの右ボタンを押すと同じポップアップメニューが出るので，保存する場所を指定する．
画像の編集は，Photoshop，Corel Photo Paint等の市販の画像処理ソフトウェアのほか，インターネット経由で取得できるフリーウェア，シェアウェアを使用する．特に，画像の一部を透明化するものや，画像が表示の時に，上からではなく，画像全体が荒い解像度で表示され，徐々に精細になっていくインターレース・プログレッシブ画像など，コンテンツ作成者として，一度はトライしてみたいと思う画像であろう．これらの作成ツールへのURLについては，以下のホームページを参考にするとよい．
＜http://joyjoy.com/J/other/tomyhome.html＞
これらのページには，著作権フリーアイコン・背景の画像へのリンクや，CGI（Common Gateway Interface）という，計算処理を伴ったWWWページの作成方法の説明など，凝りに凝ったコンテンツ作成方法の情報もあるので，参考にしてほしい．
（さいとう＠JOY氏の「マイ・ホームページへの道」）
＜http://www.sainet.or.jp/~rescue/web/＞（Kazutomo Yanaka氏の「Web裏技」）
５．HTML文書の作成・編集
HTML文書の作成・編集には，以下の３つの方法がある．
すでに公開しているHTML文書の一部を修正したり，実験的に１〜２ページのHTML文書を作成するには，この方法が早い．
作成するHTML文書の内容が少し複雑だったり，量的に多くなる場合には，能率の上がるHTMLエディタを使用するのが便利である．フリーウェア／シェアウェアなどを含め，HTMLエディタへのポインタとして，以下のURLを参考にしてほしい．
＜http://www.serve.com/mak/html_editors.cgi＞（Macintosh日本語による情報）
＜http://robin.sl.cae.ntt.jp/wwwedit.html＞（Windows/Macintosh日本語による情報）
＜http://miya.ecn.fpu.ac.jp/h_editor.htm＞（Windows日本語による情報）
＜http://www.comvista.com/net/www/htmleditor.html＞（Macintosh）
＜http://www.ncsa.uiuc.edu/SDG/Software/WinMosaic/HTMLEdit.htm＞（Windows）
＜http://sdg.ncsa.uiuc.edu/~mag/work/HTMLEditors/＞
＜http://www.w3.org/hypertext/WWW/Tools/Overview.html＞
HTMLエディタそのものではないが，MS−Word6.0Jで文書を作り，Wordのマクロ機能を使って自動でHTML化を行う，Windows/Macintosh共通のWORDHTMLというものもある．
これから，多くの日本語ワープロ，デスクトップパブリッシングソフトがHTMLへの書き出しをサポートするようになるだろう．1996年6月現在，日本語を含むHTML文書の作成の専用ソフトとして，Macintosh用には，こざいく，Adobe PageMill 1.0J，Windows用にはホームページビルダー，HOTALL等が存在する．HTML文書を大量に作成するには，これらのソフトを使用するのが楽だと思う．
これらの専用ソフトは，ワープロで書いた文書をHTMLに書き出すだけでなく，WWWブラウザでソースとして取得したHTML文書をそのまま読み込むことができ，読み書き双方向ができ，画像の取り扱いが楽になっているのが特徴である．さらに，こざいく，Adobe SiteMill（現在は英語版のみ）では，複数のWWWコンテンツをまとめてエラーチェックをかけるなど総合的な情報発信を助ける機能もある．専用ソフトPageMillの使用例は「７．PageMillによるコンテンツ作成」を参照．
作成するHTML文書の日本語文字コードについて
日本語の文字コードは，大まかに言ってJIS，SJIS，EUCの３種類ある（日本語文字コードの説明，p229参照）．HTML文書も，作成者によって使用する文字コードはさまざまである．一応，JISコードが標準と言われているので，作成する時にJISコードを指定できるエディタや専用ソフトを使用できる場合には，JISコードを選択する．しかし，1996年春の時点でWWWクライアントの大多数は，Netscape社のNetscape Navigatorであり，これは，HTML文書がJIS，SJIS，EUCのどのコードであっても，正しく表示することができる．設定は，「Options」メニューから「Document Encoding」を選び，「Japanese（Auto-Detect）」（日本語版Version 2.01Jaでは，「オプション」メニューから，「文書の文字コードセット」を選び「日本語（自動判別）」）にする．文字化けで読めないと言われたら，大半はNetscapeの設定ミス（例えば，あるページの一部分が読めないと言われた場合には，Fixed Fontの部分が英語フォントになっているなど）であることが多い．パソコンユーザにとっては，SJISで文書を作り，そのままサーバに転送した方が楽である．UNICODEが実用になるまでSJISのままでよいのではないだろうか．
６．初めてのHTML言語
HTMLへの書き出しができるワープロや専用ソフトを使用する場合には，言語としてのHTMLを見る必要もないかもしれないが，直接HTML文書を編集するには，ある程度のHTML言語に関する知識が必要である．
図4 HTML文書を編集中のエディタ画面
< ＞で囲まれている部分がHTMLタグと呼ばれる制御部分である．ここでは，以下の，HTMLタグを用いている．
<HTML>...</HTML> HTML文であることを示す
この例では，<http://www.dna.affrc.go.jp/~ugawa/> の部分にURL（Uniform Resource Locator=インターネット内での情報の種類と所在を統一的に示す書式）を書いた．しかし，相対的なファイルとして，例えば，「./index.html」，と書けば，現在のファイルを基準にして，同じディレクトリ（フォルダ）「./」にある「index.html」というファイルを示している．ここで，ディレクトリ部分に，「../」と書けば，親ディレクトリを示す．相対的ファイル指定を書くと，後でまとめて移動した時にリンクを書き直す必要がなく，ファイルのメンテナンスが楽である．
<HEAD>...</HEAD> HEAD部であることを示す
<TITLE>...</TITLE> TITLE部であることを示す
<BODY>...</BODY> BODY部であることを示す
<H2>...</H2> 見出し部であることを示す
<P>...</P> パラグラフを示す
<BR> 明示的な改行であることを示す（HTML文書内の改行は無視される）
<A HREF="http://www.dna.affrc.go.jp/~ugawa/">...</A>他文書へのリンクを示す
<IMG SRC="./Ugawa.gif"> 画像を示す
さらに詳しいHTMLの書き方については，数多く出版されている書籍から，自分の目的にあったものを選んで参考にしてほしい．WWWでは，日本のWWWサーバの総本山，NTTの「WWWに関する日本語による解説」＜http://www.ntt.jp/SQUARE/howto.html＞ を参照するとよい．
７．作成したコンテンツの確認
作成したHTML文書や画像は，サーバに転送する前にWWWブラウザのローカルファイルを見る方法で確認できる．以下は，MacintoshでNetscape Navigatorの表示部にHTML文書をドラッグ＆ドロップし，コンテンツを表示させているところである（図５）．
図5 HTML文書をNetscapeにドラッグ＆ドロップして表示
ネットワーク経由のHTML文書ではなく，ハードディスク内のファイル見ている時には，Netscapeの「Location:」部分のウィンドウに「file://...」と表示されるので，それとわかる．このようにして，一度コンテンツをNetscape Navigatorで確認できたら，次回からは，(1)エディタで編集，(2)エディタで保存，(3)ブラウザで，「Reload」（日本語版では「再読込」）ボタンを押す，の３つのステップを繰り返すことで，効率的に編集作業を進めることができる．
８．Adobe PageMillによるコンテンツの作成
Adobe PageMill 1.0J（図６）の表現力は，Netscape Navigatorで見てもらうにはまだ未熟である．例えば，フォントのサイズを少し大きくする（＜FONT SIZE=+2＞...＜/FONT＞），画像の表示場所を変更する（＜IMG SRC="..." ALIGN=RIGHT＞）等，できないことはたくさんある．しかし，日本語を含むコンテンツを難解なHTMLを見ずに作成できる点で，多くのコンテンツ作成者が待ち望んだ専用ソフトである．一度使ったら，二度と裸のエディタや，HTMLエディタで編集しようなどとは思わなくなる．
Adobe PageMillには，ブラウズモード（図７）と編集モード（図８）の２つのモードがある．編集モードでの操作は他のMacintoshのワープロと同じである．
図6 PageMillのアイコン 図7 PageMillのブラウズモード 図8 PageMillの編集モード
外部サーバへのリンクは，リンクにする部分を選択して，画面左下隅の部分をクリックしウィンドウ内にURLを書き込んだ後「return」キーで抜ける（「return」キーは必須）（図９）．
図9 リンクにする部分を選択してURLを書き込む
図10 画像の取り込み
図11 画像の編集９．コンテンツのサーバへの転送
作成したWWWページ（コンテンツ）をMacintoshやWindowsのパソコンWWWサーバに転送する場合には，サーバの公開ディレクトリを共有モードにし，ファイル転送機能MacintoshならAppleShare）を使って転送するのが簡単である．パソコン以外のWWWサーバ，例えば，ネットワークサービスプロバイダや，所属組織の計算機センターなどを利用する場合には，FTPでコンテンツを転送，更新作業を行う（p286，サーバでの発信with Unixの項を参照）．
10．コンテンツのコンテンツに関する注意
WWWコンテンツとして置いてはいけないものとして，ポルノ，転載許可を得ていない他人の文書，画像，ソフトウェア等がある．公的機関での企業の宣伝とおぼしきページ，宗教に関するページなどもあぶない．パソコンサーバで無意識のうちに市販ソフトが見えてしまってはいないか，チェックが必要である．
どこにもリンクを貼っていない隠しページだから大丈夫と思うのは甘い．最近はロボット＜http://kichijiro.c.u-tokyo.ac.jp/odin/odin.html#robot＞ がいて，人に代わって日夜リンクをたどり，新しいページを見つけると，それを検索させるサーチエンジンのデータベースに追加し，見えるようにしてしまう．自分のページからのリンクがなくても，人に教えたページからたどられてしまうこともある．
情報の発信は，非常に簡単にできる．しかし，自由の意味をはき違えると自分自身の首を絞めることにもなりかねない．ネットワークの発展のためにも，利用者の視点ではなく，コンテンツ作者やサーバの管理者として，十分な見識と自覚が必要である．計算機ネットワークであるインターネットも，その向こうに人がいることを忘れてはならない．