(57)【要約】【課題】ウェブページのユーザインタフェース要素を追加、変換又は非表示化する。【解決手段】Ｗｅｂアプリケーションサーバ２のＷｅｂページ提供部２１１は、ユーザインタフェース要素を含むウェブページをモバイルデバイス３に対して提供する。属性情報取得部２１２は、モバイルデバイス３により表示される画面のサイズを示す情報を取得する。要素変換ルール提供部２１３は、Ｗｅｂページ提供部２１１により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部２１２により取得された属性情報に対応するルールをモバイルデバイス３に提供する。【選択図】図１
2018147511.tif 000002
【特許請求の範囲】
【請求項１】
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、
前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するルール提供部と
を備え、
前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供システム。
【請求項２】
ウェブページ提供システムにより実行されるウェブページ提供方法であって、
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップと
を備え、
前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供方法。
【請求項３】
コンピュータに、
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップと
を実行させるためのプログラムであって、
前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。
【請求項４】
ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、
ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するルール取得部と、
前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、
前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部と
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とする通信装置。
【請求項５】
コンピュータに、
ユーザインタフェース要素を含むウェブページを取得するステップと、
ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、
前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、
前記処理を実行されたウェブページを表示部を制御して表示させるステップと
を実行させるためのプログラムであって、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。
【請求項６】
通信装置により実行されるウェブページ表示方法であって、
ユーザインタフェース要素を含むウェブページを取得するステップと、
ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、
前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、
前記処理を実行されたウェブページを表示部を制御して表示させるステップと
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ表示方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ウェブページを提供する方法に関する。
【背景技術】
【０００２】
現在のモバイル端末向けのＷｅｂアプリケーションは、デファクトスタンダードになりつつあるjQuery Mobileに代表されるモバイル端末向けのJavaScript（登録商標）のライブラリを利用して開発するのが一般的である。このライブラリを利用してＷｅｂアプリケーションを開発する場合、ライブラリで決められているＨＴＭＬ（HyperText Markup Language）要素や属性を使ってＷｅｂページを記述することになる。このライブラリでは様々なコントロールを追加のライブラリ（すなわち、プラグイン）として使えるようになっており、これらを組み込むことでモバイル端末に適した入力方法を実現できるようになっている。
【０００３】
また、様々なデバイスの画面サイズに合わせて表示を最適に変更する考え方であるレスポンシブＷｅｂデザインに基づいて、様々な画面サイズごとにＣＳＳ（Cascading Style Sheet）を用意することで１つのＷｅｂアプリケーションで画面サイズの異なるデバイスをサポートできるようにしている（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２００１−２３６２０２号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
本発明は、ウェブページのユーザインタフェース要素を追加、変換又は非表示化することを目的とする。
【課題を解決するための手段】
【０００６】
上記の課題を解決するため、本発明は、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するルール提供部とを備え、前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供システムを提供する。
【０００７】
また、本発明は、ウェブページ提供システムにより実行されるウェブページ提供方法であって、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップとを備え、前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供方法を提供する。
【０００８】
また、本発明は、コンピュータに、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを前記通信装置に提供するステップとを実行させるためのプログラムであって、前記提供されたルールに従って、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラムを提供する。
【０００９】
また、本発明は、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備え、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とする通信装置を提供する。
【００１０】
また、本発明は、コンピュータに、ユーザインタフェース要素を含むウェブページを取得するステップと、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、前記処理を実行されたウェブページを表示部を制御して表示させるステップとを実行させるためのプログラムであって、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラムを提供する。
【００１１】
また、本発明は、通信装置により実行されるウェブページ表示方法であって、ユーザインタフェース要素を含むウェブページを取得するステップと、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールを取得するステップと、前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、前記処理を実行されたウェブページを表示部を制御して表示させるステップとを備え、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ表示方法を提供する。
【発明の効果】
【００１２】
本発明によれば、ウェブページのユーザインタフェース要素を追加、変換又は非表示化することができる。
【図面の簡単な説明】
【００１３】
【図１】Ｗｅｂページ変換システム１の構成の一例を示す図である。
【図２】要素変換ルールファイルのフォーマットの一例を示す図である。
【図３】要素変換ルールファイルの具体例を示す図である。
【図４】プレ処理のルール定義の一例を示す図である。
【図５】ポスト処理のルール定義の一例を示す図である。
【図６】属性削除ルールのルール定義の一例を示す図である。
【図７】図６に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図８】属性削除ルールのルール定義の他の例を示す図である。
【図９】図８に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図１０】属性追加ルールのルール定義の一例を示す図である。
【図１１】図１０に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図１２】属性追加ルールのルール定義の他の例を示す図である。
【図１３】図１２に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図１４】要素非表示ルールのルール定義の一例を示す図である。
【図１５】図１４に示される要素非表示ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図１６】要素追加ルールのルール定義の一例を示す図である。
【図１７】図１６に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図１８】要素追加ルールのルール定義の他の例を示す図である。
【図１９】図１８に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図２０】要素置換ルールのルール定義の一例を示す図である。
【図２１】図２０に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図２２】要素置換ルールのルール定義の他の例を示す図である。
【図２３】図２２に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図２４】独自処理ルールのルール定義の一例を示す図である。
【図２５】図２４に示される独自処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図２６】組込処理ルールのルール定義の一例を示す図である。
【図２７】図２６に示される組込処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。
【図２８】Ｗｅｂページ表示処理の一例を示すフローチャートである。
【図２９】Ｗｅｂページ表示処理の一例を示すフローチャートである。
【図３０】要素変換処理の一例を示すフローチャートである。
【図３１】要素変換処理を経ていないＷｅｂページの表示例を示す図である。
【図３２】図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。
【図３３】図３２に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
【図３４】図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。
【図３５】図３４に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
【発明を実施するための形態】
【００１４】
１．実施形態
１−１．構成
１−１−１．Ｗｅｂページ変換システム１
図１は、本発明の一実施形態に係るＷｅｂページ変換システム１の構成の一例を示す図である。このＷｅｂページ変換システム１は、同図に示されるように、Ｗｅｂアプリケーションサーバ２と、モバイルデバイス３とを有する。Ｗｅｂアプリケーションサーバ２とモバイルデバイス３とは、インターネットや移動体通信網等により構成されるネットワーク４により接続される。
【００１５】
１−１−２．Ｗｅｂアプリケーションサーバ２
Ｗｅｂアプリケーションサーバ２は、本発明に係る「ウェブページ提供システム」の一例である。Ｗｅｂアプリケーションサーバ２は、図１に示されるように、大略、制御部２１と、記憶部２２と、通信部２３とを備える。
【００１６】
制御部２１は、ＣＰＵ（Central Processing Unit）等の演算処理装置である。制御部２１は、図１に示されるように、Ｗｅｂページ提供部２１１と、属性情報取得部２１２と、要素変換ルール提供部２１３という機能を備える。これらの機能は、制御部２１により、記憶部２２に記憶されるプログラムが実行されることにより実現される。これらの機能については後述する。
【００１７】
記憶部２２は、ハードディスク等の記憶装置である。記憶部２２は、制御部２１により実行されるプログラムを記憶する。また、記憶部２２は、複数のＷｅｂページデータと、複数の要素変換ルールのファイルとを記憶する。
【００１８】
通信部２３は、例えばネットワークカードである。通信部２３はＷｅｂアプリケーションサーバ２をネットワーク４に接続する。
以下、記憶部２２に記憶される要素変換ルールファイルについて説明する。
【００１９】
要素変換ルールファイルは、専用のデザインツールを用いて事前に作成されて、記憶部２２に記憶される。各要素変換ルールファイルは、それぞれＷｅｂページの画面番号と、後述するモバイルデバイス３の画面サイズ種別と、後述するテーマとに対応づけて作成される。
【００２０】
図２は、要素変換ルールファイルのフォーマットの一例を示す図である。同図に示される要素変換ルールファイルはＪＳＯＮ（JavaScript（登録商標） Object Notation）形式である。同ファイルでは各要素変換ルールを表すオブジェクトが縦方向に配列され、上から順番に各要素変換ルールとプレ処理及びポスト処理がＷｅｂページに適用される。なお、同ファイルの形式は、ＸＭＬ（Extensible Markup Language）形式であってもよい。
【００２１】
図３は、要素変換ルールファイルの具体例を示す図である。同図に示される要素変換ルールファイルを用いてＷｅｂページに対して後述する要素変換処理が実行された場合、Ｗｅｂページに対しては、プレ処理、要素非表示ルール、属性削除ルール、属性追加ルール、要素追加ルール、要素置換ルール、ポスト処理の順に適用される。
次に、各要素変換ルールとプレ処理及びポスト処理について説明する。
【００２２】
（１）プレ処理及びポスト処理
プレ処理は、Ｗｅｂページに対して後述する要素変換処理が実行される前に行われる処理であって、例えば、要素変換処理が完了するまでformを一旦非表示にするという処理である。ポスト処理は、Ｗｅｂページに対して後述する要素変換処理が実行された後に行われる処理であって、例えば、formを再表示して、html要素を初期化する処理である。プレ処理とポスト処理のルールフォーマットを表１に示す。
【００２３】
【表１】
2018147511.tif 000003
【００２４】
図４は、プレ処理のルール定義の一例を示す図である。同図に示されるルール定義は、要素変換処理が完了するまでformを一旦非表示にする処理を定義している。
図５は、ポスト処理のルール定義の一例を示す図である。同図に示されるルール定義は、id=mapviewの要素をXXXマップの要素として初期化する処理を定義している。
【００２５】
（２）属性削除ルール
属性削除ルールは、元の要素（例えば、html要素。以下同じ。）の属性で、指定した属性を削除するためのルールである。または、元の要素の属性で、指定した属性以外を削除するためのルールである。属性削除ルールは、元の要素の属性で、モバイルデバイス３において不要となる属性値を取り除くために使用される。具体的には、style属性に指定される位置指定やサイズ（具体的には、absolute, top, left, bottom, right, width, height等のスタイル）等の属性値や、classに指定される一部のクラス名を削除するために使用される。属性削除ルールのルールフォーマットを表２に示す。
【００２６】
【表２】
2018147511.tif 000004
【００２７】
図６は、属性削除ルールのルール定義の一例を示す図である。図７は、図６に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。図７（ａ）は変換前のＷｅｂページデータを示し、図７（ｂ）は変換後のＷｅｂページデータを示す。これら図６及び７に示される例は、id=usernameの要素で、type、name、id、class='class1' style='text-align|display'以外の属性を削除する場合について示している。
【００２８】
図８は、属性削除ルールのルール定義の他の例を示す図である。図９は、図８に示される属性削除ルールを用いたＷｅｂページデータの変換の一例を示す図である。図９（ａ）は変換前のＷｅｂページデータを示し、図９（ｂ）は変換後のＷｅｂページデータを示す。これら図８及び９に示される例は、表示状態のすべてのinput要素で、class='ui-*'、data-*の属性を削除する場合について示している。
【００２９】
（３）属性追加ルール
属性追加ルールは、使用しているライブラリが定義している独自の属性や、通常のhtml属性を追加するためのルールである。具体的には、classの追加、data-*属性の追加や、初期値の追加等を行うために使用される。属性追加ルールのルールフォーマットを表３に示す。
【００３０】
【表３】
2018147511.tif 000005
【００３１】
図１０は、属性追加ルールのルール定義の一例を示す図である。図１１は、図１０に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１１（ａ）は変換前のＷｅｂページデータを示し、図１１（ｂ）は変換後のＷｅｂページデータを示す。これら図１０及び１１に示される例は、id=usernameの要素に、class='mobile' data-must-input='1'の属性を追加する場合について示している。
【００３２】
図１２は、属性追加ルールのルール定義の他の例を示す図である。図１３は、図１２に示される属性追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１３（ａ）は変換前のＷｅｂページデータを示し、図１３（ｂ）は変換後のＷｅｂページデータを示す。これら図１２及び１３に示される例は、表示状態のすべてのinput要素に、class='ui-custom'の属性を追加する場合について示している。
【００３３】
（４）要素非表示ルール
要素非表示ルールは、指定された要素を非表示にするためのルールである。具体的には、モバイルデバイス３に適していないイメージ、長い説明文言、簡潔でないラベル等を非表示にするために使用される。要素非表示ルールのルールフォーマットを表４に示す。
【００３４】
【表４】
2018147511.tif 000006
【００３５】
図１４は、要素非表示ルールのルール定義の一例を示す図である。図１５は、図１４に示される要素非表示ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１５（ａ）は変換前のＷｅｂページデータを示し、図１５（ｂ）は変換後のＷｅｂページデータを示す。これら図１４及び１５に示される例は、すべてのp、span、img要素を非表示にする場合について示している。
【００３６】
（５）要素追加ルール
要素追加ルールは、新しい要素を指定した位置に追加するためのルールである。追加のパターンとしては、親要素としての追加、子要素としての追加、直前に追加、直後に追加のパターンがある。追加する要素としては、例えば、ラベル、イメージ、ヘルプへのリンクがある。要素追加ルールのルールフォーマットを表５に示す。
【００３７】
【表５】
2018147511.tif 000007
【００３８】
図１６は、要素追加ルールのルール定義の一例を示す図である。図１７は、図１６に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１７（ａ）は変換前のＷｅｂページデータを示し、図１７（ｂ）は変換後のＷｅｂページデータを示す。これら図１６及び１７に示される例は、id=usernameの要素の直前に、<label for='username'>ユーザ名</label>要素を追加する場合について示している。
【００３９】
図１８は、要素追加ルールのルール定義の他の例を示す図である。図１９は、図１８に示される要素追加ルールを用いたＷｅｂページデータの変換の一例を示す図である。図１９（ａ）は変換前のＷｅｂページデータを示し、図１９（ｂ）は変換後のＷｅｂページデータを示す。これら図１８及び１９に示される例は、すべての表示状態のinput要素の親要素として、<fieldset/>要素を追加する場合について示している。
【００４０】
（６）要素置換ルール
要素置換ルールは、指定した要素をＤＯＭ（Document Object Model）から削除して、削除した位置に新たな要素を追加するためのルールである。または、指定した要素を非表示にして、元の要素の位置に新たな要素を追加するためのルールである。新たな要素は基本的には元の属性を引き継ぐが、属性追加ルールと属性削除ルールに従って属性の追加及び削除が行われる。要素置換ルールのルールフォーマットを表６に示す。
【００４１】
【表６】
2018147511.tif 000008
【００４２】
図２０は、要素置換ルールのルール定義の一例を示す図である。図２１は、図２０に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２１（ａ）は変換前のＷｅｂページデータを示し、図２１（ｂ）は変換後のＷｅｂページデータを示す。これら図２０及び２１に示される例は、id="acount-type"の要素をselect要素に変換する場合について示している。
【００４３】
図２２は、要素置換ルールのルール定義の他の例を示す図である。図２３は、図２２に示される要素置換ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２３（ａ）は変換前のＷｅｂページデータを示し、図２３（ｂ）は変換後のＷｅｂページデータを示す。これら図２２及び２３に示される例は、name='acount-type'のinput type="radio"の要素をselect要素に変換する場合について示している。変換対象の要素がradioのように選択候補をもつ場合には、その選択要素がselectの選択要素として構成される。
【００４４】
（７）独自処理
独自処理ルールは、指定したスクリプトを実行するためのルールである。スクリプトからは、頻繁に使用する要素変換ルールとして予め用意している関数を呼び出すことも可能である。スクリプトでは、任意の要素変換処理や属性の変更処理を行うことができる。独自処理ルールのルールフォーマットを表７に示す。
【００４５】
【表７】
2018147511.tif 000009
【００４６】
図２４は、独自処理ルールのルール定義の一例を示す図である。図２５は、図２４に示される独自処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２５（ａ）は変換前のＷｅｂページデータを示し、図２５（ｂ）は変換後のＷｅｂページデータを示す。これら図２４及び２５に示される例は、id=account-typeの要素で、配下のoption要素でvalue=12の要素を、初期状態で選択状態とする場合について示している。
【００４７】
（８）組込処理
組込処理ルールは、頻繁に使用する要素変換ルールや装飾処理ルールをまとめて、利用しやすくするためのルールである。具体的には、以下のような組込処理がある。
・input要素に対してlabel要素を設定し、fieldset要素でグループ化し、絶対位置指定等の不要な属性を取り除く処理。
・select要素をinput type=''radio"要素に変換する処理。
・select要素をjQuery Mobileのリストビューに変換する処理。
・住所入力用のinput要素に対して、地図表示と地点選択を実現する要素を直前に埋め込み、地図からの地点選択でinput要素に住所が反映されるスクリプトを埋め込む処理。
組込処理ルールのルールフォーマットを表８に示す。
【００４８】
【表８】
2018147511.tif 000010
【００４９】
図２６は、組込処理ルールのルール定義の一例を示す図である。図２７は、図２６に示される組込処理ルールを用いたＷｅｂページデータの変換の一例を示す図である。図２７（ａ）は変換前のＷｅｂページデータを示し、図２７（ｂ）は変換後のＷｅｂページデータを示す。これら図２６及び２７に示される例は、labeled処理を使って、id=amountの要素に"入金金額"のラベルを付けて、全体をfieldset要素でまとめる場合について示している。
次に、制御部２１の各機能について説明する。
【００５０】
Ｗｅｂページ提供部２１１は、ユーザインタフェース要素を含むウェブページをモバイルデバイス３に対して提供する。ここで、Ｗｅｂページ（又は、ウェブページ）は、例えばＨＴＭＬやＸＨＴＭＬ（Extensible HTML）等のマークアップ言語により記述される文書である。
【００５１】
また、本発明に係る「ユーザインタフェース要素」とは、ユーザが情報を選択するためのユーザインタフェース要素と、ユーザが情報を入力するためのユーザインタフェース要素と、ユーザに情報を通知するためのユーザインタフェース要素の総称である。ここで、ユーザインタフェースとは、より具体的にはＧＵＩ（Graphical User Interface）である。
【００５２】
ユーザが情報を選択するためのユーザインタフェース要素とは、具体的には、チェックボックスや、コマンドボタンや、コマンドリンクや、コンボボックスや、グループボックスや、リストボックスや、リストビューや、ラジオボタンや、スライダや、スピンコントロール等である。
【００５３】
ユーザが情報を入力するためのユーザインタフェース要素とは、具体的には、検索ボックスや、テキストボックス等である。
ユーザに情報を通知するためのユーザインタフェース要素とは、具体的には、バルーンや、プログレスバーや、ステータスバーや、タブ等である。
【００５４】
属性情報取得部２１２は、モバイルデバイス３の属性を示す属性情報を取得する。ここで、属性情報とは、本実施形態において、モバイルデバイス３により表示される画面のサイズを示す情報である。具体的には、属性情報取得部２１２は、本実施形態において、モバイルデバイス３から送信される、要素変換ルールファイルのファイル名情報を取得して、要素変換ルール提供部２１３に引き渡す。
【００５５】
要素変換ルール提供部２１３は、Ｗｅｂページ提供部２１１により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部２１２により取得された属性情報に対応するルールをモバイルデバイス３に提供する。ここで、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理（特に、要素追加、要素置換又は要素非表示の処理）に相当する。また、当該ルールは、本実施形態において要素変換ルール（特に、要素追加ルール、要素置換ルール又は要素非表示ルール）に相当する。
【００５６】
１−１−３．モバイルデバイス３
モバイルデバイス３は、本発明に係る「通信装置」の一例である。モバイルデバイス３は、具体的には、スマートフォンやタブレット端末等の携帯端末である。モバイルデバイス３は、図１に示されるように、大略、制御部３１と、記憶部３２と、タッチパネル３３と、通信部３４とを備える。
【００５７】
制御部３１は、ＣＰＵ等の演算処理装置である。制御部３１は、図１に示されるように、Ｗｅｂページ取得部３１１と、画面サイズ種別特定部３１２と、テーマ特定部３１３と、ファイル名決定部３１４と、要素変換ルール取得部３１５と、要素変換部３１６と、表示制御部３１７という機能を有する。これらの機能は、制御部３１により、記憶部３２に記憶されるプログラム（具体的には、Ｗｅｂブラウザ）が実行されることにより実現される。これらの機能については後述する。
【００５８】
記憶部３２は、フラッシュメモリ等の記憶装置である。記憶部３２は、制御部３１により実行されるプログラム（具体的には、Ｗｅｂブラウザ）を記憶する。また、記憶部３２は、jQuery Mobile等のライブラリと、各種プラグインとを記憶する。jQuery Mobile等のライブラリと各種プラグインとは、Ｗｅｂアプリケーションサーバ２からダウンロードされて記憶部３２に記憶される。
【００５９】
タッチパネル３３は、本発明に係る「表示部」の一例である。タッチパネル３３は、液晶ディスプレイと、液晶ディスプレイ上に配置されたタッチセンサとを備え、Ｗｅｂページを表示するとともに、ユーザからの入力操作を受け付ける。
通信部３４は、例えばネットワークカードである。通信部３４はモバイルデバイス３をネットワーク４に接続する。
次に、制御部３１の各機能について説明する。
【００６０】
Ｗｅｂページ取得部３１１は、ユーザインタフェース要素を含むウェブページを取得する。
【００６１】
画面サイズ種別特定部３１２は、モバイルデバイス３により表示される画面のサイズを示す情報を取得する。具体的には、画面サイズ種別特定部３１２は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページにその識別情報が記述されているプログラムを実行することにより、当該情報を取得する。
【００６２】
テーマ特定部３１３は、モバイルデバイス３のユーザが所望するユーザインタフェース要素の種類を示すテーマを特定する。
【００６３】
ファイル名決定部３１４は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページの画面番号と、画面サイズ種別特定部３１２により特定された画面サイズ種別と、テーマ特定部３１３により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する。
【００６４】
要素変換ルール取得部３１５は、画面サイズ種別特定部３１２により特定された画面サイズ種別に対応するルールを取得する。より具体的には、ファイル名決定部３１４により決定されたファイル名を有する要素変換ルールファイルを取得する。
【００６５】
要素変換部３１６は、要素変換ルール取得部３１５により取得されたルールに従って、Ｗｅｂページ取得部３１１により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する。ここで、当該ルールは、本実施形態において要素変換ルール（特に、要素追加ルール、要素置換ルール又は要素非表示ルール）に相当する。また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理（特に、要素追加、要素置換又は要素非表示の処理）に相当する。
【００６６】
なお、要素変換部３１６によりウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、他のユーザインタフェース要素に引き継がれてもよい。
【００６７】
また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、ウェブページのダウンロード時に限らず、モバイルデバイス３に表示される画面のサイズが変更されるごとに実行されてもよい。
【００６８】
表示制御部３１７は、要素変換部３１６により処理を実行されたウェブページをタッチパネル３３を制御して表示させる。
【００６９】
１−２．動作
次に、Ｗｅｂページ変換システム１の動作について説明する。具体的には、モバイルデバイス３がＷｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして表示するＷｅｂページ表示処理について説明する。
【００７０】
図２８及び２９は、Ｗｅｂページ表示処理の一例を示すフローチャートである。本処理のステップＳ１においてモバイルデバイス３のＷｅｂページ取得部３１１は、Ｗｅｂアプリケーションサーバ２からＷｅｂページをダウンロードして取得する。
【００７１】
次に、モバイルデバイス３の画面サイズ種別特定部３１２は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページにそのリンクが埋め込まれているスクリプトを実行して、画面サイズ種別を特定する（ステップＳ２）。具体的には、画面サイズ種別特定部３１２は、ＣＳＳのMedia Queryのwindow.matchMediaメソッドを利用して、画面サイズ種別を特定する。画面サイズ種別は、例えば「横幅≦480px」の場合はカテゴリＡに分類され、「480px＜横幅≦800px」の場合はカテゴリＢに分類され、「800px＜横幅」の場合はカテゴリＣに分類される。
【００７２】
次に、モバイルデバイス３のテーマ特定部３１３は、Cookie又はローカルストレージに保存されている情報に基づいて、ユーザが所望するテーマを特定する（ステップＳ３）。
【００７３】
次に、モバイルデバイス３のファイル名決定部３１４は、Ｗｅｂページ取得部３１１により取得されたＷｅｂページの画面番号と、画面サイズ種別特定部３１２により特定された画面サイズ種別と、テーマ特定部３１３により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する（ステップＳ４）。例えば、画面番号が「0001」であり、画面サイズ種別が「カテゴリＡ」であり、テーマが「Ａ」である場合には、要素変換ルールファイルのファイル名は「page0001/categoryA/themeA.json」となる。
【００７４】
次に、モバイルデバイス３の要素変換ルール取得部３１５は、ファイル名決定部３１４により決定されたファイル名を有する要素変換ルールファイルをＷｅｂアプリケーションサーバ２に対して要求する（ステップＳ５）。
【００７５】
Ｗｅｂアプリケーションサーバ２の要素変換ルール提供部２１３は、このモバイルデバイス３からの要求を受けて（ステップＳ６）、当該要求に係る要素変換ルールファイルをモバイルデバイス３に対して提供する（ステップＳ７）。
【００７６】
モバイルデバイス３の要素変換ルール取得部３１５は、当該要素変換ルールファイルをＷｅｂアプリケーションサーバ２からAjaxでダウンロードして取得する（ステップＳ８）。
【００７７】
次に、モバイルデバイス３の要素変換部３１６は、要素変換ルール取得部３１５により取得された要素変換ルールファイルを読み込み（ステップＳ９）、当該ファイルに記述されているプレ処理を実行する（ステップＳ１０）。例えば、要素変換部３１６は、formを一旦非表示にする。
【００７８】
次に、要素変換部３１６は、この要素変換ルールファイルに記述されている各要素変換ルールに従ってＷｅｂページに対して要素変換処理を実行する（ステップＳ１１〜Ｓ１３）。
【００７９】
図３０は、要素変換処理の一例を示すフローチャートである。本処理のステップＳ１２１において要素変換部３１６は、要素変換ルールで指定されているセレクタに基づいて変換対象の要素を選択する。
【００８０】
次に、要素変換部３１６は、要素変換ルールで指定されている変換の種類を特定し（ステップＳ１２２）、その種類が「属性削除」である場合には（ステップＳ１２２：「属性削除」）、要素変換ルールで指定されている属性を削除する（ステップＳ１２３）。
【００８１】
特定された種類が「属性追加」である場合には（ステップＳ１２２：「属性追加」）、要素変換部３１６は、要素変換ルールで指定されている属性を追加する（ステップＳ１２４）。特定された種類が「要素非表示」である場合には（ステップＳ１２２：「要素非表示」）、要素変換部３１６は、要素変換ルールで指定されている要素を非表示にする（ステップＳ１２５）。
【００８２】
特定された種類が「要素追加」である場合には（ステップＳ１２２：「要素追加」）、要素変換部３１６は、要素変換ルールで指定されている要素の直後に新たな要素を追加する（ステップＳ１２６）。特定された種類が「要素置換」である場合には（ステップＳ１２２：「要素置換」）、要素変換部３１６は、要素変換ルールで指定されている要素を他の要素で置換する（ステップＳ１２７）。
【００８３】
特定された種類が「独自処理」である場合には（ステップＳ１２２：「独自処理」）、要素変換部３１６は、要素変換ルールにおいて独自処理として指定されているスクリプトを実行することにより要素の編集を行う（ステップＳ１２８）。特定された種類が「組込処理」である場合には（ステップＳ１２２：「組込処理」）、要素変換部３１６は、要素変換ルールにおいて定義されている組込処理を実行する（ステップＳ１２９）。
【００８４】
要素変換ルールファイルに記述されるすべての要素変換ルールに従って要素変換処理が実行されると、次に要素変換部３１６は、当該ファイルに記述されているポスト処理を実行する（ステップＳ１４）。例えば、要素変換部３１６は、formの非表示を解除する。
【００８５】
次に、要素変換部３１６は、利用しているライブラリで初期化イベントが必要なものについて初期化イベントをトリガする（ステップＳ１５）。
【００８６】
次に、表示制御部３１７は、要素変換部３１６による要素変換処理等を経たＷｅｂページをタッチパネル３３を制御して表示させる（ステップＳ１６）。
以上がＷｅｂページ表示処理の説明である。
【００８７】
以上説明したＷｅｂページ表示処理によれば、Ｗｅｂページが提供されるモバイルデバイス３に対して当該デバイスの画面サイズ種別に対応する要素変換ルールファイルが提供され、その要素変換ルールファイルに基づいて当該Ｗｅｂページに対する要素変換処理が実行される。すなわち、モバイルデバイス３の画面サイズに応じたＷｅｂページの要素及び属性の変換が可能となる。
以下、このＷｅｂページ表示処理の効果について具体例を挙げて説明する。
【００８８】
図３１は、上記の要素変換処理を経ていないＷｅｂページの表示例を示す図である。
図３２は、モバイルデバイス３の画面が比較的小さい場合（例えば、モバイルデバイス３がスマートフォンである場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３３は、図３２に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１乃至３３によれば、特に、図３２に示される独自処理ルール３がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３においてラジオボタンＲＢに変更されていることがわかる。
【００８９】
これに対して、図３４は、モバイルデバイス３の画面が比較的大きい場合（例えば、モバイルデバイス３がタブレット端末である場合）に、図３１に示されるＷｅｂページに適用される要素変換ルールファイルの一例を示す図である。図３５は、図３４に示される要素変換ルールファイルが、図３１に示されるＷｅｂページに適用された場合に表示されるＷｅｂページの例を示す図である。
図３１、３４及び３５によれば、特に、図３４に示される独自処理ルール６がＷｅｂページに適用されることにより、図３１に示されるテキストボックスＴＢが、図３３に示される場合とは異なり、図３５においてセレクトボックスＳＢに変更されていることがわかる。
【００９０】
２．変形例
上記の実施形態は、以下のように変形してもよい。また、以下の変形例は互いに組み合わせてもよい。
【００９１】
２−１．変形例１
上記の実施形態においてＷｅｂアプリケーションサーバ２の属性情報取得部２１２は、モバイルデバイス３により表示される画面のサイズを示す情報に代えて、モバイルデバイス３が備える機能の種類を示す情報を属性情報として取得してもよい。具体的には、音声入力機能の有無を示す情報を取得してもよい。
【００９２】
また、属性情報取得部２１２は、モバイルデバイス３の属性情報に代えて、モバイルデバイス３のユーザの属性情報を取得してもよい。具体的には、当該ユーザの性別や、当該ユーザのモバイルデバイス３の操作の熟練度を示す情報を取得してもよい。
【００９３】
２−２．変形例２
上記の実施形態又は変形例１に係るＷｅｂアプリケーションサーバ２の制御部２１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。ここで、記録媒体とは、例えば、磁気テープや磁気ディスクなどの磁気記録媒体や、光ディスクなどの光記録媒体や、光磁気記録媒体や、半導体メモリ等である。また、このプログラムは、インターネット等のネットワークを介して提供されてもよい。
【００９４】
同様に、上記の実施形態又は変形例１に係るモバイルデバイス３の制御部３１により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。また、同プログラムはネットワークを介して提供されてもよい。
【００９５】
同プログラムによれば、例えば、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備える通信装置が実現される。
【００９６】
２−３．その他の変形例
上記の実施形態において、モバイルデバイス３に代えて、据え置き型のコンピュータを採用してもよい。
また、上記の実施形態において、Ｗｅｂアプリケーションサーバ２は、複数のサーバにより構成されるサーバシステムであってもよい。
【００９７】
また、上記の実施形態に係るＷｅｂページ表示処理において、モバイルデバイス３の側で要素変換ルールファイルのファイル名を決定してＷｅｂアプリケーションサーバ２に通知せず、Ｗｅｂアプリケーションサーバ２の側でモバイルデバイス３から通知される画面番号と画面サイズ種別とテーマとに基づいて要素変換ルールファイルのファイル名を特定するようにしてもよい。この際、モバイルデバイス３は、画面番号や画面サイズ種別やテーマといった情報をＧＥＴメソッドやＰＯＳＴメソッドによりＷｅｂアプリケーションサーバ２に通知してもよい。
【符号の説明】
【００９８】
１…Ｗｅｂページ変換システム、２…Ｗｅｂアプリケーションサーバ、３…モバイルデバイス、４…ネットワーク、２１…制御部、２２…記憶部、２３…通信部、３１…制御部、３２…記憶部、３３…タッチパネル、３４…通信部、２１１…Ｗｅｂページ提供部、２１２…属性情報取得部、２１３…要素変換ルール提供部、３１１…Ｗｅｂページ取得部、３１２…画面サイズ種別特定部、３１３…テーマ特定部、３１４…ファイル名決定部、３１５…要素変換ルール取得部、３１６…要素変換部、３１７…表示制御部
【図１】
2018147511.tif 000011
【図２】
2018147511.tif 000012
【図３】
2018147511.tif 000013
【図４】
2018147511.tif 000014
【図５】
2018147511.tif 000015
【図６】
2018147511.tif 000016
【図７】
2018147511.tif 000017
【図８】
2018147511.tif 000018
【図９】
2018147511.tif 000019
【図１０】
2018147511.tif 000020
【図１１】
2018147511.tif 000021
【図１２】
2018147511.tif 000022
【図１３】
2018147511.tif 000023
【図１４】
2018147511.tif 000024
【図１５】
2018147511.tif 000025
【図１６】
2018147511.tif 000026
【図１７】
2018147511.tif 000027
【図１８】
2018147511.tif 000028
【図１９】
2018147511.tif 000029
【図２０】
2018147511.tif 000030
【図２１】
2018147511.tif 000031
【図２２】
2018147511.tif 000032
【図２３】
2018147511.tif 000033
【図２４】
2018147511.tif 000034
【図２５】
2018147511.tif 000035
【図２６】
2018147511.tif 000036
【図２７】
2018147511.tif 000037
【図２８】
2018147511.tif 000038
【図２９】
2018147511.tif 000039
【図３０】
2018147511.tif 000040
【図３１】
2018147511.tif 000041
【図３２】
2018147511.tif 000042
【図３３】
2018147511.tif 000043
【図３４】
2018147511.tif 000044
【図３５】
2018147511.tif 000045