JP7206863B2

JP7206863B2 - 表示制御方法、装置、及びプログラム

Info

Publication number: JP7206863B2
Application number: JP2018226776A
Authority: JP
Inventors: 勇輝長尾
Original assignee: Fujitsu Ltd
Current assignee: Fujitsu Ltd
Priority date: 2018-12-03
Filing date: 2018-12-03
Publication date: 2023-01-18
Anticipated expiration: 2038-12-03
Also published as: US20200175082A1; JP2020091333A; US11354379B2

Description

開示の技術は、表示制御方法、表示制御装置、及び表示制御プログラムに関する。

スマートフォン等の情報端末の普及、及び高機能化により、各種情報端末にＷｅｂページを閲覧するためのブラウザが搭載されるようになった。しかしその一方で、情報端末の画面サイズは、パーソナルコンピュータ（ＰＣ：Personal Computer）等の画面サイズに比べ小さい。そのため、スマートフォン等に搭載されたブラウザで、ＰＣと同様のコンテンツを表示する場合、その表示構成が縦に長くなる傾向がある。

また、従来、ブラウザでのコンテンツの表示に関する技術が提案されている。例えば、ブラウザによるＷｅｂページのレンダリングを加速するための方法が提案されている。この方法は、レンダリングされたページのドキュメントオブジェクトモデル（ＤＯＭ：Document Object Model）ツリー構造及び計算を記憶し、レンダリングされるページのＤＯＭツリーの部分を比較して、ＤＯＭツリー構造の部分が一致するかどうかを決定する。レンダリングされるＷｅｂページのＤＯＭツリーがメモリに記憶されたＤＯＭツリーと一致する場合、一致するＤＯＭツリーに関連付けられたレンダリング計算を再利用する。

また、コンテンツのオンページ操作及びリアルタイム置換を提供する技術が提供されている。この技術では、クライアント・アプリケーションによって、対象コンテンツをレンダリングするリクエストがインターセプトされ、対象コンテンツが、コンテンツ・ソースから供給されるときにインターセプトされる。所定の基準に基づいて、対象コンテンツが置換コンテンツに置換される。

また、クライアント装置の表示画面のスクロール操作に伴う通信データ量を削減して、操作レスポンスを向上することが可能なサーバベース・コンピューティング・システムが提案されている。このシステムでは、クライアントからのＷｅｂページ取得要求に応じて、サーバにてＷｅｂページが取得されると共にクライアントの表示サイズに応じた描画データが生成される。そして、Ｗｅｂページ全体サイズ及び同ページ上の描画データの表示位置と共にクライアントへ応答送信される。クライアントはＷｅｂページの描画データを表示させ、ページの全体サイズに対する描画データの表示範囲を示すローカルスクロールバーを表示させる。スクロールバーの操作に応じてバーが示す表示範囲を変更して操作終了する。範囲変更後の表示位置を記述した表示位置変更要求がサーバへ送信され、変更後の描画データがサーバにて生成、クライアント表示が更新される。

特表２０１４－５１９０７３号公報特表２０１４－５０７０３６号公報特開２０１０－１５７０８３号公報

上述したように、画面サイズの小さい情報端末において、Ｗｅｂページの表示構成が縦に長くなると、結果として、コンテンツの本文などのユーザ所望の箇所を表示するまでに多くのスクロール操作等を要する場合がある。

上述の従来技術では、上記のように、Ｗｅｂページ閲覧時に必要なスクロール操作等を削減して、ユーザ所望の箇所を素早く表示することにより、ユーザの利便性を高めることはできない。

一つの側面として、開示の技術は、Ｗｅｂページを表示する際に、他のＷｅｂページで指定した位置に応じた領域を自動的に表示することを目的とする。

一つの態様として、開示の技術は、Ｗｅｂページの表示指示を受け付けると、前記Ｗｅｂページの表示構成が特定のＷｅｂページの表示構成と類似するか否かを判定する。そして、前記Ｗｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記Ｗｅｂページが前記特定のＷｅｂページとは異なる場合であっても、以下のように表示する。すなわち、前記Ｗｅｂページのうち、前記特定のＷｅｂページに対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域を表示部に表示する。

一つの側面として、開示の技術は、Ｗｅｂページを表示する際に、他のＷｅｂページで指定した位置に応じた領域を自動的に表示することができる、という効果を有する。

パーソナルコンピュータでのＷｅｂページの表示例を示す図である。スマートフォンでのＷｅｂページの表示例を示す図である。情報処理装置に搭載されるＨＴＭＬブラウザの概略構成を示すブロック図である。ユーザインタフェースの機能ブロック図である。表示構成が類似するＷｅｂページを説明するための図である。位置情報の指定を説明するための図である。ＨＴＭＬソースの一例を示す図である。登録情報データベースの一例を示す図である。矩形情報の比較を説明するための図である。特定のＷｅｂページと表示構成が類似するＷｅｂページの表示を説明するための図である。情報処理装置として機能するコンピュータの概略構成を示すブロック図である。登録処理の一例を示すフローチャートである。表示処理の一例を示すフローチャートである。

以下、図面を参照して、開示の技術に係る実施形態の一例を説明する。

まず、実施形態の詳細を説明する前に、Ｗｅｂページを表示する際に、ユーザ所望の箇所を表示するまでのスクロール操作が多くなる場合について説明する。

上述したように、ＰＣに比べ、画面サイズの小さいスマートフォン等の情報端末において、ＰＣと同様のコンテンツを表示する場合、その表示構成が縦に長くなる傾向がある。なお、本実施形態において、表示構成とは、Ｗｅｂページの構造、Ｗｅｂページに含まれる要素間の関係、Ｗｅｂページに含まれる要素のレイアウトなどである。なお、要素とは、Ｗｅｂページに表示されるテキストデータや画像などである。

例えば、ＰＣのディスプレイでは図１に示すように表示されるＷｅｂページが、スマートフォンでは図２に示すように表示構成が変更されて表示されるとする。この場合において、ユーザが広告２の下に配置されている本文を読みたい場合には、本文部分が表示されるまでスクロールする必要がある。

本実施形態は、このようなスクロール操作を削減し、ユーザ所望の箇所を自動的に表示するものである。

以下、本実施形態について詳述する。

図３に示すように、本実施形態に係る情報処理装置１００には、ＨＴＭＬ（Hyper Text Markup Language）ブラウザ３０が搭載されている。ＨＴＭＬブラウザ３０は、機能部として、パーサー３２と、ＤＯＭ管理部３４と、スクリプトエンジン３６と、ラスタライザー３８と、ユーザインタフェース１０とを含む。ユーザインタフェース１０は、開示の技術の表示制御装置の一例である。

ＨＴＭＬソース及びＨＴＭＬソースを構成する画像やＪａｖａＳｃｒｉｐｔ（登録商標）を記述したソースファイルなどの各種リソースは、インターネット等のネットワークを介してＷｅｂサーバから取得されるか、又は、予め所定の記憶領域に格納されている。以下では、各種リソースも含めてＨＴＭＬソースという。

ＨＴＭＬソースは、パーサー３２によって内部情報であるＤＯＭ（Document Object Model）情報に変換され、ＤＯＭ管理部３４に保持される。ＤＯＭ管理部３４は、ラスタライザー３８を使用して保持しているＤＯＭ情報の視覚化を行い、表示部に表示する。スクリプトエンジン３６は、ＪａｖａＳｃｒｉｐｔ（登録商標）で記述されたスクリプトを解釈して実行する。

ユーザインタフェース１０は、開示の技術に関連する機能部として、図４に示すように、受付部１２と、登録部１４と、判定部１６と、表示制御部１８と、登録情報ＤＢ（Database）２０とを含む。

受付部１２は、Ｗｅｂページの表示指示として、表示するＷｅｂページのＵＲＬ（Uniform Resource Locator）を受け付ける。受付部１２は、受け付けたＵＲＬに基づいて、ＷｅｂサーバからＨＴＭＬソースを取得し、パーサー３２へ受け渡すか、又は、所定の記憶領域に格納する。

また、受付部１２は、表示部に表示されたＷｅｂページにおいて、ユーザ所望の箇所を示す位置情報の指定を受け付ける。

ここで、昨今のＣＭＳ（Content Management System）の普及により、ＷｅｂページのテンプレートをＣＭＳで予め用意しておき、本文などの特定部分のみを入力するだけでＷｅｂページが完成する。このようなＷｅｂページとしては、図５に示すように、本文４０以外の部分はテンプレートで、本文４０のみが変わる所謂ブログのようなＷｅｂページがある。図５の例では、左右のＷｅｂページは、異なるＵＲＬが付与された異なるＷｅｂページであるが、その表示構成はほぼ一致する。

このようなＷｅｂページにおいて、Ｗｅｂページの先頭から本文４０などの目的とする箇所までの距離が長い場合、各Ｗｅｂページを閲覧する際に毎回、多くのスクロールを要することになる。このようなＷｅｂページをユーザが閲覧する場合、Ｗｅｂページ表示後に本文４０の部分がブラウザの先頭や中央などの所定位置に表示されると、ユーザの利便性が向上する。

そこで、受付部１２は、現在表示しているＷｅｂページと類似するＷｅｂページを表示する際に、ブラウザの所定位置に表示したい要素を、ユーザ所望の箇所を示す位置情報として受け付ける。

受付部１２は、例えば、図６に示すように、ユーザ所望の箇所に相当する要素にカーソル４２を合わせた状態で右クリックされた場合などに、位置情報を指定するためのポップアップメニュー４４を表示する。そして、このポップアップメニュー４４が選択された場合に、カーソル４２が位置する要素の矩形情報を、位置情報として受け付けることができる。

矩形情報とは、その要素が占める範囲を表す矩形領域の基準となる位置（例えば、左上角）の座標値（ｘ，ｙ）、矩形領域の横方向のサイズｗ、及び縦方向のサイズｈを含む情報である。矩形情報は、Ｗｅｂページの表示完了時のＤＯＭ情報から得られる。以下では、位置情報である矩形情報を（ｘ，ｙ，ｗ，ｈ）で表す。

なお、位置情報の受け付け方法は上記の例に限定されず、別途表示したメニューから位置情報の指定が選択された状態で、位置情報の指定を受け付けるようにしてもよい。

受付部１２は、受け付けた位置情報を登録部１４に受け渡す。

登録部１４は、受付部１２から位置情報を受け渡されると、受け渡された位置情報を、現在表示されているＷｅｂページの識別情報に対応付けて、登録情報ＤＢ２０に登録する。

具体的には、登録部１４は、現在表示されているＷｅｂページのＵＲＬ、及びＤＯＭ情報を取得する。また、登録部１４は、ＤＯＭ情報からＷｅｂページの木構造を特定し、木構造のルートから、受付部１２から受け渡された位置情報が示す要素までの要素間の構造を示す情報を生成する。

例えば、登録部１４は、要素間の構造を示す情報として、Ｘｐａｔｈを用いることができる。Ｘｐａｔｈを用いる場合について、より具体的な例で説明する。図６に示すＷｅｂページのＨＴＭＬソースが図７であり、位置情報として指定された要素が、ＨＴＭＬソースにおける<div id="content">であるとする。この場合、位置情報として指定された要素は、「/html/body/div[@id='content']」というＸｐａｔｈで表すことができる。

なお、ここで生成される要素間の構造を示す情報は、Ｗｅｂサーバからダウンロードした直後のＨＴＭＬソースに基づくものではなく、ＪａｖａＳｃｒｉｐｔ（登録商標）やＣＳＳ（Cascading Style Sheets）等により操作された後のＨＴＭＬソースとする必要がある。そのため、ＤＯＭ管理部３４で保持されているＤＯＭ情報から要素間の構造を示す情報を生成する。

登録部１４は、受付部１２から受け渡された位置情報、取得したＵＲＬ、ＤＯＭ情報、及び生成した要素間の構造を示す情報を、例えば、図８に示すような登録情報ＤＢ２０に登録する。

判定部１６は、表示中のＷｅｂページの表示構成が、登録情報ＤＢ２０にＵＲＬが登録されている特定のＷｅｂページの表示構成と類似するか否かを判定する。

具体的には、判定部１６は、まず、登録情報ＤＢ２０に登録されているＵＲＬの各々と、表示中のＷｅｂページのＵＲＬとが類似するか否かを判定する。上述したように、ＣＭＳを使用して作成されたＷｅｂページの場合、ＵＲＬが類似する場合も多く、ＵＲＬの類似から、表示構成が類似するＷｅｂページであることを類推することができる。

例えば、判定部１６は、ＵＲＬが類似しているか否かを、ＵＲＬの文字列を先頭から１文字ずつ比較していき、ドメインが一致しているか否か、及びドメイン以降の文字列のうち、”/”で区切られた文字列が１つ以上一致するか否かにより判定することができる。

図５に示す２つのＷｅｂページのＵＲＬが以下の各々であるとすると、判定部１６は、両ＵＲＬはほぼ一致しており、類似すると判定することができる。

図５左のＷｅｂページのＵＲＬ：
http://www.blog.jp/user-id/entry-20180710.html
図５右のＷｅｂページのＵＲＬ：
http://www.blog.jp/user-id/entry-20180711.html

ＵＲＬの類似だけでは、表示構成の類似を精度よく判定できない場合がある。そこで、判定部１６は、表示指示にしたがってＷｅｂサーバから取得されたＨＴＭＬソースに関する表示構成と、登録情報ＤＢ２０に登録された特定のＷｅｂページの表示構成とを比較して、類否を判定する。本実施形態では、ＨＴＭＬソースに関する表示構成として、位置情報として指定された要素の矩形情報と、その要素までの要素間の構造とを用いる。

例えば、図６に示すＷｅｂページが、図７に示すようなＨＴＭＬソースで記述されているとする。図７に示すＨＴＭＬソースのうち、破線で囲んだ部分が異なるＷｅｂページにおいて変化する部分、それ以外の部分がＣＭＳにより生成される部分であるとする。なお、ＣＭＳにより生成される部分のうち、例えば、<img>のsrcに指定している画像や、<div id="ad1">で囲まれている文字列（「広告１」）など、矩形領域内に含まれる内容は変化する可能性がある。そのため、これらの内容は類似の比較対象とはしない。これは、ＣＭＳにより生成されるＷｅｂページは、その表示構成がほぼ一定であるため、表示構成のみに着目しておけば、類似か否かを十分判断できるからである。

具体的に、矩形情報を用いた類否の判定について、判定部１６は、登録情報ＤＢ２０において、表示中のＷｅｂページとＵＲＬが類似していると判定された特定のＷｅｂページのＵＲＬに対応付けて「位置情報」として登録されている矩形情報を取得する。そして、判定部１６は、取得した矩形情報と同一又は類似の矩形情報を示す要素が表示中のＷｅｂページに含まれるか否かをＤＯＭ管理部３４へ問い合わせる。なお、矩形情報が類似するとは、矩形情報に含まれる各値の差が所定範囲内の場合とすることができる。

図９に示すように、特定のＷｅｂページについて、（１０，３６０，２００，４００）という矩形情報が位置情報として登録されている場合、ＤＯＭ管理部３４では、表示中のＷｅｂページのＤＯＭ情報に、（１０，３６０，２００，４００）という矩形情報と同一又は類似する矩形情報の要素が含まれているか否かを判定する。図９の例では、同一の（１０，３６０，２００，４００）という矩形情報の要素が表示中のＷｅｂページに含まれているため、ＤＯＭ管理部３４は、該当の要素が含まれている旨の応答を判定部１６に返す。

ＤＯＭ管理部３４から該当の要素が含まれない旨の応答があった場合、判定部１６は、表示中のＷｅｂページと、登録情報ＤＢ２０に登録された特定のＷｅｂページとは、表示構成が類似していないと判定する。

特定のＷｅｂページの位置情報が示す矩形情報と同一又は類似する矩形情報の要素が表示中のＷｅｂページに含まれているとしても、表示する文字サイズの変更、ブラウザのウィンドウサイズの相違等の要因により、矩形情報は変化する場合がある。そこで、ＤＯＭ管理部３４から該当の要素が含まれる旨の応答があった場合、判定部１６は、登録情報ＤＢ２０から、特定のＷｅｂページの「要素間の構造」を取得する。そして、判定部１６は、取得した要素間の構造と一致する要素間の構造が表示中のＷｅｂページに含まれるか否かをＤＯＭ管理部３４へ問い合わせる。

ＤＯＭ管理部３４から該当の要素間の構造が含まれない旨の応答があった場合、判定部１６は、表示中のＷｅｂページと、登録情報ＤＢ２０に登録された特定のＷｅｂページとは、表示構成が類似しないと判定する。一方、ＤＯＭ管理部３４から該当の要素間の構造が含まれる旨の応答があった場合、判定部１６は、表示中のＷｅｂページと、登録情報ＤＢ２０に登録された特定のＷｅｂページとは、表示構成が類似すると判定する。そして、判定部１６は、登録情報ＤＢ２０から取得した位置情報としての矩形情報と同一又は類似すると判定した、表示中のＷｅｂページに含まれる要素の矩形情報を表示制御部１８へ受け渡す。

表示制御部１８は、表示中のＷｅｂページのうち、判定部１６から受け渡された矩形情報が示す要素が、ブラウザの先頭や中央などの所定位置に配置されるように、表示中のＷｅｂページをスクロールするように表示を制御する。

登録情報ＤＢ２０に位置情報が登録されている特定のＷｅｂページと、表示中のＷｅｂページの表示構成が類似するとする。この場合、図１０に示すように、登録されている位置情報が示す要素４６に対応する、表示中のＷｅｂページの要素４８がブラウザの所定位置（図１０の例では、先頭）になるように自動的にスクロールされる。

情報処理装置１００は、例えば図１１に示すコンピュータ５０で実現することができる。コンピュータ５０は、ＣＰＵ（Central Processing Unit）５１と、一時記憶領域としてのメモリ５２と、不揮発性の記憶部５３とを備える。また、コンピュータ５０は、ＧＰＵ（Graphics Processing Unit）５４と、ＧＰＵ５４の制御により画像が表示される表示部５５と、マウス、キーボード、タッチパネル等の入力部５６とを備える。また、コンピュータ５０は、記憶媒体５７に対するデータの読み込み及び書き込みを制御するＲ／Ｗ（Read/Write）部５８と、インターネット等のネットワークに接続される通信Ｉ／Ｆ（Interface）５９とを備える。ＣＰＵ５１、メモリ５２、記憶部５３、ＧＰＵ５４、入力部５６、Ｒ／Ｗ部５８、及び通信Ｉ／Ｆ５９は、バス６０を介して互いに接続される。

記憶部５３は、ＨＤＤ（Hard Disk Drive）、ＳＳＤ（Solid State Drive）、フラッシュメモリ等によって実現できる。記憶媒体としての記憶部５３には、コンピュータ５０を、情報処理装置１００に搭載されたＨＴＭＬブラウザ３０のユーザインタフェース１０として機能させるための表示制御プログラム７０が記憶される。表示制御プログラム７０は、受付プロセス７２と、登録プロセス７４と、判定プロセス７６と、表示制御プロセス７８とを有する。また、記憶部５３は、登録情報ＤＢ２０を構成する情報が記憶される情報記憶領域８０を有する。なお、ＨＴＭＬブラウザ３０の他の機能部に対応するプログラム及びプロセスについては、図１１への図示及び説明を省略する。

ＣＰＵ５１は、表示制御プログラム７０を記憶部５３から読み出してメモリ５２に展開し、表示制御プログラム７０が有するプロセスを順次実行する。ＣＰＵ５１は、受付プロセス７２を実行することで、図４に示す受付部１２として動作する。また、ＣＰＵ５１は、登録プロセス７４を実行することで、図４に示す登録部１４として動作する。また、ＣＰＵ５１は、判定プロセス７６を実行することで、図４に示す判定部１６として動作する。また、ＣＰＵ５１は、表示制御プロセス７８を実行することで、図４に示す表示制御部１８として動作する。また、ＣＰＵ５１は、情報記憶領域８０から情報を読み出して、登録情報ＤＢ２０をメモリ５２に展開する。これにより、表示制御プログラム７０を実行したコンピュータ５０が、情報処理装置１００に搭載されたＨＴＭＬブラウザ３０のユーザインタフェース１０として機能することになる。なお、プログラムを実行するＣＰＵ５１はハードウェアである。

なお、表示制御プログラム７０により実現される機能は、例えば半導体集積回路、より詳しくはＡＳＩＣ（Application Specific Integrated Circuit）等で実現することも可能である。

次に、本実施形態に係る情報処理装置１００の作用について説明する。

Ｗｅｂページの表示中に、図６に示すようなポップアップメニュー４４や他のコマンドにより、位置情報を指定するメニューが選択されると、情報処理装置１００において、図１２に示す登録処理が実行される。また、Ｗｅｂページの表示指示を受け付ける都度、情報処理装置１００において、図１３に示す表示処理が実行される。なお、登録処理及び表示処理は、開示の技術の表示制御方法の一例である。以下、登録処理及び表示処理の各々について詳述する。

まず、図１２に示す登録処理について説明する。

ステップＳ１２で、受付部１２が、表示中のＷｅｂページにおける位置情報の指定を受け付ける。受付部１２は、例えば、図６に示すように、位置情報を指定するためのポップアップメニュー４４が選択された際のカーソル４２が位置する要素の矩形情報を、ＤＯＭ管理部３４から取得し、この矩形情報を位置情報として受け付ける。受付部１２は、受け付けた位置情報を登録部１４に受け渡す。

次に、ステップＳ１４で、登録部１４が、表示中のＷｅｂページのＵＲＬ及びＤＯＭ情報をＤＯＭ管理部３４から取得する。

次に、ステップＳ１６で、登録部１４が、上記ステップＳ１２で取得したＤＯＭ情報から、表示中のＷｅｂページの木構造を特定する。そして、登録部１４は、特定した木構造のルートから、受付部１２から受け渡された位置情報が示す要素までの要素間の構造を示す情報（例えば、Ｘｐａｔｈ）を生成する。

次に、ステップＳ１８で、登録部１４が、上記ステップＳ１２で受け渡された位置情報、上記ステップＳ１４で取得したＵＲＬ及びＤＯＭ情報、上記ステップＳ１８で生成した要素間の構造を示す情報を、例えば、図８に示すような登録情報ＤＢ２０に登録する。そして、登録処理は終了する。

次に、図１３に示す表示処理について説明する。

ステップＳ２２で、受付部１２が、Ｗｅｂページの表示指示として、表示するＷｅｂページのＵＲＬを受け付け、ＷｅｂサーバからＨＴＭＬソースを取得し、パーサー３２へ受け渡すか、又は、所定の記憶領域に格納する。そして、パーサー３２が、ＨＴＭＬソースをＤＯＭ情報に変換し、ＤＯＭ管理部３４に保持させる。ＤＯＭ管理部３４は、ラスタライザー３８を使用して保持しているＤＯＭ情報の視覚化を行い、ＧＰＵ５４を使用して表示部５５に表示する。スクリプトエンジン３６は、ＪａｖａＳｃｒｉｐｔ（登録商標）で記述されたスクリプトを解釈して実行する。これにより、表示指示されたＷｅｂページが表示部５５に表示される。

次に、ステップＳ２４で、判定部１６が、登録情報ＤＢ２０に登録されているＵＲＬの各々と、表示中のＷｅｂページのＵＲＬとが類似するか否かを判定する。そして、登録情報ＤＢ２０に、表示中のＷｅｂページとＵＲＬが類似する特定のＷｅｂページが登録されているか否かを判定する。登録されている場合には、ステップＳ２６へ移行し、登録されていない場合には、表示処理は終了する。

ステップＳ２６では、判定部１６が、登録情報ＤＢ２０において、表示中のＷｅｂページとＵＲＬが類似していると判定された特定のＷｅｂページのＵＲＬに対応付けて「位置情報」として登録されている矩形情報を取得する。なお、表示中のＷｅｂページとＵＲＬが類似している特定のＷｅｂページが複数存在する場合、ＵＲＬの一致度が最も高いＷｅｂページを特定のＷｅｂページとして選択すればよい。

そして、判定部１６が、取得した矩形情報と同一又は類似の矩形情報の要素が表示中のＷｅｂページに含まれるか否かをＤＯＭ管理部３４へ問い合わせる。ＤＯＭ管理部３４から該当の要素が含まれる旨の応答があった場合には、ステップＳ２８へ移行し、該当の要素が含まれない旨の応答があった場合には、表示処理は終了する。

次に、ステップＳ２８では、判定部１６が、登録情報ＤＢ２０から、特定のＷｅｂページの「要素間の構造」を取得し、取得した要素間の構造と一致する要素間の構造が表示中のＷｅｂページに含まれるか否かをＤＯＭ管理部３４へ問い合わせる。ＤＯＭ管理部３４から該当の要素間の構造が含まれる旨の応答があった場合には、判定部１６が、上記ステップＳ２６で含まれると判定した表示中のＷｅｂページに含まれる要素の矩形情報を表示制御部１８へ受け渡し、ステップＳ３０へ移行する。一方、該当の要素間の構造が含まれない旨の応答があった場合には、表示処理は終了する。

ステップＳ３０では、表示制御部１８が、表示中のＷｅｂページのうち、判定部１６から受け渡された矩形情報が示す要素が、ブラウザの先頭や中央などの所定位置に配置されるように、表示中のＷｅｂページをスクロールするように表示を制御する。そして、表示処理は終了する。

以上説明したように、本実施形態に係る情報処理装置によれば、情報処理装置に搭載されたＨＴＭＬブラウザのユーザインタフェースが、表示中のＷｅｂページにおいて、所望の箇所を示す位置情報を受け付ける。受け付けた位置情報は、表示中のＷｅｂページのＵＲＬ及び表示構成を示す情報と共に登録しておく。そして、Ｗｅｂページを表示する際、位置情報が登録されているＷｅｂページと、表示中のＷｅｂページとの表示構成を比較する。両Ｗｅｂページの表示構成が類似する場合には、登録されている位置情報に対応する表示中のＷｅｂページの要素がブラウザの所定位置に表示されるように、表示中のＷｅｂページをスクロールする。これにより、Ｗｅｂページを表示する際に、他のＷｅｂページで指定した位置に応じた領域を自動的に表示することができる。

Ｗｅｂページを表示する際に、ユーザ所望の箇所を表示する方法としては、以下のような方法も考えられるが、それぞれ問題がある。

例えば、Ｗｅｂページ側で予め索引（HTMLの<a name="">等）を付けることも考えられる。しかし、この場合、Ｗｅｂページの製作者が毎回索引をつける必要があるため、手間がかかる。また、ユーザが索引を見つけてクリックするなどの操作が必要であり、ユーザ側にも負担がかかる。

また、例えば、検索エンジン側でインデックスを付けることも考えられるが、検索結果から該当のＷｅｂページへの遷移としては有効であるが、検索エンジンを経由しない遷移では機能しない。また、検索エンジンの仕様によっては、インデックスを付けられない場合がある。

また、例えば、ユーザ側でしおりを付けることも考えられるが、ブラウザ側にしおりを付ける機能が別途必要であり、また、しおりを付けたＷｅｂページのみに有効となる。

また、例えば、ユーザが指定した座標を記憶することも考えられるが、ＣＭＳのテンプレートが変更されると、意図しない座標にスクロールしてしまう場合がある。

本実施形態では、表示構成の類似したＷｅｂページで登録された位置情報を用いるため、上記のように他の方法で想定される問題は生じない。

なお、上記実施形態において、図１０の例では、所望箇所をブラウザの先頭に配置した例を示しているが、所望箇所を配置する位置はブラウザの中央など、他の位置でもよい。

また、上記実施形態では、登録されている要素間の構造が表示中のＷｅｂページに含まれるか否かをＤＯＭ管理部に問い合わせる場合について説明したが、これに限定されない。例えば、表示中のＷｅｂページの木構造において、ルートから、登録されている矩形情報と同一又は類似の矩形情報の要素までの要素間の構造を示す情報をＤＯＭ管理部から取得してもよい。この場合、ＤＯＭ管理部から取得した要素間の構造と、登録情報ＤＢ２０に登録されている要素間の構造と比較して、Ｗｅｂページ間で表示構成が類似するか否かを判定すればよい。

また、上記実施形態における図１３に示す表示処理において、ステップＳ２６とステップＳ２８とは、処理順序を逆にしてもよい。また、ステップＳ２６とステップＳ２８とを合わせて、表示中のＷｅｂページの表示構成と、特定のＷｅｂページの表示構成とが類似しているか否かを判定してもよい。すなわち、矩形情報と要素間の構造とを掛け合わせて類似を判定してもよい。例えば、要素間の構造に基づいて、ルートから順に出現する要素の矩形情報を比較し、該当の要素まで矩形情報が同一又は類似しているか否かにより、Ｗｅｂページ間で表示構成が類似するか否かを判定してもよい。

また、上記実施形態では、登録されているＷｅｂページと表示構成が類似するＷｅｂページが表示されたことをトリガーとして、所望箇所に自動的にスクロールする場合について説明したが、これに限定されない。例えば、予めブラウザ上にボタンを用意しておき、ユーザがそのボタンを押下したときに、所望箇所が所定位置に配置されるようにスクロールしてもよい。

また、上記実施形態では、表示制御プログラムが記憶部に予め記憶（インストール）されている態様を説明したが、これに限定されない。開示の技術に係るプログラムは、ＣＤ－ＲＯＭ（Compact Disc Read only memory）、ＤＶＤ（Digital Versatile Disc）－ＲＯＭ、ＵＳＢ（Universal Serial Bus）メモリ等の記憶媒体に記憶された形態で提供することも可能である。

以上の実施形態に関し、更に以下の付記を開示する。

（付記１）
Ｗｅｂページの表示指示を受け付けると、前記Ｗｅｂページの表示構成が特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記Ｗｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記Ｗｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記Ｗｅｂページのうち、前記特定のＷｅｂページに対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域を表示部に表示する、
処理をコンピュータが実行することを特徴とする表示制御方法。

（付記２）
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記表示指示がされたＷｅｂページのうち、前記特定のＷｅｂページの識別情報に対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域が表示画面の所定位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する付記１に記載の表示制御方法。

（付記３）
前記表示指示にしたがってＷｅｂサーバから取得された前記表示構成に関する情報と、記憶部に記憶された前記特定のＷｅｂページの表示構成に関する情報とに基づいて、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似すると判定された場合に、前記記憶部から前記特定のＷｅｂページ上の位置情報を取得して、前記表示指示がされたＷｅｂページのうち、取得した前記位置情報に対応する領域が表示画面の所定位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する
付記２に記載の表示制御方法。

（付記４）
Ｗｅｂページに表示される要素間の関係を示す情報を含む前記表示構成に関する情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記３に記載の表示制御方法。

（付記５）
前記要素間の関係を木構造で表した前記表示構成に関する情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記４に記載の表示制御方法。

（付記６）
前記木構造において、ルートの要素から前記特定のＷｅｂページ上の位置情報に対応する要素までの要素間の構造と一致する構造を前記表示指示がされたＷｅｂページが有するか否かにより、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記５に記載の表示制御方法。

（付記７）
Ｗｅｂページに表示される要素の配置を示す情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記２～付記６のいずれか１項に記載の表示制御方法。

（付記８）
前記要素の配置を示す情報は、前記要素の表示画面での位置及び大きさを示す矩形情報である付記７に記載の表示制御方法。

（付記９）
前記表示部に表示されたＷｅｂページにおいて、前記位置情報の指定を受け付け、受け付けた前記位置情報を、前記表示されたＷｅｂページの識別情報に対応付けて前記記憶部に登録することをさらに含む処理を前記コンピュータが実行することを特徴とする付記２～付記８のいずれか１項に記載の表示制御方法。

（付記１０）
Ｗｅｂページの表示指示を受け付けると、前記Ｗｅｂページの表示構成が特定のＷｅｂページの表示構成と類似するか否かを判定する判定部と、
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記Ｗｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記Ｗｅｂページのうち、前記特定のＷｅｂページに対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域を表示部に表示する表示制御部と、
を含むことを特徴とする表示制御装置。

（付記１１）
前記表示制御部は、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記表示指示がされたＷｅｂページのうち、前記特定のＷｅｂページの識別情報に対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域が表示画面の所定位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する付記１０に記載の表示制御装置。

（付記１２）
前記判定部は、前記表示指示にしたがってＷｅｂサーバから取得された前記表示構成に関する情報と、記憶部に記憶された前記特定のＷｅｂページの表示構成に関する情報とに基づいて、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記表示制御部は、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似すると判定された場合に、前記記憶部から前記特定のＷｅｂページ上の位置情報を取得して、前記表示指示がされたＷｅｂページのうち、取得した前記位置情報に対応する領域が表示画面の所定位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する
付記１１に記載の表示制御装置。

（付記１３）
前記判定部は、Ｗｅｂページに表示される要素間の関係を示す情報を含む前記表示構成に関する情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記１２に記載の表示制御装置。

（付記１４）
前記判定部は、前記要素間の関係を木構造で表した前記表示構成に関する情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記１３に記載の表示制御装置。

（付記１５）
前記判定部は、前記木構造において、ルートの要素から前記特定のＷｅｂページ上の位置情報に対応する要素までの要素間の構造と一致する構造を前記表示指示がされたＷｅｂページが有するか否かにより、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記１４に記載の表示制御装置。

（付記１６）
前記判定部は、Ｗｅｂページに表示される要素の配置を示す情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する付記１１～付記１５のいずれか１項に記載の表示制御装置。

（付記１７）
前記要素の配置を示す情報は、前記要素の表示画面での位置及び大きさを示す矩形情報である付記１６に記載の表示制御装置。

（付記１８）
前記表示部に表示されたＷｅｂページにおいて、前記位置情報の指定を受け付け、受け付けた前記位置情報を、前記表示されたＷｅｂページの識別情報に対応付けて前記記憶部に登録する登録部をさらに含むことを特徴とする付記１１～付記１７のいずれか１項に記載の表示制御装置。

（付記１９）
Ｗｅｂページの表示指示を受け付けると、前記Ｗｅｂページの表示構成が特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記Ｗｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記Ｗｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記Ｗｅｂページのうち、前記特定のＷｅｂページの識別情報に対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域を表示部に表示する、
処理をコンピュータに実行させることを特徴とする表示制御プログラム。

（付記２０）
Ｗｅｂページの表示指示を受け付けると、前記Ｗｅｂページの表示構成が特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記Ｗｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記Ｗｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記Ｗｅｂページのうち、前記特定のＷｅｂページの識別情報に対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報に対応する領域を表示部に表示する、
処理をコンピュータに実行させることを特徴とする表示制御プログラムを記憶した記憶媒体。

１０ユーザインタフェース
１２受付部
１４登録部
１６判定部
１８表示制御部
２０登録情報ＤＢ
３０ブラウザ
３２パーサー
３４ＤＯＭ管理部
３６スクリプトエンジン
３８ラスタライザー
５０コンピュータ
５１ＣＰＵ
５２メモリ
５３記憶部
５４ＧＰＵ
５５表示部
５６入力部
５７記憶媒体
７０表示制御プログラム
１００情報処理装置

Claims

特定のＷｅｂページの識別情報に対応付けて、前記特定のＷｅｂページ上の位置情報、及び前記特定のＷｅｂページの先頭から前記位置情報が示す要素までの要素間の構造を示す表示構成が記憶部に記憶されており、
Ｗｅｂページの表示指示を受け付けると、前記表示指示がされたＷｅｂページの要素間の構造に、前記記憶部に記憶された前記特定のＷｅｂページの要素間の構造が含まれるか否かに基づいて、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記表示指示がされたＷｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記表示指示がされたＷｅｂページのうち、前記特定のＷｅｂページに対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報が示す要素と一致する要素が、表示画面において、ユーザによるスクロール操作なしで視認可能な位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する、
処理をコンピュータが実行することを特徴とする表示制御方法。
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記表示指示がされたＷｅｂページのうち、前記特定のＷｅｂページの識別情報に対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報が示す要素と一致する要素が表示画面の所定位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する請求項１に記載の表示制御方法。
前記表示指示にしたがってＷｅｂサーバから取得された前記表示構成に関する情報と、記憶部に記憶された前記特定のＷｅｂページの表示構成に関する情報とに基づいて、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似すると判定された場合に、前記記憶部から前記特定のＷｅｂページ上の位置情報を取得して、取得した前記位置情報に基づいて、前記表示指示がされたＷｅｂページを表示部に表示する
請求項１又は請求項２に記載の表示制御方法。
前記要素間の構造を木構造で表した前記表示構成に関する情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する請求項１～請求項３のいずれか１項に記載の表示制御方法。
前記木構造において、ルートの要素から前記特定のＷｅｂページ上の位置情報に対応する要素までの要素間の構造と一致する構造を前記表示指示がされたＷｅｂページが有するか否かにより、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する請求項４に記載の表示制御方法。
Ｗｅｂページに表示される要素の配置を示す情報の比較により、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する請求項１～請求項５のいずれか１項に記載の表示制御方法。
前記要素の配置を示す情報は、前記要素の表示画面での位置及び大きさを示す矩形情報である請求項６に記載の表示制御方法。
前記表示部に表示されたＷｅｂページにおいて、前記位置情報の指定を受け付け、受け付けた前記位置情報を、前記表示されたＷｅｂページの識別情報に対応付けて前記記憶部に登録することをさらに含む処理を前記コンピュータが実行することを特徴とする請求項１～請求項７のいずれか１項に記載の表示制御方法。
特定のＷｅｂページの識別情報に対応付けて、前記特定のＷｅｂページ上の位置情報、及び前記特定のＷｅｂページの先頭から前記位置情報が示す要素までの要素間の構造を示す表示構成が記憶された記憶部と、
Ｗｅｂページの表示指示を受け付けると、前記表示指示がされたＷｅｂページの要素間の構造に、前記記憶部に記憶された前記特定のＷｅｂページの要素間の構造が含まれるか否かに基づいて、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定する判定部と、
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記表示指示がされたＷｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記表示指示がされたＷｅｂページのうち、前記特定のＷｅｂページに対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報が示す要素と一致する要素が、表示画面において、ユーザによるスクロール操作なしで視認可能な位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する表示制御部と、
を含むことを特徴とする表示制御装置。
特定のＷｅｂページの識別情報に対応付けて、前記特定のＷｅｂページ上の位置情報、及び前記特定のＷｅｂページの先頭から前記位置情報が示す要素までの要素間の構造を示す表示構成が記憶部に記憶されており、
Ｗｅｂページの表示指示を受け付けると、前記表示指示がされたＷｅｂページの要素間の構造に、前記記憶部に記憶された前記特定のＷｅｂページの要素間の構造が含まれるか否かに基づいて、前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似するか否かを判定し、
前記表示指示がされたＷｅｂページの表示構成が前記特定のＷｅｂページの表示構成と類似する場合、前記表示指示がされたＷｅｂページが前記特定のＷｅｂページとは異なる場合であっても、前記表示指示がされたＷｅｂページのうち、前記特定のＷｅｂページに対応付けて記憶部に記憶された、前記特定のＷｅｂページ上の位置情報が示す要素と一致する要素が、表示画面において、ユーザによるスクロール操作なしで視認可能な位置に配置されるように前記表示指示がされたＷｅｂページを表示部に表示する、
処理をコンピュータに実行させることを特徴とする表示制御プログラム。