JP2010218522A

JP2010218522A - ブラウザのプラグインを用いるウェブページ表示方法

Info

Publication number: JP2010218522A
Application number: JP2009095275A
Authority: JP
Inventors: Junichi Tabuchi; 純一田淵
Original assignee: Yahoo Japan Corp
Current assignee: Yahoo Japan Corp
Priority date: 2009-03-17
Filing date: 2009-03-17
Publication date: 2010-09-30
Anticipated expiration: 2029-03-17
Also published as: JP4874363B2

Abstract

【課題】ブラウザがレイアウトした位置情報をもとにプラグインで動的に画像を加工配置することにより、高度な表示を容易に実現する。
【解決手段】スクリプトＳは、ウェブページデータ８について読み込みが完了しウェブブラウザＢが表示したことを検知すなわち判断すると、各表示対象の表示位置を表す表示位置情報をウェブブラウザＢから取得し、その表示位置に対応して表示すべき画像の内容及び加工態様を表す情報をウェブページデータ８から取得し、これら取得した各情報を表示指示情報として表示プログラムＰに渡す。表示プログラムＰは、プラグイン表示層に、受け取った各表示対象ごとに、表示指示情報に基づいて、画像指定情報が表す画像を取得し、加工情報の表す加工態様で拡大縮小等の加工を施した上で、表示位置の情報に対応した位置に表示する。
【選択図】図１

Description

本発明は、ウェブページを表示する技術の改良に関する。

ウェブページをウェブブラウザで表示する態様として、ＨＴＭＬとＣＳＳを利用した画面表示と、ＳｉｌｖｅｒｌｉｇｈｔやＦｌａｓｈ（それぞれ登録商標）といったいわゆるインタラクティブ動画ファイルのプレーヤー等のプラグインを利用した画面表示が知られているが、どちらも一長一短あり、一方では不十分であった。

特開２００９−２０３７６号公報

すなわち、前者のＨＴＭＬ／ＣＳＳを利用した画面表示は、開発が容易で技術的な認知度も高いが、複雑なレイアウトの実現には多数の画像ファイルが必要でサーバアクセスの負荷が大きく、表示までの時間もかかりやすいという問題があった。また、複数な動きのアニメーションなど多様な表示の実現には不向きという限界もあった。

一方、後者のプラグインを利用した画面表示は、画像の加工や動きなど高度な内部処理が可能で、少ない画像ファイルで複雑多様な表示レイアウトを行えたり、画像ファイルの数を削減することができ、サーバへのアクセスも抑制可能である反面、技術的な認知度が低く、専用ツールやコストなどを含め開発の負担が大きい問題があった。

特に従来、ＨＴＭＬ／ＣＳＳによる画面レイアウト内に、プラグインによるアニメーション装飾など動画の要素を配置する場合は、ブラウザウィンドウのサイズ変更に合わせて動画の位置やサイズを変更したり、各装飾箇所ごとに動画を配置したり、それらを並行動作させるなど、複雑な画面設計技能や大きなＣＰＵ負荷が必須で、困難が大きかった。

なお、プラグインで広範囲の地図をスクロール表示する技術で、互いに異なる範囲を描画するプラグインのプラグラムをサーバからクライアントに順次送信して切り替える際に、直前の表示位置を新たなプログラムにサーバで埋め込む提案は知られているが（例えば、特許文献１参照）、上記のような課題に関るものではなかった。

本発明は、上記のような課題を解決するもので、その目的は、ブラウザがレイアウトした位置情報をもとにプラグインで動的に画像を加工配置することにより、高度な表示を容易に実現することである。

上記の目的をふまえ、本発明の一態様は、ウェブブラウザを備えたクライアントシステムに対してウェブ表示を提供するサーバ装置において、表示対象を記述したマークアップデータ、表示体裁を記述したスタイルシートデータ並びに所定のスクリプトを含むウェブページデータと、所定のブラウザプラグイン上で動作する表示プログラムと、を所定の通信ネットワーク経由で前記クライアントシステムの前記ウェブブラウザへ送信する送信手段を有し、前記スクリプトは、前記ウェブページデータを前記ウェブブラウザが表示したことを検知して、各表示対象の表示位置の情報を前記ウェブブラウザから取得し、その表示位置に対応して表示すべき画像の内容及び加工態様を表す情報を前記ウェブページデータから取得し、これら取得した各情報を表示指示情報として前記表示プログラムに渡すように構成し、前記表示プログラムは、前記ウェブブラウザの表示ウィンドウにプラグイン表示層を生成して、そのプラグイン表示層に、前記表示指示情報の表す前記加工態様及び前記表示位置に対応した位置で画像を表示するように構成したことを特徴とする。

また、上記装置に限らず、上記装置に対応する方法及びコンピュータ・プログラムもそれぞれ本発明の態様である。さらに、上記のように構成される本発明の作用及び効果、並びに本発明の他の各態様における構成、作用及び効果については、実施形態などを通じて後述する通りである。

本発明によれば、ブラウザがレイアウトした位置情報をもとにプラグインで動的に画像を加工配置することにより、高度な表示を容易に実現できる。

本発明の実施形態について（以下同じ）、構成を示す機能ブロック図。処理手順を示すフローチャート。表示指示情報を例示する図。表示に関する位置関係を示す概念図。表示に関する位置関係を示す概念図。表示に関する位置関係を示す概念図。表示に関する位置関係を示す概念図。

次に、本発明を実施するための形態（「実施形態」と呼ぶ）について、図に沿って説明する。なお、背景技術や課題などで既に述べた内容と共通の前提事項については適宜省略する。

〔１．構成〕
本実施形態は、図１（構成図）に示すように、インターネットや携帯電話網に代表される通信ネットワークＮ経由で、ウェブブラウザＢを備えたクライアントシステム（以下「端末」とも呼ぶ）１に対してウェブ表示を提供するサーバ装置（以下単に「サーバ」とも呼ぶ）２に関するもので、そのような端末１に対して、サーバ２からウェブ表示を提供するウェブページ表示方法や、コンピュータ・プログラムとしても把握可能である。

端末１及びサーバ２は、図１に示すように、一般的なコンピュータの構成として、少なくとも、ＣＰＵなどの演算制御部５と、外部記憶装置（ＨＤＤ等）や主メモリ等の記憶装置６と、通信ネットワークＮとの通信手段７（ＬＡＮアダプタなど）と、を有し、それぞれ、記憶装置６に予め記憶（インストール）した図示しない所定のコンピュータ・プログラムが演算制御部５を制御することで、図１に示す各手段（端末１のウェブブラウザＢ及びプラグインＦを含む）を実現する。

これら各要素のうち、情報を記憶する手段は、記憶装置６においてファイルや各種データベース（以下「ＤＢ」と表す）、配列等の変数、システム設定値など任意の形式で実現し、また、その他の情報処理を行う各要素は、以下のような各機能や処理を実現・実行する処理手段である。また、プラグインＦは、ＳｉｌｖｅｒｌｉｇｈｔやＦｌａｓｈ（それぞれ登録商標）など、いわゆるインタラクティブ動画ファイルを再生するプレーヤーであるプラグイン・プログラムである。なお、以下、説明をわかりやすくするため、ブラウザＢとプラグインＦのそれぞれによる表示領域に同じ符号Ｂ、Ｆを用いる。

〔２．基本的な作用及び効果〕
〔２−１．サーバでの処理〕
上記のように構成した本実施形態において、あるウェブページを表示しようとするとき、サーバ装置２の送信手段１０が配信データＤ、すなわち、そのウェブページを表すウェブページデータ８と、プラグインＦ上で動作する画面表示用の表示プログラムＰと、を通信ネットワークＮ経由でクライアントシステム１のウェブブラウザＢへ送信する（送信処理ステップ）。

このようなウェブページデータ８については、固定された内容を記憶手段２０に予め記憶しておき、これを送信手段１０が単に読み出して送信してもよいし、記憶手段２０に予め記憶したウェブページデータ８の原型やひな型などを、ＣＧＩ手段３０がユーザとのインタラクション（やり取り）に応じて加工したものを送信してもよい。

いずれにしても、送信手段１０が最初に送信するのはウェブページデータ８で、このウェブページデータ８は、表示対象を記述したマークアップデータであるＨＴＭＬ（ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐＬａｎｇｕａｇｅ）データ（以下、単に「ＨＴＭＬ」と表す）と、前記各表示対象の表示体裁を記述したスタイルシートデータであるＣＳＳ（ＣａｓｃａｄｉｎｇＳｔｙｌｅＳｈｅｅｔｓ）データ（以下、単に「ＣＳＳ」と表す）と、所定のスクリプトＳと、を含み、このＨＴＭＬ又はスクリプトＳがＵＲＬ指定などでプログラムＰを呼び出して起動する構成である。

このうち、スクリプトＳは、プログラムＰを制御するもので、ｊａｖａｓｃｒｉｐｔなどで記述され、また、ＨＴＭＬは、プログラムＰに委託する画像表示等の描画内容を指示する情報を、任意の所定のタグや形式で記述している。端末１の受信手段５０は、受信した上記のような配信データＤを記憶手段６０に記憶する。

〔２−２．クライアントシステムでの処理〕
上記のような配信データＤに基づいて、クライアントシステム１で画面を表示する処理手順を図２のフローチャートに示す。すなわち、まず、ウェブページデータ８を表示する際、ＨＴＭＬ又はスクリプトＳが表示プログラムＰを起動し（ステップＳ１，Ｓ１１）、表示プログラムＰがまず、ウェブブラウザＢの表示ウィンドウにプラグイン表示層を生成する（ステップＳ１２）。ここで、プラグイン表示層すなわちプラグイン表示領域は、初期状態では透明で、かつ、表示ウィンドウにおけるブラウザ表示領域の背面全体に表示するものとする。

ここで、実装としては、代表的なウェブブラウザにおいていわゆるｚＩｎｄｅｘを用いて階層順序を制御する場合、背景色のみのＨＴＭＬ層を最背面（ｚＩｎｄｅｘ＝０）、その手前を透明なプラグイン表示層（ｚＩｎｄｅｘ＝１）、実際の文字等を置くＨＴＭＬ層を一番手前（ｚＩｎｄｅｘ＝２）、のように制御する例が考えられる。

また、スクリプトＳは、ウェブページデータ８について読み込みが完了しウェブブラウザＢによる表示が行われたことを検知すなわち判断すると（ステップＳ３）、ＨＴＭＬで記述された文字列など各表示対象の表示位置を表す表示位置情報をウェブブラウザＢから取得し（ステップＳ４）、また、その表示位置に対応して（例えば表示位置の周囲などに）表示すべき画像の内容及び加工態様を表す情報をウェブページデータ８から取得する（ステップＳ５）。そのうえで、スクリプトＳは、これら取得した各情報（即ち、前記表示位置情報並びに画像の内容及び加工態様を表す情報）を表示指示情報として表示プログラムＰに渡す（ステップＳ６）。

ここで、スクリプトが検知する表示は（ステップＳ３）、ページを新規に表示する場合に限らず、ウィンドウサイズ変更などによる再表示も含み、このような変更や再表示は、代表的なウェブブラウザにおいて、「ｏｎｒｅｓｉｚｅ」など所定の予約語で検知することができる。また、スクリプトＳが表示位置情報をウェブブラウザＢから取得する表示対象は、例えば、ＨＴＭＬ上において、本発明の表示プログラムＰ用に記述された全てのＨＴＭＬタグ（例えば、タグに記述されているスタイル情報に所定の予約語が入っているもの）についてである。

ここで、あるウェブページに関する数組（数行）の表示指示情報の一例を図３に示す。すなわち、表示指示情報は、表示位置情報と、画像指定情報と、加工情報と、を含む。このうち、表示位置情報は、ウェブブラウザＢから取得し、例えば、表示対象ごとに、ブラウザ表示領域内で占める（すなわち、ブラウザＢから割り当てられた）範囲の始点座標（ｘ，ｙ）と、幅（ｗ）及び高さ（ｈ）を含む。また、表示指示情報は、表示すべき画像の内容を表す情報、例えば表示すべき画像ファイルを指定するＵＲＬなどで、以下「画像指定情報」と呼ぶ。

ここで、図４は、このような位置関係の一例を示す概念図で、この例における座標系は、左上隅を原点（０，０）として、右方向に向けて座標値ｘが増加し、下方向に向けて座標値ｙが増加する。この例は、ブラウザ表示領域Ｂとプラグイン表示領域Ｆは範囲も座標値も等しく、ピクセル（画素）数を単位として、ある表示対象Ｈの表示位置が始点座標ＨＺ（４００，５００）、幅ｗ＝５００、高さｈ＝３００という範囲で、その表示位置に対応して画像を表示する描画範囲Ｔを、その表示位置の周囲縦横１００ピクセルまでの範囲（図中で散点によるグレーで表す）として、その背面レイヤーであるプラグイン表示領域Ｆ（図中、始点ＴＺから始まる範囲）に所定の画像内容を描画することで縁飾りを施す例である。

また、加工情報は、加工態様を表す情報で（図３）、パラメータのセットなどであり、拡大縮小などの処理の種類や処理に用いる定数や属性など自由に定めるものであるが、例えば、横方向及び縦方向の各拡大縮小の有無や拡大縮小率、回転角度や動きの速さ、色彩加工などにおける適用フィルタ種類やＲＧＢ指定、動きなどのオプションといった要素を自由に組合せて実装可能である。

そして、表示プログラムＰは、受け取った各表示対象ごとに、表示指示情報のうち、画像指定情報が表す画像を取得し、加工情報の表す加工態様で拡大縮小等の加工を施した上で、表示位置の情報に対応したプラグイン表示領域Ｆの位置すなわち描画範囲Ｔに表示する（ステップＳ１７）。

また、ブラウザＢの表示ウィンドウについて、リサイズや表示位置が変更されるとスクリプトＳはこれを検出し（ステップＳ３）、表示プログラムＰに対してリセット命令を送信し（ステップＳ８）、表示プログラムＰはこのリセット命令を受け取ると（ステップＳ１８）プラグイン表示領域Ｆに現在表示している全てのものを消去し（ステップＳ１９）、その後、以上と同じ処理で再表示を行うことで表示内容を更新する。

〔２−３．ＨＴＭＬ上のｘ，ｙ，ｗ，ｈ座標の取得方法〕
また、上記のような各表示対象の前記表示位置情報は、例えば以下のように取得する。すなわち、典型的なウェブブラウザを例にとり、あるＩＤを持つタグ（に対応する文字列や画像などの対象）をブラウザが表示領域上でレイアウトした表示位置等の座標情報の取得に用いる記述例を以下に示す。

まず、ＨＴＭＬ上であるタグを取得する：
「
ｖａｒｔ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（″ＨＴＭＬタグ上に記述されたＩＤ″）；
」
タグの表示領域の高さを取得（ｔに対して）：「
ｔ．ｓｃｒｏｌｌＨｅｉｇｈｔ
」
タグの表示領域の幅を取得（ｔに対して）：「
ｔ．ｓｃｒｏｌｌＷｉｄｔｈ
」
また、タグの画面上のブラウザ左上からの見た目のｘ座標を取得：「
ｔ．ｃｌｉｅｎｔＸ
」
タグの画面上のブラウザ左上からの見た目のｙ座標を取得：「
ｔ．ｃｌｉｅｎｔＹ
」

また、ブロック要素の直下にいくつかのインライン要素が従属する構成が一般的であるが、あるタグの直下のＸ番目のタグを取得：「
ｔ．ｃｈｉｌｄＮｏｄｅｓ［Ｘ］
」
あるタグの直下のタグの個数を取得：「
ｔ．ｃｈｉｌｄＮｏｄｅｓ．ｌｅｎｇｔｈ
」
あるタグのＹスタイル情報を取得：「
ｔ．ｓｔｙｌｅ［Ｙ］
」
あるプラグインプログラムを取得：「
ｖａｒｆ＝ｗｉｎｄｏｗ．［ＨＴＭＬタグ上に記述されたＩＤ］；
」
プラグインプログラム上の関数Ｚを呼び出し：「
ｆ．ｚ（引数１，引数２，．．．）；
」
プラグインプログラム側から呼び出し関数Ｚを設定：「
ＥｘｔｅｒｎａｌＩｎｔｅｒｆａｃｅ．ａｄｄＣａｌｌｂａｃｋ（″関数名″，呼び出し関数）；
」

〔２−４．基本的な効果〕
本実施形態では、上記の処理によって、表示内容を主とするＨＴＭＬやＣＳＳの記述からブラウザがレイアウトを決定した配置位置の情報をもとに、Ｆｌａｓｈ等のプラグインが高度なアニメーションや画像の加工を含む配置処理の部分を支援するので、複雑なウェブページデザインの場合も含めてレイアウトの動的変更が高速となり、特別な高度な設計技量無しでブラウザのレンダリング性能を超えた高度な表示で優れた表現力が実現できる。

〔３．切出し範囲の指定〕
また、表示プログラムＰにより画像から所望の範囲を切り出して表示させることも可能である。この場合、スクリプトＳは、加工情報に、原画像からの切出し範囲を表す情報を含める。切出し範囲を表す情報は、典型的には、図５の概念図に示すように、原画像の座標系における原点（０，０）からみた切出し範囲の始点（ｘ１，ｙ１）座標と、切出しサイズの幅ｗ１と高さｈ１の情報であるが、例えば、始点座標と終点座標の組その他の表現形式でもよい。

そして、上記のような切出し範囲部分の画像を元に、加工情報で指定されている加工を施したうえ、ブラウザ表示領域Ｂのうち、描画範囲（図５の例では、始点ｘ２，ｙ２と幅ｗ２、高さｈ２で特定される範囲）に表示する。

このように、ＨＴＭＬのタグの記述などに基づいて、スクリプトが加工態様として、もとの画像からの切出し範囲を指定することにより、多数の画像を用いる表示内容についてもファイル毎に個別にサーバから取得することなく、様々な部分や装飾要素などを単一又は少数の画像に合成してサーバから簡易かつ迅速にまとめて転送することが可能となり、表示のための通信負荷が一層軽減できる。

〔４．プラグイン表示領域の限定〕
また、プラグイン表示領域は、表示ウィンドウに表示されるブラウザ表示領域の全域に限らず、一部としてもよい。この場合、表示プログラムＰは、図６に示すように、ブラウザ表示領域Ｂ内の所定の相対原点座標Ｆ２Ｚから始まる部分に前記プラグイン表示層をプラグイン表示領域Ｆ２として生成する一方、このプラグイン表示領域Ｆ２の配置されている範囲を表す情報、すなわちブラウザ表示領域の原点座標Ｂ（０，０）からみた始点である相対限定座標の座標値と、広さ（終点）を表す幅と高さなどの情報を、スクリプトＳが表示プログラムＰに対して通知する。

例えば、図６に示す例では、ブラウザ表示領域Ｂのうち相対原点座標Ｆ２Ｚ（２００，１００）を始点にプラグイン表示領域Ｆ２が配置されている。なお、図中「Ｂ（２００，１００）Ｆ（０，０）」のような併記は、その座標（例えば相対原点座標Ｆ２Ｚ）の座標値が、ブラウザ表示領域Ｂの座標系では（２００，１００）で、プラグイン表示領域Ｆ２の座標系では（０，０）となることを表している。

そして、図６の例では、表示プログラムＰは、スクリプトＳから渡された描画範囲原点ＴＺのブラウザ座標値（例えばＢ（３００，４００））から、予め通知された前記相対原点座標Ｆ２Ｚ（２００，１００）の各値を減じることでプラグイン表示領域Ｆ２における座標値Ｆ（１００，３００）に換算して表示処理を行う。なお、どの場合も、描画範囲が表示プログラムＰにおけるプラグイン表示領域より外の場合には表示の対象外となる。

このように、表示プログラムにおいて、ブラウザ表示領域の一部分にプラグイン表示層を生成し、ブラウザ表示領域の原点座標からみた相対原点座標の差分（オフセット）をスクリプトからの表示位置座標に反映した上で画像を表示することにより、目的や状況に応じてプラグイン表示層の座標範囲を限定しつつ、そのことを意識せずにウェブページデータを構成することが可能となる。なお、プラグイン表示領域は異なる位置範囲に複数設けてもよい。

さらに、図６に太い破線の矩形で示すように、ブラウザのスクロールによるウィンドウ表示範囲Ｗも考慮し、各時点におけるブラウザのスクロール状態を座標値に加味するには、ブラウザの現在の縦スクロール量：「
ｄｏｃｕｍｅｎｔ．ｂｏｄｙ．ｓｃｒｏｌｌＴｏｐ
」
ブラウザの現在の横スクロール量：「
ｄｏｃｕｍｅｎｔ．ｂｏｄｙ．ｓｃｒｏｌｌＬｅｆｔ
」
と表示対象の位置座標を加算すればよく、すなわち、タグのブラウザ表示領域左上からのｘ座標を取得：「
ｔ．ｃｌｉｅｎｔＸ＋ｄｏｃｕｍｅｎｔ．ｂｏｄｙ．ｓｃｒｏｌｌＴｏｐ
」
タグのブラウザ表示領域左上からのｙ座標を取得：「
ｔ．ｃｌｉｅｎｔＹ＋ｄｏｃｕｍｅｎｔ．ｂｏｄｙ．ｓｃｒｏｌｌＬｅｆｔ
」
とすればよい。

つまり、ページ左上に表示されているロゴなどは、当初「ｔ．ｃｌｉｅｎｔＹ」はゼロに近い値になるが、画面を下にスクロールした後で、再度「ｔ．ｃｌｉｅｎｔＹ」を取得するとマイナスの値が帰ってくることとなる。例えば、図６の例において、プラグイン表示領域Ｆ２は、ブラウザ表示領域Ｂの座標系での始点の座標値はＢ（２００，１００）でｙ座標は１００であるが、図６に太い破線の矩形で示すように、２００ピクセルスクロールした状態では、表示ウィンドウＷの範囲外となり、前記ｙ座標は２００減じられて−１００となる。

〔５．実施例〕
以上のような実施形態によれば、図７に例示するように、ブラウザ表示領域Ｂ内の単一のプラグイン表示領域Ｆ３を、いわば画面修飾統合部品の位置付けで利用し、タイトルや本文などの表示対象Ｈ１，Ｈ２，Ｈ３，Ｈ４ごとに、個別の描画範囲Ｔ１，Ｔ２，Ｔ３，Ｔ４に動画装飾のみならず動画広告も容易かつ自在に表示することができる。
〔６．他の実施形態〕
なお、上記実施形態は例示に過ぎず、本発明は、以下に例示するものやそれ以外の他の実施態様も含むものである。例えば、以上の説明や各図に示した構成、処理手順、データや情報、画面構成などは例示に過ぎず、各要素の有無、その順序や具体的内容などは適宜変更可能である。また、本発明において、各手段などの要素は、コンピュータの演算制御部に限らず、ワイヤードロジック等に基づく電子回路で実現してもよい。

Ｎ通信ネットワーク
１サーバ装置（サーバ）
２クライアントシステム（端末）
５演算制御部
６記憶装置
７通信手段
１０送信手段
２０，６０記憶手段
３０ＣＧＩ手段
５０受信手段
Ｄ表示手段
Ｍ入力装置
Ｂウェブブラウザ
Ｆプラグイン
Ｄ配信データ
Ｐ表示プログラム
Ｓスクリプト

Claims

ウェブブラウザを備えたクライアントシステムに対してウェブ表示を提供するサーバ装置において、
表示対象を記述したマークアップデータ、表示体裁を記述したスタイルシートデータ並びに所定のスクリプトを含むウェブページデータと、所定のブラウザプラグイン上で動作する表示プログラムと、を所定の通信ネットワーク経由で前記クライアントシステムの前記ウェブブラウザへ送信する送信手段を有し、
前記スクリプトは、前記ウェブページデータを前記ウェブブラウザが表示したことを検知して、各表示対象の表示位置の情報を前記ウェブブラウザから取得し、その表示位置に対応して表示すべき画像の内容及び加工態様を表す情報を前記ウェブページデータから取得し、これら取得した各情報を表示指示情報として前記表示プログラムに渡すように構成し、
前記表示プログラムは、前記ウェブブラウザの表示ウィンドウにプラグイン表示層を生成して、そのプラグイン表示層に、前記表示指示情報の表す前記加工態様及び前記表示位置に対応した位置で画像を表示するように構成した
ことを特徴とするサーバ装置。
前記スクリプトは、前記加工態様を表す情報に、原画像からの切出し範囲を表す情報を含めることを特徴とする請求項１記載のサーバ装置。
前記表示プログラムは、前記表示ウィンドウに表示されるブラウザ表示領域内の所定の相対原点座標から始まる部分に前記プラグイン表示層を生成し、前記スクリプトから渡される前記表示位置の座標値から、前記相対原点座標の座標値を減じた位置座標に対して、前記表示すべき画像を表示する
ことを特徴とする請求項１又は２記載のサーバ装置。
ウェブブラウザを備えたクライアントシステムに対して、サーバ装置からウェブ表示を提供するウェブページ表示方法において、
前記サーバ装置から、表示対象を記述したマークアップデータ、表示体裁を記述したスタイルシートデータ並びに所定のスクリプトを含むウェブページデータと、所定のブラウザプラグイン上で動作する表示プログラムと、を所定の通信ネットワーク経由で前記クライアントシステムの前記ウェブブラウザへ送信する送信処理ステップと、
前記クライアントシステムにおいて、
前記スクリプトが、前記ウェブページデータを前記ウェブブラウザが表示したことを検知するステップと、
前記スクリプトが、各表示対象の表示位置の情報を前記ウェブブラウザから取得する処理ステップと、
前記スクリプトが、その表示位置に対応して表示すべき画像の内容及び加工態様を表す情報を前記ウェブページデータから取得するステップと、
前記スクリプトが、取得した前記表示位置の情報並びに画像の内容及び加工態様を表す情報を、表示指示情報として前記表示プログラムに渡す処理ステップと、
前記表示プログラムが、前記ウェブブラウザの表示ウィンドウにプラグイン表示層を生成するステップと、
前記表示プログラムが、前記プラグイン表示層に、前記表示指示情報の表す前記加工態様及び前記表示位置に対応した位置で画像を表示するステップと、
を含むことを特徴とするウェブページ表示方法。