２次元図表の表示プログラムおよび２次元図表の表示装置
【課題】２次元図表の明細欄のスクロール表示を容易にさせるとともに、その明細欄のスクロール表示にともなって、対応した縦、横見出し欄も同期させて表示することで、明細欄の表示情報を素早くかつ確実に把握できるようにした２次元図表の表示プログラムおよび表示装置を提供する。
【解決手段】表示窓２０内に表示される明細欄３３上でポインティングデバイスによるドラッグを検出したときに、明細欄３３をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄３１、３２をスクロール表示させるステップを実行し、これによって、表示窓２０にスクロール表示される明細欄３３に合わせて、縦、横見出し欄３１、３２を同期的にスクロール表示する。
【解決手段】表示窓２０内に表示される明細欄３３上でポインティングデバイスによるドラッグを検出したときに、明細欄３３をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄３１、３２をスクロール表示させるステップを実行し、これによって、表示窓２０にスクロール表示される明細欄３３に合わせて、縦、横見出し欄３１、３２を同期的にスクロール表示する。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、電子商取引システムの商品選択画面やそれに対応したバックオフィス画面などで、２次元図表をコンピュータ・ディスプレイの画面上に表示された表示窓に表示するための表示プログラム、電子商取引システムなどで使用される表示装置に関する。
【背景技術】
【０００２】
近年、コンピュータ・ディスプレイへの画面表示はグラフィカル・ユーザ・インターフェース（以下、ＧＵＩという）が一般化しており、そのようなＧＵＩ画面における操作も、マウス等のポインティングデバイスを使うことが一般的である。
【０００３】
また、ＧＵＩ環境下では、大量の情報をコンピュータ・ディスプレイに画面表示させるために、縦、横方向に表示情報をスライド移動できるようにしたスクロール技術を用いることが一般化しており、そのようなものでは、画面上の所定の位置に設けた表示窓内で、スクロールボタンをマウスで操作しながらコンテンツを移動表示させることが可能となっている（例えば、特許文献１参照）。
【０００４】
例えば、最上位の行を見出し欄とし、その下方に明細欄を配した２次元図表を表示窓に表示させる場合、上記スクロール技術を使用すれば、明細行が増えて表示窓の縦サイズを超えると、スクロールボタンが表われ、そのボタンを操作することで２次元図表のいずれの部分も表示させることができる。さらに、見出し欄のみを最上位に固定して、明細欄だけをスクロールできるようにしたものも実施されている。また、明細行が長く、表示窓の横方向に納まらない場合は、縦、横個別にスクロール操作をすることで所望の情報を表示させることができる。
【０００５】
このような２次元図表としては、上記のような１次元コンテンツのみならず、最上位の行と左端の列に縦、横２つの見出し欄を設けた２次元コンテンツを表わす図表もある。
【０００６】
２次元コンテンツとしては例えば、縦、横見出し欄に商品の属性を規定し、それらの属性の組み合わせで１商品を特定できるようにした商品桝目表などの２次元マトリクス表（例えば、特許文献２参照）などが含まれるが、このような２次元コンテンツに対応した２次元図表の場合は、縦、横に個別のスクロールボタンを配することが想定できる。
【０００７】
図１２（ａ）、（ｂ）は、この種の商品桝目表スクロールの表示の一例を示す図である。
【０００８】
この商品桝目表３００（２次元図表）は、ポロシャツの商品一覧を示しており、縦見出し欄３１０に第１の商品属性であるサイズが規定され、横見出し欄３２０には第２の商品属性である色柄が規定され、明細欄３３０には第１、第２の商品属性によって特定される商品が複数集まって集合された商品群が規定されたものである。明細欄の各桝目には、商品の価格と個数入力欄とが表示される。
【０００９】
また、縦見出し欄３１０はＳ、Ｍ、Ｌ、ＬＬ、３Ｌ、４Ｌの６サイズの属性値で分類され、横見出し欄４１０は白、青、赤、柄、黄、緑の６色の属性値で分類され、桝目欄は６×６の桝目で構成されている。全ての商品を表示窓２００に表示できないため、商品選択画面Ｇの初期表示では、表示窓２００にはサイズをＳ、Ｍ、Ｌ、ＬＬの４サイズ、色を白、青、赤、柄の４色とした１６商品が表示され、それに対応した縦、横見出し欄３１０、３２０が表示され、表示窓２００の最下部と右端には、横、縦方向のスクロールボタン３２１、３１１が表示される（図１２（ａ）参照）。
【００１０】
この状態で、横方向のスクロールボタン３２１の操作、縦方向のスクロールボタン３１１の操作が順次されると、横方向のスクロールボタン３２１の操作に応じて明細欄３３０と横見出し欄３２０とは左方向に移動し、縦方向のスクロールボタン３１１の操作に応じて明細欄３３０と縦見出し欄３１０とは上方向に移動する。
【００１１】
このように縦、横にスクロール表示した結果、商品桝目表３００にはサイズをＬ、ＬＬ、３Ｌ、４Ｌの４サイズ、色を赤、柄、黄、緑の４色とした１６商品が表示され、それに対応した縦、横見出し欄３１０、３２０が表示される（図１２（ｂ）参照）。
【００１２】
このような表示プログラムの構成によれば、縦、横見出し欄３１０、３２０は、明細欄３３０の縦、横のスライド表示に同期してスライドするので、所望の情報を確実に表示窓２００内に表示でき、操作者による明細欄３３０内の部位の特定を効率よく行うことができる。
【先行技術文献】
【特許文献】
【００１３】
【特許文献１】特開２００８−３３６９５号公報
【特許文献２】特開２００２−１５００７２号公報
【発明の概要】
【発明が解決しようとする課題】
【００１４】
しかしながら、２次元図表のサイズが大きくなればスクロール操作による部位の特定はしにくくなり、目的の部位を表示窓内に表示させることに思いのほか時間を要することがある。特に２次元コンテンツの場合には、縦、横個別にスクロール操作をしなければならないから、多大な時間を要することが予想される。
【００１５】
また、市販の表計算ソフトウェアでは、マウスの中央ボタンを押下しながらドラッグ移動させることでスクロールできるものもあるが、縦、横同時にはスクロールできないため、決して迅速性にすぐれているとはいえない。そもそも、この中央ボタンの操作は、操作スピードによってスクロール・スピードも変動するため、予想外に大きくスクロールするなど、利便性においてもすぐれているとはいえない。
【００１６】
さらに、同表計算ソフトウェアは、任意のセルから欄外の右下隅等へマウスでドラッグすると、縦、横同時にスクロールする、つまり斜め方向にスクロールする機能を有しているが、ドラッグの移動距離とは無関係にスクロールする（欄外の右下隅位置にマウスを停止させてもボタンを離さない限りはスクロールを続ける）ため、位置の特定がしにくい。
【００１７】
したがって、同表計算ソフトウェアの上記種々のスクロール機能を２次元図表の表示プログラムに適用させても、２次元図表の明細欄の所望の表示部位を素早くかつ確実に表示窓内に表示させるという目的を達成することはできない。
【００１８】
本発明は、このような事情を考慮して提案されたもので、その目的は、２次元図表の明細欄のスクロール表示を容易にさせるとともに、その明細欄のスクロール表示にともなって、対応した縦、横見出し欄も同期させて表示することで、明細欄の表示情報を素早くかつ確実に把握できるようにした２次元図表の表示プログラムおよびそれを用いた２次元図表の表示装置を提供することにある。
【課題を解決するための手段】
【００１９】
上記目的を達成するために、請求項１に記載の２次元図表の表示プログラムは、２次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示プログラムであって、２次元図表は、予め、少なくとも縦見出し欄、横見出し欄、明細欄に区画形成されており、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させるステップを実行し、これによって、明細欄のスクロール表示に合わせて、上記縦、横見出し欄を同期的にスクロールさせて表示することを特徴とする。
【００２０】
ここで、特許請求の範囲に記載された各ステップを実行する順序は、プログラムが同じ目的、機能を実現するものであれば、適宜ステップを入れ替えて実行してもよい。もちろん、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップは、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップの事前に必要なステップであるから、これらの順関係は上記のとおりであることはいうまでもない。
【００２１】
請求項２に記載の２次元図表の表示プログラムは、２次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えている。
【００２２】
請求項３に記載の２次元図表の表示プログラムは、縦、横見出し欄が明細欄に表示される情報の位置情報を規定している。
【００２３】
請求項４に記載の電子商取引システムで使用される、２次元図表の表示プログラムでは、２次元図表が、第１の商品属性に関する複数の属性項目を含む縦属性欄と、第２の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって１つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、２次元マトリクス状の商品桝目表により構成されており、縦見出し欄は縦属性欄で構成され、横見出し欄は横属性欄で構成され、明細欄は上記桝目欄で構成されている。
【００２４】
また、請求項５に記載の表示装置は、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えており、通常は、パーソナルコンピュータに、本発明のプログラムを読み込んで実施される。
【発明の効果】
【００２５】
請求項１に記載の２次元図表の表示プログラムによれば、明細欄上でドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップを実行し、これによって、表示窓にスクロール表示される明細欄に合わせて、縦、横見出し欄を同期的に縦、横方向にスクロール表示する構成としているので、２次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。
【００２６】
請求項２に記載の２次元図表の表示プログラムによれば、２次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えているので、縦、横見出し欄の一方を明細欄と同様にスクロール表示させることができ、他方を明細欄に同期させて縦、横方向いずれかにスクロール表示させることができる。
【００２７】
請求項３に記載の２次元図表の表示プログラムによれば、縦、横見出し欄が明細欄に表示される情報の位置情報を規定したものであるため、移動する明細欄に合致した位置情報を縦、横見出し欄に表示させることができ、２次元図表の明細欄の所望の部位を迅速かつ確実に表示窓に表示できる。
【００２８】
請求項４に記載の電子商取引システムで使用される、２次元図表の表示プログラムは、２次元図表が電子商取引における販売者または購入者の端末画面に表示される２次元マトリクス状の商品桝目表により構成されているため、商品桝目表の行、列数が多い場合でも、簡単に所望の部位を表示窓に表示させることができる。
【００２９】
請求項５に記載の表示装置によれば、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えているので、２次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。
【図面の簡単な説明】
【００３０】
【図１】（ａ）は本発明の表示プログラムを用いるコンピュータの概略構成、（ｂ）は表示プログラムの構成の各一例を示す図である。
【図２】本発明の表示プログラムによる２次元図表の表示の概念図である。
【図３】本発明の表示プログラムによる表示方法の一例を示す図である。
【図４】本発明の表示プログラムによる表示方法の他例を示す図である。
【図５】本発明の表示プログラムの基本動作の一例を示すフローチャートである。
【図６】表示プログラムによる２次元図表の表示の他例を示す図である。
【図７】表示プログラムによる２次元図表の表示の他例を示す図である。
【図８】表示プログラムによる２次元図表の表示の他例を示す図である。
【図９】表示プログラムによる２次元図表の表示の他例を示す図である。
【図１０】表示プログラムを採用した電子商取引システムの一例のシステム構成図である。
【図１１】（ａ）、（ｂ）は、表示桝目表の表示例を示す図である。
【図１２】（ａ）、（ｂ）は、従来の表示プログラムにおけるスクロールの表示の一例を示す図である。
【発明を実施するための形態】
【００３１】
以下に、本発明の実施の形態について添付図面とともに説明する。
【００３２】
図１（ａ）は本発明の表示プログラムを用いるコンピュータの概略構成、図１（ｂ）は表示プログラムの構成の各例を示す図である。図２は、表示プログラムによる表示の概念図である。
【００３３】
このコンピュータ１には、画面表示が可能なコンピュータ・ディスプレイ２（以下、ディスプレイという）、および画面上のポインタを動作させるマウス等のポインティングデバイス３が接続されている。また、コンピュータ１は、中央処理装置（ＣＰＵ１１）と、表示手段１２（表示プログラム）と、表示プログラムや他のプログラム（不図示）等のアプリケーション・プログラム（以下、アプリケーションという）の実行制御、周辺装置の実行制御、アプリケーションで使用されるライブラリの管理等を行うオペレーティング・システム（不図示）（以下、ＯＳ１３という）とを備えている。
【００３４】
表示手段１２は、種々のアプリケーションにおいて、所定の２次元図表３０を所定の表示窓２０に表示するプログラムであり、表示窓２０の明細欄３３上でマウスのドラッグを検出するドラッグ検出手段１２ａと、縦、横移動量算出手段１２ｂと、明細欄スクロール表示手段１２ｃと、縦、横見出し欄スクロール表示手段１２ｄと、縦、横見出し欄有効／無効設定手段１２ｅとより構成される。
【００３５】
縦、横移動量算出手段１２ｂは、ドラッグ検出手段１２ａで検出したドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、明細欄スクロール表示手段１２ｃは明細欄３３を上記ドラッグ操作に合わせてスクロール表示するステップ、縦、横見出し欄スクロール表示手段１２ｄは算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄３１、３２をスクロール表示させるステップをそれぞれ実行するものである。
【００３６】
また、縦、横見出し欄有効／無効設定手段１２ｅは、縦、横見出し欄３１、３２を見出し欄として扱うかどうかを設定するためのもので、アプリケーションで使用する２次元図表３０の内容に応じて表示プログラム内で組み込んでおいてもよいし、アプリケーション・プログラム内で有効／無効が設定できるようにしてもよい。縦、横見出し欄３１、３２の一方を無効とした場合には、その一方の見出し欄は明細欄３３と同様の動作をなし（見出し欄は明細欄３３の一部と定義される）、他方の見出し欄は縦または横方向のみのスクロール動作をなす。
【００３７】
ついで、本発明の表示プログラムによる表示方法の概略および表示プログラムの基本動作を、図２〜図５にもとづいて説明する。なお、図３、図４は本発明の表示プログラムによる表示方法の２例を示す図である。また、本図および図３、４の例では、縦、横見出し欄ともに有効に設定されていることを前提としている。
【００３８】
まず、図２を参照しながら表示プログラムによる表示の概念を説明する。
【００３９】
図中の３０は、ディスプレイ２に表示されるアプリケーション画面内で表示窓２０に表示される、データ・コンテンツの集合体である２次元図表である。この２次元図表３０は、このアプリケーションが２次元状にデータを集合させたコンテンツであり、ｎ×ｍの桝目で表され、その最上位行を横見出し欄３２、左端列を縦見出し欄３１、それ以外の桝目の集合を明細欄３３としたものである。つまり、縦見出し欄３１と、横見出し欄３２との交点によって、明細欄３３の１部位が特定される。
【００４０】
この２次元図表３０には例えば、２属性によって１商品が定まる商品群を表示する場合、縦見出し欄３１には一方の属性項目を、横見出し欄３２には他方の属性項目を規定し、明細欄３３の各桝目に商品名や商品コード、価格を規定した２次元状の商品桝目表が適用できる。より具体的には、色とサイズにより１商品を特定できる衣服などを適用でき、色（白、黒、青・・・）を横見出し欄３２に、サイズ（Ｓ、Ｍ、Ｌ・・・）を縦見出し欄３１に規定して明細欄３３の各桝目に縦、横の属性によって定まる商品コードを規定した２次元状の一覧表などが挙げられる。
【００４１】
また、２次元図表３０としては、上記のような２属性によって１つの桝目が定まる２次元データの他、１次元データを２次元状に表示するものも適用できる。１次元データとしては例えば、Ｗｅｂサイトより検索によって得た不動産物件情報を、所在地、最寄り駅、価格、築年月などの見出し項目を規定した横見出し欄３２と、番号（表示順）などを規定した縦見出し欄３１と、抽出した物件の所在地、最寄り駅、価格、築年月などを表示した明細欄３３とよりなるものが含まれる。
【００４２】
一方、表示窓２０はコンテンツである２次元図表３０を部分的かつ選択的に表示するエリアであり、表示窓２０内には明細欄３３の一部が明細エリア２３に表示され、表示された明細欄３３の一部に対応した縦見出し欄３１を表示窓２０内の左端の縦見出しエリア２１に、表示された明細欄３３のの一部に対応した横見出し欄３２を表示窓２０内の最上位の横見出しエリア２２に表示するものである。
【００４３】
この表示窓２０には、その表示対象である２次元図表３０の明細欄３３のどの部位を表示する場合にも、明細欄３３のうちの選択した部位に対応した縦、横見出し欄３１、３２の部位が同期的に表示される。
【００４４】
本発明では、このような明細欄３３の表示窓２０への表示の選択操作をマウス３のドラッグにより行えるようになっており、表示窓２０内で表示された明細欄３３をドラッグ操作することで、そのドラッグ操作した方向と距離に応じて明細欄３３が移動するとともに、移動して表示される明細欄３３に応じて縦見出し欄３１は左端に固定された状態で縦方向に移動（スクロール）表示され、横見出し欄３２は最上位に固定された状態で横方向に移動（スクロール）表示される。
【００４５】
なお、ドラッグに対する移動の方向としては、ドラッグの操作が、コンテンツである２次元図表３０を表示窓２０に対して相対移動させる目的としたもの（図３参照）と、表示窓２０を２次元図表３０に対して相対移動させる目的としたもの（図４参照）の２通りが想定できる。以下の種々の例は、２次元図表３０を表示窓２０に対して相対移動させることを前提としたものを示している。
【００４６】
ついで、図５のフローチャートを参照しながら表示プログラム基本動作を説明する。
【００４７】
表示プログラムは、表示窓２０の明細エリア２３内でマウス３がポインティングされたことを監視し、ポインティングされると、縦、横見出し欄３１、３２がともに見出し欄として設定されているかを判別し、いずれもが有効に設定されているときには、ドラッグ検出手段１２ａ（図１参照）によりドラッグされたかどうかを判別し、ドラッグされているときには、ドラッグの始点と終点より縦、横方向の移動量を算出し、明細欄３３をドラッグ方向にそのまま移動させ、縦見出し欄３１については算出した縦方向の移動量分、縦方向にスクロール表示させ、横見出し欄３２については算出した横方向の移動量分、横方向にスクロール表示させる（ステップ１０１〜１０７）。この処理をマウス３のポインティングが外されるまで繰り返す（ステップ１０８）。
【００４８】
また、縦、横見出し欄３１、３２ともに見出し欄として無効に設定されている場合には、縦、横見出し欄３１、３２を区別することなく２次元図表３０をドラッグに応じて表示窓２０内で移動させる（ステップ１０２のＹ、１０９〜１１１）。
【００４９】
なお、縦、横見出し欄３１、３２のうちいずれか一方が見出し欄として無効に設定されている場合は、ステップ１０２〜１０８のうちの見出し欄のスクロール（ステップ１０６、１０７）の、無効とされている見出し欄については実行しないようになっている。
【００５０】
このようなアプリケーション動作は、ＯＳ１３によりスクロール機能の付与が可能なテーブルを縦、横見出し欄３１、３２、明細欄３３ごとに定義し、テーブルを個別に、動的にスクロール機能を付与することで容易に実現できるが、そのようなＯＳ１３のスクロール機能を有さないものにも適用は可能である。
【００５１】
このように、表示プログラムは、明細欄３３をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄３１、３２をスクロール表示させるステップを実行し、これによって、表示窓２０にスクロール表示される明細欄３３に合わせて、縦、横見出し欄３１、３２を同期的に縦、横方向にスクロール表示する構成としているので、２次元図表３０の明細欄３３の所望の部位をその部位に合った縦、横見出し欄３１、３２とともに素早くかつ確実に表示窓２０に表示できる。また、マウスによるドラッグの移動量分だけ移動する構成であるため、スクロール量を判断しやすく操作性はきわめてよい。
【００５２】
なお、図５に示した表示プログラムにおいて、ステップ１０４〜１０７の実行順序については、縦、横移動量算出ステップ（ステップ１０４）は縦、横見出し欄３１、３２をスクロール表示させるステップ（ステップ１０６、１０７）より前に実行することを前提として、他の実行順序であってもよい。
【００５３】
つぎに、表示プログラムの種々の適用例について説明する。
【００５４】
図６〜図８の各（ａ）、（ｂ）は、種々の適用例におけるドラッグ操作による表示の遷移を示した図である。
【００５５】
図６は、先述の不動産物件情報のような１次元データを２次元図表３０に表現したものである。表示窓２０の最上位の横見出しエリア２２に各物件の見出し項目（項目１〜５）を示す横見出し欄３２が表示され、左端の縦見出しエリア２１には項目１である番号（表示順）を示す縦見出し欄３１が表示されるようになっており、表示窓２０の明細エリア２３内でマウス３によりドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２（見出し項目）はその行位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１（ＮＯ）はその列位置が変動することなく縦方向の移動量分、上方向に移動する。
【００５６】
一方、同様の１次元データであっても、項目１を縦見出し欄３１として扱わない場合には、縦見出し欄３１を無効に設定することで、項目１は明細欄３３として扱われ、ドラッグ操作にともないドラッグ方向に移動する（図７参照）。つまり図７の例では、項目１の列は横方向に移動するとともに、項目１の各データ（図中、Ｎａｍｅ１、Ｎａｍｅ２・・・）は上方にスライド移動する。
【００５７】
このように、表示プログラムは、２次元図表３０の縦、横見出し欄３１、３２のいずれか一方を見出し欄として無効に設定するステップを備えているので、縦、横見出し欄３１、３２の一方を明細欄３３と同様にスクロール表示させることができ、他方を明細欄３３に同期させて縦、横方向いずれかにスクロール表示させることができる。
【００５８】
また、図８は地図データを２次元図表３０に表現したものである。表示窓２０の最上位の横見出しエリア２２に地図の横方向の位置情報を示す横スケールが表示され、左端の縦見出しエリア２１には縦方向の位置情報を示す縦スケールが表示されるようになっており、表示窓２０内でマウス３によりドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２（横スケール）はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１（縦スケール）はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００５９】
なお、図８の例では、明細欄３３は表示窓２０内いっぱいに表示され、縦見出し欄３１、横見出し欄３２は明細欄３３の重なり合って表示される。
【００６０】
このように、縦、横見出し欄３１、３２が明細欄３３に表示される情報の位置情報を規定したものの場合にも、移動する明細欄３３に合致した位置情報を縦、横見出し欄３１、３２に表示させることができる。その結果、２次元図表３０の明細欄３３の所望の部位を迅速かつ確実に表示窓に表示できる。
【００６１】
図９（ａ）、（ｂ）は、表示プログラムを表計算ソフトウェアに適用させた例を示している。
【００６２】
図９（ａ）は、表計算ソフトウェアの表データ表示部を２次元図表３０の明細欄３３を表示するための明細エリア２３とし、横スケール表示部を横見出しエリア２２、縦スケール表示部を縦見出しエリア２１とした表示窓２０に２次元図表３０を表示する場合を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２（横スケール）はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１（縦スケール）はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００６３】
また、図９（ｂ）は、表計算ソフトウェアの表データ表示部内に、明細欄３３、縦、横見出し欄３１、３２を含む２次元図表３０を作成した例を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００６４】
なお、表データ表示部内で縦、横見出し欄３１、３２を有効とする設定がなされている場合、それを縦、横スケールよりも優先して縦、横見出し欄３１、３２として取り扱うようにすれば、図９（ａ）、（ｂ）の２例を同一アプリケーションで実現することができる。
【００６５】
ついで、電子商取引システムに適用される表示プログラムについて説明する。
【００６６】
図１０は、電子商取引システムの一例である電子モールシステムのシステム構成図である。
【００６７】
このシステムは、販売者サーバＳと、店舗の通信端末機Ｔと、購入者通信端末機ＵとがインターネットＮを介して接続されている。店舗の販売者は店舗の通信端末機Ｔを通じて、販売者通信端末機Ｕに表示される商品選択画面Ｇの商品レイアウトを設計でき、その商品選択画面を販売者サーバに保存できるようになっており、購入者は、販売者サーバＳをアクセスして商品選択画面Ｇを購入者通信端末機Ｕに表示させて、所望の商品を選択できるようになっている。
【００６８】
各店舗が販売する商品は、購入者通信端末機Ｕでは図１１の例に示すような商品桝目表４０を含む商品選択画面Ｇで表示される。
【００６９】
図１１に示した商品桝目表４０（２次元図表３０）は、ポロシャツの商品一覧を示しており、縦属性欄４１（縦見出し欄３１）に第１の商品属性であるサイズが規定され、横属性欄４２（横見出し欄３２）には第２の商品属性である色柄が規定され、桝目欄４３（明細欄３３）には第１、第２の商品属性によって特定される商品が複数集まって集合された商品群が規定されたものである。桝目欄４３の各桝目４４には、商品の価格４４ａと個数入力欄４４ｂとが表示される。なお、図中の商品桝目表４０の上方には、商品桝目表４０に表示された商品群に関する、第１、第２の商品属性以外の共通の属性を表示するための共通事項欄４５が表示される。
【００７０】
また、縦属性欄４１はＳ、Ｍ、Ｌ、ＬＬ、３Ｌ、４Ｌの６サイズの属性値で分類され、横属性欄４２は白、青、赤、柄、黄、緑の６色の属性値で分類され、桝目欄４３は６×６の桝目で構成されており、商品選択画面Ｇの初期表示では、表示窓２０にはサイズをＳ、Ｍ、Ｌ、ＬＬの４サイズ、色を白、青、赤、柄の４色とした１６商品が表示され、それに対応した縦、横属性欄４１、４２が表示されている（図１１（ａ）参照）。
【００７１】
商品を購入する場合、購入者が購入者通信端末機Ｕに表示された商品選択画面Ｇで所望の商品の桝目４４に個数を入力していき、合計ボタン４６を操作すると、合計金額４７が表示される。その後、「カートに入れる」ボタン４８を操作すると、選択した商品の情報がカート（購入用のメモリ）（不図示）に格納される。
【００７２】
明細欄３３（桝目欄４３）内で、図例のように左斜め上方向にドラッグ操作がされると、桝目欄４３がそれに応じてスクロール移動するとともに、横属性欄４２（サイズ）はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦属性欄４１（色）はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００７３】
スクロール移動した結果、表示窓２０にはサイズをＬ、ＬＬ、３Ｌ、４Ｌの４サイズ、色を赤、柄、黄、緑の４色とした１６商品が表示され、それに対応した縦、横属性欄４１、４２が表示される（図１１（ｂ）参照）。
【００７４】
また、ドラッグ操作により明細欄３３、縦、横見出し欄３１、３２を移動表示できる表示プログラムは、販売者が購入者向けの商品選択画面Ｇを設計する場合にも適用できることはいうまでもない。
【００７５】
このように、商品桝目表４０を有した商品選択画面Ｇで商取引を行う電子商取引システムにおいて、上記のような表示プログラムを利用しているので、商品桝目表４０の行、列数が多い場合でも、簡単に所望の部位を表示窓２０に表示させることができる。
【００７６】
以上に示した種々の例では、２次元図表３０の表示サイズが表示窓２０のサイズよりも大きい場合を示したが、表示窓２０内に収まる場合には、ドラッグ操作による表示窓２０内での移動がなされないようにしてもよいし、上記種々の例と同様にスクロール表示がなされるようにしてもよい。
【００７７】
また上記の例では、縦見出し欄３１は表示窓２０の左端に表示し、横見出し欄３２は表示窓２０の最上位に表示するようにしたものを示したが、表示プログラムは、縦見出し欄３１を右端、横見出し欄３２を最下位に表示するものにも適用でき、その他の位置、例えば縦見出し欄３１と横見出し欄３２とがクロスして表示するものにも適用できる。
【００７８】
以上には、装置構成としてコンピュータ１にディスプレイ２とポインティングデバイス（マウス３）が接続された例を示したが、これらが一体となった表示装置であってもよい。
【符号の説明】
【００７９】
１ コンピュータ
２ コンピュータ・ディスプレイ
３ マウス（ポインティングデバイス）
１１ ＣＰＵ
１２ 表示手段
１２ａ ドラッグ検出手段
１２ｂ 縦、横移動量算出手段
１２ｃ 明細欄スクロール表示手段
１２ｄ 縦、横見出し欄スクロール手段
１２ｅ 縦、横見出し欄有効／無効設定手段
１３ ＯＳ
２０ 表示窓
２１ 縦見出しエリア
２２ 横見出しエリア
２３ 明細エリア
３０ ２次元図表
３１ 縦見出し欄
３２ 横見出し欄
３３ 明細欄
Ｓ 販売者サーバ
Ｔ 店舗の通信端末機
Ｕ 購入者通信端末機
Ｎ インターネット
Ｇ 商品選択画面
４０ 商品桝目表
４１ 縦属性欄
４２ 横属性欄
４３ 桝目欄
４４ 桝目
４５ 共通事項欄
【技術分野】
【０００１】
本発明は、電子商取引システムの商品選択画面やそれに対応したバックオフィス画面などで、２次元図表をコンピュータ・ディスプレイの画面上に表示された表示窓に表示するための表示プログラム、電子商取引システムなどで使用される表示装置に関する。
【背景技術】
【０００２】
近年、コンピュータ・ディスプレイへの画面表示はグラフィカル・ユーザ・インターフェース（以下、ＧＵＩという）が一般化しており、そのようなＧＵＩ画面における操作も、マウス等のポインティングデバイスを使うことが一般的である。
【０００３】
また、ＧＵＩ環境下では、大量の情報をコンピュータ・ディスプレイに画面表示させるために、縦、横方向に表示情報をスライド移動できるようにしたスクロール技術を用いることが一般化しており、そのようなものでは、画面上の所定の位置に設けた表示窓内で、スクロールボタンをマウスで操作しながらコンテンツを移動表示させることが可能となっている（例えば、特許文献１参照）。
【０００４】
例えば、最上位の行を見出し欄とし、その下方に明細欄を配した２次元図表を表示窓に表示させる場合、上記スクロール技術を使用すれば、明細行が増えて表示窓の縦サイズを超えると、スクロールボタンが表われ、そのボタンを操作することで２次元図表のいずれの部分も表示させることができる。さらに、見出し欄のみを最上位に固定して、明細欄だけをスクロールできるようにしたものも実施されている。また、明細行が長く、表示窓の横方向に納まらない場合は、縦、横個別にスクロール操作をすることで所望の情報を表示させることができる。
【０００５】
このような２次元図表としては、上記のような１次元コンテンツのみならず、最上位の行と左端の列に縦、横２つの見出し欄を設けた２次元コンテンツを表わす図表もある。
【０００６】
２次元コンテンツとしては例えば、縦、横見出し欄に商品の属性を規定し、それらの属性の組み合わせで１商品を特定できるようにした商品桝目表などの２次元マトリクス表（例えば、特許文献２参照）などが含まれるが、このような２次元コンテンツに対応した２次元図表の場合は、縦、横に個別のスクロールボタンを配することが想定できる。
【０００７】
図１２（ａ）、（ｂ）は、この種の商品桝目表スクロールの表示の一例を示す図である。
【０００８】
この商品桝目表３００（２次元図表）は、ポロシャツの商品一覧を示しており、縦見出し欄３１０に第１の商品属性であるサイズが規定され、横見出し欄３２０には第２の商品属性である色柄が規定され、明細欄３３０には第１、第２の商品属性によって特定される商品が複数集まって集合された商品群が規定されたものである。明細欄の各桝目には、商品の価格と個数入力欄とが表示される。
【０００９】
また、縦見出し欄３１０はＳ、Ｍ、Ｌ、ＬＬ、３Ｌ、４Ｌの６サイズの属性値で分類され、横見出し欄４１０は白、青、赤、柄、黄、緑の６色の属性値で分類され、桝目欄は６×６の桝目で構成されている。全ての商品を表示窓２００に表示できないため、商品選択画面Ｇの初期表示では、表示窓２００にはサイズをＳ、Ｍ、Ｌ、ＬＬの４サイズ、色を白、青、赤、柄の４色とした１６商品が表示され、それに対応した縦、横見出し欄３１０、３２０が表示され、表示窓２００の最下部と右端には、横、縦方向のスクロールボタン３２１、３１１が表示される（図１２（ａ）参照）。
【００１０】
この状態で、横方向のスクロールボタン３２１の操作、縦方向のスクロールボタン３１１の操作が順次されると、横方向のスクロールボタン３２１の操作に応じて明細欄３３０と横見出し欄３２０とは左方向に移動し、縦方向のスクロールボタン３１１の操作に応じて明細欄３３０と縦見出し欄３１０とは上方向に移動する。
【００１１】
このように縦、横にスクロール表示した結果、商品桝目表３００にはサイズをＬ、ＬＬ、３Ｌ、４Ｌの４サイズ、色を赤、柄、黄、緑の４色とした１６商品が表示され、それに対応した縦、横見出し欄３１０、３２０が表示される（図１２（ｂ）参照）。
【００１２】
このような表示プログラムの構成によれば、縦、横見出し欄３１０、３２０は、明細欄３３０の縦、横のスライド表示に同期してスライドするので、所望の情報を確実に表示窓２００内に表示でき、操作者による明細欄３３０内の部位の特定を効率よく行うことができる。
【先行技術文献】
【特許文献】
【００１３】
【特許文献１】特開２００８−３３６９５号公報
【特許文献２】特開２００２−１５００７２号公報
【発明の概要】
【発明が解決しようとする課題】
【００１４】
しかしながら、２次元図表のサイズが大きくなればスクロール操作による部位の特定はしにくくなり、目的の部位を表示窓内に表示させることに思いのほか時間を要することがある。特に２次元コンテンツの場合には、縦、横個別にスクロール操作をしなければならないから、多大な時間を要することが予想される。
【００１５】
また、市販の表計算ソフトウェアでは、マウスの中央ボタンを押下しながらドラッグ移動させることでスクロールできるものもあるが、縦、横同時にはスクロールできないため、決して迅速性にすぐれているとはいえない。そもそも、この中央ボタンの操作は、操作スピードによってスクロール・スピードも変動するため、予想外に大きくスクロールするなど、利便性においてもすぐれているとはいえない。
【００１６】
さらに、同表計算ソフトウェアは、任意のセルから欄外の右下隅等へマウスでドラッグすると、縦、横同時にスクロールする、つまり斜め方向にスクロールする機能を有しているが、ドラッグの移動距離とは無関係にスクロールする（欄外の右下隅位置にマウスを停止させてもボタンを離さない限りはスクロールを続ける）ため、位置の特定がしにくい。
【００１７】
したがって、同表計算ソフトウェアの上記種々のスクロール機能を２次元図表の表示プログラムに適用させても、２次元図表の明細欄の所望の表示部位を素早くかつ確実に表示窓内に表示させるという目的を達成することはできない。
【００１８】
本発明は、このような事情を考慮して提案されたもので、その目的は、２次元図表の明細欄のスクロール表示を容易にさせるとともに、その明細欄のスクロール表示にともなって、対応した縦、横見出し欄も同期させて表示することで、明細欄の表示情報を素早くかつ確実に把握できるようにした２次元図表の表示プログラムおよびそれを用いた２次元図表の表示装置を提供することにある。
【課題を解決するための手段】
【００１９】
上記目的を達成するために、請求項１に記載の２次元図表の表示プログラムは、２次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示プログラムであって、２次元図表は、予め、少なくとも縦見出し欄、横見出し欄、明細欄に区画形成されており、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させるステップを実行し、これによって、明細欄のスクロール表示に合わせて、上記縦、横見出し欄を同期的にスクロールさせて表示することを特徴とする。
【００２０】
ここで、特許請求の範囲に記載された各ステップを実行する順序は、プログラムが同じ目的、機能を実現するものであれば、適宜ステップを入れ替えて実行してもよい。もちろん、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップは、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップの事前に必要なステップであるから、これらの順関係は上記のとおりであることはいうまでもない。
【００２１】
請求項２に記載の２次元図表の表示プログラムは、２次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えている。
【００２２】
請求項３に記載の２次元図表の表示プログラムは、縦、横見出し欄が明細欄に表示される情報の位置情報を規定している。
【００２３】
請求項４に記載の電子商取引システムで使用される、２次元図表の表示プログラムでは、２次元図表が、第１の商品属性に関する複数の属性項目を含む縦属性欄と、第２の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって１つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、２次元マトリクス状の商品桝目表により構成されており、縦見出し欄は縦属性欄で構成され、横見出し欄は横属性欄で構成され、明細欄は上記桝目欄で構成されている。
【００２４】
また、請求項５に記載の表示装置は、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えており、通常は、パーソナルコンピュータに、本発明のプログラムを読み込んで実施される。
【発明の効果】
【００２５】
請求項１に記載の２次元図表の表示プログラムによれば、明細欄上でドラッグを検出するステップ、明細欄をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させるステップを実行し、これによって、表示窓にスクロール表示される明細欄に合わせて、縦、横見出し欄を同期的に縦、横方向にスクロール表示する構成としているので、２次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。
【００２６】
請求項２に記載の２次元図表の表示プログラムによれば、２次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えているので、縦、横見出し欄の一方を明細欄と同様にスクロール表示させることができ、他方を明細欄に同期させて縦、横方向いずれかにスクロール表示させることができる。
【００２７】
請求項３に記載の２次元図表の表示プログラムによれば、縦、横見出し欄が明細欄に表示される情報の位置情報を規定したものであるため、移動する明細欄に合致した位置情報を縦、横見出し欄に表示させることができ、２次元図表の明細欄の所望の部位を迅速かつ確実に表示窓に表示できる。
【００２８】
請求項４に記載の電子商取引システムで使用される、２次元図表の表示プログラムは、２次元図表が電子商取引における販売者または購入者の端末画面に表示される２次元マトリクス状の商品桝目表により構成されているため、商品桝目表の行、列数が多い場合でも、簡単に所望の部位を表示窓に表示させることができる。
【００２９】
請求項５に記載の表示装置によれば、表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、記算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄をスクロール表示させる手段とを備えているので、２次元図表の明細欄の一部がスクロール表示された場合、現在の表示部分と、その部位に合った縦、横見出し欄とともに素早くかつ確実に表示窓に表示できる。
【図面の簡単な説明】
【００３０】
【図１】（ａ）は本発明の表示プログラムを用いるコンピュータの概略構成、（ｂ）は表示プログラムの構成の各一例を示す図である。
【図２】本発明の表示プログラムによる２次元図表の表示の概念図である。
【図３】本発明の表示プログラムによる表示方法の一例を示す図である。
【図４】本発明の表示プログラムによる表示方法の他例を示す図である。
【図５】本発明の表示プログラムの基本動作の一例を示すフローチャートである。
【図６】表示プログラムによる２次元図表の表示の他例を示す図である。
【図７】表示プログラムによる２次元図表の表示の他例を示す図である。
【図８】表示プログラムによる２次元図表の表示の他例を示す図である。
【図９】表示プログラムによる２次元図表の表示の他例を示す図である。
【図１０】表示プログラムを採用した電子商取引システムの一例のシステム構成図である。
【図１１】（ａ）、（ｂ）は、表示桝目表の表示例を示す図である。
【図１２】（ａ）、（ｂ）は、従来の表示プログラムにおけるスクロールの表示の一例を示す図である。
【発明を実施するための形態】
【００３１】
以下に、本発明の実施の形態について添付図面とともに説明する。
【００３２】
図１（ａ）は本発明の表示プログラムを用いるコンピュータの概略構成、図１（ｂ）は表示プログラムの構成の各例を示す図である。図２は、表示プログラムによる表示の概念図である。
【００３３】
このコンピュータ１には、画面表示が可能なコンピュータ・ディスプレイ２（以下、ディスプレイという）、および画面上のポインタを動作させるマウス等のポインティングデバイス３が接続されている。また、コンピュータ１は、中央処理装置（ＣＰＵ１１）と、表示手段１２（表示プログラム）と、表示プログラムや他のプログラム（不図示）等のアプリケーション・プログラム（以下、アプリケーションという）の実行制御、周辺装置の実行制御、アプリケーションで使用されるライブラリの管理等を行うオペレーティング・システム（不図示）（以下、ＯＳ１３という）とを備えている。
【００３４】
表示手段１２は、種々のアプリケーションにおいて、所定の２次元図表３０を所定の表示窓２０に表示するプログラムであり、表示窓２０の明細欄３３上でマウスのドラッグを検出するドラッグ検出手段１２ａと、縦、横移動量算出手段１２ｂと、明細欄スクロール表示手段１２ｃと、縦、横見出し欄スクロール表示手段１２ｄと、縦、横見出し欄有効／無効設定手段１２ｅとより構成される。
【００３５】
縦、横移動量算出手段１２ｂは、ドラッグ検出手段１２ａで検出したドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、明細欄スクロール表示手段１２ｃは明細欄３３を上記ドラッグ操作に合わせてスクロール表示するステップ、縦、横見出し欄スクロール表示手段１２ｄは算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄３１、３２をスクロール表示させるステップをそれぞれ実行するものである。
【００３６】
また、縦、横見出し欄有効／無効設定手段１２ｅは、縦、横見出し欄３１、３２を見出し欄として扱うかどうかを設定するためのもので、アプリケーションで使用する２次元図表３０の内容に応じて表示プログラム内で組み込んでおいてもよいし、アプリケーション・プログラム内で有効／無効が設定できるようにしてもよい。縦、横見出し欄３１、３２の一方を無効とした場合には、その一方の見出し欄は明細欄３３と同様の動作をなし（見出し欄は明細欄３３の一部と定義される）、他方の見出し欄は縦または横方向のみのスクロール動作をなす。
【００３７】
ついで、本発明の表示プログラムによる表示方法の概略および表示プログラムの基本動作を、図２〜図５にもとづいて説明する。なお、図３、図４は本発明の表示プログラムによる表示方法の２例を示す図である。また、本図および図３、４の例では、縦、横見出し欄ともに有効に設定されていることを前提としている。
【００３８】
まず、図２を参照しながら表示プログラムによる表示の概念を説明する。
【００３９】
図中の３０は、ディスプレイ２に表示されるアプリケーション画面内で表示窓２０に表示される、データ・コンテンツの集合体である２次元図表である。この２次元図表３０は、このアプリケーションが２次元状にデータを集合させたコンテンツであり、ｎ×ｍの桝目で表され、その最上位行を横見出し欄３２、左端列を縦見出し欄３１、それ以外の桝目の集合を明細欄３３としたものである。つまり、縦見出し欄３１と、横見出し欄３２との交点によって、明細欄３３の１部位が特定される。
【００４０】
この２次元図表３０には例えば、２属性によって１商品が定まる商品群を表示する場合、縦見出し欄３１には一方の属性項目を、横見出し欄３２には他方の属性項目を規定し、明細欄３３の各桝目に商品名や商品コード、価格を規定した２次元状の商品桝目表が適用できる。より具体的には、色とサイズにより１商品を特定できる衣服などを適用でき、色（白、黒、青・・・）を横見出し欄３２に、サイズ（Ｓ、Ｍ、Ｌ・・・）を縦見出し欄３１に規定して明細欄３３の各桝目に縦、横の属性によって定まる商品コードを規定した２次元状の一覧表などが挙げられる。
【００４１】
また、２次元図表３０としては、上記のような２属性によって１つの桝目が定まる２次元データの他、１次元データを２次元状に表示するものも適用できる。１次元データとしては例えば、Ｗｅｂサイトより検索によって得た不動産物件情報を、所在地、最寄り駅、価格、築年月などの見出し項目を規定した横見出し欄３２と、番号（表示順）などを規定した縦見出し欄３１と、抽出した物件の所在地、最寄り駅、価格、築年月などを表示した明細欄３３とよりなるものが含まれる。
【００４２】
一方、表示窓２０はコンテンツである２次元図表３０を部分的かつ選択的に表示するエリアであり、表示窓２０内には明細欄３３の一部が明細エリア２３に表示され、表示された明細欄３３の一部に対応した縦見出し欄３１を表示窓２０内の左端の縦見出しエリア２１に、表示された明細欄３３のの一部に対応した横見出し欄３２を表示窓２０内の最上位の横見出しエリア２２に表示するものである。
【００４３】
この表示窓２０には、その表示対象である２次元図表３０の明細欄３３のどの部位を表示する場合にも、明細欄３３のうちの選択した部位に対応した縦、横見出し欄３１、３２の部位が同期的に表示される。
【００４４】
本発明では、このような明細欄３３の表示窓２０への表示の選択操作をマウス３のドラッグにより行えるようになっており、表示窓２０内で表示された明細欄３３をドラッグ操作することで、そのドラッグ操作した方向と距離に応じて明細欄３３が移動するとともに、移動して表示される明細欄３３に応じて縦見出し欄３１は左端に固定された状態で縦方向に移動（スクロール）表示され、横見出し欄３２は最上位に固定された状態で横方向に移動（スクロール）表示される。
【００４５】
なお、ドラッグに対する移動の方向としては、ドラッグの操作が、コンテンツである２次元図表３０を表示窓２０に対して相対移動させる目的としたもの（図３参照）と、表示窓２０を２次元図表３０に対して相対移動させる目的としたもの（図４参照）の２通りが想定できる。以下の種々の例は、２次元図表３０を表示窓２０に対して相対移動させることを前提としたものを示している。
【００４６】
ついで、図５のフローチャートを参照しながら表示プログラム基本動作を説明する。
【００４７】
表示プログラムは、表示窓２０の明細エリア２３内でマウス３がポインティングされたことを監視し、ポインティングされると、縦、横見出し欄３１、３２がともに見出し欄として設定されているかを判別し、いずれもが有効に設定されているときには、ドラッグ検出手段１２ａ（図１参照）によりドラッグされたかどうかを判別し、ドラッグされているときには、ドラッグの始点と終点より縦、横方向の移動量を算出し、明細欄３３をドラッグ方向にそのまま移動させ、縦見出し欄３１については算出した縦方向の移動量分、縦方向にスクロール表示させ、横見出し欄３２については算出した横方向の移動量分、横方向にスクロール表示させる（ステップ１０１〜１０７）。この処理をマウス３のポインティングが外されるまで繰り返す（ステップ１０８）。
【００４８】
また、縦、横見出し欄３１、３２ともに見出し欄として無効に設定されている場合には、縦、横見出し欄３１、３２を区別することなく２次元図表３０をドラッグに応じて表示窓２０内で移動させる（ステップ１０２のＹ、１０９〜１１１）。
【００４９】
なお、縦、横見出し欄３１、３２のうちいずれか一方が見出し欄として無効に設定されている場合は、ステップ１０２〜１０８のうちの見出し欄のスクロール（ステップ１０６、１０７）の、無効とされている見出し欄については実行しないようになっている。
【００５０】
このようなアプリケーション動作は、ＯＳ１３によりスクロール機能の付与が可能なテーブルを縦、横見出し欄３１、３２、明細欄３３ごとに定義し、テーブルを個別に、動的にスクロール機能を付与することで容易に実現できるが、そのようなＯＳ１３のスクロール機能を有さないものにも適用は可能である。
【００５１】
このように、表示プログラムは、明細欄３３をドラッグ操作に合わせてスクロール表示するステップ、ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、算出した縦方向、横方向の移動量に合わせて、縦、横見出し欄３１、３２をスクロール表示させるステップを実行し、これによって、表示窓２０にスクロール表示される明細欄３３に合わせて、縦、横見出し欄３１、３２を同期的に縦、横方向にスクロール表示する構成としているので、２次元図表３０の明細欄３３の所望の部位をその部位に合った縦、横見出し欄３１、３２とともに素早くかつ確実に表示窓２０に表示できる。また、マウスによるドラッグの移動量分だけ移動する構成であるため、スクロール量を判断しやすく操作性はきわめてよい。
【００５２】
なお、図５に示した表示プログラムにおいて、ステップ１０４〜１０７の実行順序については、縦、横移動量算出ステップ（ステップ１０４）は縦、横見出し欄３１、３２をスクロール表示させるステップ（ステップ１０６、１０７）より前に実行することを前提として、他の実行順序であってもよい。
【００５３】
つぎに、表示プログラムの種々の適用例について説明する。
【００５４】
図６〜図８の各（ａ）、（ｂ）は、種々の適用例におけるドラッグ操作による表示の遷移を示した図である。
【００５５】
図６は、先述の不動産物件情報のような１次元データを２次元図表３０に表現したものである。表示窓２０の最上位の横見出しエリア２２に各物件の見出し項目（項目１〜５）を示す横見出し欄３２が表示され、左端の縦見出しエリア２１には項目１である番号（表示順）を示す縦見出し欄３１が表示されるようになっており、表示窓２０の明細エリア２３内でマウス３によりドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２（見出し項目）はその行位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１（ＮＯ）はその列位置が変動することなく縦方向の移動量分、上方向に移動する。
【００５６】
一方、同様の１次元データであっても、項目１を縦見出し欄３１として扱わない場合には、縦見出し欄３１を無効に設定することで、項目１は明細欄３３として扱われ、ドラッグ操作にともないドラッグ方向に移動する（図７参照）。つまり図７の例では、項目１の列は横方向に移動するとともに、項目１の各データ（図中、Ｎａｍｅ１、Ｎａｍｅ２・・・）は上方にスライド移動する。
【００５７】
このように、表示プログラムは、２次元図表３０の縦、横見出し欄３１、３２のいずれか一方を見出し欄として無効に設定するステップを備えているので、縦、横見出し欄３１、３２の一方を明細欄３３と同様にスクロール表示させることができ、他方を明細欄３３に同期させて縦、横方向いずれかにスクロール表示させることができる。
【００５８】
また、図８は地図データを２次元図表３０に表現したものである。表示窓２０の最上位の横見出しエリア２２に地図の横方向の位置情報を示す横スケールが表示され、左端の縦見出しエリア２１には縦方向の位置情報を示す縦スケールが表示されるようになっており、表示窓２０内でマウス３によりドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２（横スケール）はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１（縦スケール）はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００５９】
なお、図８の例では、明細欄３３は表示窓２０内いっぱいに表示され、縦見出し欄３１、横見出し欄３２は明細欄３３の重なり合って表示される。
【００６０】
このように、縦、横見出し欄３１、３２が明細欄３３に表示される情報の位置情報を規定したものの場合にも、移動する明細欄３３に合致した位置情報を縦、横見出し欄３１、３２に表示させることができる。その結果、２次元図表３０の明細欄３３の所望の部位を迅速かつ確実に表示窓に表示できる。
【００６１】
図９（ａ）、（ｂ）は、表示プログラムを表計算ソフトウェアに適用させた例を示している。
【００６２】
図９（ａ）は、表計算ソフトウェアの表データ表示部を２次元図表３０の明細欄３３を表示するための明細エリア２３とし、横スケール表示部を横見出しエリア２２、縦スケール表示部を縦見出しエリア２１とした表示窓２０に２次元図表３０を表示する場合を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２（横スケール）はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１（縦スケール）はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００６３】
また、図９（ｂ）は、表計算ソフトウェアの表データ表示部内に、明細欄３３、縦、横見出し欄３１、３２を含む２次元図表３０を作成した例を示している。この場合、図例のように左斜め上方向にドラッグ操作がされると、明細欄３３がそれに応じてスクロール移動するとともに、横見出し欄３２はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦見出し欄３１はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００６４】
なお、表データ表示部内で縦、横見出し欄３１、３２を有効とする設定がなされている場合、それを縦、横スケールよりも優先して縦、横見出し欄３１、３２として取り扱うようにすれば、図９（ａ）、（ｂ）の２例を同一アプリケーションで実現することができる。
【００６５】
ついで、電子商取引システムに適用される表示プログラムについて説明する。
【００６６】
図１０は、電子商取引システムの一例である電子モールシステムのシステム構成図である。
【００６７】
このシステムは、販売者サーバＳと、店舗の通信端末機Ｔと、購入者通信端末機ＵとがインターネットＮを介して接続されている。店舗の販売者は店舗の通信端末機Ｔを通じて、販売者通信端末機Ｕに表示される商品選択画面Ｇの商品レイアウトを設計でき、その商品選択画面を販売者サーバに保存できるようになっており、購入者は、販売者サーバＳをアクセスして商品選択画面Ｇを購入者通信端末機Ｕに表示させて、所望の商品を選択できるようになっている。
【００６８】
各店舗が販売する商品は、購入者通信端末機Ｕでは図１１の例に示すような商品桝目表４０を含む商品選択画面Ｇで表示される。
【００６９】
図１１に示した商品桝目表４０（２次元図表３０）は、ポロシャツの商品一覧を示しており、縦属性欄４１（縦見出し欄３１）に第１の商品属性であるサイズが規定され、横属性欄４２（横見出し欄３２）には第２の商品属性である色柄が規定され、桝目欄４３（明細欄３３）には第１、第２の商品属性によって特定される商品が複数集まって集合された商品群が規定されたものである。桝目欄４３の各桝目４４には、商品の価格４４ａと個数入力欄４４ｂとが表示される。なお、図中の商品桝目表４０の上方には、商品桝目表４０に表示された商品群に関する、第１、第２の商品属性以外の共通の属性を表示するための共通事項欄４５が表示される。
【００７０】
また、縦属性欄４１はＳ、Ｍ、Ｌ、ＬＬ、３Ｌ、４Ｌの６サイズの属性値で分類され、横属性欄４２は白、青、赤、柄、黄、緑の６色の属性値で分類され、桝目欄４３は６×６の桝目で構成されており、商品選択画面Ｇの初期表示では、表示窓２０にはサイズをＳ、Ｍ、Ｌ、ＬＬの４サイズ、色を白、青、赤、柄の４色とした１６商品が表示され、それに対応した縦、横属性欄４１、４２が表示されている（図１１（ａ）参照）。
【００７１】
商品を購入する場合、購入者が購入者通信端末機Ｕに表示された商品選択画面Ｇで所望の商品の桝目４４に個数を入力していき、合計ボタン４６を操作すると、合計金額４７が表示される。その後、「カートに入れる」ボタン４８を操作すると、選択した商品の情報がカート（購入用のメモリ）（不図示）に格納される。
【００７２】
明細欄３３（桝目欄４３）内で、図例のように左斜め上方向にドラッグ操作がされると、桝目欄４３がそれに応じてスクロール移動するとともに、横属性欄４２（サイズ）はその縦方向の位置が変動することなく横方向の移動量分、左方向にスライド移動し、縦属性欄４１（色）はその横方向の位置が変動することなく縦方向の移動量分、上方向に移動する。
【００７３】
スクロール移動した結果、表示窓２０にはサイズをＬ、ＬＬ、３Ｌ、４Ｌの４サイズ、色を赤、柄、黄、緑の４色とした１６商品が表示され、それに対応した縦、横属性欄４１、４２が表示される（図１１（ｂ）参照）。
【００７４】
また、ドラッグ操作により明細欄３３、縦、横見出し欄３１、３２を移動表示できる表示プログラムは、販売者が購入者向けの商品選択画面Ｇを設計する場合にも適用できることはいうまでもない。
【００７５】
このように、商品桝目表４０を有した商品選択画面Ｇで商取引を行う電子商取引システムにおいて、上記のような表示プログラムを利用しているので、商品桝目表４０の行、列数が多い場合でも、簡単に所望の部位を表示窓２０に表示させることができる。
【００７６】
以上に示した種々の例では、２次元図表３０の表示サイズが表示窓２０のサイズよりも大きい場合を示したが、表示窓２０内に収まる場合には、ドラッグ操作による表示窓２０内での移動がなされないようにしてもよいし、上記種々の例と同様にスクロール表示がなされるようにしてもよい。
【００７７】
また上記の例では、縦見出し欄３１は表示窓２０の左端に表示し、横見出し欄３２は表示窓２０の最上位に表示するようにしたものを示したが、表示プログラムは、縦見出し欄３１を右端、横見出し欄３２を最下位に表示するものにも適用でき、その他の位置、例えば縦見出し欄３１と横見出し欄３２とがクロスして表示するものにも適用できる。
【００７８】
以上には、装置構成としてコンピュータ１にディスプレイ２とポインティングデバイス（マウス３）が接続された例を示したが、これらが一体となった表示装置であってもよい。
【符号の説明】
【００７９】
１ コンピュータ
２ コンピュータ・ディスプレイ
３ マウス（ポインティングデバイス）
１１ ＣＰＵ
１２ 表示手段
１２ａ ドラッグ検出手段
１２ｂ 縦、横移動量算出手段
１２ｃ 明細欄スクロール表示手段
１２ｄ 縦、横見出し欄スクロール手段
１２ｅ 縦、横見出し欄有効／無効設定手段
１３ ＯＳ
２０ 表示窓
２１ 縦見出しエリア
２２ 横見出しエリア
２３ 明細エリア
３０ ２次元図表
３１ 縦見出し欄
３２ 横見出し欄
３３ 明細欄
Ｓ 販売者サーバ
Ｔ 店舗の通信端末機
Ｕ 購入者通信端末機
Ｎ インターネット
Ｇ 商品選択画面
４０ 商品桝目表
４１ 縦属性欄
４２ 横属性欄
４３ 桝目欄
４４ 桝目
４５ 共通事項欄
【特許請求の範囲】
【請求項１】
２次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示プログラムであって、
上記２次元図表は、予め、少なくとも縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出するステップ、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示するステップ、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させるステップを実行し、
これによって、上記明細欄のスクロール表示に合わせて、上記縦、横見出し欄を同期的にスクロールさせて表示することを特徴とする、２次元図表の表示プログラム。
【請求項２】
請求項１において、
上記２次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えている、２次元図表の表示プログラム。
【請求項３】
請求項１または２において、
上記縦、横見出し欄が、上記明細欄に表示される情報の位置情報を規定している、２次元図表の表示プログラム。
【請求項４】
請求項１〜３のいずれか１項において、
上記２次元図表は、第１の商品属性に関する複数の属性項目を含む縦属性欄と、第２の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって１つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、２次元マトリクス状の商品桝目表により構成されており、
上記縦見出し欄は上記縦属性欄で構成され、上記横見出し欄は上記横属性欄で構成され、上記明細欄は上記桝目欄で構成されている、電子商取引システムで使用される、２次元図表の表示プログラム。
【請求項５】
２次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示装置であって、
上記２次元図表は、予め縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させる手段とを備え、
上記明細欄がスクロール表示されたときに、上記縦、横見出し欄を同期的にスクロールさせて表示させる機能を備えた、２次元図表の表示装置。
【請求項１】
２次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示プログラムであって、
上記２次元図表は、予め、少なくとも縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出するステップ、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示するステップ、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出するステップ、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させるステップを実行し、
これによって、上記明細欄のスクロール表示に合わせて、上記縦、横見出し欄を同期的にスクロールさせて表示することを特徴とする、２次元図表の表示プログラム。
【請求項２】
請求項１において、
上記２次元図表の縦、横見出し欄のいずれか一方を無効に設定するステップを更に備えている、２次元図表の表示プログラム。
【請求項３】
請求項１または２において、
上記縦、横見出し欄が、上記明細欄に表示される情報の位置情報を規定している、２次元図表の表示プログラム。
【請求項４】
請求項１〜３のいずれか１項において、
上記２次元図表は、第１の商品属性に関する複数の属性項目を含む縦属性欄と、第２の商品属性に関する複数の属性項目を含む横属性欄と、縦属性欄および横属性欄の属性項目同士の組み合わせによって１つの桝目を特定して商品を選択できるようになっている桝目欄とを備えた、２次元マトリクス状の商品桝目表により構成されており、
上記縦見出し欄は上記縦属性欄で構成され、上記横見出し欄は上記横属性欄で構成され、上記明細欄は上記桝目欄で構成されている、電子商取引システムで使用される、２次元図表の表示プログラム。
【請求項５】
２次元図表を、コンピュータ・ディスプレイの画面上に表示された表示窓に表示する表示装置であって、
上記２次元図表は、予め縦見出し欄、横見出し欄、明細欄に区画形成されており、
上記表示窓内に表示される明細欄上でポインティングデバイスによるドラッグを検出する手段、
上記明細欄を上記ドラッグ操作に合わせてスクロール表示する手段、
上記ドラッグ操作の始点から縦方向、横方向への移動量を算出する手段、
上記算出した縦方向、横方向の移動量に合わせて、上記縦、横見出し欄をスクロール表示させる手段とを備え、
上記明細欄がスクロール表示されたときに、上記縦、横見出し欄を同期的にスクロールさせて表示させる機能を備えた、２次元図表の表示装置。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【公開番号】特開２０１２−３５７９（Ｐ２０１２−３５７９Ａ）
【公開日】平成２４年１月５日（２０１２．１．５）
【国際特許分類】
【出願番号】特願２０１０−１３９１４１（Ｐ２０１０−１３９１４１）
【出願日】平成２２年６月１８日（２０１０．６．１８）
【出願人】（５０７３１６５２７）株式会社ＥＣＳ (6)
【Ｆターム（参考）】
【公開日】平成２４年１月５日（２０１２．１．５）
【国際特許分類】
【出願日】平成２２年６月１８日（２０１０．６．１８）
【出願人】（５０７３１６５２７）株式会社ＥＣＳ (6)
【Ｆターム（参考）】
[ Back to top ]