JP7260150B2 - Ｗｅｂサイト設計支援装置、Ｗｅｂサイト設計支援方法、及びプログラム - Google Patents

Description

本発明は、Ｗｅｂサイトの設計を支援するためのツールを提供する、Ｗｅｂサイト設計支援装置、及びＷｅｂサイト設計支援方法に関し、更には、これらを実現するためのプログラムに関する。

一般に、動的なＷｅｂサイトの構築、リッチインターネットアプリケーションの開発には、「Ｊａｖａ Ｓｃｒｉｐｔ」（登録商標）と呼ばれるプログラミング言語が用いられている。但し、Ｊａｖａ Ｓｃｒｉｐｔは、Ｗｅｂページの色を変えたり、文字など動かしたりするために開発された、簡易的なスプリクト言語であり、近年の複雑化したＷｅｂサイトの設計には向いていないという問題がある。

このため、近年のＷｅｂサイトの設計においては、「Ｊａｖａ Ｓｃｒｉｐｔフレームワーク」と呼ばれるプログラミング言語の利用が増加している。Ｊａｖａ Ｓｃｒｉｐｔフレームワークは、予め開発に必要な機能及びひな型を用意しており、設計者は、これらを組み合わせることで、複雑なＷｅｂサイトであっても簡単に構築することができる。

また、Ｊａｖａ Ｓｃｒｉｐｔフレームワークの１つに、「Ａｎｇｕｌａｒ」（登録商標）が知られている。Ａｎｇｕｌａｒは、数あるＪａｖａ Ｓｃｒｉｐｔフレームワークの中でも最も人気が高く、多数のライブラリを用意している。

更に、このようなＪａｖａ Ｓｃｒｉｐｔフレームワークでは、各種ＵＩ（User Interface）ツールも提案されている（例えば、特許文献１参照）。特許文献１に開示されたＵＩツールによれば、設計者は、設計用の画面上で、設計対象となるＷｅｂサイトにおけるボタン及び画面を追加できる。また、設計用の画面上では、追加された各画面が、遷移状態が分かるように、一度に表示されると共に、各画面とＵＩ部品とのリンク状態も表示される。特許文献１に開示されたＵＩツールを用いれば、Ｗｅｂサイトの設計がいっそう容易になると考えられる。

米国特許出願公開第２０１５／０１４９９６６号明細書

しかしながら、従来からのＪａｖａ Ｓｃｒｉｐｔフレームワークにおいては、設計されたＷｅｂサイト（アプリケーションプログラム）の実装時でのふるまいを解析する、ツールは提供されていないという問題がある。このため、設計者は、Ｗｅｂサイトを実際に実装しなければ、設計通りに画面遷移が行われるかどうかを確認することができず、従来においては、Ｗｅｂサイトを効率的に設計することは困難となっている。

本発明の目的の一例は、上記問題を解消し、Ｗｅｂサイトの画面遷移を可視化して、Ｗｅｂサイトの設計の効率化を図り得る、Ｗｅｂサイト設計支援装置、Ｗｅｂサイト設計支援方法、及びプログラムを提供することにある。

上記目的を達成するため、本発明の一側面におけるＷｅｂサイト設計支援装置は、
Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、画面遷移解析部と、
生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、画面遷移図生成部と、
を備えている、ことを特徴とする。

また、上記目的を達成するため、本発明の一側面におけるＷｅｂサイト設計支援方法は、
（ａ）Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、ステップと、
（ｂ）生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、ステップと、
を有する、ことを特徴とする。

更に、上記目的を達成するため、本発明の一側面におけるプログラムは、
コンピュータに、
（ａ）Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、ステップと、
（ｂ）生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、ステップと、
を実行させる、ことを特徴とする。

以上のように、本発明によれば、Ｗｅｂサイトの画面遷移を可視化して、Ｗｅｂサイトの設計の効率化を図ることができる。

図１は、本発明の実施の形態におけるＷｅｂサイト設計支援装置の概略構成を示すブロック図である。 図２は、本発明の実施の形態におけるＷｅｂサイト設計支援装置の構成をより具体的に示すブロック図である。 図３は、本発明の実施の形態におけるＷｅｂサイト設計支援装置の動作を示すフロー図である。 図４は、本発明の実施の形態で対象となるソースコードの一例を示す図である。 図５は、図３に示したステップＡ３の静的遷移先の抽出処理の一例を示す図である。 図６は、図３に示したステップＡ４の動的遷移先の抽出処理の一例を示す図である。 図７は、本発明の実施の形態で生成された遷移情報の一例を示す図である。 図８は、図７に示す遷移情報から生成された画面遷移図の一例を示す図である。 図９は、本発明の実施の形態におけるＷｅｂサイト設計支援装置を実現するコンピュータの一例を示すブロック図である。

（実施の形態）
以下、本発明の実施の形態における、Ｗｅｂサイト設計支援装置、Ｗｅｂサイト設計支援方法、及びプログラムについて、図１～図９を参照しながら説明する。

［装置構成］
最初に、本発明の実施の形態におけるＷｅｂサイト設計支援装置の概略構成について説明する。図１は、本発明の実施の形態におけるＷｅｂサイト設計支援装置の概略構成を示すブロック図である。

図１に示す、本実施の形態におけるＷｅｂサイト設計支援装置１０は、Ｗｅｂサイトの設計を支援するための装置である。図１に示すように、Ｗｅｂサイト設計支援装置１０は、画面遷移解析部１１と、画面遷移図生成部１２とを備えている。

画面遷移解析部１１は、まず、Ｗｅｂサイトのソースコードを解析して、ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得する。次いで、画面遷移解析部１１は、取得した遷移元となる画面の一覧に基づいて、遷移情報を生成する。遷移情報は、Ｗｅｂサイトにおける画面遷移を特定する情報である。また、画面遷移図生成部１２は、画面遷移解析部１１によって生成された遷移情報に基づいて、Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する。

このように、本実施の形態では、Ｗｅｂサイトのソースコードから、画面遷移を示す画面遷移図が生成される。このため、本実施の形態によれば、Ｗｅｂサイトの画面遷移を可視化して、Ｗｅｂサイトの設計の効率化を図ることができる。

続いて、図２を用いて、本実施の形態におけるＷｅｂサイト設計支援装置の構成及び機能についてより具体的に説明する。図２は、本発明の実施の形態におけるＷｅｂサイト設計支援装置の構成をより具体的に示すブロック図である。

まず、図２に示すように、Ｗｅｂサイト設計支援装置１０は、上述した画面遷移解析部１１及び画面遷移図生成部１２に加えて、記憶部１３と、出力部１４とを備えている。このうち、記憶部１３は、画面遷移解析部１１によって生成された遷移情報を格納する。出力部１４は、画面遷移図を画面上に表示するため、画面遷移図生成部１２によって生成された画面遷移図の画像データを生成し、これを、外部の表示装置、又は端末装置に出力する。

また、図２に示すように、本実施の形態において、画面遷移解析部１１による解析の対象となるＷｅｂサイトのソースコード２０は、ルーティング定義２１と、コンポーネント２２とを含んでいる。ルーティング定義２１は、ＵＲＬの移動を伴う画面遷移を定義している（後述の図４参照）。コンポーネント２２は、外面に表示される内容、ボタンの押下によって実行されるイベント処理等を定義している（後述の図４参照）。

画面遷移解析部１１は、本実施の形態では、ルーティング定義２１から、遷移元となる画面の一覧を取得する。具体的には、画面遷移解析部１１は、遷移元となる画面の一覧として、遷移元となる画面毎に、その画面のパスと、それに紐付くコンポーネント２２とを取得する。

そして、画面遷移解析部１１は、取得した画面の一覧に基づいて、ソースコード２０を
構成するコンポーネント２２から、静的遷移先及び動的遷移先を抽出する。具体的には、画面遷移解析部１１は、遷移元となる画面毎のコンポーネント２２からＨＴＭＬファイルを特定し、特定したＨＴＭＬファイルから、静的遷移先を抽出する。また、画面遷移解析部１１は、遷移元となる画面毎のコンポーネントから動的遷移処理を行うクラスの変数を特定し、特定したクラスの変数に基づいて、動的遷移先を抽出する。

また、画面遷移解析部１１は、抽出した静的遷移先及び動的遷移先を用いて、遷移情報を生成し（後述の図７参照）、生成した遷移情報を、記憶部１３に格納する。

画面遷移図生成部１２は、本実施の形態では、遷移元、静的遷移先、及び動的遷移先、それぞれに対応するオブジェクトと、オブジェクト間の関係を示すリンクとを用いて、画面遷移図を生成する。

［装置動作］
次に、本実施の形態におけるＷｅｂサイト設計支援装置１０の動作について図３を用いて説明する。図３は、本発明の実施の形態におけるＷｅｂサイト設計支援装置の動作を示すフロー図である。以下の説明においては、適宜図１を参酌する。また、本実施の形態１では、Ｗｅｂサイト設計支援装置１０を動作させることによって、Ｗｅｂサイト設計支援方法が実施される。よって、本実施の形態におけるＷｅｂサイト設計支援方法の説明は、以下のＷｅｂサイト設計支援装置１０の動作説明に代える。

図３に示すように、最初に、画面遷移解析部１１は、Ｗｅｂサイトのソースコードを取得する（ステップＡ１）。

次に、画面遷移解析部１１は、ステップＡ１で取得したソースコードのルーティング定義２１から、遷移元となる画面の一覧を取得する（ステップＡ２）。具体的には、画面遷移解析部１１は、遷移元となる画面の一覧として、遷移元となる画面毎に、その画面のパスと、それに紐付くコンポーネント２２とを取得する。

次に、画面遷移解析部１１は、取得した画面の一覧に基づいて、ソースコード２０を構成するコンポーネント２２から、静的遷移先を抽出する（ステップＡ３）。具体的には、画面遷移解析部１１は、遷移元となる画面毎のコンポーネント２２からＨＴＭＬファイルを特定し、特定したＨＴＭＬファイルから、静的遷移先を抽出する。

次に、画面遷移解析部１１は、取得した画面の一覧に基づいて、ソースコード２０を構成するコンポーネント２２から、動的遷移先を抽出する（ステップＡ４）。具体的には、画面遷移解析部１１は、遷移元となる画面毎のコンポーネントから動的遷移処理を行うクラスの変数を特定し、特定したクラスの変数に基づいて、動的遷移先を抽出する。

次に、画面遷移解析部１１は、ステップＡ３及びＡ４で抽出した静的遷移先及び動的遷移先を用いて、遷移情報を生成し、生成した遷移情報を、記憶部１３に格納する（ステップＡ５）。

次に、画面遷移図生成部１２は、ステップＡ４で生成された遷移情報に基づいて、Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する（ステップＡ６）。具体的には、画面遷移図生成部１２は、遷移元、静的遷移先、及び動的遷移先、それぞれに対応するオブジェクトと、オブジェクト間の関係を示すリンクとを用いて、画面遷移図を生成する。

次に、出力部１４は、ステップＡ４で生成された画面遷移図を画面上に表示するため、画面遷移図の画像データを生成し、これを、外部の表示装置、又は端末装置に出力する（
ステップＡ７）。

［具体例］
ここで、図４～図８を用いて、上記ステップＡ１～Ａ６について具体例を挙げて説明する。図４は、本発明の実施の形態で対象となるソースコードの一例を示す図である。図５は、図３に示したステップＡ３の静的遷移先の抽出処理の一例を示す図である。図６は、図３に示したステップＡ４の動的遷移先の抽出処理の一例を示す図である。図７は、本発明の実施の形態で生成された遷移情報の一例を示す図である。図８は、図７に示す遷移情報から生成された画面遷移図の一例を示す図である。

ステップＡ１：
ステップＡ１において、画面遷移解析部１１は、図４に示すＷｅｂサイトのソースコードを取得する。図４に示すように、ソースコード２０は、ルーティング定義２１と、コンポーネント２２とを含んでいる。

図４の例 では、ルーティング定義２１は、ｐａｇｅ１へのｐａｔｈ（ＵＲＬ）と、それに紐付くコンポーネントとを定義している。また、ルーティング定義２１は、ｐａｇｅ２へのｐａｔｈ（ＵＲＬ）と、それに紐付くコンポーネントも定義している。

また、図４の例では、コンポーネントは、アプリケーションでボタンを表示するためのＨＴＭＬによる定義（ｖｉｅｗ（ＨＴＭＬ））と、ボタンの押下によって実行されるイベント処理（ｖｉｅｗＭｏｄｅｌ（ＴｙｐｅＳｃｒｉｐｔ））とを含んでいる。

ステップＡ２：
ステップＡ２において、画面遷移解析部１１は、図４に示したルーティング定義２１から、遷移元となる画面の一覧として、ｐａｔｈ（ＵＲＬ）と、それに紐付くコンポーネントとを取得する。図４の例では、画面遷移解析部１１は、「path: 'page1'」、「component: Page1Component」、「path: 'page2'」、「component: Page2Component」を取得する。また、「component: Page1Component」は、図５の上段に示され、「component: Page2Component」は、図６に示される。

ステップＡ３：
ステップＡ３においては、画面遷移解析部１１は、まず、図５の上段に示すように、ＨＴＭＬファイルを含むコンポーネントを解析して、ＨＴＭＬファイルのファイル名「page01.component.html」を取得する。

次に、画面遷移解析部１１は、図５の中段に示すように、該当するＨＴＭＬファイル（図４に示したＶｉｅｗ（ＨＴＭＬ））を解析し、静的遷移先として、roterLink属性の値「page2」を抽出する。同時に、画面遷移解析部１１は、roterLink属性のvalue値から、遷移イベント名として、「toPage2」を取得する。

そして、画面遷移解析部１１は、図５の下段に示すように、抽出した静的遷移先「page2」がルーティング定義に存在しているかどうかを判定する。図５の下段では、静的遷移先「page2」がルーティング定義に存在しているので、画面遷移解析部１１は、これを静的遷移先に決定する。

ステップＡ４：
ステップＡ４においては、画面遷移解析部１１は、まず、図６に示すように、動的遷移処理を行うクラスを含むコンポーネントを解析して、動的遷移処理を行うクラスの変数名「router: Router」を取得する（図６中のＡ参照）。

次に、画面遷移解析部１１は、取得した変数名に基づいて、動的遷移処理の実行箇所として、「router.navigate([“/page2”])」と「router.navigate([next])」とを特定し、更に、特定した実行箇所から引数を特定する（図６中のＢ参照）。図６の例では、画面遷移解析部１１は、引数として、「page2」を特定し、これを動的遷移先として抽出する。

また、画面遷移解析部１１は、特定した引数の値が可変値かどうかを判断し、可変値の場合は、可変値の定義箇所を探索し、探索によって得られた定義箇所も動的遷移先として抽出する。図６の例では、先に特定した引数「next」の値が可変値であるため、画面遷移解析部１１は、探索を行い、可変値の定義箇所として「page3」を特定し、「page3」も動的遷移先として抽出する（図６中のＣ参照）。

更に、画面遷移解析部１１は、特定した「page3」のメソッド名「search」を、遷移イベント名として取得する（図６中のＤ参照）。

ステップＡ５：
ステップＡ５では、画面遷移解析部１１は、ステップＡ２で取得した遷移元の情報、ステップＡ３で抽出した静的遷移先「page2」の情報と、ステップＡ４で抽出した動的遷移先「page2」及び「page3」の情報とを用いて、図７に示す遷移情報を生成する。また、図７の例では、遷移情報は、「遷移元画面→遷移先画面：イベント名」の形式で、生成されている。

ステップＡ６：
ステップＡ６では、画面遷移解析部１１は、図７に示す遷移情報を用いて、図８に示す画面遷移図を生成する。

ステップＡ７：
ステップＡ７では、出力部１４は、図８に示す画面遷移図を画面上に表示するため、画面遷移図の画像データを生成し、これを、外部の表示装置、又は端末装置に出力する。これにより、Ｗｅｂサイトの設計者は、画面遷移図を画面上で確認することができる。

［実施の形態における効果］
以上のように、本実施の形態では、Ｗｅｂサイトのソースコード２０から、画面遷移を示す画面遷移図（図８参照）が生成され、Ｗｅｂサイトの画面遷移が可視化される。このため、Ｗｅｂサイトの設計者は、Ｗｅｂサイトを実際に実装することなく、設計通りに画面遷移が行われるかどうかを確認することができるので、Ｗｅｂサイトの設計の効率化が図られることになる。

［プログラム］
本実施の形態におけるプログラムは、コンピュータに、図３に示すステップＡ１～Ａ７を実行させるプログラムであれば良い。このプログラムをコンピュータにインストールし、実行することによって、本実施の形態におけるＷｅｂサイト設計支援装置１０とＷｅｂサイト設計支援方法とを実現することができる。この場合、コンピュータのプロセッサは、画面遷移解析部１１、画面遷移図生成部１２、及び出力部１４として機能し、処理を行なう。

また、本実施の形態におけるプログラムは、複数のコンピュータによって構築されたコンピュータシステムによって実行されても良い。この場合は、例えば、各コンピュータが、それぞれ、画面遷移解析部１１、画面遷移図生成部１２、及び出力部１４のいずれかとして機能しても良い。

ここで、本実施の形態におけるプログラムを実行することによって、Ｗｅｂサイト設計支援装置１０を実現するコンピュータについて図９を用いて説明する。図９は、本発明の実施の形態におけるＷｅｂサイト設計支援装置を実現するコンピュータの一例を示すブロック図である。

図９に示すように、コンピュータ１１０は、ＣＰＵ（Central Processing Unit）１１１と、メインメモリ１１２と、記憶装置１１３と、入力インターフェイス１１４と、表示コントローラ１１５と、データリーダ／ライタ１１６と、通信インターフェイス１１７とを備える。これらの各部は、バス１２１を介して、互いにデータ通信可能に接続される。また、コンピュータ１１０は、ＣＰＵ１１１に加えて、又はＣＰＵ１１１に代えて、ＧＰＵ（Graphics Processing Unit）、又はＦＰＧＡ（Field-Programmable Gate Array）を備えていても良い。

ＣＰＵ１１１は、記憶装置１１３に格納された、本実施の形態におけるプログラム（コード）をメインメモリ１１２に展開し、これらを所定順序で実行することにより、各種の演算を実施する。メインメモリ１１２は、典型的には、ＤＲＡＭ（Dynamic Random Access Memory）等の揮発性の記憶装置である。また、本実施の形態におけるプログラムは、コンピュータ読み取り可能な記録媒体１２０に格納された状態で提供される。なお、本実施の形態におけるプログラムは、通信インターフェイス１１７を介して接続されたインターネット上で流通するものであっても良い。

また、記憶装置１１３の具体例としては、ハードディスクドライブの他、フラッシュメモリ等の半導体記憶装置が挙げられる。入力インターフェイス１１４は、ＣＰＵ１１１と、キーボード及びマウスといった入力機器１１８との間のデータ伝送を仲介する。表示コントローラ１１５は、ディスプレイ装置１１９と接続され、ディスプレイ装置１１９での表示を制御する。

データリーダ／ライタ１１６は、ＣＰＵ１１１と記録媒体１２０との間のデータ伝送を仲介し、記録媒体１２０からのプログラムの読み出し、及びコンピュータ１１０における処理結果の記録媒体１２０への書き込みを実行する。通信インターフェイス１１７は、ＣＰＵ１１１と、他のコンピュータとの間のデータ伝送を仲介する。

また、記録媒体１２０の具体例としては、ＣＦ（Compact Flash（登録商標））及びＳＤ（Secure Digital）等の汎用的な半導体記憶デバイス、フレキシブルディスク（Flexible Disk）等の磁気記録媒体、又はＣＤ－ＲＯＭ（Compact Disk Read Only Memory）などの光学記録媒体が挙げられる。

なお、本実施の形態におけるＷｅｂサイト設計支援装置１０は、プログラムがインストールされたコンピュータではなく、各部に対応したハードウェアを用いることによっても実現可能である。更に、Ｗｅｂサイト設計支援装置１０は、一部がプログラムで実現され、残りの部分がハードウェアで実現されていてもよい。

上述した実施の形態の一部又は全部は、以下に記載する（付記１）～（付記９）によって表現することができるが、以下の記載に限定されるものではない。

（付記１）
Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、画面遷移解析
部と、
生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、画面遷移図生成部と、
を備えている、ことを特徴とするＷｅｂサイト設計支援装置。

（付記２）
付記１に記載のＷｅｂサイト設計支援装置であって、
前記画面遷移解析部が、
取得した前記遷移元となる画面の一覧に基づいて、前記ソースコードを構成するコンポーネントから、静的遷移先及び動的遷移先を抽出し、抽出した前記静的遷移先及び前記動的遷移先を用いて、前記遷移情報を生成する、
ことを特徴とするＷｅｂサイト設計支援装置。

（付記３）
付記２に記載のＷｅｂサイト設計支援装置であって、
前記画面遷移解析部が、
前記遷移元となる画面の一覧として、前記遷移元となる画面毎に、当該画面のパスと、それに紐付く前記コンポーネントとを取得し、
そして、前記遷移元となる画面毎の前記コンポーネントからＨＴＭＬファイルを特定し、特定した前記ＨＴＭＬファイルから、前記静的遷移先を抽出し、
更に、前記遷移元となる画面毎の前記コンポーネントから動的遷移処理を行うクラスの変数を特定し、特定した前記クラスの変数に基づいて、前記動的遷移先を抽出する、
ことを特徴とするＷｅｂサイト設計支援装置。

（付記４）
（ａ）Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、ステップと、
（ｂ）生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、ステップと、
を有する、ことを特徴とするＷｅｂサイト設計支援方法。

（付記５）
付記４に記載のＷｅｂサイト設計支援方法であって、
前記（ａ）のステップにおいて、
取得した前記遷移元となる画面の一覧に基づいて、前記ソースコードを構成するコンポーネントから、静的遷移先及び動的遷移先を抽出し、抽出した前記静的遷移先及び前記動的遷移先を用いて、前記遷移情報を生成する、
ことを特徴とするＷｅｂサイト設計支援方法。

（付記６）
付記５に記載のＷｅｂサイト設計支援方法であって、
前記（ａ）のステップにおいて、
前記遷移元となる画面の一覧として、前記遷移元となる画面毎に、当該画面のパスと、それに紐付く前記コンポーネントとを取得し、
そして、前記遷移元となる画面毎の前記コンポーネントからＨＴＭＬファイルを特定し、特定した前記ＨＴＭＬファイルから、前記静的遷移先を抽出し、
更に、前記遷移元となる画面毎の前記コンポーネントから動的遷移処理を行うクラスの変数を特定し、特定した前記クラスの変数に基づいて、前記動的遷移先を抽出する、
ことを特徴とするＷｅｂサイト設計支援方法。

（付記７）
コンピュータに、
（ａ）Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、ステップと、
（ｂ）生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、ステップと、
を実行させる、プログラム。

（付記８）
付記７に記載のプログラムであって、
前記（ａ）のステップにおいて、
取得した前記遷移元となる画面の一覧に基づいて、前記ソースコードを構成するコンポーネントから、静的遷移先及び動的遷移先を抽出し、抽出した前記静的遷移先及び前記動的遷移先を用いて、前記遷移情報を生成する、
ことを特徴とするプログラム。

（付記９）
付記８に記載のプログラムであって、
前記（ａ）のステップにおいて、
前記遷移元となる画面の一覧として、前記遷移元となる画面毎に、当該画面のパスと、それに紐付く前記コンポーネントとを取得し、
そして、前記遷移元となる画面毎の前記コンポーネントからＨＴＭＬファイルを特定し、特定した前記ＨＴＭＬファイルから、前記静的遷移先を抽出し、
更に、前記遷移元となる画面毎の前記コンポーネントから動的遷移処理を行うクラスの変数を特定し、特定した前記クラスの変数に基づいて、前記動的遷移先を抽出する、
ことを特徴とするプログラム。

以上のように、本発明によれば、Ｗｅｂサイトの画面遷移を可視化して、Ｗｅｂサイトの設計の効率化を図ることができる。

１０ Ｗｅｂサイト設計支援装置
１１ 画面遷移解析部
１２ 画面遷移図生成部
１３ 記憶部
１４ 出力部
２０ ソースコード
２１ ルーティング定義
２２ コンポーネント
１１０ コンピュータ
１１１ ＣＰＵ
１１２ メインメモリ
１１３ 記憶装置
１１４ 入力インターフェイス
１１５ 表示コントローラ
１１６ データリーダ／ライタ
１１７ 通信インターフェイス
１１８ 入力機器
１１９ ディスプレイ装置
１２０ 記録媒体
１２１ バス

Claims (3)

1. Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、画面遷移解析部と、
   生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、画面遷移図生成部と、
   を備え、
   前記画面遷移解析部が、
   前記遷移元となる画面の一覧として、前記遷移元となる画面毎に、当該画面のパスと、それに紐付く前記コンポーネントとを取得し、
   そして、前記遷移元となる画面毎の前記コンポーネントからＨＴＭＬファイルを特定し、特定した前記ＨＴＭＬファイルから、静的遷移先を抽出し、
   更に、前記遷移元となる画面毎の前記コンポーネントから動的遷移処理を行うクラスの変数を特定し、特定した前記クラスの変数に基づいて、動的遷移先を抽出し、
   抽出した前記静的遷移先及び前記動的遷移先を用いて、前記遷移情報を生成する、
   ことを特徴とするＷｅｂサイト設計支援装置。
2. （ａ）Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、ステップと、
   （ｂ）生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、ステップと、
   を有し、
   前記（ａ）のステップにおいて、
   前記遷移元となる画面の一覧として、前記遷移元となる画面毎に、当該画面のパスと、それに紐付く前記コンポーネントとを取得し、
   そして、前記遷移元となる画面毎の前記コンポーネントからＨＴＭＬファイルを特定し、特定した前記ＨＴＭＬファイルから、静的遷移先を抽出し、
   更に、前記遷移元となる画面毎の前記コンポーネントから動的遷移処理を行うクラスの変数を特定し、特定した前記クラスの変数に基づいて、動的遷移先を抽出し、
   抽出した前記静的遷移先及び前記動的遷移先を用いて、前記遷移情報を生成する、
   ことを特徴とするＷｅｂサイト設計支援方法。
3. コンピュータに、
   （ａ）Ｗｅｂサイトのソースコードを解析して、前記ソースコードを構成するルーティング定義から、遷移元となる画面の一覧を取得し、取得した前記遷移元となる画面の一覧に基づいて、前記Ｗｅｂサイトにおける画面遷移を特定する遷移情報を生成する、ステップと、
   （ｂ）生成された前記遷移情報に基づいて、前記Ｗｅｂサイトにおける画面遷移を示す画面遷移図を生成する、ステップと、
   を実行させ、
   前記（ａ）のステップにおいて、
   前記遷移元となる画面の一覧として、前記遷移元となる画面毎に、当該画面のパスと、それに紐付く前記コンポーネントとを取得し、
   そして、前記遷移元となる画面毎の前記コンポーネントからＨＴＭＬファイルを特定し、特定した前記ＨＴＭＬファイルから、静的遷移先を抽出し、
   更に、前記遷移元となる画面毎の前記コンポーネントから動的遷移処理を行うクラスの変数を特定し、特定した前記クラスの変数に基づいて、動的遷移先を抽出し、
   抽出した前記静的遷移先及び前記動的遷移先を用いて、前記遷移情報を生成する、
   プログラム。

Images