(57)【要約】【課題】プレビュー領域に表示された編集対象のＷｅｂページをプレビュー領域上で編集できるＷｅｂページ編集プログラム及びＷｅｂページ編集装置を提供することを目的とする。【解決手段】Ｗｅｂページを解釈するページ解釈手段４１と、Ｗｅｂページを構成する部品を識別し、部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段４２と、Ｗｅｂページを構成する部品の新たな振る舞いをオーバーレイ要素に紐付ける振舞決定手段４３と、Ｗｅｂページを記述したファイルにＷｅｂページを構成する部品の新たな振る舞いを紐付けたオーバーレイ要素の記述を追加して合成する合成手段と、オーバーレイ要素が合成されたファイルをブラウジングプログラムに提供し、オーバーレイ要素が被せられたＷｅｂページをプレビュー領域に表示させる制御手段としてコンピュータを機能させることにより上記課題を解決する。【選択図】  図８
2010140076.tif 000002
【特許請求の範囲】
【請求項１】
コンピュータに、プレビュー領域を備える編集画面を表示させるＷｅｂページ編集プログラムであって、
前記コンピュータを、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Ｗｅｂページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
して機能させるためのＷｅｂページ編集プログラム。
【請求項２】
コンピュータに、プレビュー領域を備える編集画面を表示させるＷｅｂページ編集プログラムであって、
前記コンピュータを、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
して機能させるためのＷｅｂページ編集プログラム。
【請求項３】
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、部品毎に生成する請求項１又は２記載のＷｅｂページ編集プログラム。
【請求項４】
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、全ての部品が被さるように生成する請求項１又は２記載のＷｅｂページ編集プログラム。
【請求項５】
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、透明，半透明、又は前記オーバーレイ要素と重なる前記編集対象のＷｅｂページ上の部分と同一デザインで生成する請求項１乃至４何れか一項記載のＷｅｂページ編集プログラム。
【請求項６】
プレビュー領域を備える編集画面を表示するＷｅｂページ編集装置であって、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Ｗｅｂページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
を有するＷｅｂページ編集装置。
【請求項７】
プレビュー領域を備える編集画面を表示するＷｅｂページ編集装置であって、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
を有するＷｅｂページ編集装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明はＷｅｂページ編集プログラム及びＷｅｂページ編集装置に係り、特に編集画面でＷｅｂページを編集する為のＷｅｂページ編集プログラム及びＷｅｂページ編集装置に関する。
【背景技術】
【０００２】
従来、テキストやイメージデータからなる文書の編集は文書支援装置（例えば特許文献１参照）やＷｅｂページ編集ソフト等によって行われていた。
【０００３】
例えば一般的なＷｅｂページ編集ソフト（Ｗｅｂページ編集プログラム）では、ＷＹＳＩＷＹＧ（What you see is what you get）編集を実現すべく、編集中の画面イメージのプレビュー機能を備えている。ＷＹＳＩＷＹＧ編集とはＧＵＩをベースにした直感的編集方式である。ＷＹＳＩＷＹＧ編集では、画面配置部品の選択・移動・追加・削除・サイズ変更などを統一的なＧＵＩ操作により行える。ＷＹＳＩＷＹＧ編集では、ＨＴＭＬソースファイル等の編集対象のＷｅｂページを記述したファイルの内容が、ＧＵＩ操作により自動的に書き換えられる。
【０００４】
このようなＷｅｂページ編集ソフトは、一般に流通しているブラウジングソフト（ブラウジングプログラム）と異なる独自の描画ロジックによってプレビュー機能を実現しているため、一般に流通しているブラウジングソフト（以下、単にブラウザという）と見た目が異なってしまう場合があった。
【０００５】
また、Ｗｅｂページ編集ソフトには、ブラウザベースのものがある。ブラウザベースのＷｅｂページ編集ソフトはブラウザのＡＰＩ（Application Program Interface）を制御することで、ブラウザの表示画面をプレビュー領域に表示する。
【０００６】
ブラウザのＡＰＩを制御することでブラウザの表示画面をプレビュー領域に表示するブラウザベースのＷｅｂページ編集ソフトは、ブラウザが表示する表示画面をそのままプレビュー領域に表示するため、ブラウザと見た目が異なることもない。
【特許文献１】特開平６−１９５３３４号公報
【発明の開示】
【発明が解決しようとする課題】
【０００７】
ブラウザベースのＷｅｂページ編集ソフトは、ブラウザが表示する表示画面をそのままプレビュー領域に表示する。したがって、ブラウザベースのＷｅｂページ編集ソフトではプレビュー領域に表示された表示画面を構成する部品にアクセスがあると、その部品が持つ本来の振る舞い（機能の起動など）が行われてしまう。
【０００８】
ブラウザベースのＷｅｂページ編集ソフトでは、プレビュー領域に表示された表示画面を構成する部品にクリック等、アクセスがあった場合に、その部品が持つ本来の振る舞いが行われることなく、部品が選択されて、部品の移動・削除・サイズ変更・プロパティ変更などの操作を可能とすることが望まれていた。
【０００９】
本発明の一実施形態は、上記の点に鑑みなされたもので、プレビュー領域に表示された編集対象のＷｅｂページをプレビュー領域上で編集できるＷｅｂページ編集プログラム及びＷｅｂページ編集装置を提供することを目的とする。
【課題を解決するための手段】
【００１０】
上記の課題を解決するため、本発明の一実施形態は、コンピュータに、プレビュー領域を備える編集画面を表示させるＷｅｂページ編集プログラムであって、前記コンピュータを、編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、前記Ｗｅｂページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段として機能させるためのＷｅｂページ編集プログラムである。
【００１１】
また、本発明の一実施形態は、コンピュータに、プレビュー領域を備える編集画面を表示させるＷｅｂページ編集プログラムであって、前記コンピュータを、編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段として機能させるためのＷｅｂページ編集プログラムである。
【００１２】
なお、本発明の一実施形態の構成要素、表現又は構成要素の任意の組合せを、方法、装置、システム、コンピュータプログラム、記録媒体、データ構造などに適用したものも本発明の態様として有効である。
【発明の効果】
【００１３】
本発明の一実施形態によれば、プレビュー領域に表示された編集対象のＷｅｂページをプレビュー領域上で編集できるＷｅｂページ編集プログラム及びＷｅｂページ編集装置を提供可能である。
【発明を実施するための最良の形態】
【００１４】
次に、本発明を実施するための最良の形態を、以下の実施例に基づき図面を参照しつつ説明する。本実施例ではＷｅｂページ編集ソフトの一例としてＷＹＳＩＷＹＧ編集を行うブラウザベースのＷｅｂページエディタ（以下、単にＷｅｂページエディタという）を例に説明する。
【００１５】
Ｗｅｂページエディタは、編集対象のＷｅｂページを記述したファイル（例えばＨＴＭＬファイル）の編集を行うとき、ＨＴＭＬファイルをブラウザに提供し、ブラウザがＨＴＭＬファイルに基づいて生成した表示画面をプレビュー領域に嵌め込んで表示する。
【００１６】
このとき、ＷｅｂページエディタはＷＹＳＩＷＹＧ編集を行うため、プレビュー領域に表示された表示画面を構成する部品にクリック等、アクセスがあった場合に、その部品が持つ本来の振る舞いを行わせることなく、部品が選択されて、部品の移動・削除・サイズ変更・プロパティ変更などの別の振る舞いをさせる必要がある。
【００１７】
ここでは本実施例の理解を容易とするため、プレビュー領域に表示された部品にアクセスがあった場合に、その部品が持つ本来の振る舞いが行われることなく、その部品が選択されて、部品の移動・削除・サイズ変更・プロパティ変更などの別の振る舞いをさせる加工について、従来技術と本実施例の技術とを対比しつつ説明する。
【００１８】
図１は、プレビュー領域に表示された部品にアクセスがあった場合に、その部品が持つ本来の振る舞いとは別の振る舞いをさせる加工の従来技術を表したイメージ図である。図１（Ａ）は加工前のＷｅｂページのイメージ図である。Ｗｅｂページは反応部品，非反応部品などの部品から構成される。
【００１９】
反応部品は、ボタン，リンク，タブ，ツリー等である。非反応部品は、テキスト，リンク等の設定されていない画像等である。図１（Ａ）のＷｅｂページは、振る舞いが定義された反応部品１〜３と、振る舞いが定義されていない非反応部品４〜６とを含むように構成されている。
【００２０】
例えば図１（Ａ）のＷｅｂページは反応部品１に「クリックで処理Ａを起動」という振る舞いが定義されている。例えば図１（Ａ）のＷｅｂページは反応部品２に「クリックで処理Ｂを起動」、「クリックで処理Ｃを起動」という振る舞いが定義されている。
【００２１】
例えば図１（Ａ）のＷｅｂページを構成する反応部品１〜３がクリックされても反応部品１〜３に定義されている振る舞いが行われることなく、その部品が選択されて、部品の移動・削除・サイズ変更・プロパティ変更などの別の振る舞いをさせる為には、反応部品１〜３に定義されている振る舞いを別の振る舞いに置き換える加工が必要である。
【００２２】
図１（Ｂ）は加工後のＷｅｂページのイメージ図である。図１（Ｂ）のＷｅｂページは図１（Ａ）のＷｅｂページを構成する反応部品１〜３にイベントハンドラ関数やイベントリスナ関数で定義された振る舞いが、別の振る舞いに置き換えられている。
【００２３】
例えば図１（Ｂ）のＷｅｂページを構成する反応部品１は加工前に「クリックで処理Ａを起動」という振る舞いが定義されていたが、「マウスオーバーで処理Ｄを起動」という別の振る舞いに置き換えられている。
【００２４】
このように、従来技術ではＷｅｂページを構成する反応部品１〜３がクリックされても反応部品１〜３に定義されている振る舞いが行われることなく、別の振る舞いをさせるように加工していた。
【００２５】
しかしながら、加工前のＷｅｂページを構成するそれぞれの部品にどのようなイベントリスナ関数が定義されているかを知る手段として、どのようなＷｅｂページにも適用可能な汎用的な方法は存在しない。一般的なブラウザでは、ＤＯＭ要素にどのようなイベントリスナ関数が定義されているかを知ることができない為である。
【００２６】
このため、従来技術では統一的な方法で、Ｗｅｂページを構成する反応部品１〜３がクリックされても反応部品１〜３に定義されている振る舞いが行われることなく、別の振る舞いをさせるように加工することができなかった。
【００２７】
図２は、プレビュー領域に表示された部品にアクセスがあった場合に、その部品が持つ本来の振る舞いとは別の振る舞いをさせる加工の本実施例の技術を表した一例のイメージ図である。
【００２８】
本実施例の技術は、プレビュー領域に表示された部品にアクセスがあった場合に、その部品が持つ本来の振る舞いとは別の振る舞いをさせるように加工したいＷｅｂページに対して、そのＷｅｂページを構成する部品に透明（例えば透明度０％）又は半透明（例えば透明度１〜９９％）のオーバーレイ要素を被せるものである。
【００２９】
図２（Ａ）は編集対象のＷｅｂページを構成する部品１〜６毎に、一つずつオーバーレイ要素１Ａ〜６Ａを被せたものである。また、図２（Ｂ）は編集対象のＷｅｂページ全体にオーバーレイ要素７Ａを被せたものである。本実施例の技術は編集対象のＷｅｂページを構成する部品１〜６にオーバーレイ要素１Ａ〜７Ａを被せることで、編集対象のＷｅｂページを構成する部品１〜６に如何なる振る舞いが定義されていようとも、また、如何なる振る舞いが定義されているか知ることができなくても、編集対象のＷｅｂページを構成する部品１〜６に対するクリック等のイベントの発生を抑止できる。
【００３０】
また同時に、本実施例の技術ではオーバーレイ要素１Ａ〜７Ａに部品１〜６が持つ本来の振る舞いとは別の振る舞いを定義することで、プレビュー領域に表示された部品１〜６にアクセスがあった場合に、その部品１〜６が持つ本来の振る舞いとは別の振る舞いをさせることができる。つまり、本実施例の技術では編集対象のＷｅｂページを構成する部品１〜６にイベントが発生せず、オーバーレイ要素１Ａ〜７Ａにイベントが発生する。
【００３１】
なお、本実施例の技術ではオーバーレイ要素１Ａ〜７Ａを透明とすることで、利用者にオーバーレイ要素１Ａ〜７Ａの存在を一切意識させなくできる。また、オーバーレイ要素１Ａ〜７Ａは編集対象のＷｅｂページ上の重なる部分と同一デザインとしても、利用者に存在を一切意識させなくできる。
【００３２】
さらに、本実施例の技術ではオーバーレイ要素１Ａ〜７Ａを半透明など透明と別の状態とすることで、編集対象のＷｅｂページを構成する部品１〜６に何らかの加工が成されたことを敢えて意識させた上で、部品１〜６の振る舞いを変更できる。なお、以下の説明では図２（Ａ）に示した本実施例の技術を方式１と呼び、図２（Ｂ）に示した本実施例の技術を方式２と呼ぶ。
【００３３】
（システム構成図）
図３は、本実施例のＷｅｂページエディタが実行されるシステムの一例を示した構成図である。図３（Ａ）に示したシステムは、スタンドアローンのコンピュータ（ＰＣ）により実現される利用者端末１０を含む構成である。また、図３（Ｂ）に示したシステムはインターネットやＬＡＮ等のネットワーク１３に接続されたコンピュータにより実現される利用者端末１０，Ｗｅｂページ編集装置１１及びＷｅｂサイト１２を含む構成である。利用者端末１０，Ｗｅｂページ編集装置１１及びＷｅｂサイト１２は、ネットワーク１３経由でデータ通信可能である。
【００３４】
図３（Ａ）のシステムに含まれる利用者端末１０は利用者から編集対象のＷｅｂページに対する編集開始指示を受け、後述の振舞変更処理で編集操作が可能となった編集対象のＷｅｂページを表示する。図３（Ａ）のシステムに含まれる利用者端末１０は利用者から編集対象のＷｅｂページに対する部品の移動・削除・サイズ変更・プロパティ変更などの編集操作を受け付け、その編集操作の内容を編集対象Ｗｅｂページファイル（編集対象のＷｅｂページを記述したファイル）に反映させる。
【００３５】
また、図３（Ｂ）のシステムに含まれる利用者端末１０は利用者から編集対象のＷｅｂページに対する編集開始指示を受け、その編集開始指示をＷｅｂページ編集装置１１に送信する。Ｗｅｂページ編集装置１１はＷｅｂサイト１２から編集対象Ｗｅｂページファイルを読み込み、後述の振舞変更処理で編集操作が可能となった又は後述の振舞変更処理が追加された編集対象Ｗｅｂページファイルを利用者端末１０に送信する。
【００３６】
図３（Ｂ）のシステムに含まれる利用者端末１０はＷｅｂページ編集装置１１から受信した編集対象Ｗｅｂページファイルに基づき、編集操作が可能となった編集対象のＷｅｂページを表示する。また、図３（Ｂ）のシステムに含まれる利用者端末１０は利用者から編集対象のＷｅｂページに対する部品の移動・削除・サイズ変更・プロパティ変更などの編集操作を受け付け、その編集操作の内容をＷｅｂページ編集装置１１に通知する。Ｗｅｂページ編集装置１１は、利用者端末１０から通知された編集操作の内容を、Ｗｅｂサイト１２に格納されている編集対象Ｗｅｂページファイルに反映させる。
【００３７】
図４は本実施例のＷｅｂページエディタが実行されるコンピュータの一例を示した構成図である。図４のコンピュータは、バスＢで相互に接続されている入力装置２１，出力装置２２，ドライブ装置２３，補助記憶装置２４，主記憶装置２５，演算処理装置２６及びインターフェース装置２７を有するように構成される。
【００３８】
入力装置２１はキーボードやマウスなどで構成され、各種信号を入力するために用いられる。出力装置２２はディスプレイ装置などで構成され、各種ウインドウやデータ等を表示するために用いられる。インターフェース装置２７は、モデム，ＬＡＮカードなどで構成されており、インターネットやＬＡＮなどのネットワーク１３に接続するために用いられる。
【００３９】
本実施例のＷｅｂページエディタは、利用者端末１０又はＷｅｂページ編集装置１１を制御する各種プログラムの少なくとも一部である。Ｗｅｂページエディタのプログラムは記録媒体２８の配布やネットワーク１３からのダウンロードなどによって提供される。
【００４０】
Ｗｅｂページエディタのプログラムを記録した記録媒体２８は、ＣＤ−ＲＯＭ、フレキシブルディスク、光磁気ディスク等の様に情報を光学的，電気的或いは磁気的に記録する記録媒体、ＲＯＭ、フラッシュメモリ等の様に情報を電気的に記録する半導体メモリ等の様々なタイプの記録媒体を用いることができる。
【００４１】
また、Ｗｅｂページエディタのプログラムを記録した記録媒体２８がドライブ装置２３にセットされると、Ｗｅｂページエディタのプログラムは、記録媒体２８からドライブ装置２３を介して補助記憶装置２４にインストールされる。なお、ネットワーク１３からダウンロードされるＷｅｂページエディタのプログラムは、インターフェース装置２７を介して補助記憶装置２４にインストールされる。
【００４２】
補助記憶装置２４はインストールされたＷｅｂページエディタのプログラムを格納すると共に、必要なファイル，データ等を格納する。主記憶装置２５は、起動時に補助記憶装置２４からＷｅｂページエディタのプログラムを読み出して格納する。そして、演算処理装置２６は主記憶装置２５に格納されたＷｅｂページエディタのプログラムに従って、後述するような各種処理を実現している。
【００４３】
以下、本実施例のＷｅｂページエディタが行う処理の詳細について説明していく。本実施例のＷｅｂページエディタは前述した方式１及び方式２の技術について、直接加工又は間接加工を取り得る。直接加工は、本実施例のＷｅｂページエディタが主体となって編集対象Ｗｅｂページファイルの加工を完結する。
【００４４】
一方、間接加工は本実施例のＷｅｂページエディタが、加工処理を行うスクリプトを編集対象Ｗｅｂページファイルへ挿入するにとどまる。間接加工は、加工処理を行うスクリプトを挿入された編集対象Ｗｅｂページファイルが、利用者のＷｅｂブラウザへロードされた時点で、Ｗｅｂブラウザ上で加工処理が走行する。なお、直接加工及び間接加工は加工処理の走行する場所が異なるものの、処理の本質が変わるものではない。以下では方式１及び２の技術を直接加工で実現する例、方式１及び２の技術を間接加工で実現する例を順番に説明していく。
【００４５】
なお、以下の説明では説明の便宜上、処理の主体がＷｅｂページエディタやＷｅｂブラウザであるように記載している。実際、処理の主体は演算処理装置２６がＷｅｂページエディタやＷｅｂブラウザのプログラムを実行することにより実現される手段である。
【００４６】
（直接加工）
図５は直接加工の処理手順を表したフローチャートである。ステップＳ１に進み、Ｗｅｂページエディタは編集対象Ｗｅｂページファイルを読み込む。ＷｅｂページエディタはステップＳ２に進み、編集対象Ｗｅｂページファイルに対して後述の加工処理を行う。ステップＳ３に進み、Ｗｅｂページエディタは加工処理により加工した後の編集対象Ｗｅｂページファイルを出力する。
【００４７】
図６は直接加工の処理手順を表した一例のイメージ図である。図６の利用者端末１０はＷｅｂページエディタ３１及びＷｅｂブラウザ３２がインストールされている。利用者から編集開始指示を受け、Ｗｅｂページエディタ３１は編集対象Ｗｅｂページファイル１００を読み込む。Ｗｅｂページエディタ３１は後述の加工処理（振舞変更処理）を行う。例えばＷｅｂページエディタ３１は編集対象Ｗｅｂページファイル１００について、全ての部品のクリック操作に対する振る舞いを「選択動作」とし、その後の編集処理が可能となるように設定する。
【００４８】
Ｗｅｂページエディタ３１は振舞変更処理により振舞変更された編集対象Ｗｅｂページファイル（振舞変更されたＷｅｂページ電文）１０１を出力する。Ｗｅｂブラウザ３２は振舞変更で編集操作が可能となった編集対象Ｗｅｂページファイルを受け、出力装置２２に編集操作が可能となった編集対象Ｗｅｂページを表示して利用者に閲覧させる。
【００４９】
利用者は、Ｗｅｂブラウザ３２を操作し、編集対象Ｗｅｂページの編集を行う。利用者からの編集操作（移動・削除・サイズ変更・プロパティ変更など）を受け、Ｗｅｂブラウザ３２は編集操作による変更の反映をＷｅｂページエディタ３１経由で、編集対象Ｗｅｂページファイル１００に対して行う。
【００５０】
このような編集操作による変更を編集対象Ｗｅｂページファイル１００に反映させる為には、振舞変更された編集対象Ｗｅｂページファイル１０１に、一連の編集操作に対する振る舞いを設定しておく必要がある。
【００５１】
例えばＷｅｂブラウザ３２は「window.status」の変更により電文をＷｅｂページエディタ３１に伝える。また、Ｗｅｂページエディタ３１は「window.status」の変更を監視することにより、編集操作による変更を編集対象Ｗｅｂページファイル１００に反映させることができる。
【００５２】
ここでの「window」はＪａｖａＳｃｒｉｐｔでブラウザウインドウを指すオブジェクトである。また、「window.status」はブラウザのステータスバー部分の文字列を表す属性である。
【００５３】
図７は、直接加工の処理手順を表した他の例のイメージ図である。図７の利用者端末１０はＷｅｂブラウザ３２がインストールされている。Ｗｅｂページ編集装置１１はＷｅｂページエディタ３１がインストールされている。また、Ｗｅｂサイト１２は編集対象Ｗｅｂページファイル（編集対象Ｗｅｂページリソース）１００を格納している。
【００５４】
利用者端末１０，Ｗｅｂページ編集装置１１及びＷｅｂサイト１２はＨＴＴＰ通信が可能であるものとする。さらに、Ｗｅｂサイト１２が格納する編集対象Ｗｅｂページファイル１００は、Ｗｅｂページ編集装置１１からのＨＴＴＰのＧＥＴ要求のみならずＨＴＴＰのＰＵＴ要求にも対応しているものとする。
【００５５】
利用者から編集開始指示を受け、利用者端末１０のＷｅｂブラウザ３２はＷｅｂページ編集装置１１のＷｅｂページエディタ３１へ編集開始を要求する。Ｗｅｂページエディタ３１はＷｅｂサイト１２にＨＴＴＰのＧＥＴ要求を行い、Ｗｅｂサイト１２から編集対象Ｗｅｂページファイル１００を読み込む。
【００５６】
Ｗｅｂページエディタ３１は後述の振舞変更処理を行う。Ｗｅｂページエディタ３１は振舞変更処理により振舞変更された編集対象Ｗｅｂページファイルを出力する。Ｗｅｂブラウザ３２は振舞変更で編集操作が可能となった編集対象ＷｅｂページファイルをＷｅｂページ編集装置１１のＷｅｂページエディタ３１から受け、出力装置２２に編集操作が可能となった編集対象Ｗｅｂページを表示して利用者に閲覧させる。
【００５７】
利用者は、Ｗｅｂブラウザ３２を操作し、編集対象Ｗｅｂページの編集を行う。利用者からの編集操作（移動・削除・サイズ変更・プロパティ変更など）を受け、Ｗｅｂブラウザ３２は編集操作による変更の反映をＷｅｂページ編集装置１１のＷｅｂページエディタ３１経由で、Ｗｅｂサイト１２が格納する編集対象Ｗｅｂページファイル１００に対して行う。
【００５８】
このような編集操作による変更を編集対象Ｗｅｂページファイル１００に反映させる為には、振舞変更された編集対象Ｗｅｂページファイルに、一連の編集操作に対する振る舞いを設定しておく必要がある。
【００５９】
例えばＷｅｂブラウザ３２はＸｍｌＨｔｔｐＲｅｑｕｅｓｔオブジェクトを使い、編集対象Ｗｅｂページに対する編集操作をＷｅｂページ編集装置１１のＷｅｂページエディタ３１へ伝えるように振る舞いが設定される。そして、Ｗｅｂページ編集装置１１のＷｅｂページエディタ３１は、編集対象Ｗｅｂページに対する編集操作を、ＨＴＴＰのＰＵＴ要求によりＷｅｂサイト１２の編集対象Ｗｅｂページファイル１００に反映させることができる。つまり、図７ではＷｅｂブラウザ３２が受けた編集対象Ｗｅｂページに対する編集操作をＷｅｂサイト１２へ伝える形態とすることにより、リモートによる編集対象Ｗｅｂページファイル１００の編集を可能としている。
【００６０】
図８は方式１の技術を直接加工で実現する処理を表したイメージ図である。方式１は前述したように、編集対象Ｗｅｂページを構成する部品毎に、一つずつオーバーレイ要素を生成して被せ、オーバーレイ要素に部品が持つ本来の振る舞いとは別の振る舞いを定義する技術である。
【００６１】
Ｗｅｂページエディタ３１は、ページ解釈部４１，オーバーレイ生成部４２，振舞決定部４３，合成部４４，制御部４５を有する構成である。ページ解釈部４１は、例えば編集対象Ｗｅｂページファイル１００の一例として図８に示す加工前のＷｅｂページ２００を読み込む。
【００６２】
加工前のＷｅｂページ２００は、振舞２２０〜２２２が定義された部品２１０〜２１２により構成される。Ｗｅｂページエディタ３１のページ解釈部４１は読み込んだ加工前のＷｅｂページ２００を解釈し、部品一覧を作成する。言い換えれば、ページ解釈部４１は読み込んだ加工前のＷｅｂページ２００を解釈し、部品ツリーとしてモデル化する。
【００６３】
簡単な実装においてはページ解釈部４１をＷｅｂブラウザ３２等に実装されているＤＯＭパーサそのものとしてもよい。ページ解釈部４１をＷｅｂブラウザ３２等に実装されているＤＯＭパーサそのものとした場合、部品ツリーはＤＯＭツリーそのものとなる。その他、ページ解釈部４１はＤＯＭツリーそのものではなく、ＤＯＭツリーを更に解釈してまとめた部品ツリーを別途生成するようにしてもよい。ＤＯＭツリーを更に解釈してまとめた部品ツリーを別途生成するようにした場合、Ｗｅｂページエディタ３１はＪａｖａＳｃｒｉｐｔライブラリなどが提供する特殊マークアップや複数のＤＯＭ要素からなる複合部品（カレンダー、スライダーなど）を扱うこともできる。
【００６４】
ページ解釈部４１で作成された部品一覧に基づき、加工前のＷｅｂページ２００を構成する全ての部品２１０〜２１２について、オーバーレイ生成部４２は、オーバーレイ要素２３０〜２３２を一つずつ生成する。オーバーレイ生成部４２は生成したオーバーレイ要素２３０〜２３２に、加工前のＷｅｂページ２００を構成する全ての部品２１０〜２１２と比べて、より大きなＺ座標を持たせる。
【００６５】
振舞決定部４３は振舞紐付定義ＤＢ３３に格納されている振舞紐付定義や振舞ＤＢ３４に格納されている新しい振舞２４０〜２４２を参照し、加工前のＷｅｂページ２００を構成する全ての部品２１０〜２１２について、紐付けるべき新しい振舞２４０〜２４２を対応するオーバーレイ要素２３０〜２３２に紐付ける。
【００６６】
振舞紐付定義ＤＢ３３は、各部品、各イベントに対する新しい振舞を定義した定義体である。なお、振舞紐付定義ＤＢ３３は、一律，テーブル，ルールの何れの形態であってもよい。
【００６７】
合成部４４はページ解釈部４１から加工前のＷｅｂページ２００を受信し、振舞決定部４３から新しい振舞２４０〜２４２が紐付けられたオーバーレイ要素２３０〜２３２を受信する。合成部４４は、加工前のＷｅｂページ２００に新しい振舞２４０〜２４２が紐付けられたオーバーレイ要素２３０〜２３２を合成し、加工後のＷｅｂページ２０１を生成する。
【００６８】
図８に示した加工後のＷｅｂページ２０１は、振舞２２０〜２２２が定義された部品２１０〜２１２に、新しい振舞２４０〜２４２が紐付けられたオーバーレイ要素２３０〜２３２を被せたものである。加工後のＷｅｂページ２０１はオーバーレイ要素２３０〜２３２を透明にした場合、加工前のＷｅｂページ２００と見た目が同じである。つまり、利用者は加工前のＷｅｂページ２００から加工後のＷｅｂページ２０１に変わったことを認識しない。
【００６９】
利用者が加工前のＷｅｂページ２００を構成する部品（例えば部品２１０）に対する操作を意図しながら加工後のＷｅｂページ２０１に対して行うクリックやマウスオーバーなどのマウスイベントは、加工前のＷｅｂページ２００を構成する部品に被せたオーバーレイ要素（例えばオーバーレイ要素２３０）にしか発生しない。
【００７０】
このため、加工前のＷｅｂページ２００を構成する部品（例えば部品２１０）へのイベント発生は完全に抑止され、加工前のＷｅｂページ２００を構成する部品（例えば部品２１０）に定義されていた振舞（例えば振舞２２０）が実行されない。一方、加工前のＷｅｂページ２００を構成する部品に被せたオーバーレイ要素（例えばオーバーレイ要素２３０）へのイベントは発生し、そのオーバーレイ要素（例えばオーバーレイ要素２３０）に紐付けられた振舞（振舞２４０）が実行される。
【００７１】
図９は、方式１の技術を直接加工で実現する処理を説明する為の説明図である。Ｗｅｂページエディタ３１は、加工前のＷｅｂページを構成する部品ａ〜ｆを走査し、それぞれの部品ａ〜ｆに対して以下の処理を行う。
【００７２】
部品ａ〜ｆに対応する新しい振る舞いは、振舞紐付定義ＤＢ３３に格納されている振舞紐付テーブルのルックアップ等により決定される。図９（Ｂ）は振舞紐付定義ＤＢ３３に格納されている振舞紐付テーブルの一例を示している。なお、部品ａ〜ｆに対応する新しい振る舞いは、振舞紐付テーブルによる定義の他、全ての部品ａ〜ｆを一律、同じとする定義、特定の条件に合致する部品毎の定義も有用である。
【００７３】
次に、オーバーレイ生成部４２は部品ａ〜ｆと同じ大きさ・形状のオーバーレイ要素を生成する。振舞決定部４３は部品ａ〜ｆに対応する新しい振る舞いを、部品ａ〜ｆに対応するオーバーレイ要素に定義する。合成部４４は、部品ａ〜ｆに対応するオーバーレイ要素を、部品ａ〜ｆと同じ平面座標かつ充分大きなＺ座標に配置し、部品ａ〜ｆを完全に覆う形とする。
【００７４】
図９（Ａ）は加工後のＷｅｂページの一例を示している。加工後のＷｅｂページを構成する全ての部品ａ〜ｆは、各部品ａ〜ｆに対応するオーバーレイ要素が完全に覆った形となっている。例えば図９（Ａ）では部品ａに対応するオーバーレイ要素に「クリックでｆｕｎｃｔｉｏｎＡを実行」、「マウスムーブでｆｕｎｃｔｉｏｎＢを実行」が図９（Ｂ）の振舞紐付テーブルに基づき、定義されている。
【００７５】
なお、図９（Ａ）に示す加工後のＷｅｂページは、部品ａ〜ｆに定義された振舞がそのまま定義されているが、被さったオーバーレイ要素により部品ａ〜ｆへのイベント発生が完全に抑止され、もともと部品ａ〜ｆに定義されている振舞が無効化されているのと同様となる。
【００７６】
図１０は、加工前のＷｅｂページファイル及び加工前のＷｅｂページを説明する為の説明図である。図１０（Ａ）は加工前のＷｅｂページファイルの一例の構成図である。図１０（Ｂ）は図１０（Ａ）に示す加工前のＷｅｂページファイルに基づいてＷｅｂブラウザ３２が生成する表示画面の一例のイメージ図である。
【００７７】
図１１は、加工後のＷｅｂページファイルの一例の構成図である。図１１の加工後のＷｅｂページファイルは図１０（Ａ）の加工前のＷｅｂページファイルに、部品Ａ及びＢに対応するオーバーレイ要素及び新しい振舞Ｃ及びＤの記載が追加されている。
【００７８】
次に、図５のステップＳ２に示した加工処理の処理手順について詳細に説明する。図１２は加工処理の手順を表したフローチャートである。ステップＳ１１に進み、ページ解釈部４１は、例えば図１０（Ａ）に示す加工前のＷｅｂページファイルを読み込む。ページ解釈部４１は読み込んだ加工前のＷｅｂページファイルを解釈し、例えば図１３に示すように部品ツリー化する。図１３は部品ツリーの一例の構成図である。
【００７９】
ステップＳ１２に進み、オーバーレイ生成部４２は部品ツリーに基づき、加工前のＷｅｂページを構成する全ての部品についてオーバーレイ要素を一つずつ生成する。ステップＳ１２のオーバーレイ生成処理の詳細は後述する。
【００８０】
ステップＳ１３に進み、振舞決定部４３は振舞紐付定義ＤＢ３３に格納されている振舞紐付定義や振舞ＤＢ３４に格納されている新しい振舞を参照し、加工前のＷｅｂページを構成する全ての部品について、紐付けるべき新しい振舞を決定する。振舞決定部４３は決定した新しい振舞を、各部品に対応するオーバーレイ要素に紐付ける。ステップＳ１３の振舞決定処理の詳細は後述する。
【００８１】
ステップＳ１４に進み、合成部４４はページ解釈部４１から加工前のＷｅｂページを受信し、振舞決定部４３から新しい振舞が紐付けられたオーバーレイ要素を受信する。合成部４４は、加工前のＷｅｂページに新しい振舞が紐付けられたオーバーレイ要素を合成して加工後のＷｅｂページを生成する。ステップＳ１４の合成処理の詳細は後述する。
【００８２】
図１４はオーバーレイ生成処理の手順を表したフローチャートである。ステップＳ２１に進み、オーバーレイ生成部４２はオーバーレイ格納用の空リストを作成する。ステップＳ２２に進み、オーバーレイ生成部４２は部品ツリーからページルート部品（例えば図１３の部品ツリーにおけるｂｏｄｙ）を取り出す。
【００８３】
ステップＳ２３に進み、オーバーレイ生成部４２は部品ツリーに基づき、図１５に示す部品毎の再帰処理を行ったあと、オーバーレイ生成処理を終了する。図１５は、部品毎の再帰処理の手順を表したフローチャートである。
【００８４】
ステップＳ３１に進み、オーバーレイ生成部４２は変数ｉに０を代入する。ステップＳ３２に進み、オーバーレイ生成部４２は、変数ｉが子部品の数より小さいかを否かを判定する。なお、子部品の数は部品ツリーから取得できる。オーバーレイ生成部４２は変数ｉが子部品の数より小さければ、ステップＳ３３に進み、部品ツリーからｉ＋１番目の子部品を取り出す。
【００８５】
ステップＳ３４に進み、オーバーレイ生成部４２は後述する部品毎の実処理を行う。ステップＳ３３で取り出したｉ＋１番目の子部品に、更に子部品があればオーバーレイ生成部４２はステップＳ３５において、更に図１５の部品毎の再帰処理を行う。ステップＳ３６に進み、オーバーレイ生成部４２は変数ｉに１を加算したあと、ステップＳ３２の処理に戻り処理を続ける。ステップＳ３２において、オーバーレイ生成部４２は変数ｉが子部品の数より小さくなければ、ステップＳ２３の部品毎の再帰処理を終了する。
【００８６】
図１６は、部品毎の実処理の手順を表したフローチャートである。ステップＳ４１に進み、オーバーレイ生成部４２はオーバーレイ要素を生成する。オーバーレイ生成部４２はステップＳ４２に進み、オーバーレイ要素のｉｄ，サイズ，座標を設定する。オーバーレイ生成部４２は対応する部品が完全に覆われるように、オーバーレイ要素のサイズ及び座標を設定する。なお、オーバーレイ生成部４２はオーバーレイ要素のＺ座標を部品のＺ座標と比べて充分に大きな値に設定する。
【００８７】
そして、ステップＳ４３に進み、オーバーレイ生成部４２は設定したオーバーレイ要素のｉｄ，サイズ，座標をオーバーレイ格納用のリストに追加して、部品毎の実処理を終了する。
【００８８】
続いて、ステップＳ１３に示した振舞決定処理の詳細について説明する。図１７は振舞決定処理の手順を表したフローチャートである。ステップＳ５１に進み、振舞決定部４３はオーバーレイ格納用のリストを参照する。ステップＳ５２に進み、振舞決定部４３は変数ｉに０を代入する。
【００８９】
ステップＳ５３に進み、振舞決定部４３は、変数ｉがオーバーレイ要素の数より小さいか否かを判定する。なお、オーバーレイ要素の数はオーバーレイ格納用のリストから取得できる。振舞決定部４３は変数ｉがオーバーレイ要素の数より小さければ、ステップＳ５４に進み、オーバーレイ格納用のリストからｉ＋１番目のオーバーレイ要素を取り出す。
【００９０】
ステップＳ５５に進み、振舞決定部４３は後述の部品毎振舞付与処理を行う。ステップＳ５６に進み、振舞決定部４３は変数ｉに１を加算したあと、ステップＳ５３の処理に戻り処理を続ける。ステップＳ５３において、振舞決定部４３は変数ｉがオーバーレイ要素の数より小さくなければ、ステップＳ１３の振舞決定処理を終了する。
【００９１】
図１８は部品毎振舞付与処理の手順を表したフローチャートである。ステップＳ６１に進み、振舞決定部４３はステップＳ５４で取り出したｉ＋１番目のオーバーレイ要素に対応する部品（対応部品）を特定する。例えば図２（Ａ）のオーバーレイ要素１Ａが取り出された場合は部品１が対応部品として特定される。
【００９２】
ステップＳ６２に進み、振舞決定部４３は振舞紐付定義ＤＢ３３に格納されている振舞紐付定義を検索し、対応部品に定義されている単数又は複数の振舞（対象イベント・振舞関数の組）を取得する。ステップＳ６３に進み、振舞決定部４３は取得した単数又は複数の振舞を全てオーバーレイ要素に付与した（紐付けた）あと、ステップＳ５５の部品毎振舞付与処理を終了する。
【００９３】
続いて、ステップＳ１４に示した合成処理の詳細について説明する。図１９は合成処理の手順を表したフローチャートである。ステップＳ７１に進み、合成部４４はオーバーレイ格納用のリストを参照する。ステップＳ７２に進み、合成部４４は変数ｉに０を代入する。ステップＳ７３に進み、合成部４４は変数ｉがオーバーレイ要素の数より小さいか否かを判定する。
【００９４】
変数ｉがオーバーレイ要素の数より小さければ、ステップＳ７４に進み、合成部４４はオーバーレイ格納用のリストからｉ＋１番目のオーバーレイ要素を取り出す。ステップＳ７５に進み、合成部４４はステップＳ２２で取り出したページルート部品にオーバーレイ要素を追加する。例えば合成部４４は、図１０（Ａ）に示す加工前のＷｅｂページファイルにオーバーレイ要素に関する記載を合成して図１０（Ｂ）に示す加工後のＷｅｂページファイルを生成する。
【００９５】
ステップＳ７６に進み、合成部４４は変数ｉに１を加算したあと、ステップＳ７３の処理に戻り処理を続ける。ステップＳ７３において、合成部４４は変数ｉがオーバーレイ要素の数より小さくなければ、ステップＳ１４の合成処理を終了する。
【００９６】
図２０は振舞紐付定義の実装例を表した説明図である。振舞紐付定義は様々な方法が考えられる。図２０は典型的な振舞紐付定義の実装を示している。図２０の振舞紐付定義は部品指定子，対象イベント，振舞関数の３列からなる表を用いたテーブル構造である。
【００９７】
部品指定子はＣＳＳ（Cascading Style Sheets）におけるセレクタ又はＸＰａｔｈなどの要素指定子が利用可能である。図２０の振舞紐付定義はＣＳＳにおけるセレクタを用いた例である。
【００９８】
図２０（Ａ）は部品指定子に個別のＩＤを使った要素指定の例である。図２０（Ｂ）は部品指定子に要素種別（アンカータグなど）を使った要素指定の例である。さらに、図２０（Ｃ）は部品指定子に、全ての要素に一律、同一の指定を行う要素指定の例である。
【００９９】
なお、部品指定子を解釈し、ＤＯＭツリー上を走査して該当要素を取得するアルゴリズムはＪａｖａＳｃｒｉｐｔライブラリの形で現存しており、既存技術であるため説明を省略する。
【０１００】
図２１は方式２の技術を直接加工で実現する処理を表したイメージ図である。方式２は前述したように、編集対象Ｗｅｂページ全体を覆うオーバーレイ要素を一つ生成して編集対象Ｗｅｂページに被せ、そのオーバーレイ要素にマウス座標などから利用者の関心の対象である部品を特定する手段と、特定された部品及び対象イベントから実行されるべき新しい振舞を特定する手段と、特定された振舞を起動する手段とを持たせる技術である。
【０１０１】
Ｗｅｂページエディタ３１は、ページ解釈部４１，オーバーレイ生成部４２，合成部４４，制御部４５を有する構成である。ページ解釈部４１は、例えば編集対象Ｗｅｂページファイル１００の一例として加工前のＷｅｂページ２００を読み込む。
【０１０２】
加工前のＷｅｂページ２００は、振舞２２０〜２２２が定義された部品２１０〜２１２により構成される。Ｗｅｂページエディタ３１のページ解釈部４１は読み込んだ加工前のＷｅｂページ２００を解釈し、部品一覧を作成する。言い換えれば、ページ解釈部４１は読み込んだ加工前のＷｅｂページ２００を解釈し、部品ツリーとしてモデル化する。
【０１０３】
オーバーレイ生成部４２は、加工前のＷｅｂページ２００全体を覆うオーバーレイ要素２５０を一つ生成する。オーバーレイ生成部４２は生成したオーバーレイ要素２５０に加工前のＷｅｂページ２００を構成する全ての部品２１０〜２１２と比べて、十分大きなＺ座標を持たせる。
【０１０４】
また、オーバーレイ生成部４２は生成したオーバーレイ要素２５０に特殊な振舞２５１を定義する。ここで定義する特殊な振舞２５１には、振舞紐付定義ＤＢ３３に格納されていた振舞紐付けルール２５３や振舞ＤＢ３４に格納されていた新しい振舞２４０〜２４２を全て内包し、かつ利用者の操作によるイベント発生時に、利用者の関心の対象である部品（利用者が意図した部品）を特定する機構が含まれる。
【０１０５】
より具体的に、特殊な振舞２５１にはイベント発生時にオーバーレイ要素２５０を不可視にしたり、振舞紐付けルール２５３を動的に参照しながら振舞を特定・実行したりする機構が含まれる。
【０１０６】
合成部４４はページ解釈部４１から加工前のＷｅｂページ２００を受信し、オーバーレイ生成部４２から新しい振舞である特殊な振舞２５１が紐付けられたオーバーレイ要素２５０を受信する。合成部４４は、加工前のＷｅｂページ２００に特殊な振舞２５１が紐付けられたオーバーレイ要素２５０を合成し、加工後のＷｅｂページ２０１を生成する。
【０１０７】
加工後のＷｅｂページ２０１は、特殊な振舞２５１が紐付けられたオーバーレイ要素２５０を、加工前のＷｅｂページ２００に被せたものである。加工後のＷｅｂページ２０１はオーバーレイ要素２５０を透明にした場合、加工前のＷｅｂページ２００と見た目が同じである。つまり、利用者は加工前のＷｅｂページ２００から加工後のＷｅｂページ２０１に変わったことを認識しない。
【０１０８】
利用者が加工前のＷｅｂページ２００を構成する部品（例えば部品２１０）に対する操作を意図しながら加工後のＷｅｂページ２０１に対して行うクリックやマウスオーバーなどのマウスイベントは、加工前のＷｅｂページ２００に被せたオーバーレイ要素２５０にしか発生しない。
【０１０９】
このため、加工前のＷｅｂページ２００を構成する部品（例えば部品２１０）へのイベント発生は完全に抑止され、加工前のＷｅｂページ２００を構成する部品（例えば部品２１０）に定義されていた振舞（例えば振舞２２０）が実行されない。
【０１１０】
一方、加工前のＷｅｂページ２００に被せたオーバーレイ要素２５０へのイベントは発生し、そのオーバーレイ要素２５０に紐付けられた特殊な振舞２５１が実行される。ここで実行される特殊な振舞２５１には、利用者の意図した部品を特定する機構，特定された部品及び対象イベントから実行されるべき新しい振舞を決定する機構，決定された振舞そのもの，決定された振舞を起動する機構が内包されている。したがって、加工後のＷｅｂページ２０１では、利用者の意図した部品に定義されていた振舞を一切実行せず、新しい振舞が実行される。
【０１１１】
なお、方式２の技術では加工前のＷｅｂページ２００に一つのオーバーレイ要素２５０を覆いつつ、イベント発生時に、利用者の意図した部品を特定する必要がある。そこで本実施例ではオーバーレイ要素２５０を一時的に不可視（visibility=hidden）とし、イベント発生座標を元に最上位要素を取得し、オーバーレイ要素２５０の不可視を解除することにより、取得した最上位要素を利用者の意図した部品として特定できる。
【０１１２】
ここで、不可視とはイベント発生座標を元にＺ座標が最大である最上位要素を取得するときに、無視される状態をいう。なお、オーバーレイ要素２５０は、もともと透明であるため、不可視となったオーバーレイ要素２５０と可視となったオーバーレイ要素２５０とに見た目の違いがない。
【０１１３】
図２２は、方式２の技術を直接加工で実現する処理を説明する為の説明図である。Ｗｅｂページエディタ３１は、加工前のＷｅｂページ全体と同じサイズを持ち、且つ、特殊な振舞２５１が定義されたオーバーレイ要素２５０を生成して加工前のＷｅｂページ全体に被せる。
【０１１４】
特殊な振舞２５１には、ｍｏｕｓｅＤｏｗｎ，ｍｏｕｓｅＭｏｖｅ，ｍｏｕｓｅＵｐ等のイベントに対して図２２（Ｂ）に示す振舞が定義されている。その他、特殊な振舞２５１にはイベント発生時にオーバーレイ要素２５０を不可視にする機構，マウスポインタ座標（イベント発生座標）に対する最上位要素を取得する関数を使って利用者の意図した部品を取得する機構，利用者の意図した部品に対応する新しい振舞を図２２（Ｂ）の振舞紐付テーブルのルックアップ等により決定する機構，利用者の意図した部品に対応する新しい振舞を実行する機構，不可視になっていたオーバーレイ要素２５０を可視に戻す機構が内包されている。
【０１１５】
図２３は特殊な振舞による処理を表した動作イメージ図である。図２３（Ａ）では利用者が部品Ａのある座標でマウスクリックを行う。このとき、利用者の心理としては部品Ａをマウスクリックしているつもりである。しかし、Ｗｅｂブラウザ３２にはオーバーレイ要素に対するクリックイベントのみが発生し、部品Ａに対するクリックイベントが発生しない。このため、図２３（Ａ）に示す例では、部品Ａに定義されたクリックイベントに対する振舞を起動しない。
【０１１６】
図２３（Ｂ）では透明なオーバーレイ要素が一時的に不可視となることで、部品Ａが最上位（最前面）要素となる為、マウスクリックのあったマウスポインタ座標を使ってＷｅｂブラウザ３２に実装されている最前面部品を取り出す関数を呼び出すことで、部品Ａを特定できる。マウスポインタ座標を使って最前面部品を取り出す関数としては、例えばｅｌｅｍｅｎｔＦｒｏｍＰｏｉｎｔ（ｘ，ｙ）がある。
【０１１７】
図２３（Ｃ）では透明なオーバーレイ要素をもとの状態である可視に戻し、例えば特定した部品Ａの位置及びサイズから部品Ａ上に選択状態表示用矩形を表示する。部品Ａが既に特定されているため、図２３（Ｃ）では特定した部品Ａの削除，編集，移動，リサイズ等の動作を行うことができる。
【０１１８】
図２４は、加工前のＷｅｂページファイルの一例の構成図である。図２５は加工後のＷｅｂページファイルの一例の構成図である。図２５の加工後のＷｅｂページファイルは図２４の加工前のＷｅｂページファイルに、加工前のＷｅｂページ全体に被せるオーバーレイ要素及び特殊な振舞の記載が追加されている。
【０１１９】
次に、図５のステップＳ２に示した加工処理の処理手順について詳細に説明する。図２６は加工処理の手順を表したフローチャートである。ページ解釈部４１は、例えば図２４に示す加工前のＷｅｂページファイルを読み込む。ページ解釈部４１は読み込んだ加工前のＷｅｂページファイルを解釈し、例えば図１３に示すように部品ツリー化する。
【０１２０】
ステップＳ１０１に進み、オーバーレイ生成部４２は加工前のＷｅｂページ全体を覆うオーバーレイ要素を一つ生成する。ステップＳ１０２に進み、オーバーレイ生成部４２はオーバーレイ要素に発生しうるマウスイベントに対し、後述のようにイベントリスナ関数を付与する。さらに、オーバーレイ生成部４２は生成したオーバーレイ要素２５０に特殊な振舞２５１を定義する。
【０１２１】
ステップＳ１０３に進み、合成部４４はページ解釈部４１から加工前のＷｅｂページを受信し、オーバーレイ生成部４２から特殊な振舞２５１が紐付けられたオーバーレイ要素を受信する。合成部４４は、加工前のＷｅｂページのルートに、特殊な振舞２５１が紐付けられたオーバーレイ要素を追加して加工後のＷｅｂページを生成する。
【０１２２】
図２７は、イベントリスナ関数処理の手順を表したフローチャートである。図２７に示したイベントリスナ関数処理はオーバーレイ要素に紐付けられた特殊な振舞２５１に基づいてＷｅｂブラウザ３２で実行される。ステップＳ１１１に進み、Ｗｅｂブラウザ３２は後述のように利用者の関心の対象である部品（関心部品）を特定する。
【０１２３】
ステップＳ１１２に進み、Ｗｅｂブラウザ３２は、関心部品が加工後のＷｅｂページのルートにあるかルート以外にあるかを判定する。加工後のＷｅｂページのルート以外に関心部品があれば、Ｗｅｂブラウザ３２はステップＳ１１３に進み、利用者の操作による対象イベント（イベント種別）を特定する。
【０１２４】
ステップＳ１１４に進み、Ｗｅｂブラウザ３２は後述の振舞関数決定処理を行う。Ｗｅｂブラウザ３２はステップＳ１１５に進み、ステップＳ１１４の振舞関数決定処理において該当する振舞関数があったか否かを判定する。該当する振舞関数があれば、Ｗｅｂブラウザ３２はステップＳ１１６に進み、該当する振舞関数を実行したあと、イベントリスナ関数処理を終了する。
【０１２５】
Ｗｅｂブラウザ３２はステップＳ１１２において加工後のＷｅｂページのルートに関心部品があれば、振舞関数を実行することなく、イベントリスナ関数処理を終了する。Ｗｅｂブラウザ３２はステップＳ１１５において該当する振舞関数がなければ、振舞関数を実行することなく、イベントリスナ関数処理を終了する。
【０１２６】
図２８は関心部品特定処理の手順を表したフローチャートである。ステップＳ１２１に進み、Ｗｅｂブラウザ３２はオーバーレイ要素を不可視に設定する。ステップＳ１２２に進み、Ｗｅｂブラウザ３２はマウスポインタ座標を取得する。
【０１２７】
ステップＳ１２３に進み、Ｗｅｂブラウザ３２は取得したマウスポインタ座標での最上位要素を関心部品として取得する。ステップＳ１２４に進み、Ｗｅｂブラウザ３２は不可視になっていたオーバーレイ要素を可視に戻す設定を行ったあと、関心部品特定処理を終了する。
【０１２８】
図２９は振舞関数決定処理の手順を表したフローチャートである。ステップＳ１３１に進み、Ｗｅｂブラウザ３２は取得した関心部品と対象イベントとを引数にとり、振舞紐付け定義を参照する。ステップＳ１３２に進み、Ｗｅｂブラウザ３２は振舞紐付け定義を参照して、関心部品と対象イベントとに対応する振舞関数を決定したあと、振舞関数決定処理を終了する。
【０１２９】
（間接加工）
図３０は間接加工の処理手順を表したフローチャートである。なお、前述したように直接加工及び間接加工は加工処理の走行する場所が異なるものの、処理の本質が変わるものではないため、直接加工と同様な部分については適宜説明を省略する。
【０１３０】
ステップＳ２０１に進み、Ｗｅｂページエディタは編集対象Ｗｅｂページファイルを読み込む。ＷｅｂページエディタはステップＳ２０２に進み、編集対象Ｗｅｂページファイルに対して後述の加工処理を行うスクリプトを追加する。ステップＳ２０３に進み、Ｗｅｂページエディタは加工処理を行うスクリプトを追加した加工後の編集対象Ｗｅｂページファイルを出力する。
【０１３１】
図３１は間接加工の処理手順を表した一例のイメージ図である。図３１の利用者端末１０はＷｅｂページエディタ３１及びＷｅｂブラウザ３２がインストールされている。利用者から編集開始指示を受け、Ｗｅｂページエディタ３１は編集対象Ｗｅｂページファイル１００を読み込む。Ｗｅｂページエディタ３１は、編集対象Ｗｅｂページファイル１００に対して、振舞変更処理を行うスクリプトの追加を行う。
【０１３２】
例えばＷｅｂページエディタ３１は編集対象Ｗｅｂページの全ての部品のクリック操作に対する振る舞いを「選択動作」とし、その後の編集処理が可能となるような振舞変更処理を行うスクリプトを編集対象Ｗｅｂページファイル１００に追加する。Ｗｅｂページエディタ３１は、振舞変更処理を行うスクリプトが追加された編集対象Ｗｅｂページファイル（振舞変更処理の追加されたＷｅｂページ電文）１０２を出力する。
【０１３３】
Ｗｅｂブラウザ３２はＷｅｂページエディタ３１から振舞変更処理を行うスクリプトが追加された編集対象Ｗｅｂページファイル１０２を受け、振舞変更処理を行うことで編集対象Ｗｅｂページファイル１００の編集操作を可能とする。Ｗｅｂブラウザ３２は出力装置２２に編集操作が可能となった編集対象Ｗｅｂページを表示して利用者に閲覧させる。
【０１３４】
利用者は、Ｗｅｂブラウザ３２を操作し、編集対象Ｗｅｂページの編集を行う。利用者からの編集操作を受け、Ｗｅｂブラウザ３２は編集操作による変更の反映をＷｅｂページエディタ３１経由で、編集対象Ｗｅｂページファイル１００に対して行うことができる。
【０１３５】
図３２は、間接加工の処理手順を表した他の例のイメージ図である。図３２の利用者端末１０はＷｅｂブラウザ３２がインストールされている。Ｗｅｂページ編集装置１１はＷｅｂページエディタ３１がインストールされている。また、Ｗｅｂサイト１２は編集対象Ｗｅｂページファイル（編集対象Ｗｅｂページリソース）１００を格納している。
【０１３６】
利用者端末１０，Ｗｅｂページ編集装置１１及びＷｅｂサイト１２はＨＴＴＰ通信が可能であるものとする。さらに、Ｗｅｂサイト１２が格納する編集対象Ｗｅｂページファイル１００は、Ｗｅｂページ編集装置１１からのＨＴＴＰのＧＥＴ要求のみならずＨＴＴＰのＰＵＴ要求にも対応しているものとする。
【０１３７】
利用者から編集開始指示を受け、利用者端末１０のＷｅｂブラウザ３２はＷｅｂページ編集装置１１のＷｅｂページエディタ３１へ編集開始を要求する。Ｗｅｂページエディタ３１はＷｅｂサイト１２にＨＴＴＰのＧＥＴ要求を行い、Ｗｅｂサイト１２から編集対象Ｗｅｂページファイル１００を読み込む。
【０１３８】
Ｗｅｂページエディタ３１は編集対象Ｗｅｂページファイル１００に対して、振舞変更処理を行うスクリプトの追加を行う。Ｗｅｂページエディタ３１は、振舞変更処理を行うスクリプトが追加された編集対象Ｗｅｂページファイル１０２を出力する。
【０１３９】
Ｗｅｂブラウザ３２はＷｅｂページエディタ３１から振舞変更処理を行うスクリプトが追加された編集対象Ｗｅｂページファイル１０２を受け、振舞変更処理を行うことで編集対象Ｗｅｂページファイル１００の編集操作を可能とする。Ｗｅｂブラウザ３２は出力装置２２に編集操作が可能となった編集対象Ｗｅｂページを表示して利用者に閲覧させる。
【０１４０】
利用者は、Ｗｅｂブラウザ３２を操作し、編集対象Ｗｅｂページの編集を行う。利用者からの編集操作を受け、Ｗｅｂブラウザ３２は編集操作による変更の反映をＷｅｂページ編集装置１１のＷｅｂページエディタ３１経由で、Ｗｅｂサイト１２が格納する編集対象Ｗｅｂページファイル１００に対して行うことができる。
【０１４１】
図３３は間接加工後のＷｅｂページファイルの一例の構成図である。なお、図３３の間接加工後のＷｅｂページファイルは、図１０（Ａ）に示すＷｅｂページファイル１００に対して間接加工を行った例である。図３３の間接加工後のＷｅｂページファイルは、図１０（Ａ）のＷｅｂページファイル１００に、部品Ａ及びＢに対応するオーバーレイ要素及び新しい振舞Ｃ及びＤの記載を追加するＪａｖａＳｃｒｉｐｔで記載された振舞変更処理が追加されている。
【０１４２】
例えば図１１に示した直接加工後のＷｅｂページファイルは２つの部品に対応する２つのオーバーレイ要素を実際に追加する加工がされている。一方、図３３に示した間接加工後のＷｅｂページファイルは振舞変更処理を追加して、間接的な振舞変更加工を行っている。このような間接的な振舞変更加工を行うことで、間接加工後のＷｅｂページファイルはＷｅｂブラウザ３２に読み込まれたときにＷｅｂブラウザ３２上で動的に振舞が変化するため、結果として直接加工後のＷｅｂページファイルと同じ効果を得られる。
【０１４３】
（画面例）
以下、図１０（Ａ）のＷｅｂページファイル１００を例に画面イメージを示す。図３４はＷｅｂページファイルの元の振舞を表した画面イメージ図である。つまり、図３４の画面イメージはＷｅｂブラウザ３２によって生成される。図３４の画面は部品Ａをクリックしたときに、「ｆｕｎｃＡ」という文字列の警告表示が起こっている。
【０１４４】
図３５は図１０（Ａ）のＷｅｂページファイル１００をＷｅｂページエディタ３１で開いたときの一例の画面イメージ図である。図３５の画面はプレビュー領域３０１を有している。プレビュー領域３０１に表示されている部品Ａ及びＢには前述したオーバーレイ要素が被さっている。つまり、プレビュー領域３０１では部品Ａ及びＢをクリックしたとしても部品Ａ及びＢの本来の振る舞いが実行されない。なお、図３５の画面はプレビュー領域３０１以外をＷｅｂページエディタ３１が表示し、プレビュー領域３０１をＷｅｂブラウザ３２が表示する。
【０１４５】
図３６は、図１０（Ａ）のＷｅｂページファイル１００をＷｅｂページエディタ３１で開き、部品Ａをクリックしたときの一例の画面イメージ図である。プレビュー領域３０１に表示されている部品Ａは前述のオーバーレイ要素に覆われている。したがって、利用者が部品Ａをクリックしたとしても、図３６の画面では図３４に示した部品Ａの本来の振舞である「ｆｕｎｃＡ」という文字列の警告表示が起こらない。その代わり、図３６の画面ではセレクタとリサイザとが表示され、編集動作が可能である。また、図３６の画面では部品Ａをダブルクリックすることでプロパティ領域３０２にプロパティが表示される。
【０１４６】
図３７は図３６の画面イメージを実現する為の振舞紐付定義の一例の構成図である。図３７の振舞紐付定義は、全ての要素についてクリックすることでセレクタ・リサイザが表示され、全ての要素についてダブルクリックすることでプロパティが表示されるように定義している。
【０１４７】
（まとめ）
本実施例のＷｅｂページエディタ３１は編集対象Ｗｅｂページファイル１００を構成する部品の振舞を変更する加工が可能である。なお、本実施例のＷｅｂページエディタ３１が行う加工は、実質、オーバーレイ要素の追加であり、元の編集対象Ｗｅｂページファイル１００に対して破壊的な変更を行うものではない。言わば可逆加工となっている。
【０１４８】
このため、本実施例のＷｅｂページエディタ３１は追加したオーバーレイ要素を削除することで元の編集対象Ｗｅｂページファイル１００に戻したり、利用者の操作で振舞変更のＯＮ／ＯＦＦを動的に切り替えたりすることもできる。本実施例のＷｅｂページエディタ３１は、従来のＷｅｂページエディタと異なり、ＪａｖａＳｃｒｉｐｔフレームワークが提供する特殊マークアップによる動的構成のＷｅｂページの編集も可能である。
【０１４９】
また、本実施例のＷｅｂページエディタ３１は、ＪａｖａＳｃｒｉｐｔフレームワークのバージョンアップに伴う部品追加があった際にも、別途デザインタイム用の描画ロジックを書き起こす必要がなく、保守性の高いものとすることができる。
【０１５０】
このように、本実施例のＷｅｂページエディタ３１は、利用者が編集しようとする編集対象Ｗｅｂページファイル１００を選択したときに、その編集対象Ｗｅｂページファイル１００を直接、利用者に見せるのではなく、加工後のＷｅｂページを見せて、加工後のＷｅｂページを操作してもらうことによりＷＹＳＩＷＹＧ編集を可能とし、利用者の編集操作によって生じる変更を編集対象Ｗｅｂページファイル１００へ反映させることが可能である。
【０１５１】
本発明は、以下に記載する付記のような構成が考えられる。
（付記１）
コンピュータに、プレビュー領域を備える編集画面を表示させるＷｅｂページ編集プログラムであって、
前記コンピュータを、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Ｗｅｂページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
して機能させるためのＷｅｂページ編集プログラム。
（付記２）
コンピュータに、プレビュー領域を備える編集画面を表示させるＷｅｂページ編集プログラムであって、
前記コンピュータを、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
して機能させるためのＷｅｂページ編集プログラム。
（付記３）
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、部品毎に生成する付記１又は２記載のＷｅｂページ編集プログラム。
（付記４）
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、全ての部品が被さるように生成する付記１又は２記載のＷｅｂページ編集プログラム。
（付記５）
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、透明，半透明、又は前記オーバーレイ要素と重なる前記編集対象のＷｅｂページ上の部分と同一デザインで生成する付記１乃至４何れか一項記載のＷｅｂページ編集プログラム。
（付記６）
前記振舞変更処理は、前記プレビュー領域に表示された前記オーバーレイ要素に対する操作を受け付けると、前記操作を受け付けた前記オーバーレイ要素上の位置の直下にある前記編集対象のＷｅｂページを構成する部品を特定し、前記特定した部品に紐付けた新たな振る舞いを、操作の種別に基づいて実行するように前記ブラウジングプログラムを制御する付記２記載のＷｅｂページ編集プログラム。
（付記７）
プレビュー領域を備える編集画面を表示するＷｅｂページ編集装置であって、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Ｗｅｂページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
を有するＷｅｂページ編集装置。
（付記８）
プレビュー領域を備える編集画面を表示するＷｅｂページ編集装置であって、
編集対象のＷｅｂページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のＷｅｂページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のＷｅｂページを記述したファイルに、前記Ｗｅｂページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のＷｅｂページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のＷｅｂページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のＷｅｂページを前記プレビュー領域に表示させる制御手段と
を有するＷｅｂページ編集装置。
【０１５２】
本発明は、具体的に開示された実施例に限定されるものではなく、特許請求の範囲から逸脱することなく、種々の変形や変更が可能である。
【図面の簡単な説明】
【０１５３】
【図１】プレビュー領域に表示された部品にアクセスがあった場合に、その部品が持つ本来の振る舞いとは別の振る舞いをさせる加工の従来技術を表したイメージ図である。
【図２】プレビュー領域に表示された部品にアクセスがあった場合に、その部品が持つ本来の振る舞いとは別の振る舞いをさせる加工の本実施例の技術を表した一例のイメージ図である。
【図３】本実施例のＷｅｂページエディタが実行されるシステムの一例を示した構成図である。
【図４】本実施例のＷｅｂページエディタが実行されるコンピュータの一例を示した構成図である。
【図５】直接加工の処理手順を表したフローチャートである。
【図６】直接加工の処理手順を表した一例のイメージ図である。
【図７】直接加工の処理手順を表した他の例のイメージ図である。
【図８】方式１の技術を直接加工で実現する処理を表したイメージ図である。
【図９】方式１の技術を直接加工で実現する処理を説明する為の説明図である。
【図１０】加工前のＷｅｂページファイル及び加工前のＷｅｂページを説明する為の説明図である。
【図１１】加工後のＷｅｂページファイルの一例の構成図である。
【図１２】加工処理の手順を表したフローチャートである。
【図１３】部品ツリーの一例の構成図である。
【図１４】オーバーレイ生成処理の手順を表したフローチャートである。
【図１５】部品毎の再帰処理の手順を表したフローチャートである。
【図１６】部品毎の実処理の手順を表したフローチャートである。
【図１７】振舞決定処理の手順を表したフローチャートである。
【図１８】部品毎振舞付与処理の手順を表したフローチャートである。
【図１９】合成処理の手順を表したフローチャートである。
【図２０】振舞紐付定義の実装例を表した説明図である。
【図２１】方式２の技術を直接加工で実現する処理を表したイメージ図である。
【図２２】方式２の技術を直接加工で実現する処理を説明する為の説明図である。
【図２３】特殊な振舞による処理を表した動作イメージ図である。
【図２４】加工前のＷｅｂページファイルの一例の構成図である。
【図２５】加工後のＷｅｂページファイルの一例の構成図である。
【図２６】加工処理の手順を表したフローチャートである。
【図２７】イベントリスナ関数処理の手順を表したフローチャートである。
【図２８】関心部品特定処理の手順を表したフローチャートである。
【図２９】振舞関数決定処理の手順を表したフローチャートである。
【図３０】間接加工の処理手順を表したフローチャートである。
【図３１】間接加工の処理手順を表した一例のイメージ図である。
【図３２】間接加工の処理手順を表した他の例のイメージ図である。
【図３３】間接加工後のＷｅｂページファイルの一例の構成図である。
【図３４】Ｗｅｂページファイルの元の振舞を表した画面イメージ図である。
【図３５】図１０（Ａ）のＷｅｂページファイル１００をＷｅｂページエディタ３１で開いたときの一例の画面イメージ図である。
【図３６】図１０（Ａ）のＷｅｂページファイル１００をＷｅｂページエディタ３１で開き、部品Ａをクリックしたときの一例の画面イメージ図である。
【図３７】図３６の画面イメージを実現する為の振舞紐付定義の一例の構成図である。
【符号の説明】
【０１５４】
１〜３    反応部品
４〜６    非反応部品
１Ａ〜７Ａ    オーバーレイ要素
１０    利用者端末
１１    Ｗｅｂページ編集装置
１２    Ｗｅｂサイト
１３    ネットワーク
２１    入力装置
２２    出力装置
２３    ドライブ装置
２４    補助記憶装置
２５    主記憶装置
２６    演算処理装置
２７    インターフェース装置
２８    記録媒体
３１    Ｗｅｂページエディタ
３２    Ｗｅｂブラウザ
３３    振舞紐付定義ＤＢ
３４    振舞ＤＢ
４１    ページ解釈部
４２    オーバーレイ生成部
４３    振舞決定部
４４    合成部
４５    制御部
１００    編集対象Ｗｅｂページファイル
１０１    振舞変更された編集対象Ｗｅｂページファイル
１０２    振舞変更処理を行うスクリプトが追加された編集対象Ｗｅｂページファイル
２１０〜２１２    部品
２２０〜２２２，２４０〜２４２    振舞
２３０〜２３２，２５０    オーバーレイ要素
２５１    特殊な振舞
２５３    振舞紐付けルール
３０１    プレビュー領域
３０２    プロパティ領域
【図１】
2010140076.tif 000003
【図３】
2010140076.tif 000004
【図４】
2010140076.tif 000005
【図５】
2010140076.tif 000006
【図６】
2010140076.tif 000007
【図７】
2010140076.tif 000008
【図８】
2010140076.tif 000009
【図９】
2010140076.tif 000010
【図１１】
2010140076.tif 000011
【図１２】
2010140076.tif 000012
【図１３】
2010140076.tif 000013
【図１４】
2010140076.tif 000014
【図１５】
2010140076.tif 000015
【図１６】
2010140076.tif 000016
【図１７】
2010140076.tif 000017
【図１８】
2010140076.tif 000018
【図１９】
2010140076.tif 000019
【図２０】
2010140076.tif 000020
【図２１】
2010140076.tif 000021
【図２４】
2010140076.tif 000022
【図２５】
2010140076.tif 000023
【図２６】
2010140076.tif 000024
【図２７】
2010140076.tif 000025
【図２８】
2010140076.tif 000026
【図２９】
2010140076.tif 000027
【図３０】
2010140076.tif 000028
【図３１】
2010140076.tif 000029
【図３２】
2010140076.tif 000030
【図３３】
2010140076.tif 000031
【図３７】
2010140076.tif 000032
【図２】
2010140076.tif 000033
【図１０】
2010140076.tif 000034
【図２２】
2010140076.tif 000035
【図２３】
2010140076.tif 000036
【図３４】
2010140076.tif 000037
【図３５】
2010140076.tif 000038
【図３６】
2010140076.tif 000039