JP2003186792A - メッセージ表示方法，そのサーバ及びクライアント - Google Patents

Abstract

(57)【要約】 【課題】 クライアント側におけるWebブラウザの機能
を有効に活用することによってサーバ側の負担を軽減し
つつ、ダイナミックな画面展開を図る。 【解決手段】 環境設定フレームＦＲＢには、config.h
tml→config.xml→config.xslの順でファイルが読み込
まれる。表示フレームＦＲＡにはmain.htmlが読み込ま
れる。すると、main.htmlのスクリプトによって環境設
定フレームＦＲＢのconfig.xmlに記述されている環境デ
ータを使って背景色，文字色，フォント，文字サイズな
どの環境が設定される。データフレームＦＲＣには、da
ta.html→ data.xml→data.xslの順でファイルが読み込
まれる。すると、data.htmlのスクリプトによって表示
フレームＦＲＡの空欄になっているエリアにデータフレ
ームＦＲＣのdata.xmlに記述されているメッセージがセ
ットされる。このようにして、チャットページは、クラ
イアント側で生成される。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、インターネット上
で掲示板，チャットなどとして提供されるメッセージ表
示システムの改良に関するものである。

【０００２】

【背景技術】よく知られているように、インターネット
上には「掲示板」(BBS:Bulletin Board System）や「チ
ャット」のようなメッセージを表示するサイトが存在す
る。例えば、図１７（Ａ）に示すように、インターネッ
ト９００に，クライアント（ユーザ）９１０としてＰＣ
（パソコン）９１２及び９１４，ＰＤＡ（personal dig
ital assistant）９１６，携帯電話９１８がそれぞれプ
ロバイダなどを通じて接続されており、更にサーバ９２
０が接続されている。

【０００３】例えば、チャットの場合について同図
（Ｂ）を参照しながら説明すると、クライアント９１０
は、インターネット９００を介してサーバ９２０にアク
セスする（矢印ｆａ）。するとサーバ９２０が、該当す
るWebページファイル（例えばHTMLファイル）をクライ
アント９１０に送信し（矢印ｆｂ）、チャットのWebペ
ージがクライアント９１０のWebブラウザに読み込まれ
て表示される（矢印ｆｃ）。ここで、表示内容を参照し
ながらクライアント９１０が発言したとすると（矢印ｆ
ｄ）、発言内容はクライアント９１０からサーバ９２０
に送信される（矢印ｆｅ）。送信された発言内容は、サ
ーバ９２０上のプログラムによってチャットのWebペー
ジファイルに書き込まれ（矢印ｆｆ）、Webページの一
部となる。そして、この発言書込み後のWebページファ
イルがサーバ９２０からクライアント９１０に送信され
（矢印ｆｇ）、クライアント９１０のWebブラウザによ
って表示される（矢印ｆｈ）。これにより、発言したク
ライアントは、自分の発言内容を知ることができ、他の
チャットに参加しているクライアントは、発言があった
ことを知ることができる。

【０００４】なお、公知のように、クライアント９１０
から送られてきた発言内容のデータをサーバ９２０で受
け取り、Webページファイル書き込み用のプログラムに
渡して加工するための仕組みを「CGI(Common Gateway In
terface)」と呼ぶ。そして、そのプログラムのことを「CG
Iプログラム」と呼び、現在はPerlという言語によって記
述されることが多い。

【０００５】CGIは、サーバ９２０のコンピュータのOS
（オペレーティングシステム）が「UNIX（登録商標）」
である場合の仕組みであるが、サーバ９２０のコンピュ
ータで「Windows（登録商標）NT」系のOSを利用してい
る場合は、同様の技術としてASP（Active Server Page
s）がある。技術的にはCGIとは異なるが、基本的な考え
方はASPもCGIと同じである。要するに、サーバ側でWeb
ページ（HTMLファイル）を動的に生成し、それをクライ
アント側に送信することにより、Webページが動的に変
化しているように見せるのが基本的な枠組みである。

【０００６】

【発明が解決しようとする課題】以上のように、従来の
メッセージ表示システムでは、サーバ９２０上でWebペ
ージを構成するHTMLファイルが生成され、そのHTMLファ
イルがクライアント９１０に送信されて、チャットや掲
示板のホームページが表示される。このため、クライア
ント９１０は、HTMLファイルを解釈できれば十分であ
る。Webブラウザとしては、インターネットエクスプロ
ーラ（Internet Explorer）とネットスケープ（Netscap
e）が著名であり、両ブラウザの互換性が問題になるこ
とが多いが、それはクライアントで動作する「スクリプ
ト」、複雑なレイアウトを可能にする「スタイルシー
ト」、その複合技術である「ダイナミックHTML（Dynamic
HTML）」等の技術に関してであり、HTMLファイルの解釈
能力に関しては両ブラウザに大きな相違はない。

【０００７】このため、CGIを使えば、サイト制作者はW
ebブラウザの種類やバージョンの違いを考慮する必要が
なくなり、かつ多くのユーザをターゲットとしたインタ
ラクティブなWebページを作成できるメリットがある。
しかし、一方においては、クライアント側のWebブラウ
ザが有する高度な機能が活かされず、また、サーバ側で
プログラムが動作するためにサーバ側の負荷が大きくな
るというデメリットもある。

【０００８】この発明は、以上の点に着目したもので、
クライアント側におけるWebブラウザの機能を有効に活
用することによってサーバ側の負担を軽減しつつ、ダイ
ナミックな画面展開を図ることができるメッセージ表示
方法，そのサーバ及びクライアントを提供することを、
その目的とするものである。

【０００９】

【課題を解決するための手段】前記目的を達成するた
め、本発明は、サーバ側からファイルをネットワークを
通じてクライアント側に送信し、クライアント側でメッ
セージを表示する際に、サーバ側は、メッセージ表示用
の環境データを記述した第１のXMLファイルをXSLファイ
ルを利用して読み込んだ第１のHTMLファイル；メッセー
ジデータを記述した第２のXMLファイルをXSLファイルを
利用して読み込んだ第２のHTMLファイル；メッセージ表
示用の第３のHTMLファイル；クライアント側における表
示画面を複数のフレーム分割するとともに、前記第１及
び第２のHTMLファイルが読み込まれるフレームを不可視
とし、前記第３のHTMLファイルが読み込まれるフレーム
を可視とする第４のHTMLファイル；をそれぞれクライア
ント側に送信し、クライアント側は、前記第４のHTMLフ
ァイルのフレーム設定に基づき、前記第３のHTMLファイ
ルの表示の際に前記第１及び第２のHTMLファイルを参照
してメッセージ表示を行うことを特徴とする。

【００１０】主要な形態の一つによれば、前記サーバ側
は、前記第１のXMLファイルを、XSLファイルを利用して
読み込んだ管理者ページ用の第５のHTMLファイル；管理
者ページ表示用の第６のHTMLファイル；クライアント側
における管理者ページ表示画面を複数のフレーム分割す
るとともに、前記第５のHTMLファイルが読み込まれるフ
レームを不可視とし、前記第６のHTMLファイルが読み込
まれるフレームを可視とする第７のHTMLファイル；をそ
れぞれクライアント側に送信し、クライアント側は、前
記第７のHTMLファイルのフレーム設定に基づき、前記第
６のHTMLファイルの表示の際に前記第５のHTMLファイル
を参照して管理者ページ表示を行い、該管理者ページを
利用して環境設定が行われたときに、前記第１のXMLフ
ァイルに記述されている環境データを変更することを特
徴とする。本発明の前記及び他の目的，特徴，利点は、
以下の詳細な説明及び添付図面から明瞭になろう。

【００１１】

【発明の実施の形態】本発明のメッセージ表示手法は、
従来のCGIを利用したチャットや掲示板などのメッセー
ジ表示手法と比較して、クライアント側のWebブラウザ
（具体的にはInternet Explorer）の機能を多く利用し
ている。よく知られているように、Webページは、HTML
ファイル，GIFやJPEGなどの画像ファイル等で構成され
ている。Webブラウザは、これらの各ファイルを読み込
んで１枚のWebページとして画面表示する。従来、Webブ
ラウザの役割は「表示すること」一点のみであった。い
ったん表示したら、それは絵画のように静止していたの
である。これに対し、ユーザがボタンをクリックしたら
メッセージを表示する，Webページ中の画像をドラッグ
で移動するなど、Webページをサーバから読み込んだ後
でもWebページを変化させられる技術が開発された。そ
れが「スクリプト」である。Webブラウザがスクリプト
に対応することで、サーバから読み込まれた後でもスク
リプトによって表示内容を様々に変化させられるように
なった。同時に、「スタイルシート」という手法によっ
て、より正確な位置に文字や画像を配置することが可能
となり、レイアウトや表現力の自由度も高まった。これ
らスクリプトとスタイルシートを組み合わせた技術の総
称を、「DynamicHTML」と呼ぶ。

【００１２】更に最近は、Webページ中でデータベース
を実現する機能（データバインド）、Webページ中に時
間の概念を取り込むことで文字や画像を一定時間動かし
たり、一定間隔で表示/非表示を繰り返したりできる機
能（HTML+TIME）、＜タイトル＞坊ちゃん＜／タイトル
＞＜著者＞夏目漱石＜／著者＞のように独自のタグで記
述したデータをWebページに取り込んで利用できるXMLや
XSLなど、さまざまな技術が登場している。

【００１３】本発明は、このようなWebブラウザが有す
る各種の機能を有効に活用することによって、サーバ側
の負担を軽減しつつ、ダイナミックに変化する画像を楽
しむことができる斬新で趣向性にあふれたメッセージ表
示を行うようにしたものである。以下、本発明をチャッ
トに適用した実施形態を例として詳細に説明する。

【００１４】［１］画面の表示……最初に、本発明の理
解を容易にするため、クライアント側における表示画面
の表示例を説明する。図１は、クライアント側における
表示の変化を示す。同図（Ａ）は、各クライアント共通
の表示画面であり、最上段の設定行Ｌ１には、各種設定
用のアイコン１０が配列されている。アイコン１０のう
ちの該当するものをクリックすることで、画面の透明／
不透明の切替，管理者メッセージの表示／非表示の切替
などを行うことができる。次の書込み行Ｌ２には、発言
番号２０，自分の顔アイコン２２，自分のハンドルネー
ム（以下単に「ハンドル」という）２４，メッセージ入
力欄２６，送信ボタン２８が順に設けられている。書込
み行Ｌ２以下のＬ３，Ｌ４，……は、いずれも発言行と
なっている。例えば、発言行Ｌ３には、発言番号３０，
発言者の顔アイコン３２，発言者のハンドル３４，発言
内容３６，発言日時３８が順に表示されている。他の発
言行についても同様である。

【００１５】発言する場合は、図１（Ａ）に示すよう
に、メッセージ入力欄２６に発言内容を書き込む。図示
の例では、「おはよう」というメッセージが書き込まれ
ている。そして、図１（Ｂ）に示すように、送信ボタン
２８をマウスカーソルでクリックするか、もしくは［En
ter]キーを押すと、図１（Ｃ）のようになり、発言内容
が発言行Ｌ３に表示されるようになる。過去の発言は、
順次下の発言行に移行する。

【００１６】図１（Ａ）〜（Ｃ）は、発言するチャット
利用者ないしチャット参加者（以下単に「利用者」とい
う）の画面であるが、発言しない他の参加者の画面は、
図１（Ｄ）から図１（Ｃ）のように変化する。これによ
り、ハンドル「○○子」さんが「おはよう」と発言した
ことを知ることができる。

【００１７】［２］装置構成……次に、本実施形態の主
要構成について説明する。インターネットに対する接続
構成は、上述した背景技術と同様であり、図１７に示し
たものと同様である。しかし本実施形態では、クライア
ントとサーバが図２に示すような構成となっている。ま
ず、クライアント１００から説明すると、クライアント
１００は、通常ＰＣが備えているＯＳやＦＥＰなどのプ
ログラム（いずれも図示せず）の他に、Webブラウザ１
１０を備えている。

【００１８】そして、このWebブラウザ１１０は、特
に、（１）スクリプト機能１１１……Webページを読み
込んだあとで、画像や文字などのWebページ構成要素の
位置・内容等といった性質を変化させる機能，（２）ス
タイルシート機能１１２……画像や文字などWebページ
中の要素を正確に配置・レイアウトする機能，（３）XM
L表示機能１１３……HTMLファイル中にXMLファイル，XS
Lファイルを埋め込む機能，（４）HTML+TIME機能１１４
……HTMLファイルに対するタイムコントロール機能，
（５）フィルタ機能１１５……画像の透明/不透明を切
り替える等の働きを持つフィルタ機能，を備えている。

【００１９】これらのうち、XML表示機能１１３は、XML
ファイル、XSLファイルを扱う機能で、XMLファイルやXS
LファイルをHTMLファイル内に埋め込むことで、HTMLフ
ァイルの一部の変更を容易に行うことができる。HTML＋
TIME機能１１４は、ビデオやサウンドにあわせてテキス
トを表示・移動するなどを行うことができる機能であ
る。上述した各機能を備えたWebブラウザ１１０の具体
例としては、Internet Explorer（登録商標）Ver. 5.5
以上がある。

【００２０】一方、サーバ２００には、チャットページ
用のファイルとして、フレームファイルtop.html，HTML
ファイルconfig.html，main.html，data.html，XMLファ
イルconfig.xml，data.xml，XSLファイルconfig.xsl，d
ata.xslがそれぞれ用意されており、管理ページ用のフ
ァイルとして、フレームファイルadmin_top.html，HTML
ファイルmcomfig.html，admin.html，XSLファイルmconf
ig.xslがそれぞれ用意されている。なお、XMLファイルc
onfig.xmlは、チャットページと管理ページとで共通と
なっている。また、メッセージの書込みと表示の処理を
行うメッセージ処理プログラム２１０，環境データの設
定を行うための環境データ処理プログラム２１２も用意
されている。

【００２１】次に、本実施形態における画面構成とファ
イル構成について説明する。クライアント１００側のWe
bブラウザ１１０上におけるHTMLファイルに基づくWebペ
ージの表示形態としてフレーム構造がある。図３（Ａ）
の例は、左縦長のフレーム１５０，上横長のフレーム１
５２，中央のフレーム１５４によって画面が分割されて
いる。図３（Ｂ）の例は、上下方向に分割されたフレー
ム１６０，１６２，１６４によって画面が構成されてい
る。もちろん、更に多数のフレームに画面を分割するこ
とは可能であるし、分割の形態も各種可能である。本実
施形態では、画面を、図３（Ｂ）に示すような３つのフ
レームに分割し、それらのうちの２つ，例えばフレーム
１６０，１６４を不可視とし、残りのフレーム１６２を
可視とすることで、図３（Ｃ）に示すように全体として
１つのWebページとして見せている。

【００２２】このようなフレームの分割数，分割方法
（縦か横か），各フレームに読み込むファイルの指定
は、フレームファイルtop.htmlで行われる。本実施形態
では、画面を上下方向に３分割すること，上下２つのフ
レームは高さをゼロにして不可視にすることが規定され
ており、更に一番上の環境設定フレーム（後述）にHTML
ファイルconfig.html（後述）を読み込むように指示す
るHTMLの記述が含まれている。

【００２３】図４には、上述した各フレームと、読み込
まれるファイルとの関係が示されている。同図の例で
は、画面が表示される可視のフレームが表示フレームＦ
ＲＡであり、不可視のフレームが環境設定フレームＦＲ
Ｂ，データフレームＦＲＣとなっている。これらのう
ち、環境設定フレームＦＲＢには、表示フレームＦＲＡ
に表示されるWebページの背景色や文字色，文字サイ
ズ，フォントなどの各種環境データのファイルが読み込
まれる。データフレームＦＲＣには、利用者によって書
き込まれたメッセージや書き込まれた日時などのデータ
（以下「メッセージデータ」と総称する）のファイルが
読み込まれる。そして、表示フレームＦＲＡには、前記
環境設定フレームＦＲＢの環境データをもとに、前記デ
ータフレームＦＲＣから取り出したメッセージデータが
セットされ、成形された状態で利用者にメッセージが表
示される。このように、本実施形態では、各分割フレー
ムにファイルを読み込んで相互に連携させることで、一
つのWebページとして表示している。以下、各フレーム
に読み込まれるファイルについて説明する。

【００２４】（１）環境設定フレームＦＲＢに読み込ま
れるファイルは３つあり、ここでは、config.html，con
fig.xml，config.xslと表現する（図４，矢印Ｆ１０参
照）。これらのうち、実際に文字サイズやフォントなど
の環境データを記憶しているのは、次のような形式のXM
Lファイルconfig.xmlである。 ＜?xml version='1.0' encoding='Shift_JIS'?＞ ＜configuration＞ ＜maincolor＞deepskyblue＜/maincolor＞ ＜tablebackcolor＞white＜/tablebackcolor＞ ＜tabletextcolor＞navy＜/tabletextcolor＞ ＜cardbackcolor＞gainsboro＜/cardbackcolor＞ ＜cardtextcolor＞black＜/cardtextcolor＞ ＜docbgcolor＞navy＜/docbgcolor＞ ＜docbgimage＞＜/docbgimage＞ ＜adminmessage＞管理者からのお知らせ＜/adminmessage＞ ： ： ＜chara36＞chara36.gif＜/chara36＞ ＜chara37＞chara37.gif＜/chara37＞ ＜chara38＞chara38.gif＜/chara38＞ ＜chara39＞chara39.gif＜/chara39＞ ＜chara40＞chara40.gif＜/chara40＞ ＜newSound＞beep002.wav＜/newSound＞＜/configuration＞ これらのうち、例えば「＜maincolor＞deepskyblue＜/m
aincolor＞」は、画面の主要な色が深空青色であること
を示すという具合である。環境データとしては、色，文
字フォント，文字サイズなどがある。

【００２５】このようなXMLファイルconfig.xmlを、次
のようなXSLファイルconfig.xslによって成形する。 ＜?xml version="1.0" encoding="Shift-JIS"?＞ ＜form id="form1" xmlns:xsl="http://www.w3.org/TR/WD-xsl"＞ ＜input type="text" id="conf_maincolor"＞ ＜xsl:attribute name="value"＞ ＜xsl:value-of select="configuration/maincolor" /＞ ＜/xsl:attribute＞ ＜/input＞ ＜input type="text" id="conf_tablebackcolor"＞ ＜xsl:attribute name="value"＞ ＜xsl:value-of select="configuration/tablebackcolor" /＞ ＜/xsl:attribute＞ ： ： ＜input type="text" id="conf_newSound"＞ ＜xsl:attribute name="value"＞ ＜xsl:value-of select="configuration/newSound" /＞ ＜/xsl:attribute＞ ＜/input＞ ＜/form＞

【００２６】そして、このXMLファイルconfig.xmlとXSL
ファイルconfig.xslは、HTMLファイルconfig.html中に
埋め込まれる。HTMLファイルconfig.htmlの一例を示す
と、次の通りである。 ＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"＞ ＜META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=shift_jis" ＞＜HTML＞＜HEAD＞＜TITLE＞＜/TITLE＞ ＜script language="javascript"＞ function loadXml() { source = new ActiveXObject("Microsoft.XMLDOM"); source.async = false; style = new ActiveXObject("Microsoft.XMLDOM"); style.async = false; source.load("config.xml"); style.load("config.xsl"); xslTarget.innerHTML = source.transformNode(style); } function loadPage() { setTimeout("top.up.document.location='0.html'",500); } ＜/script＞＜/HEAD＞ ＜body onload="loadXml();loadPage()"＞ ＜div id="xslTarget"＞ ＜/div＞ ： ： ：

【００２７】環境設定フレームＦＲＢに最初に読み込ま
れるのは、このHTMLファイルconfig.htmlである。そし
て、HTMLファイルconfig.htmlを読み込むと、XMLファイ
ルconfig.xmlに記述したデータがXSLファイルconfig.xs
lの指定に基づいて、通常であればWebページとして表示
される。しかし、本実施形態では、上述したように環境
設定フレームＦＲＢは利用者からは不可視である。仮に
これを表示したとすると、図５（Ａ）のようになる。こ
のような環境設定フレームＦＲＢのフォームにセットさ
れている各環境データは、他のフレームから利用できる
ようになっている。本実施形態では、表示フレームＦＲ
Ａから環境設定フレームＦＲＢを参照し、表示フレーム
ＦＲＡに表示されるWebページの表示環境が設定される
ようになっている。

【００２８】上述したように、環境データは、XMLファ
イルconfig.xmlに書き込まれるようになっている。従っ
て、XMLファイルconfig.xmlを利用者毎に用意し、これ
に各利用者が独自に色や文字サイズなどの環境を設定し
てサーバ側で記憶すれば、各利用者毎の表示環境を保持
することが可能となる。本実施形態では、XMLファイルc
onfig.xmlにおける環境データの設定（環境設定）を行
うための管理者ページを用意しており、パスワードによ
ってアクセスできるように構成されている。詳細は後述
する。なお、管理者とは、利用者のうちパスワードが発
行された者をいう。

【００２９】（２）データフレームＦＲＣに読み込まれ
るファイルは３つあり、ここでは、data.html，data.xm
l，data.xslと表現する（図４，矢印Ｆ２０参照）。こ
れらのうち、実際にメッセージを記憶しているのは、次
のような形式のdata.xmlである。 ＜?xml version='1.0' encoding='Shift_JIS'?＞＜?xml-stylesheet type='text /xsl' href='contents.xsl'?＞＜リスト＞ ＜発言＞＜チャット＞http://210.227.****＜/チャット＞＜ハンドル＞たろう＜ /ハンドル＞＜内容＞たろうです。＜/内容＞＜プロフィール＞プロフィールは設 定されていません＜/プロフィール＞＜発言日時＞2001/10/24(水) 22:13:32＜/ 発言日時＞＜/発言＞ ＜発言＞＜チャット＞http://210.227.****＜/チャット＞＜ハンドル＞りょうこ ＜/ハンドル＞＜内容＞いた。＜/内容＞＜プロフィール＞プロフィールは設定さ れていません＜/プロフィール＞＜発言日時＞2001/10/24(水) 22:13:31＜/発言 日時＞＜/発言＞ ： ＜/リスト＞ これらのうち、例えば「＜ハンドル＞たろう＜/ハンド
ル＞」は発言者のハンドル名データであり、「＜内容＞
たろうです。＜/内容＞」は発言内容データであるとい
う具合である。

【００３０】このようなXMLファイルdata.xmlを、次の
ようなXSLファイルdata.xslによって成形する。 ＜?xml version="1.0" encoding="Shift-JIS"?＞ ＜form id="form1" xmlns:xsl="http://www.w3.org/TR/WD-xsl"＞ ＜xsl:for-each select="リスト/発言"＞ ＜input type="text" id="chara"＞ ＜xsl:attribute name="value"＞ ＜xsl:value-of select="キャラ" /＞ ＜/xsl:attribute＞ ＜/input＞ ＜input type="text" id="handle"＞ ＜xsl:attribute name="value"＞ ＜xsl:value-of select="ハンドル" /＞ ＜/xsl:attribute＞ ＜/input＞ ： ： ＜br/＞ ＜/xsl:for-each＞ ＜/form＞

【００３１】そして、このXMLファイルdata.xmlとXSLフ
ァイルdata.xslは、HTMLファイルdata.html中に埋め込
まれる。HTMLファイルdata.htmlの一例を示すと、次の
通りである。 ＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"＞ ＜META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=shift_jis" ＞ ＜HTML＞＜HEAD＞＜TITLE＞＜/TITLE＞ ＜script language="javascript"＞ function loadXml() { source = new ActiveXObject("Microsoft.XMLDOM"); source.async = false; style = new ActiveXObject("Microsoft.XMLDOM"); style.async = false; source.load("contents.xml"); style.load("contents.xsl"); xslTarget.innerHTML = source.transformNode(style); } function setContents() { //キャラクターのセット top.up.chara1.src = form1.chara[0].value ： ： ＜/HEAD＞ ＜body onload="loadXml();callCookie();updatePage();"＞ ＜form name="form2" method="post" action="chat1response.asp" ACCEPTCHARS ET="shift_jis"＞ ＜input type="text" name="your2chara"/＞ ＜input type="text" name="your2handle"/＞ ＜input type="text" name="your2content"/＞ ＜input type="text" name="your2profile"/＞ ＜input type="text" name="updateInterval"/＞ ＜/form＞ ＜div id="xslTarget"＞ ＜/div＞ ： ： ：

【００３２】データフレームＦＲＣに最初に読み込まれ
るのは、このHTMLファイルdata.htmlである。そして、H
TMLファイルdata.htmlを読み込むと、XMLファイルdata.
xmlのメッセージデータがXSLファイルdata.xslによって
成形され、HTMLファイルdata.htmlに埋め込まれた状態
で、通常であれば表示される。しかし、本実施形態で
は、上述したようにデータフレームＦＲＣは利用者から
は不可視である。仮にこれを表示したとすると、図５
（Ｂ）のようになり、XMLファイルdata.xmlのデータが
フォーム内の文字としてセットされる。このようなデー
タフレームＦＲＣのフォームにセットされているメッセ
ージデータは、表示フレームＦＲＡに読み込まれ、表示
フレームＦＲＡに表示されるWebページの発言表示エリ
アにセットされる。

【００３３】図５（Ｂ）に示すように、HTMLファイルda
ta.htmlの画面最上部には、空白欄ＬＤがある。この領
域は、クライアント１００側の表示フレームＦＲＡで利
用者が入力したメッセージなどのデータがセットされる
もので、セットされたデータは、サーバ２００側に送信
されるようになっている。つまり、データフレームＦＲ
Ｃは、サーバ２００上のXMLファイルdata.xmlに記憶さ
れているメッセージなどのメッセージデータを読み込む
役割とともに、利用者が入力したメッセージをクライア
ント１００からサーバ２００に送る役割も有している。

【００３４】（３）表示フレームＦＲＡに読み込まれる
ファイルは一つであり、ここでは、main.htmlと表現す
る（図４，矢印Ｆ１４参照）。この表示フレームＦＲＡ
は、実際に利用者が見ることができるフレームである。
HTMLファイルmain.htmlが読み込まれると、上述した環
境設定フレームＦＲＢのフォームにセットされている
色，フォント，文字サイズなどの環境データを自分自身
の表示に利用する。例えば、画面の背景が「red
（赤）」という環境データが設定されているとすると、
これがHTMLファイルmain.htmlによって参照され、背景
が「red」の画面が表示されるという具合である。

【００３５】［３］初期表示動作……次に、最初の表示
動作，すなわち利用者であるクライアント１００側にお
いて最初に本実施形態のWebページを表示する場合の動
作を、図６のフローチャートを参照しながら説明する。
クライアント１００のWebブラウザ１１０で本実施形態
のチャットのＵＲＬが指定されると（ステップＳ１
０）、サーバ２００から大元のフレームファイルtop.ht
mlが送信され（ステップＳ１２）、クライアント１００
のWebブラウザ１１０に読み込まれる（ステップＳ１
４）。

【００３６】すると、フレームファイルtop.htmlの記述
に基づいて、表示画面のフレーム分割が行われ、画面が
フレームＦＲＡ〜ＦＲＣに３分割されるとともに、上下
２つのフレームＦＲＢ，ＦＲＣの高さをゼロにして不可
視にする（ステップＳ１６）。更に、フレームファイル
top.htmlに含まれているHTMLの記述によって、環境設定
フレームＦＲＢにHTLMファイルconfig.htmlを読み込む
ようにサーバ２００に指示する（ステップＳ１８）。

【００３７】サーバ２００からHTMLファイルconfig.htm
lが送信されると（ステップＳ２０）、クライアント１
００では環境設定フレームＦＲＢにHTMLファイルconfi
g.htmlが読み込まれる（図４の矢印Ｆ１０）。すると、
HTMLファイルconfig.htmlは、自分自身の予め指定され
たエリアにXMLファイルconfig.xmlを読み込むととも
に、そのスタイルをXSLファイルconfig.xslで成形する
（ステップＳ２２）。これによって、最終的に環境設定
フレームＦＲＢは、図５（Ａ）に示した状態となる。た
だし、上述したように、画面上では不可視である。な
お、ファイルを読み込む順番は、config.html→config.
xml→config.xslとなる。環境設定フレームＦＲＢに対
するファイル読込が完了すると、環境設定フレームＦＲ
ＢのHTMLファイルconfig.html中に書かれたスクリプト
によって、表示フレームＦＲＡにHTMLファイルmain.htm
lを読み込むようにサーバ２００に指示する（ステップ
Ｓ２４，矢印Ｆ１２）。

【００３８】サーバ２００からHTMLファイルmain.html
が送信されると（ステップＳ２６）、クライアント１０
０では表示フレームＦＲＡにHTMLファイルmain.htmlが
読み込まれる（ステップＳ２８，矢印Ｆ１４）。する
と、HTMLファイルmain.htmlのスクリプトによって環境
設定フレームＦＲＢのフォームにセットされている各環
境データの値が参照され、該値を使って自分自身の背景
色，文字色，フォント，文字サイズなどの環境が設定さ
れる（ステップＳ３０，矢印Ｆ１６）。ただし、この段
階では、HTMLファイルmain.htmlのメッセージを表示す
るエリアはまだ空欄のままとなっている。すなわち、現
時点では、色やフォントなどの環境設定だけが行われ
る。そして、HTMLファイルmain.html中のスクリプトに
よって、データフレームＦＲＣにHTMLファイルdata.htm
lを読み込むようにサーバ２００に指示する（ステップ
Ｓ３２，矢印Ｆ１８）。

【００３９】サーバ２００からHTMLファイルdata.html
が送信されると（ステップＳ３４）クライアント１００
ではデータフレームＦＲＣにHTMLファイルdata.htmlが
読み込まれる（矢印Ｆ２０）。すると、HTMLファイルda
ta.htmlは、自分自身の予め指定されたエリアにXMLファ
イルdata.xmlを読み込むとともに、そのスタイルをXSL
ファイルdata.xslによって成形する（ステップＳ３
６）。これによって、最終的にデータフレームＦＲＣ
は、図５（Ｂ）に示した状態となる。ただし、上述した
ように、画面上では不可視である。なお、ファイルを読
み込む順番は、data.html→ data.xml→data.xslとな
る。データフレームＦＲＣに対するファイル読み込みが
完了すると、データフレームＦＲＣのHTMLファイルdat
a.html中に書かれたスクリプトによって、表示フレーム
ＦＲＡの空欄になっているエリアにデータフレームＦＲ
Ｃ内のHTMLファイルdata.htmlのメッセージデータ(メッ
セージ)がセットされる（ステップＳ３８，矢印Ｆ２
２）。

【００４０】以上の動作により、環境設定フレームＦＲ
Ｂに読み込まれた環境データによって環境設定された表
示フレームＦＲＡに、データフレームＦＲＣに読み込ま
れたメッセージデータが表示されるようになる（ステッ
プＳ４０）。この状態が図１（Ａ）である。

【００４１】［４］メッセージ書込み動作……次に、い
ずれかの利用者がメッセージを書き込む場合の動作を、
図７のフローチャートを参照しながら説明する。上述し
たように、画面上に表示されるのは表示フレームＦＲＡ
であり、この表示フレームＦＲＡには図１（Ａ）に示し
たように、書込み行Ｌ２に発言番号２０，自分の顔アイ
コン２２，ハンドル２４，メッセージ入力欄２６，送信
ボタン２８がある。発言を希望する利用者は、メッセー
ジ入力欄２６にメッセージを書き込む（ステップＳ１０
０，図１（Ｂ）参照）。書き込まれたメッセージは、送
信ボタン２８がクリックされると、いったんデータフレ
ームＦＲＣの空白欄ＬＤにセットされ（ステップＳ１０
２）、続けてメッセージの内容がサーバ２００へ送信さ
れる（ステップＳ１０４）。

【００４２】サーバ２００に送られた新しいメッセージ
は、サーバ２００上のメッセージ処理プログラム２１０
に渡される。このメッセージ処理プログラム２１０は、
メッセージを記憶しているXMLファイルdata.xmlの内容
を読み込む。そして、新しいメッセージを１つ追加する
とともに古いメッセージを１つ削除し、XMLファイルdat
a.xmlの内容を更新する（ステップＳ１０６）。図８に
は、その様子が示されている。同図（Ａ）に示す状態で
番号「０００」に新しいメッセージが追加されるととも
に、最も古い番号「０２０」のメッセージＭＲが削除さ
れる。そして、同図（Ｃ）に示すように番号が順に繰り
下がり、新しいメッセージの番号が「０００」から「０
０１」に、メッセージＭＡの番号が「００１」から「０
０２」に、……という具合になる。

【００４３】XMLファイルdata.xmlの内容が更新される
と、サーバ２００上のメッセージ処理プログラム２１０
は、クライアント１００側のデータフレームＦＲＣにHT
MLファイルdata.htmlを送信する（ステップＳ１０
８）。すると、クライアント側では、データフレームＦ
ＲＣにHTMLファイルdata.htmlが読み込まれる（ステッ
プＳ１１０）。このHTMLファイルdata.htmlは、すでに
初回に読み込まれているから、結果的に再読込すること
になる。初回表示時と同様に、HTMLファイルdata.html
が読み込まれると、HTMLファイルdata.htmlは予め指定
されたエリアに更新後のXMLファイルdata.xmlを読み込
み（ステップＳ１１２）、そのスタイルをXSLファイルd
ata.xslによって成形する（ステップＳ１１４）。

【００４４】HTMLファイルdata.htmlの読み込みが完了
すると、HTMLファイルdata.htmlのスクリプトによって
表示フレームＦＲＡのメッセージ表示欄にデータフレー
ムＦＲＣ内のHTMLファイルdata.htmlのデータがセット
される。すなわち、更新後のXMLファイルdata.xmlに基
づいてメッセージが更新される（ステップＳ１１６）。
このようにして、表示フレームＦＲＡのメッセージ欄
が、古い内容から新しい内容に書き替えられる（図１
（Ｃ）参照）。すなわち、新しいメッセージが追加され
るとともに、最も古いメッセージが一つ削除される（ス
テップＳ１１８）。以上の動作が、メッセージの書込み
毎に繰り返し実行される。

【００４５】［５］メッセージ自動更新動作……次に、
メッセージの自動更新の動作を、図９のフローチャート
を参照しながら説明する。上述したメッセージ書込み動
作によれば、メッセージを書き込んだ利用者の画面は更
新されるものの、それ以外の利用者の画面は更新されな
い。つまり、メッセージを書き込まない限り、画面が更
新されず、同じ画面が表示されつづけることになる。

【００４６】そこで、本実施形態では、データフレーム
ＦＲＣのHTMLファイルdata.htmlに、一定時間毎に自分
自身(data.html)を再読込するスクリプトを用意する。
例えば、HTMLファイルdata.htmlで計時を行って（ステ
ップＳ２００）、３０秒毎にHTMLファイルdata.htmlを
再読込すると（ステップＳ２０２〜Ｓ２０８）、data.h
tml→data.xml→data.xslの順番にファイルが読み込ま
れるため、最新のメッセージが書き込まれたXMLファイ
ルdata.xmlに更新することができる。そして、HTMLファ
イルdata.htmlの読み込みが完了すると、上述したよう
に自動的に表示フレームＦＲＡのメッセージ欄が更新さ
れる（ステップＳ２１０）。このため、ユーザーは何も
しなくても３０秒ごとに最新のメッセージを見ることが
可能となる。

【００４７】［６］管理者ページ……次に、各種環境設
定を行うための管理者ページについて、図１０及び図１
１を参照しながら説明する。環境設定の内容を記憶する
ファイルは、上述したようにXMLファイルconfig.xmlで
あり、このファイルは利用者毎にそれぞれ設けられてい
る。利用者は、図１０に示すように、チャット画面から
パスワードを利用して管理者ページ３００に移る（矢印
Ｆ３０）。管理者ページ３００は、管理用表示フレーム
ＭＲＡと管理用環境設定フレームＭＲＢとによって構成
されており、大元の管理用フレームファイルadmin_top.
htmlによって規定されている。

【００４８】管理用表示フレームＭＲＡにはHTMLファイ
ルadmin.htmlが読み込まれるようになっており（矢印Ｆ
４０）、管理用環境設定フレームＭＲＢにはmconfig.ht
ml→config.xml→mconfig.xslの順にファイルが読み込
まれるようになっている（矢印Ｆ４２）。これらのう
ち、XMLファイルconfig.xmlは、上述したチャット画面
の環境設定用のものであり（矢印Ｆ４８）、他のファイ
ルmconfig.html，mconfig.xslは、いずれも管理用のフ
ァイルとなっている。

【００４９】管理者ページ３００で環境設定が行われる
と（矢印Ｆ３２）、XMLファイルconfig.xmlに新しい環
境データが記憶される。すると、チャット画面のページ
全体再読込が行われ（矢印Ｆ３４）、更新後のXMLファ
イルconfig.xmlに基づく環境データに基づいてメッセー
ジ表示が行われる。

【００５０】次に、図１１のフローチャートを参照しな
がら更に詳細に説明する。環境設定を行うときは、利用
者は、図１２（Ａ）に示すように、チャット画面にある
設定行Ｌ１のアイコン１０のうち、管理用アイコン１０
Ｍをクリックする（ステップＳ３００）。すると、図１
２（Ｂ）に示すようにパスワード入力ウインドウ３０２
が開くので（ステップＳ３０２）、パスワードを入力す
る。パスワードが誤っているときは（ステップＳ３０４
のNo）、元のページ，この例ではチャットページに戻る
（ステップＳ３０６）。パスワードが正しいときは（ス
テップＳ３０４のYes）、管理者ページ３００の大元のH
TMLファイルadmin_top.htmlがサーバ２００から送信さ
れて読み込まれる（ステップＳ３０８，Ｓ３１０）。こ
れにより、管理者ページ３００の画面フレーム分割数，
分割方法が設定される。図１０の例では、画面を上下方
向に２分割し、上の管理用環境設定フレームＭＲＢの高
さをゼロにして不可視にするとともに、HTMLファイルmc
onfig.htmlを読み込むように指示する（ステップＳ３１
２）。

【００５１】管理用環境設定フレームＭＲＢにHTMLファ
イルmconfig.htmlが読み込まれると（ステップＳ３１
４，Ｓ３１６）、mconfig.htmlは、自分自身の予め指定
されたエリアにXMLファイルconfig.xmlを読み込み（矢
印Ｆ４８）、そのスタイルをXSLファイルmconfig.xslで
成形する。ファイルを読み込む順番は、mconfig.html→
config.xml→mconfig.xslである。次に、管理用環境設
定フレームＭＲＢのHTMLファイルmconfig.html中に書か
れたスクリプトによって、管理用表示フレームＭＲＡに
HTMLファイルadmin.htmlを読み込むように指示が出され
て読み込まれる（ステップＳ３１８〜Ｓ３２２，矢印Ｆ
４４）。

【００５２】管理用表示フレームＭＲＡにHTMLファイル
admin.htmlが読み込まれると、その中に記述されている
スクリプトによって管理用環境設定フレームＭＲＢが参
照され、該フレームにセットされている環境データの値
が参照されて（ステップＳ３２４）、プレビューエリア
のセット（ステップＳ３２６）や、設定値のセット（ス
テップＳ３２８）が行われる（矢印Ｆ４６）。すなわ
ち、管理用表示フレームＭＲＡに表示されているプレビ
ューエリアに背景色，フォント，文字サイズ，などがセ
ットされる。利用者は、このようにして表示された管理
者ページ３００を参照することで、現時点における設定
内容を確認することができる。図１２（Ｃ）には、以上
のようにして表示された管理者ページの一例が示されて
いる。

【００５３】次に、管理者ページ３００を利用した環境
設定の手順について、図１３を参照しながら説明する。
利用者は、管理者ページ３００を参照し、環境項目毎に
設定を変更する（ステップＳ４００）。例えば、背景色
を「red」から「blue」に変更するという具合である。
各項目について必要な設定を行った後、記憶ボタンをク
リックすると（ステップＳ４０２）、変更後の環境デー
タがクライアント１００側からサーバ２００側に送信さ
れる（ステップＳ４０４）。サーバ２００では、環境デ
ータ処理プログラム２１２によって、クライアント１０
０から送られてきた環境設定データを読み取り、XMLフ
ァイルconfig.xmlに書き込む（ステップＳ４０６）。XM
Lファイルconfig.xmlの書き込み処理が完了すると、サ
ーバ２００側の環境データ処理プログラム２１２は、再
びチャットのページを表示するようにクライアント１０
０に指示を出す（ステップＳ４０８）。以後、図６に示
した初期表示動作が実行され、更新後のXMLファイルcon
fig.xmlに基づいて背景色，フォント，文字サイズなど
が変更されたページが表示されるようになる。例えば、
図１２（Ａ）に示すチャットページの背景を変更する
と、同図（Ｄ）に示すようになるという具合である。

【００５４】なお、管理者ページ３００を利用して設定
変更可能な項目は適宜選択してよいが、例えば次のよう
なものが該当する。 １.管理者ページ３００を表示する際のパスワード， ２.管理者からのメッセージ， ３.チャットエリア各部の色(背景色，境界線色，本文色
など)や背景画像， ４.チャットで使用するアイコン(gif，jpeg，pngなどの
Webページで使用可能な画像ファイルについて設定可
能)， ５.新規発言時に鳴るサウンド，

【００５５】特に、アイコンとしてデジタルカメラで撮
影した自分の顔写真を使用することで、より親しみのあ
るチャットを楽しむことができるようになる。また、We
bブラウザ１１０が有するスクリプト機能１１１，スタ
イルシート機能１１２，HTML+TIME機能１１４，あるい
はフィルタ機能１１５を利用することで、新規発言時や
表示形式切替時にアニメーション表示を行うなど、動き
のある動作が可能となる。更に、例えば、次のような機
能を付加するようにしてもよい。 １.スクロールする管理者メッセージの表示/スクロール
停止/非表示の切替， ２.メッセージ背景エリアの表示/非表示の切替， ３.メッセージの表示形式として「一覧形式」と「カード形
式」の切替， ４.発言番号の表示/非表示の切替， ５.発言表示行数の設定， ６.自動更新時間の設定， ７.タイトルバーエリアに表示されるアイコンをランダ
ムに変化， ８.メッセージの手動更新， ９.新規発言時のサウンドのオン/オフの切替， １０.プロフィールの設定（設定したプロフィールは、
該当する利用者のアイコンにマウスカーソルを合わせる
ことで表示）， １１.管理者ページにおいて、設定内容をプレビュー表
示， １２.上記の各種機能を実行する右クリックメニュー，

【００５６】［７］実施形態の効果……以上のように、
本実施形態によれば、次のような効果がある。 （１）環境データやメッセージデータをXMLファイルに
含めることとし、XSLファイルを利用してHTMLファイル
に埋め込むこととし、クライアント側でメインフレーム
に環境データとメッセージデータを読み込んで表示する
こととしたので、クライアント側におけるWebブラウザ
の機能を有効に活用することによってサーバ側の負担を
軽減しつつ、ダイナミックな画面展開を図ることができ
る。 （２）管理者ページを利用することで、個性溢れる環境
を設定することができる。 （３）環境データがXMLファイルに記述されているの
で、XMLファイルを利用者毎に用意することで、利用者
毎に設定された環境のチャット画面を展開することがで
きる。しかも、利用者毎のチャット画面がクライアント
側で生成されるので、サーバ側に負担をかけることな
く、チャットを楽しむことができる。 （４）予め用意した顔のキャラクタか、あるいはネット
上でアクセス可能な顔の画像ファイルをハンドルととも
に表示することとしたので、チャット参加者の個性をイ
メージしてチャットを楽しむことができる。

【００５７】［８］他の実施形態……次に、図１４〜図
１６を参照しながら、本発明の他の実施形態について説
明する。まず、図１４に示す例は、写真などを背景に利
用したフォトチャットの例である。同図（Ａ）に示すよ
うに、本実施形態では、ブラウザウィンドウの背景全体
に画像が表示され、画面上の好きな位置でチャットを実
行することができる。チャットの最上行が入力行Ｌ１０
となっており、ハンドル名表示欄，メッセージ入力欄，
発言ボタンが順に設けられている。メッセージ入力欄に
メッセージを記入して発言ボタンを押すことで、発言可
能である。Ｌ１１，Ｌ１２，……は、いずれも発言行と
なっている。

【００５８】背景に置く画像やチャットエリアの位置
は、管理者ページを利用して自由に設定することができ
る。例えば、家族旅行の画像や友人・恋人の画像などを
背景に置き、該画像上の好きな位置にチャットエリアを
設けて、互いにチャットを楽しむことができる。他に、
管理者ページを表示する際のパスワード，ハンドルやチ
ャットの表示色，発言エリアの境界線色，チャット内容
の自動更新間隔，新規発言時のサウンドなどもカスタマ
イズ可能である。

【００５９】更に本実施形態では、同図（Ｂ）に示すよ
うに、表示ウィンドウのサイズや形を変えると、背景の
画像もウィンドウのサイズ・形に連動する。そして、ウ
ィンドウサイズを小さくするとチャットの文字も小さ
く、ウィンドウサイズを大きくするとチャットの文字も
大きくなるので、画像とチャットエリアのデザイン的な
バランスが保たれる。もちろん、サイズの小さい状態で
も発言は可能である。これは、Webブラウザの「ダイナ
ミックプロパティ」と呼ばれる機能を利用したものであ
る。また、新しい発言は、サウンドとともに、チャット
エリアの左から右にアニメーション動作を伴って現れ
る。これは、WebブラウザのHTML＋TIMEの機能を利用し
たものである。

【００６０】図１５に示す例は、伝言板の例である。通
常知られている伝言板は、メッセージをチャットと同様
に時系列的に配列して表示している。しかし、本実施形
態の伝言板は、画面があたかもボードのように機能し、
画面上のいずれの位置にも伝言を残すことができる。同
図（Ａ）に示すように、画面中央には伝言ボードＷＡが
設けられており、右上にはチャット領域ＷＢが設けられ
ている。また、チャット領域ＷＢの下側には書き込みパ
ネルＷＣが設けられており、伝言ボードＷＡの上側には
設定欄ＷＤが設けられている。伝言ボードＷＡの背景に
は、画像を表示することもできる。

【００６１】利用者は、まず、設定欄ＷＤを利用してメ
ッセージの設定，例えば、文字サイズ，色，フォント，
斜体とするかどうか，太字とするかどうかなどの設定を
行う。次に、利用者は、図１５（Ａ）に示すように、書
き込みパネルＷＣにメッセージを記入する。このとき、
自分のハンドルも設定することができる。そして、図１
５（Ｂ）に示すように、カーソルをドラッグして、書き
込みパネルＷＣを伝言ボードＷＡ上の所望位置に移動す
る。そして、「ＯＫ」ボタンをおせば、図１５（Ｃ）に
示すようにメッセージが書き込まれる。このように、利
用者は、伝言ボードＷＡ内の好きな位置にメッセージを
自由に書き込むことができ、駅の伝言板のように利用で
きる。これは、Webブラウザ１１０のスタイルシート機
能１１２を利用することで実現できる。スタイルシート
機能１１２を利用すると、Webページ中の文字や画像等
の要素をブラウザウインドウ左上を原点とした座標上で
正確に配置することができる。例えば、 ＜img src="photo.gif" style="position:absolute;to
p:100;left:200;"＞ と記述すると、「photo.gif」のファイル名の画像の左
上端は、ブラウザウインドウ左上から下に１００ピクセ
ル，横に２００ピクセルの位置となるという具合であ
る。ここでいう「photo.gif」が前記書き込みパネルＷ
Ｃに相当する。

【００６２】本実施形態では、伝言ボードＷＡ上におけ
る書き込みパネルＷＣの座標を調べてクライアント１０
０からサーバ２００に送信し、XMLファイルconfig.xml
に記憶する。伝言ボードＷＡにメッセージを表示すると
きは、該XMLファイルconfig.xmlに書き込まれている前
記座標値を参照し、該当する位置にメッセージを表示す
る。書き込まれたメッセージは時間の経過とともに薄く
なり、予め決められた時間が経過すると消える。これ
は、Webブラウザのフィルタ機能を利用したものであ
る。

【００６３】書き込まれたメッセージにカーソルを合わ
せると、薄くなったメッセージは一時的に書き込まれた
ときと同じ濃度に戻り、書き込んだ人のハンドルや書き
込み日時がツールチップ形式で表示される。また、設定
欄ＷＤの「表示切替」ボタンをクリックすることで、メ
ッセージの表示形式を、伝言板形式→メッセージ一覧形
式(フォントや文字サイズ等の書式情報付き)→メッセー
ジ一覧形式(書式情報のないテキスト形式)の３形式のい
ずれかに順番に切り替えることができる。なお、メッセ
ージ一覧形式の場合、時系列的にメッセージが並んで表
示される。

【００６４】また、本実施形態でも管理者ページがあ
り、これを利用することで、伝言ボードＷＡなどの背景
画像の切替，背景画像の有無，チャット発言時のサウン
ドのON／OFF切替，チャット領域ＷＢの色，管理者ペー
ジを表示する際のパスワード，タイトル文字，伝言ボー
ドＷＡ上におけるメッセージの寿命などのカスタマイズ
が可能である。背景画像は、予め複数用意し、管理者ペ
ージでそれらを切り替えることが可能である。また、前
記実施形態と同様に、管理者ページでユーザ独自の背景
画像を指定することもできる。この場合、ユーザ独自の
背景画像は、ネットワーク上のアクセス可能な場所に置
くようにする。なお、チャット領域ＷＢは、上述した図
１４の実施形態などと同様である。

【００６５】本例によれば、伝言ボードＷＡとチャット
領域ＷＢ，すなわちメッセージを書き込む領域とチャッ
トの領域が独立かつ隣接して同一画面上に存在してい
る。このため、伝言ボードＷＡに書き込まれたメッセー
ジを見ながら、それについてチャット領域ＷＢでチャッ
トを行うということが可能となる。

【００６６】図１６に示す例も、伝言板の例である。こ
の例は、見出し欄ＹＡと内容表示欄ＹＢが設けられてお
り、見出し欄ＹＡに時系列的に伝言のタイトルが表示さ
れている。伝言の内容を見たいときは、見出し欄ＹＡで
該当するタイトルを指定すればよい。すると、対応する
伝言の内容が内容表示欄ＹＢに表示される。この例にお
いても、背景画像などについて、上述した実施形態と同
様にカスタマイズ可能である。

【００６７】本発明には数多くの実施形態があり、以上
の開示に基づいて多様に改変することが可能である。例
えば、次のようなものも含まれる。 （１）前記実施形態では、チャットと掲示板を区別した
が、いずれもメッセージ表示手段としては共通するもの
がある。チャットの場合は、参加している複数の人が同
時にメッセージのやり取りをすることを特徴とするた
め、通常利用者が１人では成立しない。一方、掲示板の
場合は、発言内容が書き込まれた掲示板を後に誰かが参
照すればよいので、同時に複数の人が当該掲示板を見て
いる必要はない。しかし、チャットであっても、1人で
発言したものを後から誰かが見るということであれば掲
示板と同じであり、掲示板であっても、複数の人が同時
に掲示板を参照しており、発言に対してすぐに応答の発
言があるような状況では、実質的にチャットとして機能
していると考えることができるので、両者を厳密に区別
する意味は乏しい。

【００６８】（２）サーバOSとしてWindows（登録商
標）NT系(Windows（登録商標）2000Server)を使用する
場合は、サーバ側の技術としてASP（Active Server Pag
es）を利用する。しかし、サーバOSがUNIX（登録商標）
の場合には、CGI（Common Gateway Interface）の利用
も可能である。 （３）前記実施形態では、一定時間の経過ごとにチャッ
トや掲示板の内容を自動更新することとしたが、例え
ば、発言欄が空欄の状態で発言ボタンをクリックするか
[Enter]キーを押すと、チャットの内容が更新される。 （４）各実施形態におけるファイル名，フレーム分割，
表示画面のレイアウトなども必要に応じて適宜変更して
よい。また、公知のHTMLファイルの作成技術，Web技術
を必要に応じて適用してよい。例えば、マウスの右クリ
ックメニューを追加する，サウンドを付加するなどであ
る。

【００６９】

【発明の効果】以上説明したように、本発明によれば、
クライアント側におけるWebブラウザの機能を有効に活
用することにより、サーバ側の負担を軽減しつつ、ダイ
ナミックな画面やサウンドの展開を図ることができると
いう効果がある。

【図面の簡単な説明】

【図１】本発明のチャットの実施形態における表示画面
を示す説明図である。

【図２】前記実施形態におけるクライアント及びサーバ
の構成を示すブロック図である。

【図３】Webページにおけるフレーム分割の様子を示す
説明図である。

【図４】前記フレーム分割と読み込みファイルとの関係
を示す説明図である。

【図５】不可視のフレームの一例を示す説明図である。

【図６】チャット画面の初期表示動作の手順を示すフロ
ーチャートである。

【図７】チャット画面におけるメッセージ書込みの手順
を示すフローチャートである。

【図８】メッセージの入れ替え手順を示す説明図であ
る。

【図９】メッセージの自動更新手順を示すフローチャー
トである。

【図１０】管理者ページのフレーム分割と読み込みファ
イルの関係を示す説明図である。

【図１１】管理者ページの表示手順を示すフローチャー
トである。

【図１２】チャットページと管理者ページの変化の様子
を示す説明図である。

【図１３】環境データの変更手順を示すフローチャート
である。

【図１４】他のチャット画面の例を示す説明図である。

【図１５】他の伝言板画面の例を示す説明図である。

【図１６】他の伝言板画面の例を示す説明図である。

【図１７】一般的なシステム構成とチャットページの表
示手順を示す説明図である。

【符号の説明】

１０……アイコン １０Ｍ……管理用アイコン １２……Webブラウザ ２０……発言番号 ２２……顔アイコン ２４……ハンドル ２６……メッセージ入力欄 ２８……送信ボタン ３０……発言番号 ３２……顔アイコン ３４……ハンドル ３６……発言内容 ３８……発言日時 １００……クライアント １１０……Webブラウザ １１１……スクリプト機能 １１２……スタイルシート機能 １１３……XML表示機能 １１４……HTML＋TIME機能 １１５……フィルタ機能 １５０，１５２，１５４，１６０，１６２，１６４……
フレーム ２００……サーバ ２１０……メッセージ処理プログラム ２１２……環境データ処理プログラム ３００……管理者ページ ３０２……パスワード入力ウインドウ ＦＲＡ……表示フレーム ＦＲＢ……環境設定フレーム ＦＲＣ……データフレーム Ｌ１……設定行 Ｌ２……書込み行 Ｌ３〜Ｌ６，Ｌ１１，Ｌ１２……発言行 Ｌ１０……入力行 ＬＤ……空白欄 ＭＲＡ……管理用表示フレーム ＭＲＢ……管理用環境設定フレーム ＷＡ……伝言ボード ＷＢ……チャット領域 ＷＣ……書き込みパネル ＷＤ……設定欄 ＹＡ……見出し欄 ＹＢ……内容表示欄 top.html，admin_top.html……フレームファイル admin.html，config.html，data.html，main.html，mco
nfig.html……HTMLファイル config.xml，data.xml……XMLファイル config.xsl，data.xsl，mconfig.xsl……XSLファイル

───────────────────────────────────────────────────── フロントページの続き (51)Int.Cl.⁷ 識別記号 ＦＩ テーマコート゛(参考） Ｇ０６Ｆ 12/00 ５４６ Ｇ０６Ｆ 12/00 ５４６Ａ 15/00 ３９０ 15/00 ３９０

Claims (10)

【特許請求の範囲】
1. 【請求項１】 サーバ側からファイルをネットワークを
   通じてクライアント側に送信し、クライアント側でメッ
   セージを表示するメッセージ表示方法であって、 サーバ側は、 メッセージ表示用の環境データを記述した第１のXMLフ
   ァイルをXSLファイルを利用して読み込んだ第１のHTML
   ファイル；メッセージデータを記述した第２のXMLファ
   イルをXSLファイルを利用して読み込んだ第２のHTMLフ
   ァイル；メッセージ表示用の第３のHTMLファイル；クラ
   イアント側における表示画面を複数のフレーム分割する
   とともに、前記第１及び第２のHTMLファイルが読み込ま
   れるフレームを不可視とし、前記第３のHTMLファイルが
   読み込まれるフレームを可視とする第４のHTMLファイ
   ル；をそれぞれクライアント側に送信し、 クライアント側は、 前記第４のHTMLファイルのフレーム設定に基づき、前記
   第３のHTMLファイルの表示の際に前記第１及び第２のHT
   MLファイルを参照してメッセージ表示を行うことを特徴
   とするメッセージ表示方法。
2. 【請求項２】 前記サーバ側は、 前記第１のXMLファイルを、XSLファイルを利用して読み
   込んだ管理者ページ用の第５のHTMLファイル；管理者ペ
   ージ表示用の第６のHTMLファイル；クライアント側にお
   ける管理者ページ表示画面を複数のフレーム分割すると
   ともに、前記第５のHTMLファイルが読み込まれるフレー
   ムを不可視とし、前記第６のHTMLファイルが読み込まれ
   るフレームを可視とする第７のHTMLファイル；をそれぞ
   れクライアント側に送信し、 クライアント側は、 前記第７のHTMLファイルのフレーム設定に基づき、前記
   第６のHTMLファイルの表示の際に前記第５のHTMLファイ
   ルを参照して管理者ページ表示を行い、 該管理者ページを利用して環境設定が行われたときに、
   前記第１のXMLファイルに記述されている環境データを
   変更することを特徴とする請求項１記載のメッセージ表
   示方法。
3. 【請求項３】 クライアント側にメッセージ表示用のフ
   ァイルを送信するメッセージ表示用サーバであって、 メッセージ表示用の環境データを記述した第１のXMLフ
   ァイルをXSLファイルを利用して読み込んだ第１のHTML
   ファイル；メッセージデータを記述した第２のXMLファ
   イルをXSLファイルを利用して読み込んだ第２のHTMLフ
   ァイル；メッセージ表示用の第３のHTMLファイル；クラ
   イアント側におけるメッセージ表示画面を複数のフレー
   ム分割するとともに、前記第１及び第２のHTMLファイル
   が読み込まれるフレームを不可視とし、前記第３のHTML
   ファイルが読み込まれるフレームを可視とする第４のHT
   MLファイル；クライアント側からの要求に基づいて、前
   記第１のXMLファイルに記述されている環境データを変
   更する環境データ処理手段；クライアント側からの要求
   に基づいて、前記第２のXMLファイルに記述されている
   メッセージデータを変更するメッセージデータ処理手
   段；を備えたことを特徴とするメッセージ表示用サー
   バ。
4. 【請求項４】 前記第１のXMLファイルを、XSLファイル
   を利用して読み込んだ管理者ページ用の第５のHTMLファ
   イル；管理者ページ表示用の第６のHTMLファイル；クラ
   イアント側における管理者ページ表示画面を複数のフレ
   ーム分割するとともに、前記第５のHTMLファイルが読み
   込まれるフレームを不可視とし、前記第６のHTMLファイ
   ルが読み込まれるフレームを可視とする第７のHTMLファ
   イル；を備えたことを特徴とする請求項３記載のメッセ
   ージ表示用サーバ。
5. 【請求項５】 請求項３又は４記載のメッセージ表示用
   サーバから、ネットワークを通じて、前記第１〜第４の
   HTMLファイルを受信し、 前記第４のHTMLファイルのフレーム設定に基づき、前記
   第３のHTMLファイルの表示の際に前記第１及び第２のHT
   MLファイルを参照してメッセージ表示を行うことを特徴
   とするメッセージ表示用クライアント。
6. 【請求項６】 請求項４記載のメッセージ表示用サーバ
   から、ネットワークを通じて、前記第５〜第７のHTMLフ
   ァイルを受信し、 前記第７のHTMLファイルのフレーム設定に基づき、前記
   第６のHTMLファイルの表示の際に前記第５のHTMLファイ
   ルを参照して管理者ページ表示を行い、 該管理者ページを利用して前記環境データ処理手段に環
   境データの変更を要求することを特徴とするメッセージ
   表示用クライアント。
7. 【請求項７】 メッセージとともに利用者のキャラクタ
   を表示することを特徴とする請求項５又は６記載のメッ
   セージ表示用クライアント。
8. 【請求項８】 メッセージの背景に画像を表示すること
   を特徴とする請求項５又は６記載のメッセージ表示用ク
   ライアント。
9. 【請求項９】 メッセージを任意の位置に表示できる領
   域を設けたことを特徴とする請求項５又は６記載のメッ
   セージ表示用クライアント。
10. 【請求項１０】 メッセージのタイトルを表示する領域
    と、メッセージの内容を表示する領域をそれぞれ別個に
    設けたことを特徴とする請求項５又は６記載のメッセー
    ジ表示用クライアント。