JP5802853B2 - 表示データ作成方法、制御プログラム及びコンピュータ - Google Patents

Description

本発明は、表示データ作成方法、制御プログラム及びコンピュータに関する。

所謂スマートフォン等の画面サイズの小さい携帯情報端末が、サーバ等に格納された多数の項目についての情報を表示する場合に、ユーザがその多数の情報の中から所望する情報を探して閲覧できるように、幾つかの表示方式が採用されている。例えば、携帯情報端末が、各情報をスクロール可能に表示することにより、ユーザはスクロール操作によって所望する情報を探して閲覧することができる。または、携帯情報端末が、所定数ずつ各情報を表示し、現在表示している所定数の情報とともに次の所定数の情報を表示するための「もっと見る」ボタン等を表示することにより、ユーザは、そのボタンの押下によって所望する情報を探して閲覧することができる。

しかしながら、現在表示されている情報と、ユーザが閲覧を所望する情報との間に非常に多くの情報が存在する場合、ユーザは、所望する情報に辿り着くまでに多くのスクロール操作又は「もっと見る」ボタンの押下を行う必要があり、多くの時間及び労力を要する。

例えば、非特許文献１の検索サービスでは、端末から検索を要求された検索サーバは、検索結果である複数の項目を複数のページに分割し、各ページのページ番号をユーザが指定できるように順番に並べて端末に表示させる。この端末において、表示したページ番号のうちの一つがユーザにより指定されると、検索サーバは、指定されたページ番号に対応する項目を端末に表示させる。

また、特許文献１には、一覧を構成する商品等の要素の、価格等の属性に応じた区分条件に基づいて、その一覧を構成する複数の要素を区分して複数の要素群を決定し、各要素群に含まれる要素の全てを同一のページに表示するようにページを区切る情報処理装置が記載されている。

Google, Inc.、「Google」、[online]、インターネット<URL: https://www.google.co.jp/>

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

非特許文献１の検索サービスでは、ユーザは、複数のページの中から特定のページを選択することができ、所望する項目を短時間に探して閲覧することが可能になる。しかしながら、ユーザは、同時に表示する項目数を変更することができず、ユーザが端末を操作する際のＵＸ（User Experience：ユーザの体験内容、満足感等）が損なわれる場合があった。

また、特許文献１の情報処理装置は、複数の要素を属性ごとに区分して各ページに表示することができる。しかしながら、属性が同じ要素が多い場合、一つのページに表示される要素の数が多くなり、ユーザは、所望する要素に辿り着くまでに多くのスクロール操作を行う必要がある。逆に、属性が同じ要素が少ない場合、一つのページに表示される要素の数が少なくなり、ユーザは、所望する要素を探すために多くのページを順次表示させる必要がある。

本発明は、このような従来の課題を解決すべくなされたものであり、ユーザが端末を操作する際のＵＸを向上させることを可能とする表示データ作成方法、制御プログラム及びコンピュータを提供することを目的とする。

本発明に係る表示データ作成方法は、出力部を備えるコンピュータにおける表示データ作成方法であって、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、ユーザにより各ページ番号が表示された表示領域内の２点が指定された場合に、２点間の距離と表示領域内に表示された各ページ番号間の距離とに基づく特定のページ数分のページ情報を取得し、特定のページ数分のページ情報に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させることを含む。

また、本発明に係る表示データ作成方法において、表示領域内に表示された各ページ番号の中からユーザによりページを指定することをさらに含み、特定のページ数分のページ情報には、指定されたページが含まれることが好ましい。

また、本発明に係る表示データ作成方法において、特定のページ数分のページ情報は、指定されたページから特定のページ数分のページに付された番号であることが好ましい。

また、本発明に係る表示データ作成方法において、特定のページ数分のページ情報は、表示領域内における指定されたページの位置と２点の位置との位置関係から定められることが好ましい。

また、本発明に係る表示データ作成方法において、表示領域内の２点として、表示領域内の２点を指示するユーザのスワイプ操作が完了した時に指示されていた２点が指定されることが好ましい。

また、本発明に係る表示データ作成方法において、表示領域内の２点として、表示領域内の２点を指示するユーザのスワイプ操作に応じて指示されている２点が指定されることが好ましい。

また、本発明に係る表示データ作成方法において、スワイプ操作に応じて指示されている２点に対応するページ番号を表示するための指示ページ番号表示データを作成して出力部に出力させることをさらに含むことが好ましい。

また、本発明に係る表示データ作成方法において、項目情報は、クエストのステージに関する情報、又は、バトルの対戦相手に関する情報であることが好ましい。

また、本発明に係る表示データ作成方法において、決定した項目情報数の項目情報を表示するための項目表示データを作成して出力部に出力させることが好ましい。

また、本発明に係る表示データ作成方法において、項目表示データは、Ａｊａｘ（登録商標）を用いて作成されることが好ましい。

また、本発明に係る表示データ作成方法において、項目情報を表示する端末と通信を行う通信部であることが好ましい。

また、本発明に係るコンピュータの制御プログラムは、出力部を備えるコンピュータにおける制御プログラムであって、コンピュータに、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、ユーザにより各ページ番号が表示された表示領域内の２点が指定された場合に、２点間の距離と表示領域内に表示された各ページ番号間の距離とに基づく特定のページ数分のページ情報を取得し、特定のページ数分のページ情報に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させることを実行させる。

また、本発明に係るコンピュータは、出力部と、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させる表示データ作成部と、ユーザにより各ページ番号が表示された表示領域内の２点が指定された場合に、２点間の距離と表示領域内に表示された各ページ番号間の距離とに基づく特定のページ数分のページ情報を取得するページ情報取得部と、を備え、表示データ作成部は、特定のページ数分のページ情報に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させる。

本発明に係る表示データ作成方法、制御プログラム及びコンピュータは、特定の項目に関する所定の項目情報が含まれる各ページのページ番号をスクロール可能に表示させ、そのページ番号が表示された表示領域内でユーザにより指定された２点間の距離に基づくページ数分のページに含まれる項目情報を表示させることにより、ユーザが端末を操作する際のＵＸを向上させることを可能とする。

ゲームシステム１の概略構成の一例を示す図である。 携帯端末２の概略構成の一例を示す図である。 （ａ）、（ｂ）は携帯端末２の表示部２４に表示される画面３００の一例を示す図である。 フリック操作により指定された指定ページ番号の取得処理について説明するための模式図である。 （ａ）、（ｂ）は、２点で指示されたページ数及び指示ページ番号の取得処理について説明するための模式図である。 （ａ）、（ｂ）は、指定ページ番号について説明するための模式図である。 スワイプ操作に応じて指示されている２点を指定ページ番号としてリアルタイムに通知する場合の処理について説明するための模式図である。 （ａ）は、サーバ３の概略構成の一例を示す図であり、（ｂ）、（ｃ）は、各種管理テーブルのデータ構造の一例を示す図である。 項目情報の表示の動作シーケンスの一例を示す図である。 全ページ数決定処理の動作フローの一例を示す図である。 ページ番号解析処理の動作フローの一例を示す図である。

以下、図面を参照しつつ、本発明の様々な実施形態について説明する。ただし、本発明の技術的範囲はそれらの実施形態に限定されず、特許請求の範囲に記載された発明とその均等物に及ぶ点に留意されたい。

（１）本実施形態の概略
本実施形態では、ユーザは、携帯端末を用いて、サーバから提供されるゲームを実行する。提供されるゲームは、ユーザが所有するゲーム媒体を用いた敵キャラクタ又は他ユーザとのバトル（対戦）、ゲームのシナリオに従って進行するクエスト等である。ゲーム媒体とは、ゲームに使用される電子データであり、例えば、カード、アイテム、キャラクタ及びアバタ等を含む。また、ゲーム媒体は、ゲームの進行に応じ、ユーザによって、ゲーム内で、取得、保有、使用、管理、交換、合成、強化、売却、廃棄、及び／又は贈与等され得る電子データであるが、ゲーム媒体の利用態様は本明細書で明示されるものには限られない。クエストとは、一般に、探索、ミッション等とも称されるものであり、複数のステージを有し、各ステージの処理を順次実行していくものである。

サーバは、バトルの対戦相手に関する情報、クエストのステージに関する情報、ゲームで使用されるキャラクタ、アイテム、各ユーザから掲示板に投稿されたコメント等の特定の項目に関する情報である項目情報を複数記憶する。バトルの対戦相手に関する情報は、バトルの対戦相手の名前、レベル、属性等である。クエストのステージに関する情報は、クエストのステージの名前、難易度等である。サーバは、携帯端末を介したユーザからの要求に従って、各ページに所定の項目情報が含まれる複数のページのそれぞれの識別番号（以下、ページ番号と称する）を並べてスクロール可能に携帯端末に表示させ、ユーザにより指定されたページに含まれる項目情報を携帯端末に表示させる。さらに、サーバは、各ページ番号が表示された表示領域内でユーザにより２点が指定された場合、指定された２点間の距離に応じたページ数分のページに含まれる項目情報を携帯端末に表示させる。これにより、ユーザが端末を操作する際のＵＸを向上させることを図る。

（２）ゲームシステム１の構成
図１は、ゲームシステム１の概略構成の一例を示す図である。

ゲームシステム１は、複数の携帯端末２と、サーバ３とを備える。携帯端末２とサーバ３とは、通信ネットワーク、例えば基地局５、移動体通信網６、ゲートウェイ７及びインターネット８を介して相互に接続される。携帯端末２で実行されるプログラム（例えば、閲覧プログラム）と、サーバ３で実行されるプログラム（例えば、ゲームプログラム）とは、ハイパーテキスト転送プロトコル（Hypertext Transfer Protocol, HTTP）等の通信プロトコルを用いて通信を行う。

（２．１）携帯端末２の構成
図２は、携帯端末２の概略構成の一例を示す図である。

携帯端末２は、基地局５、移動体通信網６、ゲートウェイ７、及びインターネット８を介してサーバ３に接続し、サーバ３と通信を行う。携帯端末２は、サーバ３から提供されるゲームを実行し、サーバ３に記憶された複数の項目情報を所定数ごとに複数のページに分割して表示する。携帯端末２は、各ページのページ番号をスクロール可能に表示し、ユーザによる操作部２３を用いた操作により指定されたページ番号及びページ数に対応する項目情報をサーバ３から取得して表示する。そのために、携帯端末２は、端末通信部２１と、端末記憶部２２と、操作部２３と、表示部２４と、端末処理部２５とを備える。

なお、本実施形態では、携帯端末２として、多機能携帯電話（所謂「スマートフォン」）を想定するが、本発明はこれに限定されるものではない。携帯端末２は、本発明が適用可能であればよく、例えば、携帯電話（所謂「フィーチャーフォン」）、携帯情報端末（Personal Digital Assistant, PDA）、携帯ゲーム機、携帯音楽プレーヤ、タブレットＰＣ（Personal Computer）、パーソナルコンピュータ等でもよい。

端末通信部２１は、所定の周波数帯を感受帯域とするアンテナを含む、通信インターフェース回路を備え、携帯端末２を無線通信ネットワークに接続する。端末通信部２１は、基地局５により割り当てられるチャネルを介して、基地局５との間でＣＤＭＡ（Code Division Multiple Access）方式等による無線信号回線を確立し、基地局５との間で通信を行う。そして、端末通信部２１は、端末処理部２５から供給されたデータをサーバ３等に送信する。また、端末通信部２１は、サーバ３等から受信したデータを端末処理部２５に供給する。なお、端末通信部２１は、不図示のＷｉｆｉ（Wireless Fidelity）のアクセスポイントとの間でＩＥＥＥ８０２．１１規格の無線通信方式による無線通信を行うものでもよい。

端末記憶部２２は、例えば、半導体メモリ、磁気ディスク装置、又は光ディスク装置のうちの少なくともいずれか一つを備える。端末記憶部２２は、端末処理部２５での処理に用いられるオペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム、データ等を記憶する。例えば、端末記憶部２２は、ドライバプログラムとして、操作部２３を制御する入力デバイスドライバプログラム、表示部２４を制御する出力デバイスドライバプログラム等を記憶する。また、端末記憶部２２は、アプリケーションプログラムとして、各ページのページ番号をスクロール可能に表示するとともに、ユーザにより指定されたページ番号及びページ数に対応する項目情報を表示する閲覧プログラム等を記憶する。また、端末記憶部２２は、データとして、複数の項目情報を複数のページに分割して表示部２４に表示する際の１ページあたりの項目情報の表示数（以下、表示項目数と称する）を予め記憶しておくとともに、サーバ３から取得した各項目情報等を記憶する。さらに、端末記憶部２２は、所定の処理に係る一時的なデータを一時的に記憶してもよい。

操作部２３は、携帯端末２の操作が可能であればどのようなデバイスでもよく、例えば、タッチパッド、キーボード等である。ユーザは、操作部２３を用いて、文字、数字、スクロール操作等を入力することができる。操作部２３は、ユーザにより操作されると、その操作に対応する信号を発生する。そして、発生した信号は、ユーザの指示として、端末処理部２５に供給される。

表示部２４も、映像、画像等の表示が可能であればどのようなデバイスでもよく、例えば、液晶ディスプレイ、有機ＥＬ（Electro−Luminescence）ディスプレイ等である。表示部２４は、端末処理部２５から供給された映像データに応じた映像、画像データに応じた画像等を表示する。

端末処理部２５は、一又は複数個のプロセッサ及びその周辺回路を備える。端末処理部２５は、携帯端末２の全体的な動作を統括的に制御するものであり、例えば、ＣＰＵ（Central Processing Unit）である。端末処理部２５は、携帯端末２の各種処理が端末記憶部２２に記憶されているプログラム、操作部２３の操作等に応じて適切な手順で実行されるように、端末通信部２１、表示部２４等の動作を制御する。端末処理部２５は、端末記憶部２２に記憶されているプログラム（オペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム等）に基づいて処理を実行する。また、端末処理部２５は、複数のプログラム（アプリケーションプログラム等）を並列に実行することができる。

（２．１．１）端末処理部２５の構成
端末処理部２５は、少なくとも閲覧実行部２５０を備える。閲覧実行部２５０は、ゲーム実行部２５１、表示制御部２５２、ページ情報受付部２５３等を含む。これらの各部は、端末処理部２５が備えるプロセッサで実行されるプログラムにより実現される機能モジュールである。あるいは、これらの各部は、ファームウェアとして携帯端末２に実装されてもよい。

閲覧実行部２５０は、操作部２３を用いたユーザからの指示に応じて、特定の表示データの取得要求を端末通信部２１を介してサーバ３に送信する。また、閲覧実行部２５０は、対応する表示データを、サーバ３から端末通信部２１を介して受信する。閲覧実行部２５０は、受信した表示データに基づいて描画データを作成する。即ち、閲覧実行部２５０は、受信した表示データを解析して制御データ及び内容データを特定し、特定した制御データに従って同じく特定した内容データをレイアウトし、描画データを作成する。そして、閲覧実行部２５０は、作成した描画データを表示部２４に出力する。

ゲーム実行部２５１は、操作部２３を用いたユーザからの指示に応じて、サーバ３により提供されるゲームを実行する。ゲーム実行部２５１は、操作部２３を用いてユーザからゲームの開始指示を受け付けると、さらに操作部２３を用いてユーザからユーザＩＤ及びパスワードを受け付け、受け付けたユーザＩＤ及びパスワードを含むユーザ認証要求を端末通信部２１を介してサーバ３に送信する。サーバ３が認証処理に成功すると、ゲーム実行部２５１は、端末通信部２１を介してサーバ３から取得したゲーム画面を表示部２４に表示するとともに、操作部２３を用いてユーザからの操作を受け付け、以降、そのゲームのための処理を実施する。

表示制御部２５２は、操作部２３を用いたユーザからの指示に応じて、各ページのページ番号をスクロール可能に表示するとともに、ユーザにより指定されたページに含まれる項目情報、指定されているページ番号等を表示する描画データを表示部２４に出力する。そのために、表示制御部２５２は、描画データに係る表示データの取得を要求する表示データ取得要求を端末通信部２１を介してサーバ３に送信する。表示データ取得要求には、端末記憶部２２に記憶された表示項目数が含まれる。また、表示制御部２５２は、対応する表示データを端末通信部２１を介してサーバ３から取得し、取得した表示データに基づいて描画データを作成し、作成した描画データを表示部２４に出力する。表示データは、例えばＨＴＭＬ５（HyperText Markup Language 5）、ＣＳＳ３（Cascading Style Sheets 3）、及びＪａｖａＳｃｒｉｐｔ（登録商標）等の言語を利用して作成することができる。

サーバ３から送信される表示データには、内容データとして、サーバ３に記憶された項目情報のうち先頭から表示項目数分の項目情報が含まれ、制御データとして、その項目情報を表示するための情報が含まれる。以下では、先頭から表示項目数分の項目情報を表示するためのデータを初回項目表示データと称する場合がある。

また、表示データには、内容データとして、複数のページの全ページ数分の各ページ番号が含まれ、制御データとして、各ページ番号をユーザにより指定可能とし、並べてスクロール可能に表示するための情報が含まれる。以下では、全ページ数分の各ページ番号を表示するためのデータを全ページ番号表示データと称する場合がある。

さらに、表示データには、内容データとして、ユーザにより現在指示されているページ番号又はユーザにより指定されたページ番号を表示するための指示ページ番号表示欄が含まれ、制御データとして、その指示ページ番号表示欄に、ユーザにより現在指示されているページ番号又はユーザにより指定されたページ番号を表示するための情報が含まれる。以下では、ユーザにより現在指示されているページ番号又はユーザにより指定されたページ番号を表示するためのデータを指示ページ番号表示データと称する場合がある。

なお、「指示する」とは、ページ番号等を選択中である状態をいい、例えば操作部２３がタッチパネルである場合にユーザがスワイプ操作等において指等をタッチパネルの特定の領域に接触させている状態である。一方、「指定する」とは、ページ番号を確定させた状態をいい、例えばユーザがスワイプ操作等において指等をタッチパネルから離した直後の状態である。以下では、指示されているページ番号を指示ページ番号と称し、指定されているページ番号を指定ページ番号と称する場合がある。

表示制御部２５２は、サーバ３から取得した表示データに含まれる各項目情報を端末記憶部２２に記憶する。また、表示制御部２５２は、初回項目表示データに基づいて各項目情報を表示部２４に表示する。また、表示制御部２５２は、全ページ番号表示データに基づいて各ページ番号を並べてスクロール可能に表示部２４に表示する。また、表示制御部２５２は、指示ページ番号表示データに基づいて、指示ページ番号又は指定ページ番号を表す指示ページ番号表示欄を表示部２４に表示する。以下では、表示部２４に表示する各項目情報を項目リストと称し、各ページ番号がスクロール可能に並べて表示された表示領域をスクロールページャと称する。

また、表示制御部２５２は、後述するように、操作部２３を用いたユーザの操作によりスクロールページャ内に表示された各ページの中から所定のページ番号が指定された場合、指定ページに含まれる項目情報の取得を要求する項目情報取得要求を端末通信部２１を介してサーバ３に送信する。項目情報取得要求には指定ページに係るページ情報が含まれる。ページ情報は、例えば指定ページ番号である。なお、後述するように、操作部２３を用いたユーザの操作により特定のページ数分の複数のページ番号が指定された場合、項目情報取得要求には、特定のページ数分のページ情報が含まれる。その場合、特定のページ数分のページ情報は、複数の指定ページ番号の先頭ページの番号及び最終ページの番号とすることができる。なお、特定のページ数分のページ情報は、全ての指定ページ番号としてもよいし、指定ページ番号の先頭ページの番号及びページ数としてもよい。

表示制御部２５２は、項目情報取得要求に含まれるページ情報に対応するページに含まれる項目情報を表示するための内容データ及び制御データを端末通信部２１を介してサーバ３から取得する。以下では、ページ情報に対応するページに含まれる項目情報を表示するためのデータを項目表示データと称する場合がある。項目表示データは、例えば、ＪＳＯＮ（JavaScript Object Notation）（登録商標）等の言語を利用して作成され、Ａｊａｘ（Asynchronous JavaScript and XML）（登録商標）等の技術を用いて取得することができる。表示制御部２５２は、取得した内容データに含まれる各更新情報を端末記憶部２２に記憶するとともに、取得した内容データ及び制御データに基づいて描画データを更新し、更新した描画データを表示部２４に表示する。

図３（ａ）、（ｂ）は、表示部２４に表示される画面３００の一例を示す図である。

図３（ａ）は、操作部２３を用いてユーザから項目情報の表示指示を最初に受け付けたときの画面３００を示す。画面３００は、サーバ３から受信した初回項目表示データ、全ページ番号表示データ及び指示ページ番号表示データ等に基づいて表示される。図３（ａ）に示されるように、画面３００には、スクロールページャ３１０と、項目リスト３２０と、指示ページ番号表示欄３３０とが表示される。スクロールページャ３１０には、各ページ番号３１１が並べられ、スクロール可能に表示される。項目リスト３２０には、スクロールページャ３１０の中心位置３１２に位置するページ番号３１１に対応する項目情報３２１が表示される。なお、各項目情報３２１は、例えば新しい情報の順に、上から順に表示される。操作部２３を用いてユーザから項目情報の表示指示を最初に受け付けたときは、先頭のページ番号「１」が中心位置３１２に位置し、ページ番号「１」に対応する項目情報３２１を表す項目リスト３２０が表示される。また、項目情報３２１の数が多く、全ての項目情報３２１が項目リスト３２０に表示できない場合、項目リスト３２０は各項目情報３２１を垂直方向（ｙ方向）にスクロール可能に表示される。指示ページ番号表示欄３３０には、現在指定されている指定ページ番号が、スクロールページャ３１０からの吹き出しにより表示される。図３（ａ）に示す状態では、指定ページ番号としてページ番号「１」が表示される。

図３（ｂ）は、スクロールページャ３１０において、図３（ａ）の矢印Ａの方向にユーザのスクロール操作がなされた場合の画面３００を示す。図３（ｂ）では、ユーザのスクロール操作の結果、スクロールページャ３１０の中心位置３１２にページ番号「１３」が位置しており、指示ページ番号表示欄３３０には指定ページ番号としてページ番号「１３」が表示され、項目リスト３２０にはページ番号「１３」に対応する項目情報３２１が表示される。ユーザは、スクロールページャ３１０を水平方向にスクロールさせて所望のページ番号を指定し、項目リスト３２０を垂直方向にスクロールさせて所望の項目情報を閲覧することができる。

ページ情報受付部２５３は、スクロールページャ内に表示された各ページ番号の内から操作部２３を用いてユーザの操作により指定されたページ番号を取得し、表示制御部２５２に通知して、項目情報取得要求をサーバ３に送信させる。この場合、項目情報取得要求に含まれるページ情報には、指定ページ番号、すなわちユーザにより指定されたページが含まれる。

以下、操作部２３がタッチパネルである場合を例にページ番号を取得する方法について説明する。なお、本実施形態では、以下に示す各種処理を実行するために、css3のwebkit-transformの各プロパティが使用されるものとする。

まず、ページ情報受付部２５３は、スクロールページャに対するユーザのフリック操作（スクロール操作）に応じて、タッチパネルが接触を感知し始めた位置である始点（touch1）を示す始点位置情報を操作部２３から取得する。また、ページ情報受付部２５３は、操作部２３から始点位置情報を取得した時刻を、接触を感知し始めた時刻（time1）を示す始点時刻情報として取得する。次に、ページ情報受付部２５３は、スクロールページャに対するユーザのフリック操作に応じた接触を感知し終えた位置である終点（touch2）を示す終点位置情報を操作部２３から取得する。また、ページ情報受付部２５３は、操作部２３から終点位置情報を取得した時刻を、接触を感知し終えた時刻（time2）を示す終点時刻情報として取得する。なお、始点位置情報及び終点位置情報により示される位置は、例えば、表示部２４の画面の左上を基準（すなわち、(x ,y ,z)=(0, 0, 0)）としたときの水平方向の位置を示すｘ座標の値で表される。

次に、ページ情報受付部２５３は、終点位置情報に示される位置から始点位置情報に示される位置を減算し、始点から終点までの移動距離（distance1 ＝ touch2 - touch1）を算出する。ここでは、上記したように、始点位置情報及び終点位置情報により示される位置が携帯端末の画面の左上を基準としているため、ユーザが右方向にフリック操作を行った場合には、distance1は正の値を示し、ユーザが左方向にフリック操作を行った場合には、distance1は負の値を示す。次に、ページ情報受付部２５３は、終点時刻情報に示される時刻から始点時刻情報に示される時刻を減算し、携帯端末が接触を感知していた接触時間（time3 ＝ time2 - time1）を算出する。次に、ページ情報受付部２５３は、移動距離distance1を、接触時間time3で除算することにより、ユーザのフリック操作の速度（speed1 ＝ distance1 / time3）（以下、操作速度と表記）を算出する。操作速度の単位は［pixel／秒］とする。なお、所定の操作速度を超えると、ユーザが携帯端末を操作する際のＵＸを損なう恐れがあるため、操作速度の上限値（例えば、４４０［pixel／秒］）を予め設定してもよい。

次に、ページ情報受付部２５３は、算出した操作速度に基づいて、スクロールページャが移動可能である移動可能時間を設定する。移動可能時間（例えば、0.4秒）をwebkitTransitionDurationのTime値として設定することにより、スクロールページャが移動する時間を設定することができる。なお、操作速度を移動可能時間として用いることができる。これにより、操作速度が遅い場合、スクロールページャの移動距離が短くなるので移動可能時間を短時間に設定し、操作速度が速い場合、スクロールページャの移動距離が長くなるので移動可能時間を長時間に設定することができる。

次に、ページ情報受付部２５３は、始点から終点までの移動距離と操作速度とに基づいて、スクロールページャを移動させるべき移動量（movePoint）を算出する。ページ情報受付部２５３は、例えば「movePoint ＝ distance1 × (speed1 / α)」を演算することにより、スクロールページャの移動量を算出する。なお、αは実験により定められた定数であり、例えば５６である。また、スクロールページャの移動量は、distance1とspeed1とに基づいて算出すればよく、上記の数式演算以外の方法により算出してもよい。

次に、ページ情報受付部２５３は、算出した移動量だけスクロールページャを移動するように表示部２４に表示する。ページ情報受付部２５３は、例えば、webkitTransform = translate3d(x, y, z)を利用することにより、スクロールページャを移動させることができる。

なお、本実施形態では、スクロールページャが水平方向（ｘ方向）に移動するものとして説明しているが、これに限定されず、スクロールページャは垂直方向（ｙ方向）に移動するようにしてもよい。

次に、ページ情報受付部２５３は、スクロールページャの移動が終了した時点で所定位置に位置するページ番号を指定ページ番号として取得し、取得した指定ページ番号を、指示ページ番号表示欄に表示するとともに、表示制御部２５２に通知する。所定位置は、例えばスクロールページャの水平方向の中心位置とすることができる。ページ情報受付部２５３は、移動可能時間が経過したときに、スクロールページャの水平方向の中心位置に存在するページ番号を取得する。

なお、ページ情報受付部２５３は、webkitTransformTimingFunction ”ease-out”を予め設定することにより、スクロールページャを滑らかに移動させることができる。

また、ページ情報受付部２５３は、スクロールページャ全体に含まれるページ番号の数と、各ページ番号を表示する領域の水平方向の長さと、相互に隣接するページ番号を表示する領域間の水平方向の余白であるmargin-rightとを用いて、スクロールページャが移動可能な距離（以下、移動可能距離と表記）を算出する。なお、ページ情報受付部２５３は、ＪａｖａＳｃｒｉｐｔ（登録商標）のgetComputedStyleメソッドを利用することにより、各ページ番号を表示する領域の水平方向の長さと、margin-rightを、取得することができる。ページ情報受付部２５３は、「ページ番号の数×（ページ番号を表示する領域の水平方向の長さ ＋ margin-right）」を演算することにより、移動可能距離を算出する。移動可能距離を算出しておくことにより、ページ情報受付部２５３は、「引き戻しの挙動」を実施することができる。ページ情報受付部２５３は、算出した移動量が移動可能距離より大きい場合、その移動量に１未満の所定値（例えば、０．９）を乗算した値（movePoint × 所定値）を、実際に一覧を移動させる移動量（以下、実移動量と称する）として設定する。これにより、例えばスクロールページャの端部が中心位置を越えるようにユーザがフリック操作をし続ける場合に、スクロールページャをフリック操作の方向と反対方向に引き戻すように表示する「引き戻しの挙動」を実現することができる。なお、引き戻しの挙動は、連続的に引き戻される挙動又は断続的に引き戻される挙動のいずれでもよい。

また、ページ情報受付部２５３は、display:noneを所望のページ番号又は項目情報に対して設定することにより、所望のページ番号又は項目情報を非表示にしてもよい。

また、ページ情報受付部２５３は、スクロールページャに表示されているページ番号のうちの一つがタップされた場合も、そのタップされたページ番号を指定ページ番号として取得し、取得した指定ページ番号を、指示ページ番号表示欄に表示するとともに、表示制御部２５２に通知する。

図４は、フリック操作により指定された指定ページ番号の取得処理について説明するための模式図である。

図４に示すように、スクロールページャ３１０において、矢印Ａの方向へユーザのフリック操作がなされた場合、ページ情報受付部２５３は、始点４０１及び終点４０２を操作部２３から取得し、各点を取得した時刻を取得する。ページ情報受付部２５３は、始点４０１及び終点４０２から移動距離４０３を算出し、各点を取得した時刻から接触時間を算出し、移動距離４０３と接触時間から操作速度を算出する。なお、図４に示す例では、ユーザが左方向にフリック操作を行っているため、移動距離は負の値となる。ページ情報受付部２５３は、算出した移動距離に基づいて決定した移動量だけスクロールページャ３１０を左方向に移動させ、スクロールページャの移動が終了した時点で中心位置３１２に位置するページ番号「１３」を指定ページ番号として取得する。

また、ページ情報受付部２５３は、ユーザによりスクロールページャ内の２点が指定された場合に、指定された２点間の距離と、スクロールページャ内に表示された各ページ番号間の距離とに基づく特定のページ数と、その特定のページ数分のページ番号とを取得する。ページ情報受付部２５３は、指定された２点間の距離と各ページ番号間の距離との関係に基づいて、そのページ数及びページ番号を決定する。

ページ情報受付部２５３は、スクロールページャ内の２点を指示するユーザの操作（タップ操作、スワイプ操作等）に応じて、指示された２点（touch3,touch4）の位置をそれぞれ示す第１位置情報及び第２位置情報を操作部２３から取得する。

次に、ページ情報受付部２５３は、第１位置情報に示される位置と第２位置情報に示される位置の差の絶対値を２点間の距離（distance2 ＝ |touch3 - touch4|）として算出する。

次に、ページ情報受付部２５３は、その２点間の距離に応じたページ数を算出する。例えば、ページ情報受付部２５３は、２点間の距離を各ページ番号の間の距離（distance3）で割った値の所定倍（n、例えば２）を、その２点間の距離に応じたページ数として取得する（ページ数＝(distance2 / distance3)×n）。なお、nは1以上の値でもよいし、1未満の値でもよい。n=1とした場合、２つのページ番号が指示されると、指示された２つのページ番号の差が、２点間の距離に応じたページ数となるので、ユーザは、所望するページ数を容易に指定することが可能となる。

次に、ページ情報受付部２５３は、取得したページ数分のページ番号を指示ページ番号として取得する。例えば、ページ情報受付部２５３は、フリック操作により予め指定されていたページ番号（スクロールページャの水平方向の中心位置に存在するページ番号）から、２点間の距離に応じた正方向のページ数分のページ番号を指示ページ番号として取得する。なお、ページ情報受付部２５３は、フリック操作により予め指定されていたページ番号から、２点間の距離に応じた負方向のページ数分のページ番号を指示ページ番号として取得してもよい。なお、この例の場合、項目情報取得要求に含まれるページ情報は、ユーザにより指定されたページから特定のページ数分のページに付された番号となる。

図５（ａ）は、２点で指示されたページ数及び指示ページ番号の取得処理について説明するための模式図である。

図５（ａ）に示すように、ユーザは、２本の指によりスクロールページャ３１０内の２点を同時にタップすることにより、２点５０１及び５０２を指示することができる。スクロールページャ３１０において、ユーザにより２点が指示された場合、ページ情報受付部２５３は、２点５０１及び５０２を操作部２３から取得する。ページ情報受付部２５３は、２点５０１及び５０２の間の距離５０３を算出し、２点に対応するページ数を取得する。図５（ａ）に示す例では、２点間の距離５０３は各ページ番号の間の距離５０４の約２倍である。したがって、例えば、上記した所定倍が２倍である場合、ページ数は４となる。ページ情報受付部２５３は、取得したページ数分のページ番号を指示ページ番号として取得する。図５（ａ）に示す例では、ページ番号「１３」から正方向に４ページ分のページ番号「１３」〜「１７」が指示ページ番号として取得される。なお、ページ番号「１３」から負方向に４ページ分のページ番号「９」〜「１３」が指示ページ番号として取得されてもよい。ページ情報受付部２５３は、指示ページ番号「１３」〜「１７」を指示ページ番号表示欄３３０に表示する。

なお、指示ページ番号の取得方法は、これに限定されない。例えば、ページ情報受付部２５３は、スクロールページャ内のフリック操作により予め指定されていた元の指定ページ番号の位置（スクロールページャの中心位置）と、タップ操作、スワイプ操作等により新たに指示された２点の位置との位置関係から、特定のページ数分の指示ページ番号を定めてもよい。

例えば、ページ情報受付部２５３は、元の指定ページ番号の位置と、指示された２点の各位置との間の距離に基づいて、特定のページ数分の指示ページ番号を決定する。その場合、ページ情報受付部２５３は、指示された２点の各位置（touch4, touch5）から元の指定ページ番号の位置（center）を減じた値を、元の指定ページ番号の位置と、指示された２点の各位置との距離（distance4, distance5）として算出する。すなわち、指示された位置が元の指定ページ番号の位置より左側にある場合、その距離は負の値を示し、右側にある場合、その距離は正の値を示す。そして、ページ情報受付部２５３は、元の指定ページ番号に、指示された２点のうちの負方向側の点（touch4）について算出した距離（distance4）を各ページ番号の間の距離（distance3）で割った値の所定倍（n、例えば２）の値を加算した値を指示ページ番号の先頭ページ番号とする（先頭ページ番号＝元の指定ページ番号＋(distance4 / distance3）×n）。また、ページ情報受付部２５３は、元の指定ページ番号に、指示された２点のうちの正方向側の点（touch5）について算出した距離（distance5）を各ページ番号の間の距離で割った値の所定倍の値を加算した値を指示ページ番号の最終ページ番号とする（最終ページ番号＝元の指定ページ番号＋(distance5 / distance3）×n）。なお、nは1以上の値でもよいし、1未満の値でもよい。

なお、ページ情報受付部２５３は、指示された２点の位置に最も近いページ番号を、それぞれ先頭ページ番号及び最終ページ番号としてもよい。

これらの例の場合、項目情報取得要求に含まれるページ情報は、スクロールページャ内において予め指定されていたページの位置と、新たに指定された２点の位置との位置関係から定められる。

図５（ｂ）は、２点の指示によるページ数及び指示ページ番号の取得処理の他の例について説明するための模式図である。

図５（ｂ）に示す例では、ページ情報受付部２５３は、スクロールページャ３１０内の中心位置５１３と、タップ操作により指示された２点５１１及び５１２の各位置との位置関係に基づいて、特定のページ数分の指示ページ番号を決定する。この例では、元の指定ページ番号「１３」に、中心位置５１３と、２点のうちの負方向側の点５１１との間の距離５１４を各ページ番号の間の距離５０４で割った値（−２）の所定倍（２倍）の値（−４）を加算した値「９」が指示ページ番号の先頭ページ番号となる。一方、元の指定ページ番号「１３」に、中心位置５１３と、２点のうちの正方向側の点５１２との間の距離５１５を各ページ番号の間の距離５０４で割った値（１）の所定倍（２倍）の値（２）を加算した値「１５」が指示ページ番号の最終ページ番号となる。ページ情報受付部２５３は、決定したページ番号「９」〜「１５」を指示ページ番号表示欄３３０に表示する。

また、ページ情報受付部２５３は、スクロールページャ内の２点を指示するユーザのスワイプ操作が行われた場合に、サーバ３から受信した指示ページ番号表示データに従って、そのスワイプ操作に応じて指示されている２点に対応するページ番号をリアルタイムに指示ページ番号表示欄に表示する。これにより、ユーザの指が現在指示している２点に対応するページ番号の表示がリアルタイムに変化するため、ユーザは、現在選択中のページ番号を把握することができ、所望のページ番号を正確に指定することができる。

次に、ページ情報受付部２５３は、スクロールページャ内の２点を指示するユーザのタップ操作、スワイプ操作等が完了した時、即ちユーザの指がタッチパネルから離れた時に、指示されていた指示ページ番号を指定ページ番号として表示制御部２５２に通知する。

図６（ａ）、（ｂ）は、指定ページ番号について説明するための模式図である。

図６（ａ）は、図５（ａ）に示す状態から、ユーザの指がタッチパネルから離れた状態を示している。図６（ａ）では、指定ページ番号としてページ番号「１３」〜「１７」が表示制御部２５２を介してサーバ３に通知され、項目リスト３２０には、ページ番号「１３」〜「１７」に対応する項目情報３２１が表示される。なお、図６（ａ）の項目リスト３２０に表示されている各項目情報３２１は、図５（ａ）の項目リスト３２０に表示されている各項目情報３２１と同じであるが、図６（ａ）の項目リスト３２０を垂直方向にスクロールさせることにより、図５（ａ）の項目リスト３２０に表示されている各項目情報より多くの項目情報が表示される。

図６（ｂ）は、図５（ｂ）に示す状態から、ユーザの指がタッチパネルから離れた状態を示している。図６（ｂ）では、指定ページ番号としてページ番号「９」〜「１５」が表示制御部２５２を介してサーバ３に通知され、項目リスト３２０には、ページ番号「９」〜「１５」に対応する項目情報３２１が表示される。

なお、ページ情報受付部２５３は、スクロールページャ内の２点を指示するユーザのスワイプ操作が完了した時でなく、スワイプ操作に応じて指示されている２点を指定ページ番号としてリアルタイムに表示制御部２５２に通知してもよい。

図７は、スワイプ操作に応じて指示されている２点を指定ページ番号としてリアルタイムに通知する場合の処理について説明するための模式図である。

図７では、ユーザのスワイプ操作に応じて、即ち、ユーザの指がタッチパネルから離れていない状態で、指定ページ番号としてページ番号「９」〜「１５」が表示制御部２５２を介してサーバ３に通知され、項目リスト３２０に表示される項目情報３２１及び項目情報数がリアルタイムに変化する。

（２．２）サーバ３の構成
図８（ａ）は、サーバ３の概略構成の一例を示す図である。

サーバ３は、所定のゲームを携帯端末２に提供するとともに、そのゲームで使用される複数の項目情報を記憶し、携帯端末２からの要求に応じて、要求されたページ番号に対応する項目情報を携帯端末２に送信する。そのために、サーバ３は、サーバ通信部３１と、サーバ記憶部３２と、サーバ処理部３３とを備える。

サーバ通信部３１は、出力部の一例であり、サーバ３をインターネット８に接続するための通信インターフェース回路を備え、インターネット８との間で通信を行う。そして、サーバ通信部３１は、携帯端末２等から受信したデータを、サーバ処理部３３に供給する。また、サーバ通信部３１は、サーバ処理部３３から供給されたデータを携帯端末２等に送信する。

サーバ記憶部３２は、例えば、磁気テープ装置、磁気ディスク装置、又は光ディスク装置のうちの少なくともいずれか一つを備える。サーバ記憶部３２は、サーバ処理部３３での処理に用いられるオペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム、データ等を記憶する。例えば、サーバ記憶部３２は、アプリケーションプログラムとして、携帯端末２からの要求に応じて、要求された項目情報を携帯端末２に送信するゲームプログラム等を記憶する。また、サーバ記憶部３２は、データとして、ユーザを管理するユーザ管理テーブル（図８（ｂ））、項目情報を管理する項目管理テーブル（図８（ｃ））、項目管理テーブルに記憶する項目情報の総数等を予め記憶する。さらに、サーバ記憶部３２は、所定の処理に係る一時的なデータを一時的に記憶してもよい。

図８（ｂ）、（ｃ）は、各種管理テーブルのデータ構造の一例を示す図である。

図８（ｂ）には、ユーザを管理するユーザ管理テーブルが示されている。ユーザ管理テーブルは、各ユーザについて、当該ユーザの識別番号（以下、ユーザＩＤと称する）、名前、パスワード、当該ユーザの携帯端末２についての各ページ番号と各項目情報との対応関係、表示項目数、項目情報を表示する複数のページのページ数等を記憶する。

図８（ｃ）には、項目情報を管理する項目管理テーブルが示されている。項目管理テーブルは、各項目情報について、当該項目情報の識別番号（以下、情報ＩＤと称する）、項目情報自体等を記憶する。なお、各項目情報は、例えば新しい情報の順に、上から順に記憶される。

サーバ処理部３３は、一又は複数個のプロセッサ及びその周辺回路を備える。サーバ処理部３３は、サーバ３の全体的な動作を統括的に制御するものであり、例えば、ＣＰＵである。サーバ処理部３３は、サーバ３の各種処理がサーバ記憶部３２に記憶されているプログラム等に応じて適切な手順で実行されるように、サーバ通信部３１等の動作を制御する。サーバ処理部３３は、サーバ記憶部３２に記憶されているプログラム（オペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム等）に基づいて処理を実行する。また、サーバ処理部３３は、複数のプログラム（アプリケーションプログラム等）を並列に実行することができる。

（２．２．１）サーバ処理部３３の構成
サーバ処理部３３は、ゲーム制御部３３１と、表示数取得部３３２と、全ページ数決定部３３３と、対応付け部３３４と、ページ情報取得部３３５と、項目情報決定部３３６と、表示データ作成部３３７と、送信制御部３３８とを備える。これらの各部は、サーバ処理部３３が備えるプロセッサで実行されるプログラムにより実現される機能モジュールである。あるいは、これらの各部は、ファームウェアとしてサーバ３に実装されてもよい。

ゲーム制御部３３１は、ゲームの進行を制御する。ゲーム制御部３３１は、携帯端末２からサーバ通信部３１を介して、ユーザ認証要求を受信した場合に、受信したユーザ認証要求を解析してユーザＩＤ及びパスワードを特定する。そして、ゲーム制御部３３１は、特定したユーザＩＤ及びパスワードをパラメータとして、ユーザ認証部（不図示）に処理の実行を指示する。

ゲーム制御部３３１は、ユーザ認証部による認証が成功した場合、そのゲームを実施するためのゲーム画面をサーバ通信部３１を介して携帯端末２に送信し、以降、そのゲームのための処理を実施する。

表示数取得部３３２は、サーバ通信部３１を介して各携帯端末２から表示データ取得要求を取得し、表示データ取得要求に含まれる表示項目数をサーバ記憶部３２のユーザ管理テーブルに記憶するとともに、全ページ数決定部３３３に通知する。

なお、表示項目数は、携帯端末２から取得するのではなく、サーバ記憶部３２のユーザ管理テーブルに予め記憶しておいてもよい。これにより、サーバ３が各携帯端末２に表示される１ページあたりの項目情報の数を管理することができる。

全ページ数決定部３３３は、サーバ記憶部３２から項目情報の総数と、表示項目数とを読み出し、読み出した項目情報の総数と表示項目数とから、複数の項目情報を複数のページに分割して表示する際のページ数（以下、全ページ数と称する）を決定する。全ページ数決定部３３３は、項目情報の総数を表示項目数で除算することにより全ページ数を算出する。全ページ数決定部３３３は、算出した全ページ数をサーバ記憶部３２に記憶するとともに、表示データ作成部３３７に通知する。

対応付け部３３４は、サーバ記憶部３２から表示項目数を読み出し、読み出した表示項目数から、各ページに含まれる項目情報を決定する。対応付け部３３４は、各ページに含まれる各項目情報と、全ページ数分の各ページのページ番号とを対応付けて、その対応関係をサーバ記憶部３２のユーザ管理テーブルに記憶する。

対応付け部３３４は、ページ番号の小さい順に各ページに、各項目情報を情報ＩＤの小さい順に表示項目数ずつ対応付けていく。対応付け部３３４は、各ページ番号と、「表示項目数×（当該ページ番号−１）＋１」番目の項目情報から「表示項目数×当該ページ番号」番目の項目情報までとを対応付ける。

例えば、表示項目数が１０である場合、ページ番号「１」に対応付けられる項目情報は、１番目の項目情報から１０番目の項目情報までとなり、ページ番号「１３」に対応付けられる項目情報は、１２１番目の項目情報から１３０番目の項目情報までとなる。

ページ情報取得部３３５は、サーバ通信部３１を介して各携帯端末２から、ページ情報を含む項目情報取得要求を取得すると、項目情報取得要求に含まれるページ情報を項目情報決定部３３６に通知する。

項目情報決定部３３６は、ページ情報取得部３３５からページ情報が通知されると、サーバ記憶部３２のユーザ管理テーブルに記憶された対応関係に基づいて、通知されたページ情報に対応するページに含まれる項目情報を、表示する項目情報として決定する。そして、項目情報決定部３３６は、決定した項目情報の情報ＩＤを表示データ作成部３３７に通知する。

表示データ作成部３３７は、全ページ数決定部３３３から全ページ数が通知されると、サーバ記憶部３２の項目管理テーブルの先頭から表示項目数分の項目情報を読み出し、携帯端末２に表示させる表示データを作成し、送信制御部３３８へ通知して、サーバ通信部３１から出力させる。作成する表示データには、初回項目表示データと、先頭ページのページ番号を指定ページ番号とする全ページ番号表示データ及び指定ページ番号表示データとが含まれる。

また、表示データ作成部３３７は、項目情報決定部３３６から項目情報の情報ＩＤが通知されると、通知された情報ＩＤに対応する項目情報をサーバ記憶部３２の項目管理テーブルから読み出す。表示データ作成部３３７は、読み出した項目情報を表示するための項目表示データを作成し、送信制御部３３８へ通知して、サーバ通信部３１から出力させる。項目表示データは、Ａｊａｘ（登録商標）等の技術を用いて作成される。

送信制御部３３８は、表示データ作成部３３７から初回項目表示データ、全ページ番号表示データ及び指定ページ番号表示データを含む表示データが通知されると、通知された表示データをサーバ通信部３１を介して各携帯端末２に送信する。また、送信制御部３３８は、表示データ作成部３３７から項目表示データが通知されると、通知された項目表示データをサーバ通信部３１を介して各携帯端末２に送信する。

（３）ゲームシステム１の動作
図９は、ゲームシステム１による項目情報の表示の動作シーケンスの一例を示す。なお、以下に説明する動作シーケンスは、予め端末記憶部２２及びサーバ記憶部３２に記憶されているプログラムに基づいて、主に端末処理部２５及びサーバ処理部３３により、携帯端末２及びサーバ３の各要素と協働して実行される。

まず、ユーザにより、携帯端末２の操作部２３を用いて端末処理部２５に、閲覧プログラムの実行が指示される。端末処理部２５は、閲覧プログラムに基づいて処理を開始する。即ち、閲覧プログラムにより実現される閲覧実行部２５０のゲーム実行部２５１は、操作部２３を用いてユーザからゲームの開始指示を受け付けると、さらに操作部２３を用いてユーザからユーザＩＤ及びパスワードを受け付ける。そして、ゲーム実行部２５１は、ユーザＩＤ及びパスワードを含むユーザ認証要求を端末通信部２１を介してサーバ３に送信する（ステップＳ１０１）。

サーバ３のゲーム制御部３３１は、サーバ通信部３１を介して携帯端末２からユーザ認証要求を受信すると、受信したユーザ認証要求を解析してユーザＩＤ及びパスワードを特定する。そして、ゲーム制御部３３１は、特定したユーザＩＤ及びパスワードをパラメータとして、ユーザ認証部（不図示）に認証処理の実行を指示する（ステップＳ１０２）。

ゲーム制御部３３１は、ユーザ認証部による認証が成功した場合、そのゲームを実施するためのゲーム画面をサーバ通信部３１を介して携帯端末２に送信する（ステップＳ１０３）。

携帯端末２のゲーム実行部２５１は、端末通信部２１を介してサーバ３から取得したゲーム画面を表示部２４に表示し、以降、そのゲームのための処理を実施する（ステップＳ１０４）。

次に、表示制御部２５２は、操作部２３を用いてユーザから項目情報の表示指示を受け付けると、端末記憶部２２から表示項目数を読み出し、読み出した表示項目数を含む表示データ取得要求を端末通信部２１を介してサーバ３に送信する（ステップＳ１０５）。

サーバ３の表示数取得部３３２は、サーバ通信部３１を介して携帯端末２から表示データ取得要求を取得すると、表示データ取得要求に含まれる表示項目数をサーバ記憶部３２に記憶するとともに、全ページ数決定部３３３に通知する。次に、全ページ数決定部３３３は、全ページ数を算出する全ページ数決定処理を実施する（ステップＳ１０６）。

図１０は、全ページ数決定部３３３による全ページ数決定処理の動作フローの一例を示す図である。

まず、全ページ数決定部３３３は、サーバ記憶部３２から項目情報の総数と、表示項目数とを読み出す（ステップＳ２０１）。次に、全ページ数決定部３３３は、項目情報の総数を表示項目数で除算することにより全ページ数を算出し（ステップＳ２０２）、算出した全ページ数をサーバ記憶部３２に記憶するとともに、表示データ作成部３３７に通知し、一連のステップを終了する。

図９に戻り、対応付け部３３４は、サーバ記憶部３２から表示項目数を読み出し、読み出した表示項目数から、各ページに含まれる項目情報を決定し、各ページに含まれる各項目情報と、全ページ数分の各ページのページ番号とを対応付けて、その対応関係をサーバ記憶部３２のユーザ管理テーブルに記憶する（ステップＳ１０７）。

次に、表示データ作成部３３７は、サーバ記憶部３２の項目管理テーブルの先頭から１ページの表示項目数分の項目情報を読み出し、携帯端末２に表示させる表示データを作成し（ステップＳ１０８）、送信制御部３３８へ通知する。この表示データには、初回項目表示データと、先頭ページのページ番号を指定ページ番号とする全ページ番号表示データ及び指定ページ番号表示データとが含まれる。

次に、送信制御部３３８は、表示データ作成部３３７が作成した表示データをサーバ通信部３１を介して携帯端末２に送信する（ステップＳ１０９）。

携帯端末２の表示制御部２５２は、端末通信部２１を介してサーバ３から表示データを取得すると、取得した表示データを解析して、表示データに含まれる各項目情報を端末記憶部２２に記憶するともに、描画データを作成し、作成した描画データを表示部２４に表示する（ステップＳ１１０）。

次に、ページ情報受付部２５３は、操作部２３を用いてユーザのスクロール操作により指定されたページ番号を受け付けるページ番号解析処理を実施する（ステップＳ１１１）。

図１１は、ページ情報受付部２５３によるページ番号解析処理の動作フローの一例を示す図である。

まず、ページ情報受付部２５３は、スクロールページャ内で２点が指示されているか否かを判定する（ステップＳ３０１）。

スクロールページャ内で２点が指示されていない場合（ステップＳ３０１−Ｎｏ）、即ちユーザのフリック操作等により１点が指定された場合、ページ情報受付部２５３は、始点位置情報及び始点時刻情報を取得する（ステップＳ３０２）。次に、ページ情報受付部２５３は、終点位置情報及び終点時刻情報を取得する（ステップＳ３０３）。次に、ページ情報受付部２５３は、始点位置情報及び終点位置情報から移動距離を算出し（ステップＳ３０４）、始点時刻情報及び終点時刻情報から接触時間を算出し（ステップＳ３０５）、移動距離及び接触時間から操作速度を算出する（ステップＳ３０６）。次に、ページ情報受付部２５３は、操作速度に基づいて移動可能時間を設定する（ステップＳ３０７）。次に、ページ情報受付部２５３は、移動距離及び操作速度に基づいて移動量を算出する（ステップＳ３０８）。

次に、ページ情報受付部２５３は、算出した移動量だけスクロールページャを移動するように表示部２４に表示する（ステップＳ３０９）。次に、ページ情報受付部２５３は、スクロールページャの移動が終了した時点で所定位置に位置するページ番号を取得し（ステップＳ３１０）、取得したページ番号を表示制御部２５２に通知し、一連のステップを終了する。

一方、スクロールページャ内で、ユーザのタップ操作、スワイプ操作等により２点が指示されていた場合（ステップＳ３０１−Ｙｅｓ）、ページ情報受付部２５３は、指示された２点の位置をそれぞれ示す第１位置情報及び第２位置情報を取得する（ステップＳ３１１）。次に、ページ情報受付部２５３は、第１位置情報に示される位置と第２位置情報に示される位置の差の絶対値を２点間の距離として算出する（ステップＳ３１２）。次に、ページ情報受付部２５３は、２点間の距離と、各ページ番号の間の距離とに基づいた、２点間の距離に応じたページ数を取得し（ステップＳ３１３）、決定したページ数分のページ番号を指示ページ番号として取得する（ステップＳ３１４）。次に、ページ情報受付部２５３は、取得した指示ページ番号を指示ページ番号表示欄に表示する（ステップＳ３１５）。

次に、ページ情報受付部２５３は、ユーザのタップ操作、スワイプ操作等が完了したか否かを判定する（ステップＳ３１６）。ユーザのタップ操作、スワイプ操作等が完了していない場合（ステップＳ３１６−Ｎｏ）、ページ情報受付部２５３は、処理をステップＳ３１１に戻し、ステップＳ３１１〜Ｓ３１６の処理を繰り返す。一方、ユーザのタップ操作、スワイプ操作等が完了した場合（ステップＳ３１６−Ｙｅｓ）、ページ情報受付部２５３は、ユーザのタップ操作、スワイプ操作等が完了した時に指示されていた指示ページ番号を指定ページ番号として取得し（ステップＳ３１７）、取得した指定ページ番号を表示制御部２５２に通知し、一連のステップを終了する。

図９に戻り、表示制御部２５２は、ページ情報受付部２５３から通知された指定ページ番号をページ情報として含む項目情報取得要求を端末通信部２１を介してサーバ３に送信する（ステップＳ１１２）。

サーバ３のページ情報取得部３３５は、サーバ通信部３１を介して携帯端末２から項目情報取得要求を取得すると、項目情報取得要求に含まれるページ情報を項目情報決定部３３６に通知する。

次に、項目情報決定部３３６は、ページ情報取得部３３５からページ情報が通知されると、サーバ記憶部３２のユーザ管理テーブルに記憶された対応関係に基づいて、表示する項目情報を決定し（ステップＳ１１３）、決定した項目情報の情報ＩＤを表示データ作成部３３７に通知する。

次に、表示データ作成部３３７は、項目情報決定部３３６が決定した項目情報の情報ＩＤに対応する項目情報をサーバ記憶部３２の項目管理テーブルから読み出し、読み出した項目情報について項目表示データを作成し（ステップＳ１１４）、送信制御部３３８へ通知する。

送信制御部３３８は、項目表示データをサーバ通信部３１を介して携帯端末２に送信する（ステップＳ１１５）。

携帯端末２の表示制御部２５２は、端末通信部２１を介してサーバ３から項目表示データを取得すると、取得した項目表示データに含まれる更新情報を端末記憶部２２に記憶するとともに、取得した項目表示データに基づいて描画データを更新し、更新した描画データを表示部２４に表示する（ステップＳ１１６）。

なお、携帯端末２の表示制御部２５２は、ステップＳ１１０又はＳ１１６においてサーバ３から受信した各表示データに含まれる各項目情報をページ番号と対応付けて端末記憶部２２に記憶しておき、その後、ユーザにより指定されたページ番号が全て端末記憶部２２に記憶されている場合、記憶された項目情報を表示してもよい。これにより、ユーザが特定のページを閲覧した後、他のページを閲覧し、再度その特定のページを閲覧した場合、その特定のページの各項目情報をサーバ３から改めて取得する必要がなくなり、短時間に表示することが可能となる。または、表示制御部２５２は、ユーザにより指定されたページ番号のうち、端末記憶部２２に記憶されていない項目情報のみをサーバ３から取得してもよい。これにより、ネットワーク上の通信量を低減しつつ、項目情報を短時間に表示することが可能となる。

さらに付け加えると、携帯端末２の表示制御部２５２は、ステップＳ１１０又はＳ１１６においてサーバ３から受信した各表示データに含まれる各項目情報をページ番号と対応付けてブラウザ上のメモリ（ＨＴＭＬ５の一機能であるＬｏｃａｌＳｔｏｒａｇｅ「ローカルストレージ」）に記憶しておき、その後、ユーザにより指定されたページ番号が全てブラウザ上のメモリに記憶されている場合、記憶された項目情報を表示してもよい。こうすることで、ネットワーク上の通信量をより低減しつつ、項目情報を短時間に表示することが可能となる。

また、携帯端末２の表示制御部２５２は、ユーザにより指定された指定ページ番号に対応する項目情報をサーバ３から取得して表示部２４に表示した後、その指定ページ番号に近接するページ番号に対応する項目情報をサーバ３から取得しておいてもよい。その場合、表示制御部２５２は、ページ情報受付部２５３から取得した指定ページ番号を含む項目情報取得要求をサーバ３に送信した後、その指定ページ番号に近いページ番号の順に、各ページ番号を含む項目情報取得要求をサーバ３に送信する。サーバ３の項目情報決定部３３６は、順次受信した項目情報取得要求に従って、対応する項目情報を決定する。つまり、項目情報決定部３３６は、指定ページ番号に対応する項目情報を決定した後、その指定ページ番号に近いページ番号の順に、対応する項目情報を決定する。表示データ作成部３３７は、項目情報決定部３３６が決定した順に、決定した項目情報についての内容データ及び制御データを作成する。つまり、表示データ作成部３３７は、指定ページ番号についての項目表示データを作成した後、その指定ページ番号に近いページ番号の順に、対応する項目情報についての項目表示データを作成する。送信制御部３３８は、表示データ作成部３３７が作成した順に、作成した項目表示データをサーバ通信部３１を介して携帯端末２に送信する。

例えば、指定ページ番号が「１３」〜「１７」である場合、サーバ３は、ページ番号「１３」〜「１７」に対応する項目表示データを携帯端末２に送信し、続いて、ページ番号「１２」及び「１８」に対応する項目表示データ、ページ番号「１１」及び「１９」に対応する項目表示データを、順次、携帯端末２に送信する。

項目情報が時系列等、何らかの規則に従った順にサーバ３に記憶されている場合、ユーザは、現在閲覧している項目情報に近接する項目情報の閲覧を所望する可能性が高い。したがって、携帯端末２は、現在閲覧されている項目情報に近接する項目情報をサーバ３から予め取得しておくことにより、ユーザがその近接する項目情報の閲覧を所望した場合に、その項目情報をサーバ３から改めて取得する必要がなくなり、短時間に表示することが可能となる。なお、携帯端末２は、現在閲覧されている項目情報に近接する項目情報をサーバ３から予め取得して、ブラウザ上のメモリに格納しておいてもよい。こうすることで、ユーザがその近接する項目情報の閲覧を所望した場合に、その項目情報をサーバ３から改めて取得する必要がなくなり、より短時間に表示することが可能となる。

以上説明してきたように、サーバ３は、各ページのページ番号をスクロール可能に携帯端末２に表示させ、その表示領域内でユーザにより指定された２点間の距離に応じたページ数分のページに含まれる項目情報を携帯端末２に表示させる。これにより、ユーザは、２本の指を用いたスワイプ操作、タップ操作等により、項目情報を表示するページ数を変更することができる。したがって、ユーザは、移動範囲が小さく且つ短時間に実施可能なジェスチャーによって、表示される項目情報数を容易且つ正確に変更することができ、現在表示されている項目情報と、閲覧を所望する項目情報との間に多くの項目情報が存在する場合でも、短時間且つ少ない労力で所望する項目情報を閲覧することができる。したがって、ユーザが端末を操作する際のＵＸを向上させることが可能となる。

また、サーバ３は、項目情報の表示が要求された場合、最初は、先頭から表示項目数分の項目情報のみを送信し、以後、表示する項目情報の変更の要求に従って、指定された項目情報のみを送信する。したがって、サーバ３は、ユーザが必要としない項目情報を送信することを抑制することができ、ネットワーク上の通信量を低減することができる。さらに、サーバ３は、表示する項目情報の変更が要求された場合、Ａｊａｘ（登録商標）の技術を用いて、指定された項目情報のみを送信する。したがって、サーバ３は、スクロールページャ等の、項目情報以外の画面の情報を送信しなおす必要がなく、ネットワーク上の通信量を低減することができる。

なお、本発明は、本実施形態に限定されるものではない。例えば、本実施形態では、携帯端末２がページ番号解析処理を実施する例を説明したが、サーバ３がページ番号解析処理を実施してもよい。その場合、携帯端末２のページ情報受付部２５３は、ユーザのフリック操作等により１点が指定された場合、端末通信部２１を介してサーバ３に、始点位置情報、始点時刻情報、終点位置情報及び終点時刻情報を送信する。一方、サーバ３のページ情報取得部３３５は、取得した始点位置情報及び終点位置情報から移動距離を算出し、始点時刻情報及び終点時刻情報から接触時間を算出し、移動距離及び接触時間から操作速度を算出する。また、ページ情報取得部３３５は、操作速度に基づいて移動可能時間を算出するとともに、移動距離及び操作速度に基づいて移動量を算出し、算出した移動量からスクロールページャの移動が終了した時点で所定位置に位置するページ番号を取得する。さらに、ページ情報取得部３３５は、算出した移動可能時間及び操作速度をサーバ通信部３１を介して携帯端末２に送信する。携帯端末２のページ情報受付部２５３は、端末通信部２１を介してサーバ３から取得した移動可能時間を設定し、取得した移動量だけスクロールページャを移動するように表示部２４に表示する。

また、携帯端末２のページ情報受付部２５３は、ユーザのタップ操作、スワイプ操作等により２点が指定された場合、端末通信部２１を介してサーバ３に、第１位置情報及び第２位置情報を送信する。一方、サーバ３のページ情報取得部３３５は、取得した第１位置情報及び第２位置情報から２点間の距離を算出し、その２点に対応するページ数を取得し、そのページ数分の指定ページ番号を取得する。さらに、ページ情報取得部３３５は、取得した指定ページ番号をサーバ通信部３１を介して携帯端末２に送信する。携帯端末２のページ情報受付部２５３は、端末通信部２１を介してサーバ３から取得した指定ページ番号を指示ページ番号表示欄に表示する。

また、本実施形態では、サーバ３が全ページ数決定処理を実施する例を説明したが、携帯端末２が全ページ数決定処理を実施してもよい。その場合、携帯端末２の端末記憶部２２は項目情報の総数を予め記憶する。あるいは、サーバ３は、項目情報の総数に変更があるたびに携帯端末２に送信し、携帯端末２は受信した項目情報の総数を端末記憶部２２に記憶する。端末処理部２５は、図２に示した各部に加えて、サーバ３の全ページ数決定部３３３と同様の機能を持つ全ページ数決定部を有する。携帯端末２の全ページ数決定部は、端末記憶部２２から項目情報の総数と、表示項目数とを読み出し、項目情報の総数と表示項目数とから全ページ数を算出し、端末通信部２１を介してサーバ３に通知する。

また、本実施形態では、サーバ３が項目情報決定処理を実施する例を説明したが、携帯端末２が項目情報決定処理を実施してもよい。その場合、携帯端末２の端末処理部２５は、図２に示した各部に加えて、サーバ３の項目情報決定部３３６と同様の機能を持つ項目情報決定部を有する。携帯端末２の項目情報決定部は、端末記憶部２２から表示項目数を読み出すとともに、ページ番号解析部からユーザにより指定されたページ番号を取得する。そして、項目情報決定部は、表示項目数とページ番号とから当該ページ番号に対応する項目情報を決定し、端末通信部２１を介してサーバ３に通知する。

また、サーバ３が全ての項目情報を携帯端末２に送信し、携帯端末２が複数の項目情報を複数のページに分割して、ユーザから指定されたページに対応する項目情報を表示するようにしてもよい。その場合、携帯端末２は、サーバ３から受信した全ての項目情報に基づいて、項目管理テーブルを作成するとともに項目情報の総数を算出し、端末記憶部２２に記憶する。端末処理部２５は、図２に示した各部に加えて、サーバ３のサーバ処理部３３の各部のうちゲーム制御部３３１以外の各部と同様の機能を持つ各部を有する。端末処理部２５は、各情報を端末通信部２１及びサーバ通信部３１を介して送受信することに代えて、端末処理部２５内で送受信し、表示部２４が出力部として機能する。

また、サーバ３を省略し、携帯端末２が全ての項目情報を予め記憶するものとしてもよい。その場合、端末記憶部２２は、項目管理テーブル及び項目管理テーブルに記憶する項目情報の総数等を予め記憶し、端末処理部２５は、図２に示した各部に加えて、サーバ３のサーバ処理部３３の各部と同様の機能を持つ各部を有する。端末処理部２５は、各情報を端末通信部２１及びサーバ通信部３１を介して送受信することに代えて、端末処理部２５内で送受信し、表示部２４が出力部として機能する。

また、本実施形態では、１ページあたりの項目情報の表示数を一定にするものとしたが、１ページあたりの項目情報の文字数、行数、データサイズ等を一定にしてもよい。その場合、各携帯端末２の端末記憶部２２は、表示項目数の代わりに１ページあたりに表示可能な項目情報の文字数、行数、又はデータサイズを記憶し、表示制御部２５２は、表示データ取得要求にその文字数、行数、又はデータサイズを含めて送信する。一方、サーバ３のサーバ記憶部３２は、各項目情報の文字数、行数、又はデータサイズを記憶し、全ページ数決定部３３３は、各項目情報の文字数、行数、又はデータサイズと、１ページあたりの項目情報の文字数、行数、又はデータサイズとから、全ページ数を決定する。対応付け部３３４は、各項目情報の文字数、行数、又はデータサイズと、１ページあたりの項目情報の文字数、行数、又はデータサイズとから、各ページに含まれる項目情報を決定し、全ページ数分の各ページ番号と、各ページに含まれる各項目情報とを対応付ける。

また、本実施形態では、ゲームシステムを例に説明したが、端末からの要求に応じてサーバが検索を行い、端末に検索結果を表示する検索システム、サーバに記憶された、複数の端末からのメッセージを各端末に表示するメッセージ管理システム等に本発明を適用することも可能である。検索システムに本発明を適用する場合、各検索結果が項目情報となり、メッセージ管理システムに本発明を適用する場合、各メッセージが項目情報となる。

また、本実施形態では、携帯端末を例に説明したが、携帯端末の代わりに、インターネット８に接続するための通信インターフェース回路を備え、インターネット８と直接に通信を行うノート型ＰＣ等の有線端末を用いてもよい。その場合、操作部２３としてキーボード、マウス等を利用し、マウスを用いたユーザのスクロール操作によりページ番号が指定されてもよい。

また、端末処理部２５及びサーバ処理部３３が備える各機能をコンピュータに実現させるためのコンピュータプログラムは、磁気記録媒体、光記録媒体等のコンピュータにより読み取り可能な記録媒体に記録された形で提供されてもよい。

当業者は、本発明の精神及び範囲から外れることなく、様々な変更、置換、及び修正をこれに加えることが可能であることを理解されたい。

１ ゲームシステム
２ 携帯端末
２１ 端末通信部
２２ 端末記憶部
２３ 操作部
２４ 表示部
２５ 端末処理部
２５０ 閲覧実行部
２５１ ゲーム実行部
２５２ 表示制御部
２５３ ページ情報受付部
３ サーバ
３１ サーバ通信部
３２ サーバ記憶部
３３ サーバ処理部
３３１ ゲーム制御部
３３２ 表示数取得部
３３３ 全ページ数決定部
３３４ 対応付け部
３３５ ページ情報取得部
３３６ 項目情報決定部
３３７ 表示データ作成部
３３８ 送信制御部

Claims (8)

1. 出力部を備えるコンピュータにおける表示データ作成方法であって、
   各ページに一連の複数の項目情報が分割されて含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して前記出力部に出力させ、
   前記各ページ番号が表示された第１領域でユーザにより指示又は指定されたページ番号を前記第１領域と異なる第２領域に表示するための第２ページ番号表示データを作成して前記出力部に出力させる、
   ことを含むことを特徴とする表示データ作成方法。
2. 前記第２領域には、前記ユーザにより指定されたページ番号として、前記第１領域でユーザにより指示された２点に対応するページ番号の範囲が表示される、請求項１に記載の表示データ作成方法。
3. 前記項目情報は、クエストのステージに関する情報、又は、バトルの対戦相手に関する情報である、請求項１または２に記載の表示データ作成方法。
4. さらに、前記ユーザにより指定されたページ番号に対応するページに含まれる項目情報を表示するための項目表示データを作成して前記出力部に出力させる、請求項１〜３の何れか一項に記載の表示データ作成方法。
5. 前記項目表示データは、Ａｊａｘ（登録商標）を用いて作成される、請求項４に記載の表示データ作成方法。
6. 前記出力部は、前記項目情報を表示する端末と通信を行う通信部である、請求項１〜５の何れか一項に記載の表示データ作成方法。
7. 出力部を備えるコンピュータにおける制御プログラムであって、前記コンピュータに、
   各ページに一連の複数の項目情報が分割されて含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して前記出力部に出力させ、
   前記各ページ番号が表示された第１領域でユーザにより指示又は指定されたページ番号を前記第１領域と異なる第２領域に表示するための第２ページ番号表示データを作成して前記出力部に出力させる、
   ことを実行させることを特徴とする制御プログラム。
8. 出力部と、
   各ページに一連の複数の項目情報が分割されて含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して前記出力部に出力させる表示データ作成部と、を備え、
   前記表示データ作成部は、前記各ページ番号が表示された第１領域でユーザにより指示又は指定されたページ番号を前記第１領域と異なる第２領域に表示するための第２ページ番号表示データを作成して前記出力部に出力させる、
   ことを特徴とするコンピュータ。

Images