(57)【要約】【課題】移設先においても編集可能な状態で、かつ移行前と同様のウェブページを表示する。【解決手段】移行元ウェブサーバ２からウェブページのＨＴＭＬコードを取得する取得部１０１と、取得部１０１により取得されたＨＴＭＬコード内に外部リンク情報がある場合、外部リンク情報に基づいて外部リンクされたオブジェクトを取得し、移行先ウェブサーバ４のウェブページ記憶部４１に記憶させると共に、記憶させる位置情報に基づいてＨＴＭＬコード内の外部リンク情報を変更する変更部１０３と、変更部１０３により変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるエレメントＩＤ割当部１０４と、割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてデータベースに記憶させる記憶制御部１０５とを備える。【選択図】    図１
2020087299.tif 000002
【特許請求の範囲】
【請求項１】
ウェブページが記憶された移行元ウェブサーバと、前記ウェブページの移行先である移行先ウェブサーバとにネットワークを介して接続されたウェブ構築支援装置であって、
前記移行元ウェブサーバから前記ウェブページのＨＴＭＬコードを取得する取得手段と、
前記取得手段により取得されたＨＴＭＬコード内に外部リンク情報がある場合、前記外部リンク情報に基づいて外部リンクされたオブジェクトを取得し、前記移行先ウェブサーバの所定の記憶領域に記憶させると共に、前記記憶させる位置情報に基づいて前記ＨＴＭＬコード内の前記外部リンク情報を変更する変更手段と、
前記変更手段により変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、前記変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるエレメントＩＤ割当手段と、
前記割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、前記階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてデータベースに記憶させる記憶制御手段と、
を備えたことを特徴とするウェブ構築支援装置。
【請求項２】
前記データベースに記憶されたＩＤ割当変更ＨＴＭＬデータに基づいて、ＩＤ割当変更ＨＴＭＬコードを生成し、前記生成したＩＤ割当変更ＨＴＭＬコードを独立したフレームの編集画面内で前記エレメントＩＤごとに読み出し、前記読み出したエレメントＩＤ単位で編集可能に表示する表示制御手段と、
ユーザ操作に基づいて前記編集画面上で編集された場合に、前記データベースに記憶された前記編集されたエレメントＩＤに対応するＩＤ割当変更ＨＴＭＬデータを編集する編集手段と、
を備えたことを特徴とする請求項１記載のウェブ構築支援装置。
【請求項３】
前記エレメントＩＤ割当手段は、
前記編集手段により編集された回数に基づいて、前記エレメントＩＤを割り当てる
ことを特徴とする請求項２記載のウェブ構築支援装置。
【請求項４】
前記エレメントＩＤ割当手段は、
前記階層情報に基づいて、前記変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てる
ことを特徴とする請求項１〜３のいずれか１項記載のウェブ構築支援装置。
【請求項５】
前記編集手段は、
前記編集画面上でオブジェクトの追加が要求された場合に、追加されたオブジェクトのＨＴＭＬコードを生成すると共に、前記エレメントＩＤ割当手段に、前記生成されたＨＴＭＬコードに対してタグ毎に、前記階層情報に基づいて新たにエレメントＩＤを割り当てさせ、前記新たに割り当てられたエレメントＩＤに対応する前記生成されたＨＴＭＬコードとを、前記データベースに記憶されたＩＤ割当変更ＨＴＭＬデータに追加する
ことを特徴とする請求項４記載のウェブ構築支援装置。
【請求項６】
ウェブページが記憶された移行元ウェブサーバと、前記ウェブページの移行先である移行先ウェブサーバとにネットワークを介して接続されたコンピュータが実行するウェブ構築支援プログラムであって、
コンピュータに、
前記移行元ウェブサーバから前記ウェブページのＨＴＭＬコードを取得する取得ステップと、
前記取得ステップにより取得されたＨＴＭＬコード内に外部リンク情報がある場合、前記外部リンク情報に基づいて外部リンクされたオブジェクトを取得し、前記移行先ウェブサーバの所定の記憶領域に記憶させると共に、前記記憶させる位置情報に基づいて前記ＨＴＭＬコード内の前記外部リンク情報を変更する変更ステップと、
前記変更ステップにより変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、前記変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるエレメントＩＤ割当ステップと、
前記割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、前記階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてデータベースに記憶させる記憶制御ステップと、
を実行させるためのウェブ構築支援プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、移行先においても編集可能な状態で、かつ移行前と同様のウェブページを表示できるウェブ構築支援装置およびウェブ構築支援プログラムに関する。
【背景技術】
【０００２】
一般的に、ウェブページは、ＨＴＴＰ（Hypertext Transfer Protocol）を通信プロトコルとして、ＨＴＭＬ（HyperText Markup Language）などのハイパーテキストなどにより構築される。
【０００３】
また、テキストだけでなく、予め所定の記憶媒体に画像データや動画データなどを記憶しておき、その記憶されたパスを指定したコードをＨＴＭＬファイルに埋め込むことでテキスト以外の様々なコンテンツをウェブ上で表示させることができる。
【０００４】
同様に、ＨＴＭＬファイルは、主にウェブページのスタイルを指定するためのＣＳＳ（Cascading Style Sheets）ファイルや、プログラムが記述されたＪａｖａＳｃｒｉｐｔ（登録商標）ファイルなどを読み込みことにより、高度な装飾や機能を実現させることもできる。
【０００５】
このようなウェブページは、作成された後においても画面デザインの変更や機能の変更など、様々な変更が加えられる場合が多いので、ウェブページの編集機能のニーズは高い。
【０００６】
そこで、特許文献１には、ＨＴＭＬデータに含まれるＨＴＭＬエレメントに対してエレメントＩＤを付与したＨＴＭＬデータに変換し、プログラムコードにエレメントＩＤを付加したプログラムデータを生成し、ＨＴＭＬデータに対し、エレメントＩＤに基づいてプログラムデータを組み込み、ＨＴＭＬデータ生成プログラムを生成するＨＴＭＬデータ生成プログラム編集支援装置に関する技術が開示されている。
【０００７】
また、特許文献２には、ホームページがリンク先の情報を持つ場合に、そのリンク先のアドレスおよびそのアドレスにあるページを構成するオブジェクトの内少なくとも１つのリンク情報を特定し、その特定されたリンク情報を、オブジェクト管理ＩＤを割り当てるために、オブジェクト管理ＩＤ割り当て手段に向けて送るリンク情報処理手段と、編集フォームと共に、リンク情報を表示するリンク情報表示処理手段とを備えるホームページ編集用サーバに関する技術が開示されている。
【先行技術文献】
【特許文献】
【０００８】
【特許文献１】特開２００７−１０８９７８号公報
【特許文献２】特開２００４−２４０６３５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００９】
ここで、ウェブページは運用されているサーバ内で編集されるだけでなく、他のサーバに移行する場合もある。
【００１０】
このとき、単にＨＴＭＬファイルを他のサーバに保存しただけでは、上述のようにＨＴＭＬファイルにリンクされた画像データやファイルがある場合、適切に画像データやファイルなどが読み込めず、ウェブページを適切に表示できない場合がある。
【００１１】
そのため、移行時にパスを変更する必要があるが、移行前のウェブページをウェブ制作会社などに委託して構築した場合、ウェブページの構造についてのドキュメント類が不足しており、移行する際にＨＴＭＬファイルのどの箇所をどのように変更する必要があるのかが分かり難く、移行作業に膨大な時間を要する場合があった。
【００１２】
そのため、ウェブページの運用会社は、ウェブページを他のサーバに容易に移行すると共に、移行先において容易に編集できるツールを切望していた。
【００１３】
しかしながら、特許文献１や特許文献２に記載の技術では、ウェブページを移行した場合については考慮されていない。そのため、いずれの技術においても移行先においても編集可能な状態で、かつ移行前と同様のウェブページを表示できるとは限らなかった。
【００１４】
本発明は、上記問題点に鑑みてなされたものであり、移行先においても編集可能な状態で、かつ移行前と同様のウェブページを表示できるウェブ構築支援装置およびウェブ構築支援プログラムを提供することを目的とする。
【課題を解決するための手段】
【００１５】
上記目的を解決するため、本発明に係るウェブ構築支援装置の第１の特徴は、
ウェブページが記憶された移行元ウェブサーバと、前記ウェブページの移行先である移行先ウェブサーバとにネットワークを介して接続されたウェブ構築支援装置であって、
前記移行元ウェブサーバから前記ウェブページのＨＴＭＬコードを取得する取得手段と、
前記取得手段により取得されたＨＴＭＬコード内に外部リンク情報がある場合、前記外部リンク情報に基づいて外部リンクされたオブジェクトを取得し、前記移行先ウェブサーバの所定の記憶領域に記憶させると共に、前記記憶させる位置情報に基づいて前記ＨＴＭＬコード内の前記外部リンク情報を変更する変更手段と、
前記変更手段により変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、前記変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるエレメントＩＤ割当手段と、
前記割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、前記階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてデータベースに記憶させる記憶制御手段と、
を備えたことにある。
【００１６】
本発明に係るウェブ構築支援装置の第２の特徴は、
前記データベースに記憶されたＩＤ割当変更ＨＴＭＬデータに基づいて、ＩＤ割当変更ＨＴＭＬコードを生成し、前記生成したＩＤ割当変更ＨＴＭＬコードを独立したフレームの編集画面内で前記エレメントＩＤごとに読み出し、前記読み出したエレメントＩＤ単位で編集可能に表示する表示制御手段と、
ユーザ操作に基づいて前記編集画面上で編集された場合に、前記データベースに記憶された前記編集されたエレメントＩＤに対応するＩＤ割当変更ＨＴＭＬデータを編集する編集手段と、
を備えたことにある。
【００１７】
本発明に係るウェブ構築支援装置の第３の特徴は、
前記エレメントＩＤ割当手段は、
前記編集手段により編集された回数に基づいて、前記エレメントＩＤを割り当てる
ことにある。
【００１８】
本発明に係るウェブ構築支援装置の第４の特徴は、
前記エレメントＩＤ割当手段は、
前記階層情報に基づいて、前記変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てる
ことにある。
【００１９】
本発明に係るウェブ構築支援装置の第５の特徴は、
前記編集手段は、
前記編集画面上でオブジェクトの追加が要求された場合に、追加されたオブジェクトのＨＴＭＬコードを生成すると共に、前記エレメントＩＤ割当手段に、前記生成されたＨＴＭＬコードに対してタグ毎に、前記階層情報に基づいて新たにエレメントＩＤを割り当てさせ、前記新たに割り当てられたエレメントＩＤに対応する前記生成されたＨＴＭＬコードとを、前記データベースに記憶されたＩＤ割当変更ＨＴＭＬデータに追加する
ことにある。
【００２０】
上記目的を解決するため、本発明に係るウェブ構築支援プログラムの第１の特徴は、
ウェブページが記憶された移行元ウェブサーバと、前記ウェブページの移行先である移行先ウェブサーバとにネットワークを介して接続されたコンピュータが実行するウェブ構築支援プログラムであって、
コンピュータに、
前記移行元ウェブサーバから前記ウェブページのＨＴＭＬコードを取得する取得ステップと、
前記取得ステップにより取得されたＨＴＭＬコード内に外部リンク情報がある場合、前記外部リンク情報に基づいて外部リンクされたオブジェクトを取得し、前記移行先ウェブサーバの所定の記憶領域に記憶させると共に、前記記憶させる位置情報に基づいて前記ＨＴＭＬコード内の前記外部リンク情報を変更する変更ステップと、
前記変更ステップにより変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、前記変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるエレメントＩＤ割当ステップと、
前記割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、前記階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてデータベースに記憶させる記憶制御ステップと、
を実行させることにある。
【発明の効果】
【００２１】
本発明に係るウェブ構築支援装置およびウェブ構築支援プログラムによれば、移設先においても編集可能な状態で、かつ移行前と同様のウェブページを表示できる。
【図面の簡単な説明】
【００２２】
【図１】本発明の一実施形態であるウェブ構築支援装置の概略構成を示した概略構成図である。
【図２】本発明の一実施形態であるウェブ構築支援装置におけるＨＴＭＬ読み込み処理の処理内容を示したフローチャートである。
【図３】図２に示したＨＴＭＬ読み込み処理におけるステップＳ１０３のローカライズ処理の処理内容を示したフローチャートである。
【図４】図２に示したＨＴＭＬ読み込み処理におけるステップＳ１０５〜Ｓ１０７の処理を示した説明図である。（ａ）は、変更ＨＴＭＬコードの一例を示した図であり、（ｂ）は、変更ＨＴＭＬコードの要素ごとに階層構造を示した図であり、（ｃ）は、ウェブページ記憶部のデータベースに記憶されたＩＤ割当変更ＨＴＭＬデータを示した図である。
【図５】本発明の一実施形態であるウェブ構築支援装置における編集画面表示処理の処理内容を示したフローチャートである。
【図６】（ａ）は、選択画面の一例を示した図であり、（ｂ）は、選択された編集対象のウェブページのＩＤ割当変更ＨＴＭＬコードの一例を示した図である。
【図７】本発明の一実施形態であるウェブ構築支援装置における変更処理の処理内容を示したフローチャートである。
【図８】本発明の一実施形態であるウェブ構築支援装置における編集画面の一例を示した図である。
【図９】本発明の一実施形態であるウェブ構築支援装置における追加処理の処理内容を示したフローチャートである。
【図１０】（ａ）は、要素を追加した場合のＩＤ割当変更ＨＴＭＬコードの階層構造を示した図であり、（ｂ）は、ウェブページ記憶部のデータベースに記憶されたＩＤ割当変更ＨＴＭＬデータを示した図である。
【発明を実施するための形態】
【００２３】
以下、本発明の実施の形態について、図面を参照して説明する。各図面を通じて同一若しくは同等の部位や構成要素には、同一若しくは同等の符号を付している。ただし、図面は模式的なものであり、現実のものとは異なることに留意すべきである。また、図面相互間においても互いの寸法の関係や比率が異なる部分が含まれている。
【００２４】
また、以下に示す実施の形態は、この発明の技術的思想を具体化するための装置等を例示するものであって、この発明の技術的思想は、各構成部品の配置等を下記のものに特定するものでない。この発明の技術的思想は、特許請求の範囲において、種々の変更を加えることができる。
【００２５】
＜ウェブ構築支援装置の概略構成＞
図１は、本発明の一実施形態であるウェブ構築支援装置の概略構成を示した概略構成図である。本実施形態では、移行元移行元ウェブサーバ２に記憶されているウェブページを、編集可能な状態で、かつ移行前と同様のウェブページを表示できる状態で移行先ウェブサーバ４へ移行するウェブ構築支援装置１を例に挙げて説明する。
【００２６】
図１に示すように、ウェブ構築支援装置１は、ネットワーク５を介して、移行元ウェブサーバ２と接続されている。移行元ウェブサーバ２は、ＨＴＭＬ（HyperText Markup Language）で記述されたウェブページを記憶しており、この記憶したウェブページに基づいて、ＨＴＴＰ（Hypertext Transfer Protocol）を通信プロトコルとして、ウェブ表示を提供する。
【００２７】
また、ウェブ構築支援装置１は、移行先ウェブサーバ４とも接続されている。移行先ウェブサーバ４とは、インターネットを介して接続してもよいし、直接ネットワーク接続してもよい。
【００２８】
移行先ウェブサーバ４は、ウェブページ記憶部４１を有している。ウェブ構築支援装置１により、移行元ウェブサーバ２に記憶されていたウェブページが、編集可能な状態で、かつ移行前と同様のウェブページを表示できる状態でウェブページ記憶部４１に記憶される。ウェブページ記憶部４１は、データベース形式でウェブページを記憶する。
【００２９】
ウェブページ記憶部４１にウェブページが記憶されると、移行先ウェブサーバ４は、ウェブページ記憶部４１に記憶されたウェブページに基づいて、ＨＴＴＰ（Hypertext Transfer Protocol）を通信プロトコルとして、ウェブ表示を提供する。
【００３０】
ウェブ構築支援装置１には、キーボードやマウス等から構成された入力部７と、液晶ディスプレイ等から構成された表示部８が接続されている。
【００３１】
表示部８は、後述するように、ウェブページの選択画面や編集画面などを表示する。
【００３２】
入力部７は、表示部８により表示された選択画面に対するウェブページの選択操作を受け付けたり、表示された編集画面からウェブページ編集・追加を指示する操作を受け付けたりする。
【００３３】
ウェブ構築支援装置１は、コンピュータであり、ＣＰＵ１０と、ＲＡＭ１１と、ＲＯＭ１２と、ハードディスク１３とを備えている。
【００３４】
ＲＡＭ１１は、揮発性半導体等で構成され、ＣＰＵ１０が各種処理を実行する上で必要な各種データを一時的に記憶する。
【００３５】
ＲＯＭ１２は、不揮発性半導体等で構成され、ＣＰＵ１０が実行する各種プログラム等を記憶している。
【００３６】
ハードディスク１３は、ウェブ構築支援処理を実行するためのウェブ構築支援プログラムや、その他各種アプリケーションプログラムの格納領域が確保されている。
【００３７】
ＣＰＵ１０は、プロセッサやメモリその他の周辺装置によって構成される演算装置であり、入力部７から入力される起動要求に従ってハードディスク１３に記憶されたウェブ構築支援プログラムやその他のアプリケーションプログラムを起動させる。
【００３８】
また、ＣＰＵ１０は、その機能上、ウェブ構築支援装置１の中枢的な制御を行う。また、ウェブ構築支援プログラムを実行することにより、取得部１０１と、変更部１０３と、エレメントＩＤ割当部１０４と、記憶制御部１０５と、表示制御部１０６と、編集部１０７とを実装する。
【００３９】
取得部１０１は、移行元ウェブサーバ２に記憶されたウェブページのＨＴＭＬコードを取得する。
【００４０】
変更部１０３は、取得部１０１により取得されたＨＴＭＬコード内に外部リンク情報がある場合、外部リンク情報に基づいて外部リンクされたオブジェクトを取得する。ここで、外部リンク情報とは、例えば、ＵＲＬなどのパスである。
【００４１】
ウェブページは、ＨＴＭＬで記述されている。そのため、主にウェブページのスタイルを指定するためのＣＳＳ（Cascading Style Sheets）ファイルや、プログラムが記述されたＪａｖａＳｃｒｉｐｔ（登録商標）ファイルなどを読み込みことにより、高度な装飾や機能を実現させることができる。また、ＪＰＥＧなどの画像ファイルや、ＭＰＥＧなどの動画ファイルを読み込むこともできる。ここでは、ＣＳＳファイル、ＪａｖａＳｃｒｉｐｔ（登録商標）ファイル、画像ファイル、動画ファイルなどを総称してオブジェクト（オブジェクトファイル）という。
【００４２】
例えば、移行元ウェブサーバ２内や他のウェブサーバ（図示しない）内に、オブジェクトを記憶しておき、ウェブページ内に読み込む先のパスを外部リンク情報として埋め込むことにより、移行元ウェブサーバ２は、高度な装飾や機能を実現したウェブページを提供する。ここでは、移行元ウェブサーバ２内にオブジェクトが記憶されているとする。
【００４３】
そこで、変更部１０３は、取得部１０１により取得されたＨＴＭＬコード内に外部リンク情報がある場合、外部リンク情報に基づいて移行元ウェブサーバ２内に記憶されたオブジェクトを取得する。
【００４４】
そして、変更部１０３は、取得したオブジェクトを移行先ウェブサーバ４のウェブページ記憶部４１内の所定の記憶領域に記憶させると共に、記憶させる位置情報に基づいてＨＴＭＬコード内の外部リンク情報を変更する。具体的には、変更部１０３は、ＨＴＭＬコード内の外部リンク情報を、それぞれウェブページ記憶部４１内に記憶させたパスへ変更する。
【００４５】
エレメントＩＤ割当部１０４は、変更部１０３により変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てる。ここでは、エレメントＩＤは、英数字を用いてユニークな番号として付与される。また、階層情報は、タグ毎にその親のエレメントＩＤを示すペアレントＩＤと、階層を示す世代番号と、同一世代（同一階層）での表示順を示す兄弟番号とを含んでいる。
【００４６】
記憶制御部１０５は、エレメントＩＤ割当部１０４により割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてウェブページ記憶部４１のデータベースに記憶させる。後述するように、ＩＤ割当変更ＨＴＭＬデータはテーブル形式で記憶されるので、タグ毎に割り当てられたエレメントＩＤと、エレメントＩＤに対応するタグ毎に分割された変更ＨＴＭＬコード、すなわちタグで囲まれた部分的な変更ＨＴＭＬコードと、階層情報とが関連づけられて記憶される。このように関連付けられて記憶されることにより、ウェブページ記憶部４１に記憶されたＩＤ割当変更ＨＴＭＬデータに基づいて、ＩＤ割当変更ＨＴＭＬコードを生成することができる。
【００４７】
表示制御部１０６は、ウェブページ記憶部４１のデータベースに記憶されたＩＤ割当変更ＨＴＭＬデータに基づいて、ＩＤ割当変更ＨＴＭＬコードを生成する。そして、表示制御部１０６は、生成した変更ＨＴＭＬコードを独立したフレームの編集画面内でエレメントＩＤごとに読み出し、読み出したエレメントＩＤ単位で編集可能に表示部８に表示する。ここで、独立したフレームとは、フレーム内の処理とフレーム外の処理とが干渉しないように設けられたフレームをいう。例えば、ウェブ構築支援プログラムを実行することにより、表示部８に表示させる際に用いられるＣＳＳファイルの機能と、変更ＨＴＭＬコードに含まれるＣＳＳファイルの機能とが干渉しないように、ｉ−Ｆｒａｍｅの機能を用いている。
【００４８】
編集部１０７は、入力部７へのユーザ操作に基づいて表示部８に表示された編集画面上で編集された場合に、ウェブページ記憶部４１のデータベースに記憶された編集されたエレメントＩＤに対応するＩＤ割当変更ＨＴＭＬデータを編集する。
【００４９】
＜ウェブ構築支援装置の作用＞
次に、本発明の一実施形態であるウェブ構築支援装置１の作用について説明する。ウェブ構築支援装置１は、主に、ＨＴＭＬ読み込み処理と、編集画面表示処理と、変更処理と、追加処理を実行する。そのため、それぞれの処理について具体的に説明する。なお、変更処理と追加処理とを総称して編集処理という。
【００５０】
＜ＨＴＭＬ読み込み処理＞
図２は、本発明の一実施形態であるウェブ構築支援装置１におけるＨＴＭＬ読み込み処理の処理内容を示したフローチャートである。
【００５１】
図２に示すように、まず、取得部１０１は、移行元ウェブサーバ２に記憶されたウェブページのＨＴＭＬコードを取得する（ステップＳ１０１）。
【００５２】
次に、変更部１０３は、パスを変更しながらローカライズ処理を実行する（ステップＳ１０３）。このローカライズ処理により、移行先ウェブサーバ４においてリンク切れなどの不具合を生じさせることなく、適切にウェブページを記憶させることができる。ローカライズ処理は図３に示しており、詳細は後述する。
【００５３】
次に、エレメントＩＤ割当部１０４は、変更部１０３により変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てる（ステップＳ１０５）。
【００５４】
そして、記憶制御部１０５は、エレメントＩＤ割当部１０４により割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてウェブページ記憶部４１のデータベースに記憶させる（ステップＳ１０７）。
【００５５】
図４は、ステップＳ１０５〜Ｓ１０７の処理を示した説明図である。図４（ａ）は、変更ＨＴＭＬコードの一例を示した図であり、図４（ｂ）は、変更ＨＴＭＬコードの要素ごとに階層構造を示した図であり、図４（ｃ）は、ウェブページ記憶部４１のデータベースに記憶されたＩＤ割当変更ＨＴＭＬデータを示した図である。
【００５６】
図４（ａ）に示すように、変更ＨＴＭＬコードには、タグごとにエレメントＩＤが付与される。図４（ａ）に示した例では、説明のため、エレメントＩＤを、（１）〜（２１）で示している。例えば、＜ｂｏｄｙ＞のタグ（符号４０１）には、エレメントＩＤとして１番が割り当てられている。
【００５７】
図４（ｂ）に示すように、変更ＨＴＭＬコードは階層構造を有している。その階層に応じて世代番号Ｇ１〜Ｇ９が割り当てられている。例えば、＜ｂｏｄｙ＞タグは、世代番号Ｇ１が割り当てられており、＜ｈｅａｄｅｒ＞タグは、＜ｂｏｄｙ＞タグの子要素となるので、世代番号Ｇ２が割り当てられている。
【００５８】
なお、世代番号Ｇ９の（１２）、（１５）、（１８）、（２１）は、説明上、「ｔｅｘｔ」と記述しているが、それぞれ「トップページ」などのコンテンツ自体が位置づけられる。
【００５９】
図４（ｃ）に示すように、ウェブページ記憶部４１のデータベースには、変更ＨＴＭＬコードがテーブル形式でＩＤ割当変更ＨＴＭＬデータとして記憶されている。具体的には、エレメントＩＤと、ペアレントＩＤと、世代ＩＤと、兄弟ＩＤと、コンテンツとが関連付けられて記憶されている。
【００６０】
なお、＜ｄｉｖ＃ｍａｉｎ−ｌｏｇｏ＞タグと、＜ｄｉｖ＃ｈｅａｄｅｒ−ｍｅｎｕ＞タグには、世代番号Ｇ５が割り当てられている。このような世代番号が同一である同世代（同階層）に複数のタグがある場合には、表示順に兄弟番号が割り当てられる。
【００６１】
例えば、＜ｄｉｖ＃ｍａｉｎ−ｌｏｇｏ＞タグには、兄弟番号Ｓ１が割り当てられており、＜ｄｉｖ＃ｈｅａｄｅｒ−ｍｅｎｕ＞タグには、兄弟番号Ｓ２が割り当てられている。
【００６２】
このように、パスを変更しながらローカライズする処理と、エレメントＩＤを付与する処理とを実行するので、移行先ウェブサーバの適切な位置にエレメントＩＤが付与された状態でウェブページが記憶される。そのため、移行先ウェブサーバにおいても移行前と同様のウェブページを表示できる。また、エレメントＩＤにより要素単位で編集可能な状態で記憶されているので、元のウェブページと同様の状態で、かつ要素ごとに編集可能な状態で表示される。そのため、ユーザにとって元のウェブページと見た目が同様の状態でウェブページの編集が可能となるので、編集が容易となる。
【００６３】
＜ローカライズ処理＞
図３は、図２に示したＨＴＭＬ読み込み処理におけるステップＳ１０３のローカライズ処理の処理内容を示したフローチャートである。
【００６４】
図３に示すように、変更部１０３は、取得部１０１により取得されたＨＴＭＬコードをタグごとにピックアップする（ステップＳ５０１）。
【００６５】
そして、変更部１０３は、タグごとにピックアップしたＨＴＭＬコードにパス変換対象があるか否かを判定する（ステップＳ５０３）。ここで、ＨＴＭＬコード内に外部リンク情報（パス）がある場合、パス変換対象があると判定する。
【００６６】
タグごとにピックアップしたＨＴＭＬコード内にパス変換対象があると判定した場合（ステップＳ５０３；ＹＥＳ）、変更部１０３は、パスにより示されたオブジェクトを取得した後（ステップＳ５０５）、ＨＴＭＬコード内の外部リンク情報（パス）を変換する（ステップＳ５０７）。具体的には、変更部１０３は、ＨＴＭＬコード内の外部リンク情報を、それぞれウェブページ記憶部４１内に記憶させるパスへ変更する。
【００６７】
次に、変更部１０３は、取得したオブジェクト内にパス変換対象があるか否かを判定する（ステップＳ５０９）。例えば、ＣＳＳファイルやＪａｖａＳｃｒｉｐｔ（登録商標）ファイルは、さらに別のＣＳＳファイルやＪａｖａＳｃｒｉｐｔ（登録商標）ファイル等を読み込むようにコーディングされていることがある。そこで、変更部１０３は、ステップＳ５０９においてパス変換対象がなくなるまでステップＳ５０５〜Ｓ５０９の処理を繰り返し実行する。
【００６８】
そして、全タグのピックアップが終了するまで（ステップＳ５１１；ＹＥＳ）、変更部１０３は、ステップＳ５０１〜Ｓ５１１の処理を繰り返し実行する。
【００６９】
このローカライズ処理により、移行先ウェブサーバ４においてリンク切れなどの不具合を生じさせることなく、適切にウェブページを記憶させることができる。
【００７０】
なお、本実施形態では、図２の示したフローチャートにおけるパスを変更しながらローカライズする処理（ステップＳ１０３）を実行した後に、エレメントＩＤを付与する処理（ステップＳ１０５）を実行したが、これに限らず、ステップＳ１０３の処理を実行しながら、ステップＳ１０５を実行するようにしてもよい。具体的には、図３に示したフローチャートにおけるステップＳ５０３；ＮＯの後であって、ステップＳ５０９の後に、タグごとに、ステップＳ１０５の処理を実行するようにしてもよい。
【００７１】
＜編集画面表示処理＞
図５は、本発明の一実施形態であるウェブ構築支援装置１における編集画面表示処理の処理内容を示したフローチャートである。
【００７２】
図５に示すように、ユーザ操作により選択画面から編集対象のウェブページが選択されると（ステップＳ２０１；ＹＥＳ）、編集部１０７は、選択されたウェブページの要素と、選択された要素の子要素とをウェブページ記憶部４１のデータベースから取得する（ステップＳ２０３）。
【００７３】
そして、編集部１０７は、取得した要素のタグにエレメントＩＤを記述して、ＩＤ割当変更ＨＴＭＬコードを生成する（ステップＳ２０５）。
【００７４】
そして、編集部１０７は、ウェブページ記憶部４１のデータベースから、エレメントＩＤ、ペアレントＩＤ、世代番号、兄弟番号に基づいて、変更ＨＴＭＬコードを生成し、生成したＩＤ割当変更ＨＴＭＬコードに基づいて、ｉ−Ｆｒａｍｅの編集画面上に選択された編集対象のウェブページを表示させる（ステップＳ２０７）。
【００７５】
図６（ａ）は、選択画面の一例を示した図であり、図６（ｂ）は、選択された編集対象のウェブページのＩＤ割当変更ＨＴＭＬコードの一例を示した図である。
【００７６】
図６（ａ）に示すように、階層的に関係つけられているウェブページが選択可能に表示部８に表示されている。ユーザは、入力部７を用いて編集対象のウェブページを選択する操作を行うと、編集部１０７は、図６（ｂ）に示すようなＩＤ割当変更ＨＴＭＬコードを生成する。ここでは、図６（ａ）に示した選択画面から、ウェブページ２０１が選択された場合において、生成されたＩＤ割当変更ＨＴＭＬコードの一例を図６（ｂ）に示している。
【００７７】
図６（ｂ）に示すように、各タグには、エレメントＩＤがＩＤ割当変更ＨＴＭＬコードに記述されている。例えば、＜ｂｏｄｙ＞のタグには、ｄａｔａ  ｅｌｅｍｅｎｔ  ｉｄ＝‘１’  が記述され、＜ｂｏｄｙ  ｄａｔａ  ｅｌｅｍｅｎｔ  ｉｄ＝‘１’＞となっている。
【００７８】
このように、編集部１０７は、取得した要素のタグにエレメントＩＤを記述する。
【００７９】
これにより、ＩＤ割当変更ＨＴＭＬコードに記述されたエレメントＩＤに基づいて、ユーザが編集可能な要素を色枠で表示させることもできる。例えば、ユーザが入力部７の一つであるマウスを操作することで、表示部８に表示されたカーソルが編集可能な要素に基づいて表示された編集可能領域を横断した場合（マウスオーバーした場合）、編集部１０７は、要素に基づいて表示された編集可能領域を緑色の枠で表示させる。これにより、ユーザは、編集画面のうち、どの部分が編集可能であるかを視覚的に把握することができる。
【００８０】
＜変更処理＞
図７は、本発明の一実施形態であるウェブ構築支援装置１における変更処理の処理内容を示したフローチャートである。
【００８１】
図７に示すように、編集部１０７は、表示部８に表示された編集画面に表示された要素が編集対象として選択されたか否かを判定する（ステップＳ３０１）。具体的には、ユーザは、緑色の枠で表示された編集可能領域をクリック操作すると、編集部１０７は、編集対象として選択されたと判定する。
【００８２】
要素が編集対象として選択された場合（ステップＳ３０１；ＹＥＳ）、編集部１０７は、選択された編集可能領域を赤色の枠で表示させる（ステップＳ３０３）。
【００８３】
編集可能領域が赤色の枠で表示されると編集可能な状態に遷移したことを示しているので、ユーザは入力部７から編集可能領域内の変更操作を行う。
【００８４】
そして、ユーザが変更した要素の保存が要求されると（ステップＳ３０５；ＹＥＳ）、編集部１０７は、選択された要素について変更内容を、ウェブページ記憶部４１のデータベースに保存する（ステップＳ３０７）。
【００８５】
図８は、編集画面の一例を示した図である。
【００８６】
図８に示すように、編集可能な要素に基づいて表示された編集可能領域３０２は、マウスオーバーされると、緑色の枠で表示され、選択操作されると赤色の枠で表示される。
【００８７】
さらに、編集可能領域３０２が選択操作されると赤色の枠で表示されると、編集可能領域３０２の近傍にサブウィンドウ３０１が表示される。
【００８８】
サブウィンドウ３０１は様々なコマンドを命じるためのボタンが複数配置されている。例えば、ボタン３０１ａが押下操作されると、編集部１０７は、変更内容をウェブページ記憶部４１のデータベースに保存するコマンドを要求する。
【００８９】
このように、ｉ−Ｆｒａｍｅの編集画面上に選択された編集対象のウェブページがエレメントＩＤ単位で編集可能に表示されているので、ｉ−Ｆｒａｍｅ外の処理がｉ−Ｆｒａｍｅ内の処理に影響を及ぼすことないため、ユーザはウェブページの見たままの状態で要素ごとに編集することが可能となる。
【００９０】
＜追加処理＞
図９は、本発明の一実施形態であるウェブ構築支援装置１における追加処理の処理内容を示したフローチャートである。図９に示すステップＳ３０１、Ｓ３０３の処理は、図７に示したステップＳ３０１、Ｓ３０３の処理と同一であるので、説明を省略する。
【００９１】
ステップＳ３０３において編集可能領域が赤色の枠で表示されると、編集可能な状態に遷移したことを示しているので、ユーザは入力部７から編集可能領域に対して要素の追加操作を行う。ユーザは、サブウィンドウ３０１のボタン操作により、追加位置（選択している編集可能領域の前に追加するのか、後ろに追加するのか）を指定し、追加する内容を入力する。
【００９２】
ユーザ入力により、追加位置と追加内容とが指定されると（ステップＳ４０１；ＹＥＳ）、編集部１０７は、追加した要素の基準となる要素（基準要素）のエレメントＩＤと、追加した要素の基準要素からの位置（追加位置）と、追加内容とを取得する（ステップＳ４０３）。
【００９３】
編集部１０７は、取得した情報に基づいて、追加した要素に、新たにエレメントＩＤ、ペアレントＩＤ、世代番号、兄弟番号を付与する（ステップＳ４０５）。
【００９４】
そして、編集部１０７は、エレメントＩＤ、ペアレントＩＤ、世代番号、兄弟番号、および追加内容を関連付けて、ウェブページ記憶部４１のデータベースに保存する（ステップＳ４０７）。
【００９５】
次に、編集部１０７は、ウェブページ記憶部４１のデータベースから、追加された要素を読み込み、ＩＤ割当変更ＨＴＭＬコードを生成し、生成したＩＤ割当変更ＨＴＭＬコードに基づいて、ｉ−Ｆｒａｍｅの編集画面上に追加された要素のウェブページを表示させる（ステップＳ４０９）。
【００９６】
図１０（ａ）は、要素を追加した場合のＩＤ割当変更ＨＴＭＬコードの階層構造を示した図であり、図１０（ｂ）は、ウェブページ記憶部４１のデータベースに記憶されたＩＤ割当変更ＨＴＭＬデータを示した図である。
【００９７】
図１０（ａ）では、世代番号がＧ７で兄弟番号がＳ４でエレメントＩＤが（１９）である＜ｌｉ＞タグを基準要素として、基準要素からの位置（追加位置）を「後ろ」、追加するテキストを「ブログ」とする要素が追加された例を挙げて説明する。
【００９８】
このとき、世代番号Ｇ７に、エレメントＩＤが（１９）である＜ｌｉ＞タグの兄弟番号Ｓ４の後ろを示す兄弟番号Ｓ５の位置に、エレメントＩＤを（２２）として、＜ｌｉ＞タグが追加されている。
【００９９】
そして、追加内容に基づいて、世代番号Ｇ８、兄弟番号Ｓ１、エレメントＩＤを（２３）として、＜ａ  ｈｒｅｆ＝‘／ｂｌｏｇ’＞タグが追加され、世代番号Ｇ９、兄弟番号Ｓ１、エレメントＩＤを（２４）として、表示するテキスト自体となる「ブログ」が追加されている。
【０１００】
ウェブページ記憶部４１のデータベースには、図１０（ｂ）に示すように、エレメントＩＤが、（２２）、（２３）、（２４）として割り当てられて、それぞれペアレントＩＤ、世代番号、兄弟番号、およびコンテンツ（追加内容）が関連付けられて記憶される。
【０１０１】
ウェブページ記憶部４１への記憶が完了すると、編集部１０７は、ウェブページ記憶部４１のデータベースから、追加された要素を読み込み、下記のようなＩＤ割当変更ＨＴＭＬコードを生成する。
【０１０２】
target Element ID :19
position: after
src:
<li data-element-id=‘22’><a href=‘blog’ data-element-id=’23’>ブログ</a></li>
そして、編集部１０７は、生成したＩＤ割当変更ＨＴＭＬコードに基づいて、ｉ−Ｆｒａｍｅの編集画面上に追加された要素のウェブページを表示させる。
【０１０３】
このように、追加処理においても、変更処理と同様に、ｉ−Ｆｒａｍｅの編集画面上に選択された編集対象のウェブページがエレメントＩＤ単位で編集可能に表示されているので、ユーザはウェブページの見たままの状態で要素を追加することが可能となる。
【０１０４】
以上のように、本発明の一実施形態であるウェブ構築支援装置１によれば、移行元ウェブサーバ２からウェブページのＨＴＭＬコードを取得する取得部１０１と、取得部１０１により取得されたＨＴＭＬコード内に外部リンク情報がある場合、外部リンク情報に基づいて外部リンクされたオブジェクトを取得し、移行先ウェブサーバ４のウェブページ記憶部４１に記憶させると共に、記憶させる位置情報に基づいてＨＴＭＬコード内の外部リンク情報を変更する変更部１０３と、変更部１０３により変更された変更ＨＴＭＬコードの階層構造を示す階層情報を抽出すると共に、変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるエレメントＩＤ割当部１０４と、割り当てられたエレメントＩＤと、タグ毎に分割した変更ＨＴＭＬコードと、階層情報とを関連付けてＩＤ割当変更ＨＴＭＬデータとしてデータベースに記憶させる記憶制御部１０５とを備える。
【０１０５】
これにより、移行先ウェブサーバにおいても、移行前のウェブページと同様の状態で、かつ要素ごとに編集可能な状態で表示される。そのため、ユーザにとって元のウェブページと見た目が同様の状態でウェブページの編集が可能となるので、編集が容易となる。
【０１０６】
＜変形例＞
本発明の一実施形態であるウェブ構築支援装置１では、エレメントＩＤは、英数字を用いてユニークな番号として付与したが、これに限らない。
【０１０７】
エレメントＩＤ割当部１０４は、編集部１０７により変更および追加などの編集された回数に基づいて、エレメントＩＤを変更するようにしてもよい。具体的には、ユニークな番号と、下３桁を編集回数として組み合わせた数字をエレメントＩＤとする。例えば、ユニークな番号が“１２３４５６７”であり、５回編集された場合、編集回数を“５”として、エレメントＩＤを、“１２３４５６７００５”とする。
【０１０８】
これにより、エレメントＩＤ自体が編集された回数を表すので、このエレメントＩＤを表示させることにより、ユーザはエレメントＩＤにより過去の編集された箇所を特定することができる。
【０１０９】
また、エレメントＩＤ割当部１０４は、ペアレントＩＤと、世代番号と、兄弟番号のうち少なくともいずれか１つを含む階層情報に基づいて、変更ＨＴＭＬコードに対してタグ毎にエレメントＩＤを割り当てるようにしてもよい。
【０１１０】
具体的には、ユニークな番号に、ペアレントＩＤ、世代番号（２桁）、兄弟番号（２桁）として、組み合わせた数字をエレメントＩＤとする。例えば、ユニークな番号が“１２３４５６７”であり、ペアレントＩＤが、“９８７６５４”で、世代番号が、“２”で、兄弟番号が“４”の場合、エレメントＩＤを、“１２３４５６７９８７６５４０２０４”とする。
【０１１１】
これにより、エレメントＩＤ自体が階層構造、すなわち親のエレメントＩＤ、世代番号、兄弟番号などを表すので、エレメントＩＤにより位置を特定することができる。
【０１１２】
さらに、編集部１０７が、編集画面上でオブジェクトの追加が要求された場合に、追加されたオブジェクトのＨＴＭＬコードを生成すると共に、エレメントＩＤ割当部１０４に、生成されたＨＴＭＬコードに対してタグ毎に、階層情報に基づいて新たにエレメントＩＤを割り当てさせ、新たに割り当てられたエレメントＩＤに対応する生成されたＨＴＭＬコードとを、データベースに記憶されたＩＤ割当変更ＨＴＭＬデータに追加するようにしてもよい。
【０１１３】
これにより、要素を追加した場合においても、エレメントＩＤ自体が階層構造、すなわち親のエレメントＩＤ、世代番号、兄弟番号などを表すので、エレメントＩＤにより位置を特定することができる。
【０１１４】
なお、上述した実施形態では、移行元ウェブサーバ２に記憶されているウェブページを、編集可能な状態で、かつ移行前と同様のウェブページを表示できる状態で移行先ウェブサーバ４へ移行するウェブ構築支援装置１を例に挙げて説明したが、ウェブ構築支援装置１が移行先ウェブサーバ４の機能を有するようにしてもよい。
【０１１５】
すなわち、ウェブ構築支援装置１がウェブページ記憶部４１を備え、ウェブページ記憶部４１に記憶されたウェブページに基づいて、ＨＴＴＰ（Hypertext Transfer Protocol）を通信プロトコルとして、ウェブ表示を提供する機能を有するようにしてもよい。
【０１１６】
また、上述した実施形態は、コンピュータにインストールしたウェブ構築支援プログラムを実行させることにより実現することができる。
【符号の説明】
【０１１７】
１  ウェブ構築支援装置
２  移行元ウェブサーバ
４  移行先ウェブサーバ
５  ネットワーク
７  入力部
８  表示部
１１  ＲＡＭ
１２  ＲＯＭ
１３  ハードディスク
４１  ウェブページ記憶部
１０１  取得部
１０３  変更部
１０４  エレメントＩＤ割当部
１０５  記憶制御部
１０６  表示制御部
１０７  編集部
【図１】
2020087299.tif 000003
【図２】
2020087299.tif 000004
【図３】
2020087299.tif 000005
【図４】
2020087299.tif 000006
【図５】
2020087299.tif 000007
【図６】
2020087299.tif 000008
【図７】
2020087299.tif 000009
【図８】
2020087299.tif 000010
【図９】
2020087299.tif 000011
【図１０】
2020087299.tif 000012