JP2010140076A - Webページ編集プログラム及びWebページ編集装置 - Google Patents
Webページ編集プログラム及びWebページ編集装置 Download PDFInfo
- Publication number
- JP2010140076A JP2010140076A JP2008313156A JP2008313156A JP2010140076A JP 2010140076 A JP2010140076 A JP 2010140076A JP 2008313156 A JP2008313156 A JP 2008313156A JP 2008313156 A JP2008313156 A JP 2008313156A JP 2010140076 A JP2010140076 A JP 2010140076A
- Authority
- JP
- Japan
- Prior art keywords
- web page
- behavior
- editing
- overlay
- overlay element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
【解決手段】Webページを解釈するページ解釈手段41と、Webページを構成する部品を識別し、部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段42と、Webページを構成する部品の新たな振る舞いをオーバーレイ要素に紐付ける振舞決定手段43と、Webページを記述したファイルにWebページを構成する部品の新たな振る舞いを紐付けたオーバーレイ要素の記述を追加して合成する合成手段と、オーバーレイ要素が合成されたファイルをブラウジングプログラムに提供し、オーバーレイ要素が被せられたWebページをプレビュー領域に表示させる制御手段としてコンピュータを機能させることにより上記課題を解決する。
【選択図】 図8
Description
図3は、本実施例のWebページエディタが実行されるシステムの一例を示した構成図である。図3(A)に示したシステムは、スタンドアローンのコンピュータ(PC)により実現される利用者端末10を含む構成である。また、図3(B)に示したシステムはインターネットやLAN等のネットワーク13に接続されたコンピュータにより実現される利用者端末10,Webページ編集装置11及びWebサイト12を含む構成である。利用者端末10,Webページ編集装置11及びWebサイト12は、ネットワーク13経由でデータ通信可能である。
図5は直接加工の処理手順を表したフローチャートである。ステップS1に進み、Webページエディタは編集対象Webページファイルを読み込む。WebページエディタはステップS2に進み、編集対象Webページファイルに対して後述の加工処理を行う。ステップS3に進み、Webページエディタは加工処理により加工した後の編集対象Webページファイルを出力する。
図30は間接加工の処理手順を表したフローチャートである。なお、前述したように直接加工及び間接加工は加工処理の走行する場所が異なるものの、処理の本質が変わるものではないため、直接加工と同様な部分については適宜説明を省略する。
以下、図10(A)のWebページファイル100を例に画面イメージを示す。図34はWebページファイルの元の振舞を表した画面イメージ図である。つまり、図34の画面イメージはWebブラウザ32によって生成される。図34の画面は部品Aをクリックしたときに、「funcA」という文字列の警告表示が起こっている。
本実施例のWebページエディタ31は編集対象Webページファイル100を構成する部品の振舞を変更する加工が可能である。なお、本実施例のWebページエディタ31が行う加工は、実質、オーバーレイ要素の追加であり、元の編集対象Webページファイル100に対して破壊的な変更を行うものではない。言わば可逆加工となっている。
(付記1)
コンピュータに、プレビュー領域を備える編集画面を表示させるWebページ編集プログラムであって、
前記コンピュータを、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Webページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
して機能させるためのWebページ編集プログラム。
(付記2)
コンピュータに、プレビュー領域を備える編集画面を表示させるWebページ編集プログラムであって、
前記コンピュータを、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
して機能させるためのWebページ編集プログラム。
(付記3)
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、部品毎に生成する付記1又は2記載のWebページ編集プログラム。
(付記4)
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、全ての部品が被さるように生成する付記1又は2記載のWebページ編集プログラム。
(付記5)
前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、透明,半透明、又は前記オーバーレイ要素と重なる前記編集対象のWebページ上の部分と同一デザインで生成する付記1乃至4何れか一項記載のWebページ編集プログラム。
(付記6)
前記振舞変更処理は、前記プレビュー領域に表示された前記オーバーレイ要素に対する操作を受け付けると、前記操作を受け付けた前記オーバーレイ要素上の位置の直下にある前記編集対象のWebページを構成する部品を特定し、前記特定した部品に紐付けた新たな振る舞いを、操作の種別に基づいて実行するように前記ブラウジングプログラムを制御する付記2記載のWebページ編集プログラム。
(付記7)
プレビュー領域を備える編集画面を表示するWebページ編集装置であって、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Webページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
を有するWebページ編集装置。
(付記8)
プレビュー領域を備える編集画面を表示するWebページ編集装置であって、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
を有するWebページ編集装置。
4〜6 非反応部品
1A〜7A オーバーレイ要素
10 利用者端末
11 Webページ編集装置
12 Webサイト
13 ネットワーク
21 入力装置
22 出力装置
23 ドライブ装置
24 補助記憶装置
25 主記憶装置
26 演算処理装置
27 インターフェース装置
28 記録媒体
31 Webページエディタ
32 Webブラウザ
33 振舞紐付定義DB
34 振舞DB
41 ページ解釈部
42 オーバーレイ生成部
43 振舞決定部
44 合成部
45 制御部
100 編集対象Webページファイル
101 振舞変更された編集対象Webページファイル
102 振舞変更処理を行うスクリプトが追加された編集対象Webページファイル
210〜212 部品
220〜222,240〜242 振舞
230〜232,250 オーバーレイ要素
251 特殊な振舞
253 振舞紐付けルール
301 プレビュー領域
302 プロパティ領域
Claims (7)
- コンピュータに、プレビュー領域を備える編集画面を表示させるWebページ編集プログラムであって、
前記コンピュータを、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Webページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
して機能させるためのWebページ編集プログラム。 - コンピュータに、プレビュー領域を備える編集画面を表示させるWebページ編集プログラムであって、
前記コンピュータを、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
して機能させるためのWebページ編集プログラム。 - 前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、部品毎に生成する請求項1又は2記載のWebページ編集プログラム。
- 前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、全ての部品が被さるように生成する請求項1又は2記載のWebページ編集プログラム。
- 前記オーバーレイ生成手段は、前記部品に被せる前記オーバーレイ要素を、透明,半透明、又は前記オーバーレイ要素と重なる前記編集対象のWebページ上の部分と同一デザインで生成する請求項1乃至4何れか一項記載のWebページ編集プログラム。
- プレビュー領域を備える編集画面を表示するWebページ編集装置であって、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成するオーバーレイ生成手段と、
前記Webページを構成する部品の新たな振る舞いを前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
を有するWebページ編集装置。 - プレビュー領域を備える編集画面を表示するWebページ編集装置であって、
編集対象のWebページを記述したファイルを解釈するページ解釈手段と、
前記ページ解釈手段による解釈に基づいて、前記編集対象のWebページを構成する部品を識別し、前記部品に被せるオーバーレイ要素を生成すると共に、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を前記オーバーレイ要素に紐付ける振舞決定手段と、
前記編集対象のWebページを記述したファイルに、前記Webページを構成する部品の新たな振る舞いを決定及び実行する振舞変更処理を紐付けた前記オーバーレイ要素の記述を追加し、前記編集対象のWebページにオーバーレイ要素を合成する合成手段と、
前記合成手段により前記オーバーレイ要素が合成された前記編集対象のWebページを記述したファイルをブラウジングプログラムに提供し、前記オーバーレイ要素が被せられた前記編集対象のWebページを前記プレビュー領域に表示させる制御手段と
を有するWebページ編集装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008313156A JP5476709B2 (ja) | 2008-12-09 | 2008-12-09 | Webページ編集プログラム及びWebページ編集装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008313156A JP5476709B2 (ja) | 2008-12-09 | 2008-12-09 | Webページ編集プログラム及びWebページ編集装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2010140076A true JP2010140076A (ja) | 2010-06-24 |
JP5476709B2 JP5476709B2 (ja) | 2014-04-23 |
Family
ID=42350196
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2008313156A Expired - Fee Related JP5476709B2 (ja) | 2008-12-09 | 2008-12-09 | Webページ編集プログラム及びWebページ編集装置 |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP5476709B2 (ja) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2014157456A (ja) * | 2013-02-15 | 2014-08-28 | Toshiba Corp | 文書処理システム、文書処理装置、文書処理方法、文書処理プログラム |
JP2015194968A (ja) * | 2014-03-31 | 2015-11-05 | 富士通株式会社 | 編集補助プログラム、編集補助方法および編集補助装置 |
JP2020530610A (ja) * | 2017-07-24 | 2020-10-22 | ウィックス.コム リミテッド. | 仮想ウェブページのプレビュー中におけるデータベースの編集 |
US10891426B2 (en) | 2017-10-23 | 2021-01-12 | Fujitsu Limited | Editing program, editing device, and editing method for editing text and displaying the edited text |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003196264A (ja) * | 2001-12-26 | 2003-07-11 | Fukui Computer Kk | ウエブページ作成方法、ウエブページ作成プログラム及びウエブページ作成装置 |
JP2005301422A (ja) * | 2004-04-07 | 2005-10-27 | Canon Inc | 文書データ処理装置および方法 |
-
2008
- 2008-12-09 JP JP2008313156A patent/JP5476709B2/ja not_active Expired - Fee Related
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003196264A (ja) * | 2001-12-26 | 2003-07-11 | Fukui Computer Kk | ウエブページ作成方法、ウエブページ作成プログラム及びウエブページ作成装置 |
JP2005301422A (ja) * | 2004-04-07 | 2005-10-27 | Canon Inc | 文書データ処理装置および方法 |
Non-Patent Citations (4)
Title |
---|
CSND200701294003; 'Dreamweaverキラーと呼ばれる高性能HTML作成ソフト「KompoZer」' Windows100% 第10巻 第11号, 20071101, P.20, 株式会社晋遊舎 * |
CSNG199901520003; 杉山 高弘 外6名: 'グラフィカルユーザインタフェース構築ツール「ゆず」' 情報処理学会研究報告 第93巻 第11号, 19930129, P.17〜24, 社団法人情報処理学会 * |
JPN6013012062; 杉山 高弘 外6名: 'グラフィカルユーザインタフェース構築ツール「ゆず」' 情報処理学会研究報告 第93巻 第11号, 19930129, P.17〜24, 社団法人情報処理学会 * |
JPN6013012063; 'Dreamweaverキラーと呼ばれる高性能HTML作成ソフト「KompoZer」' Windows100% 第10巻 第11号, 20071101, P.20, 株式会社晋遊舎 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2014157456A (ja) * | 2013-02-15 | 2014-08-28 | Toshiba Corp | 文書処理システム、文書処理装置、文書処理方法、文書処理プログラム |
JP2015194968A (ja) * | 2014-03-31 | 2015-11-05 | 富士通株式会社 | 編集補助プログラム、編集補助方法および編集補助装置 |
US9928306B2 (en) | 2014-03-31 | 2018-03-27 | Fujitsu Limited | Web page editing method, apparatus, and medium |
JP2020530610A (ja) * | 2017-07-24 | 2020-10-22 | ウィックス.コム リミテッド. | 仮想ウェブページのプレビュー中におけるデータベースの編集 |
US10891426B2 (en) | 2017-10-23 | 2021-01-12 | Fujitsu Limited | Editing program, editing device, and editing method for editing text and displaying the edited text |
Also Published As
Publication number | Publication date |
---|---|
JP5476709B2 (ja) | 2014-04-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9495134B2 (en) | Methods and apparatus for code segment handling | |
JP5284509B2 (ja) | ページ分割されたコンテンツを表示し、それと対話するための方法およびシステム | |
US20040268232A1 (en) | Pane Element | |
US11822615B2 (en) | Contextual editing in a page rendering system | |
JP2008506183A (ja) | 自動的に生成されたコンテンツのインポート | |
US20140047409A1 (en) | Enterprise application development tool | |
CN112364496B (zh) | 基于html5和vue技术的航电仿真面板生成系统 | |
JP5476709B2 (ja) | Webページ編集プログラム及びWebページ編集装置 | |
CN112487340A (zh) | 一种极速简约防盗Linux全屏浏览器的创新技术 | |
Freeman | Pro jQuery 2.0 | |
US8566734B1 (en) | System and method for providing visual component layout input in alternate forms | |
US10394932B2 (en) | Methods and systems for combining a digital publication shell with custom feature code to create a digital publication | |
TWI815029B (zh) | 將程式碼轉變為可下載檔案的方法和伺服器 | |
JP3347047B2 (ja) | 電子カルテ作成装置および電子カルテ作成プログラム記憶媒体 | |
JP2010026925A (ja) | 情報処理装置、画面制御方法、およびプログラム | |
KR101105232B1 (ko) | 핑거라우저 및 이를 이용한 이미지 편집 방법/시스템 | |
KR20140115456A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 기록매체 | |
JP2006092216A (ja) | ドキュメントの表示形態を編集するためのプログラム、参照情報編集方法及び参照情報編集装置 | |
KR20150098838A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
KR20140115461A (ko) | 애플리케이션 개발 환경 제공 장치 | |
KR20140115002A (ko) | 애플리케이션 개발 환경 제공 장치 | |
KR20140114974A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
KR20140098553A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140114972A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
KR20140114987A (ko) | 애플리케이션 개발 환경 제공 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20110907 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20130308 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20130319 |
|
A521 | Written amendment |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20130517 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20140114 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20140127 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 5476709 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
LAPS | Cancellation because of no payment of annual fees |