JP7503685B1

JP7503685B1 - 埋込プログラム、画面表示プログラム及び画面表示方法

Info

Publication number: JP7503685B1
Application number: JP2023072879A
Authority: JP
Inventors: 武史安川; 亜美中野; 弦斗高原
Original assignee: 三菱電機Ｉｔソリューションズ株式会社
Priority date: 2023-04-27
Filing date: 2023-04-27
Publication date: 2024-06-20
Anticipated expiration: 2043-04-27

Abstract

【課題】既存のウェブアプリケーションプログラムのソースコードに対する改修を減らしつつ、既存のウェブアプリケーションプログラムとの間で、画面の動き等に連動させた情報連携を実現可能にする。【解決手段】埋込プログラム２０は、親画面１１をブラウザ３０に表示するウェブアプリケーションプログラムである親プログラム１０から呼び出される、親プログラム１０とは異なるウェブアプリケーションプログラムである。埋込プログラム２０は、ブラウザ３０に対して発生した指定イベントを検知する。埋込プログラム２０は、指定イベントが検知されると、親プログラム１０と埋込プログラム２０との間で情報を連携させる。【選択図】図１

Description

本開示は、ウェブアプリケーションプログラム間の情報を連携する技術に関する。

既存のウェブアプリケーションプログラムに対して機能を追加したい場合がある。この場合には、既存のウェブアプリケーションプログラムのソースコードに対して改修を加えればよい。しかし、既存のウェブアプリケーションプログラムのソースコードの改修が困難な場合がある。例えば、既存のウェブアプリケーションプログラムが他社の製品であるような場合には、既存のウェブアプリケーションプログラムの詳細な仕様が把握できないため改修が困難な場合がある。また、既存のウェブアプリケーションプログラムがクラウドシステムである場合には、自由な改修が認められておらず、改修が困難な場合がある。
既存のウェブアプリケーションプログラムのソースコードの改修が困難な場合には、追加機能を実現したウェブアプリケーションプログラムを別途作成して、既存のウェブアプリケーションプログラムとの間で情報連携させるという方法が考えられる。

ウェブアプリケーションプログラム間で情報を連携する方式としては、ＡＰＩを用いて情報転送する方式と、ＣＳＶといった形式のファイルを入出力する方式と、インラインフレームを用いた方式とがある。ＡＰＩは、ＡｐｐｌｉｃａｔｉｏｎＰｒｏｇｒａｍｍｉｎｇＩｎｔｅｒｆａｃｅの略である。ＣＳＶは、Ｃｏｍｍａ－Ｓｅｐａｒａｔｅｄ
Ｖａｌｕｅｓの略である。特許文献１には、インラインフレームを用いた技術が記載されている。

特開２０２３－２６７０２号公報

ＡＰＩを用いて情報転送する方式と、ＣＳＶといった形式のファイルを入出力する方式とでは、ウェブアプリケーションプログラムで表示する画面の動きに連動した処理の実現は困難である。そのため、画面の動きに連動させて、ウェブアプリケーションプログラム間での双方向に情報連携させること、又は、リアルタイムに情報連携させることを実現するには不向きであった。

インラインフレームを用いた方式では、画面の動きに連動した処理を実現することが可能である。しかし、インラインフレームを用いた方式では、連携先と連携元とのプログラムの構造を互いに考慮し、連携先と連携元とが密に結合した実装が必要になる。

本開示は、既存のウェブアプリケーションプログラムのソースコードに対する改修を減らしつつ、既存のウェブアプリケーションプログラムとの間で、画面の動き等に連動させた情報の連携を実現可能にすることを目的とする。

本開示に係る埋込プログラムは、
親画面をブラウザに表示するウェブアプリケーションプログラムである親プログラムから呼び出される、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムであり、
前記ブラウザに対して発生した指定イベントを検知するイベント検知処理と、
前記イベント検知処理によって前記指定イベントが検知されると、前記親プログラムと前記埋込プログラムとの間で情報を連携させる情報連携処理と
をコンピュータに実行させる。

本開示では、埋込プログラムは親プログラムから呼び出され実行される。これにより、ブラウザから見た場合に埋込プログラムは、親プログラムとともに１つのウェブ画面を構成するプログラムになる。そのため、埋込プログラムが親画面を表示したブラウザにおける指定イベントを検出し、親プログラムと埋込プログラムとの間で情報を連携させることが可能になる。その結果、親プログラムには、埋込プログラムを呼び出す処理だけを記述するだけで情報の連携が可能になる。

実施の形態１に係る画面表示システム１００の構成図。実施の形態１に係るウェブ画面の説明図。実施の形態１に係る第１サーバ１０１と第２サーバ１０２とユーザ端末１０３とのハードウェア構成の説明図。実施の形態１に係る画面表示システム１００の動作概要を示すフローチャート。実施の形態１に係る画面表示システム１００の詳細な動作を示すフローチャート。実施の形態１に係る画面表示システム１００の詳細な動作を示すフローチャート。実施の形態１に係る埋込プログラム２０を用いて親プログラム１０に機能追加する方法の説明図。実施の形態１に係る埋込プログラム２０を用いて親プログラム１０に機能追加する方法の説明図。変形例２に係る画面表示システム１００の構成図。

実施の形態１．
＊＊＊構成の説明＊＊＊
図１を参照して、実施の形態１に係る画面表示システム１００の構成を説明する。
画面表示システム１００は、第１サーバ１０１と、第２サーバ１０２と、ユーザ端末１０３とを備える。第１サーバ１０１と、第２サーバ１０２と、ユーザ端末１０３とは、インターネット等のネットワーク１０９を介して接続されている。

第１サーバ１０１には、ウェブアプリケーションプログラムである親プログラム１０が記憶されている。第２サーバ１０２には、親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラム２０が記憶されている。

ユーザ端末１０３は、ウェブ閲覧用のブラウザ３０を備える。ユーザ端末１０３は、ブラウザ３０を介して第１サーバ１０１にアクセスして、親プログラム１０を取得して実行する。これにより、図２に示すように、ユーザ端末１０３が備えるブラウザ３０に、親プログラム１０によって親画面１１が描画される。また、親プログラム１０によって、第２サーバ１０２に記憶された埋込プログラム２０が呼び出され、実行される。これにより、図２に示すように、親画面１１の一部として、埋込画面２１が描画される。

図３を参照して、実施の形態１に係る第１サーバ１０１と第２サーバ１０２とユーザ端末１０３とのハードウェア構成を説明する。
第１サーバ１０１と第２サーバ１０２とユーザ端末１０３とは、コンピュータである。
第１サーバ１０１と第２サーバ１０２とユーザ端末１０３とは、プロセッサ２０１と、メモリ２０２と、ストレージ２０３と、通信インタフェース２０４とのハードウェアを備える。プロセッサ２０１は、信号線を介して他のハードウェアと接続され、これら他のハードウェアを制御する。

プロセッサ２０１は、プロセッシングを行うＩＣである。ＩＣはＩｎｔｅｇｒａｔｅｄ
Ｃｉｒｃｕｉｔの略である。プロセッサ２０１は、具体例としては、ＣＰＵ、ＤＳＰ、ＧＰＵである。ＣＰＵは、ＣｅｎｔｒａｌＰｒｏｃｅｓｓｉｎｇＵｎｉｔの略である。ＤＳＰは、ＤｉｇｉｔａｌＳｉｇｎａｌＰｒｏｃｅｓｓｏｒの略である。ＧＰＵは、ＧｒａｐｈｉｃｓＰｒｏｃｅｓｓｉｎｇＵｎｉｔの略である。

メモリ２０２は、情報を一時的に記憶する記憶装置である。メモリ２０２は、具体例としては、ＳＲＡＭ、ＤＲＡＭである。ＳＲＡＭは、ＳｔａｔｉｃＲａｎｄｏｍＡｃｃｅｓｓＭｅｍｏｒｙの略である。ＤＲＡＭは、ＤｙｎａｍｉｃＲａｎｄｏｍＡｃｃｅｓｓＭｅｍｏｒｙの略である。

ストレージ２０３は、情報を保管する記憶装置である。ストレージ２０３は、具体例としては、ＨＤＤである。ＨＤＤは、ＨａｒｄＤｉｓｋＤｒｉｖｅの略である。また、ストレージ２０３は、ＳＤ（登録商標）メモリカード、ＣｏｍｐａｃｔＦｌａｓｈ（登録商標）、ＮＡＮＤフラッシュ、フレキシブルディスク、光ディスク、コンパクトディスク、Ｂｌｕ－ｒａｙ（登録商標）ディスク、ＤＶＤといった可搬記録媒体であってもよい。ＳＤは、ＳｅｃｕｒｅＤｉｇｉｔａｌの略である。ＤＶＤは、ＤｉｇｉｔａｌＶｅｒｓａｔｉｌｅＤｉｓｋの略である。

通信インタフェース２０４は、外部の装置と通信するためのインタフェースである。通信インタフェース２０４は、具体例としては、Ｅｔｈｅｒｎｅｔ（登録商標）、ＵＳＢ、ＨＤＭＩ（登録商標）のポートである。ＵＳＢは、ＵｎｉｖｅｒｓａｌＳｅｒｉａｌＢｕｓの略である。ＨＤＭＩは、Ｈｉｇｈ－ＤｅｆｉｎｉｔｉｏｎＭｕｌｔｉｍｅｄｉａＩｎｔｅｒｆａｃｅの略である。

＊＊＊動作の説明＊＊＊
図４から図７を参照して、実施の形態１に係る画面表示システム１００の動作を説明する。
実施の形態１に係る画面表示システム１００の動作手順は、実施の形態１に係る画面表示方法に相当する。また、実施の形態１に係る画面表示システム１００の動作を実現する親プログラム及び埋込プログラムは、実施の形態１に係る画面表示プログラムに相当する。

図４を参照して、実施の形態１に係る画面表示システム１００の動作概要を説明する。
（ステップＳ１：親描画処理）
ユーザ端末１０３は、ブラウザ３０を介して第１サーバ１０１にアクセスして、親プログラム１０を取得し実行する。これにより、ブラウザ３０において親プログラム１０が起動する。親プログラム１０は、親画面１１をブラウザ３０に描画する。また、親プログラム１０は、埋込プログラム２０を呼び出す呼出し処理を実行する。

（ステップＳ２：埋込描画処理）
ブラウザ３０においてステップＳ１で呼び出された埋込プログラム２０が起動する。埋込プログラム２０は、親画面１１の一部として、埋込画面２１を描画する。また、埋込プログラム２０は、ブラウザ３０の指定イベントをフックする。
指定イベントとは、後述するようにアプリケーション情報又は初期情報に設定されていて、親画面１１または埋込画面２１における利用者からのキー操作やマウス操作等によるイベントを示す。指定イベントをフックするとは、指定イベントの発生を埋込プログラム２０に通知するように指定することであり、詳細は後述する。

ステップＳ１からステップＳ２の処理が実行されることにより、図２に示すように、親画面１１の一部として、埋込画面２１が描画されたウェブ画面が表示される。このウェブ画面に対してユーザにより操作が行われる。例えば、ウェブ画面上をカーソルが動かされる、ブラウザ３０のサイズが変更される、親画面１１におけるテキストボックスに入力される、埋込画面２１におけるボタンが押下されるといった操作がされる。

（ステップＳ３：イベント検知処理）
埋込プログラム２０は、ブラウザ３０に対して発生した指定イベントを検知する。埋込プログラム２０は、指定イベントが検知された場合には、処理をステップＳ４に進める。一方、埋込プログラム２０は、指定イベントが検知されなかった場合には、処理をステップＳ３に戻す。

（ステップＳ４：情報連携処理）
埋込プログラム２０は、親プログラム１０と埋込プログラム２０との間で情報を連携させる。
具体例として、埋込プログラム２０は、親プログラム１０で管理される情報を取得して、取得した情報を用いて指定イベントに応じた処理を実行する。埋込プログラム２０は、取得した情報に基づき埋込画面２１に表示する情報を更新する処理を実行することが考えられる。他の具体例として、埋込プログラム２０は、埋込プログラム２０で管理される情報を親プログラム１０に渡して親画面１１に設定する。
ここで親プログラム１０と埋込プログラム２０との間での情報の連携とは、具体例として示した親プログラム１０で管理される情報を埋込プログラム２０に渡すことを含み、親画面１１あるいは埋込画面２１でのユーザの画面操作に応じた入力値又は表示値に関する情報、親プログラム１０あるいは埋込プログラム２０での処理の実行結果に基づく表示値に関する情報等を親プログラム１０と埋込プログラム２０との間で受け渡すことを示す。

ウェブ画面に対してユーザにより操作が行われ、ステップＳ３からステップＳ４の処理が繰り返し実行される。これにより、親プログラム１０と埋込プログラム２０との間で情報が連携されながら、処理が実行される。

図５及び図６を参照して、実施の形態１に係る画面表示システム１００の詳細な動作を説明する。
まずブラウザ３０において親プログラム１０が動作する。ステップＳ１１からステップＳ１３の処理は、図４のステップＳ１の処理に対応する。

なお具体例として親プログラム１０は、ＨＴＭＬで構成され、埋込プログラム２０は、ｊａｖａｓｃｒｉｐｔで構成されているものとする。ＨＴＭＬは、ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐＬａｎｇｕａｇｅの略である。
第１サーバ１０１にアクセスすることにより、親プログラム１０を構成するＨＴＭＬプログラムがブラウザ３０に読み込まれる（ステップＳ１１）。これにより、ブラウザ３０において親プログラム１０が起動する。親プログラム１０は、親画面１１をブラウザ３０に表示する。
親プログラム１０は、埋込プログラム２０を呼び出す（ステップＳ１２）。具体的には、ＨＴＭＬプログラムには、埋込プログラム２０を構成するエンジンｊｓファイルを指定したｓｃｒｉｐｔタグが記載されている。このｓｃｒｉｐｔタグが実行されることにより、第２サーバ１０２から埋込プログラム２０のエンジンｊｓファイルが読み込まれる。
ブラウザ３０はエンジンｊｓを起動する（ステップＳ１３）。ここでは、エンジンｊｓには、末尾に実行命令が記述されているとする。そのため、ブラウザ３０は、読み込まれたエンジンｊｓを起動する。

エンジンｊｓを実行したことにより、動作の主体が埋込プログラム２０に移る。ステップＳ２１からステップＳ２９の処理は、図４のステップＳ２の処理に対応する。

エンジンｊｓが実行する処理に関する情報を持っていないため、埋込プログラム２０は、実行する処理について第２サーバ１０２に問合せする（ステップＳ２１）。すると、第２サーバ１０２は、初期に実行されるｓｔａｒｔｕｐ．ｊｓｏｎファイルを読み込み、ｓｔａｒｔｕｐ．ｊｓｏｎファイルをアプリケーション情報としてブラウザ３０に送信する（ステップＳ２２）。ｓｔａｒｔｕｐ．ｊｓｏｎファイルには、実行モジュールの情報と、初期化メソッドとが示されている。
埋込プログラム２０は、アプリケーション情報であるｓｔａｒｔｕｐ．ｊｓｏｎファイルに示された実行モジュールの初期化メソッドの実行を第２サーバ１０２に指示する（ステップＳ２３）。第２サーバ１０２は、実行モジュールの初期化メソッドを呼び出す（ステップＳ２４）。すると、実行モジュールの初期化メソッドが実行され、デザインファイルと、親画面１１の一部として埋込画面２１が描画されたウェブ画面を初期に表示する情報とがブラウザ３０に返される（ステップＳ２５）。
ここでアプリケーション情報とはアプリケーションの動作に必要な情報を定義した情報を示す。またデザインファイルとは埋込画面２１のデザイン情報を定義したファイルを示す。ｊａｖａｓｃｒｉｐｔを用いて描画できる領域をＣａｎｖａｓと言うが、デザインファイルは、Ｃａｎｖａｓに描画される画面デザインの情報を定義したファイルで、具体的にはボタンの座標、大きさ、表示する文字列といった情報が含まれている。
埋込プログラム２０は、デザインファイルに基づき、親プログラム１０にＣａｎｖａｓタグを埋め込む（ステップＳ２６）。これにより、親画面１１の一部として、Ｃａｎｖａｓタグで示された埋込画面２１が描画される（ステップＳ２７）。埋込プログラム２０は、ブラウザ３０の指定イベントをフックする（ステップＳ２８）。指定イベントは、アプリケーション情報又は初期情報に設定されている。指定イベントは、親画面１１におけるテキストボックスに入力される、埋込画面２１におけるボタンが押下されるといったイベントである。
埋込プログラム２０は、アプリケーション情報とデザイン情報と初期情報とのいずれかに示された画面部品ｊｓファイル及び個別イベントｊｓファイルとを第２サーバ１０２から読み込む（ステップＳ２９）。画面部品ｊｓファイルは、埋込画面２１を変化させるためのプログラムである。個別イベントｊｓファイルは、親プログラム１０と埋込プログラム２０との間で情報連携を行うためのプログラムである。

以上の処理により、図２に示すように、親画面１１の一部として、埋込画面２１が描画されたウェブ画面が表示される。表現を変えると、親画面１１内のＣａｎｖａｓの領域に、埋込画面２１が描画されたウェブ画面が表示される。このウェブ画面に対してユーザにより操作が行われる。例えば、カーソルの移動、キーボードによるキー入力、画面サイズ変更、タイマーの作動等が行われる。そして、ユーザによる操作が行われる際、ステップＳ３１以降の処理が実行される。
ステップＳ３１からステップＳ３２の処理は、図４のステップＳ３の処理に対応する。ステップＳ４１からステップＳ４７の処理は、図４のステップＳ４の処理に対応する。

埋込プログラム２０は、ブラウザ３０に対して発生したイベントを検知する（ステップＳ３１）。
上述したとおり、ｊａｖａｓｃｒｉｐｔを用いて描画できる領域であるＣａｎｖａｓでは、通常であればＣａｎｖａｓ上をマウスが動いたか否か程度の操作しか検知できない。埋込プログラム２０が埋込画面２１を作りこむことでＣａｎｖａｓ上のボタンに対するマウス操作又はキーボード操作もブラウザ３０で発生したイベントとして検知が可能となる。
埋込プログラム２０は、検知されたイベントが埋込画面２１の再描画が必要なイベントである場合には、画面部品ｊｓファイルの描画処理を呼び出して実行する（ステップＳ３２）。これにより、イベントに応じて埋込画面２１が再描画される。埋込画面２１の再描画が必要なイベントとは、例えば、埋込画面２１のボタンにカーソルが合わせられた、ブラウザ３０の画面サイズが変更されたといったイベントである。例えば、埋込画面２１のボタンにカーソルが合わせられた場合には、埋込プログラム２０はボタンの色を変化させる。また、ブラウザ３０の画面サイズが変更された場合には、埋込プログラム２０は埋込画面２１のサイズを変化させる。
埋込プログラム２０は、検知されたイベントが指定イベントである場合には、処理をステップＳ４１に進める。

埋込プログラム２０は、検知された指定イベントに対応するシグナルを発生させる（ステップＳ４１）。シグナルは、埋込プログラム２０におけるイベントである。埋込プログラム２０は、シグナルに対応するイベントメソッドがあるか否かを判定する（ステップＳ４２）。イベントメソッドがあった場合には、埋込プログラム２０は、イベントメソッドの実行を第２サーバ１０２に指示する（ステップＳ４３）。一方、イベントメソッドがなかった場合には、埋込プログラム２０は、処理をステップＳ３１に戻す。
イベントメソッドの実行が指示されると、第２サーバ１０２は、実行モジュールの該当するイベントメソッドを呼び出す（ステップＳ４４）。すると、実行モジュールの該当するイベントメソッドが実行される（ステップＳ４５）。そして、埋込プログラム２０は、イベントメソッドの実行結果に応じて、親画面１１に値を設定する、又は、埋込画面２１を再描画するといった処理を行う（ステップＳ４６）。なお、イベントメソッドによっては、ステップＳ４６の処理はスキップされる。
そして、処理がステップＳ３１に戻される。
シグナルとは指定イベントが検知されたとき、その指定イベントが検知されたという情報を示す。シグナルに対応するイベントメゾットとは、指定イベントに応じた第２サーバ１０２での処理内容を定義したものである。シグナルに対応するイベントメゾットがあるか否かの情報は、第２サーバ１０２および埋込プログラム２０で連携されているものとする。

図７及び図８を参照して、実施の形態１に係る埋込プログラム２０を用いて親プログラム１０に機能追加する方法を説明する。図７及び図８では、比較のため、インラインフレームを用いた方式で親プログラム１０に機能追加した場合についても示されている。

図７では、親画面１１のテキストボックスに入力された情報を埋込プログラム２０に受け渡す機能を追加する例が示されている。
実施の形態１における方法でこの機能を追加する場合には、親プログラム１０側には、埋込プログラム２０を呼び出すｓｃｒｉｐｔタグを追加する。埋込プログラム２０側には、親画面１１のテキストボックスに情報が入力されたことを指定イベントとして設定し、指定イベントが検知された場合に情報を取得する処理を記述する。
これに対して、インラインフレームを用いた方式でこの機能を追加する場合には、親プログラム１０側には、親画面１１のテキストボックスに情報が入力された場合に、入力された情報をｐｏｓｔＭｅｓｓａｇｅするように記述する。ｐｏｓｔＭｅｓｓａｇｅは、ブラウザ内のウインドウ間通信である。埋込プログラム２０側には、メッセージ待機イベント（ｏｎＭｅｓｓａｇｅ）を受け取った場合に、メッセージの送信元のＵＲＬが親プログラム１０であれば、情報を取得するよう記述にする。ＵＲＬは、ＵｎｉｆｏｒｍＲｅｓｏｕｒｃｅＬｏｃａｔｏｒの略である。

図８では、埋込画面２１のボタンが押下された場合に埋込プログラム２０内の情報を親画面１１のテキストボックスに設定する機能を追加する例が示されている。
実施の形態１における方法でこの機能を追加する場合には、親プログラム１０側には、埋込プログラム２０を呼び出すｓｃｒｉｐｔタグを追加する。埋込プログラム２０側には、埋込画面２１のボタンが押下されたことを指定イベントとして設定し、指定イベントが検知された場合に埋込プログラム２０内の情報を親画面１１のテキストボックスに設定する処理を記述する。なお、親画面１１と埋込画面２１とは同一のウェブ画面であるため、特別な処理はいらず、単に埋込プログラム２０内の情報を親画面１１のテキストボックスに設定すればよい。
これに対して、インラインフレームを用いた方式でこの機能を追加する場合には、親プログラム１０側には、メッセージ待機イベント（ｏｎＭｅｓｓａｇｅ）を受け取った場合に、メッセージの送信元のＵＲＬが埋込プログラム２０であれば、情報を取得して親画面１１のテキストボックスに設定する処理を記述する。埋込プログラム２０には、埋込画面２１のボタンが押下された場合に、入力された情報をｐｏｓｔＭｅｓｓａｇｅするように記述する。

＊＊＊実施の形態１の効果＊＊＊
以上のように、実施の形態１に係る画面表示システム１００では、埋込プログラム２０は親プログラム１０から呼び出され実行される。これにより、ブラウザ３０から見た場合に埋込プログラム２０は、親プログラム１０とともに１つのウェブ画面を構成するプログラムになる。そのため、埋込プログラム２０が親画面１１を表示したブラウザ３０における指定イベントを検出し、親プログラム１０と埋込プログラム２０との間で情報を連携させることが可能になる。その結果、親プログラム１０には、埋込プログラム２０を呼び出す処理だけを記述するだけで情報の連携が可能になる。

図７及び図８を参照して説明したように、親プログラム１０側には、原則として埋込プログラム２０を呼び出すｓｃｒｉｐｔタグを追加するだけでよい。そのため、親プログラム１０が他社の製品であり、親プログラム１０の仕様が分からないような場合であっても、親プログラム１０に対する作業を容易に行うことができる。また、親プログラム１０がクラウドシステムである場合にも、ｓｃｒｉｐｔタグの追加だけを許可すれば、親プログラム１０に対する作業を容易に行うことができる。
これに対して、インラインフレームを用いた方式では、連携先と連携元とのプログラムの構造を互いに考慮し、連携先と連携元とが密に結合した実装が必要になる。つまり、親プログラム１０側についても仕様を把握した上で改修を行う必要がある。そのため、親プログラム１０が他社の製品であり、親プログラム１０の仕様が分からないような場合には、親プログラム１０に対する作業は困難である。また、親プログラム１０がクラウドシステムである場合には、作業を許可することが難しく、親プログラム１０に対する作業は困難である。

このような特徴を利用することで、他社の製品であるウェブアプリケーションプログラムに対して、任意の機能を追加することができる。また、古くなり、サポートが切れてしまっているようなウェブアプリケーションプログラムに対して、任意の機能を追加することができる。また、ベースとなる機能を作り込んだウェブアプリケーションプログラムをクラウドシステムとして実装しておき、提供先毎に埋込プログラム２０を作り込んで連携させることで、クラウドシステムをカスタマイズすることができる。

実施の形態１に係る画面表示システム１００では、上述した通り、親プログラム１０にはｓｃｒｉｐｔタグを追加するだけでよい。そのため、埋込プログラム２０により機能追加した場合であっても、親プログラム１０についてのテストは埋込プログラム２０と関連する部分だけで十分である。そのため、機能追加におけるテスト工数を抑えることが可能である。

また、インラインフレームを用いた方式では、同一生成元ポリシーの制限があり、第１サーバ１０１と第２サーバ１０２とが同一ドメインでない場合には、情報の取得及び情報の操作に制限がかけられる。
しかし、実施の形態１に係る画面表示システム１００では、ブラウザ３０から見た場合に埋込プログラム２０は、親プログラム１０とともに１つのウェブ画面を構成するプログラムになる。そのため、情報の取得及び情報の操作に対して、インラインフレームを用いた方式のような制限はない。

また、インラインフレームを用いた方式では、連携する情報が他のウェブアプリケーションプログラムによって傍受されるリスクがある。具体的には、図７の例で、親プログラム１０が親画面１１のテキストボックスに情報が入力された場合に、入力された情報をｐｏｓｔＭｅｓｓａｇｅする。このとき、親画面１１に表示されたどのウインドウからでも、ｐｏｓｔＭｅｓｓａｇｅされた情報を取得できる。そのため、悪意のあるウインドウが表示されてしまうと、情報を取得されてしまう恐れがある。
しかし、実施の形態１に係る画面表示システム１００では、他のウインドウから情報を取得される恐れはない。

＊＊＊他の構成＊＊＊
＜変形例１＞
実施の形態１では、親画面１１の一部として埋込画面２１が描画された。しかし、埋込画面２１は、描画されなくてもよい。この場合には、埋込プログラム２０は、親画面１１に情報を表示せず、親プログラム１０の情報を用いた処理を行うプログラムである。例えば、埋込プログラム２０は、親プログラム１０に入力された情報を編集等して記録するようなプログラムである。

＜変形例２＞
実施の形態１では、親プログラム１０を実行するブラウザ３０を備えたユーザ端末１０３と、埋込プログラム２０を記憶する第２サーバ１０２とが別の装置であった。しかし、図９に示すように、親プログラム１０を実行するブラウザ３０を備えたユーザ端末１０３に埋込プログラム２０が記憶されていてもよい。
この場合には、埋込プログラム２０は、ユーザ端末１０３に接続されたデバイス１０４の情報を取得することが可能である。デバイス１０４は、具体例としては、ＩＣカードリーダと、カメラといったものである。例えば、埋込プログラム２０は、デバイス１０４の情報を取得し、その情報を親画面１１に設定することができる。これにより、親プログラム１０と、ローカルデバイスであるデバイス１０４とで情報を連携させた処理を行うようにすることも可能である。

＜変形例３＞
実施の形態１では、埋込プログラム２０は１つだけであった。しかし、親プログラム１０は、複数の埋込プログラム２０を呼び出してもよい。これにより、親プログラム１０に対して複数の機能を追加することが可能である。また、複数の埋込プログラム２０のうち、どの埋込プログラム２０と親プログラム１０を情報連携させるかを親画面１１で選択できるようにしてもよい。これにより、ユーザが追加する機能を選択することが可能になる。

以下、本開示の諸態様を付記としてまとめて記載する。
（付記１）
親画面をブラウザに表示するウェブアプリケーションプログラムである親プログラムから呼び出される、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムであり、
前記ブラウザに対して発生した指定イベントを検知するイベント検知処理と、
前記イベント検知処理によって前記指定イベントが検知されると、前記親プログラムと前記埋込プログラムとの間で情報を連携させる情報連携処理と
をコンピュータに実行させる埋込プログラム。
（付記２）
前記情報連携処理では、前記親プログラムで管理される情報を取得して、取得した情報を用いて前記指定イベントに応じた処理を実行する
付記１に記載の埋込プログラム。
（付記３）
前記埋込プログラムは、さらに、
前記親画面の一部として埋込画面を描画する埋込描画処理
をコンピュータに実行させ、
前記情報連携処理では、取得された情報に基づき前記埋込画面を更新する処理を実行する
付記２に記載の埋込プログラム。
（付記４）
前記情報連携処理では、前記埋込プログラムで管理される情報を前記親画面に設定する
付記１から３までのいずれか１項に記載の埋込プログラム。
（付記５）
前記情報連携処理では、前記埋込プログラムが配置されたコンピュータに接続された機器から取得された情報を前記親画面に設定する
付記４に記載の埋込プログラム。
（付記６）
前記埋込プログラムは、前記親プログラムとは異なるコンピュータに配置された
付記１から５までのいずれか１項に記載の埋込プログラム。
（付記７）
ウェブアプリケーションプログラムである親プログラムと、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムとを有する画面表示プログラムであり、
前記親プログラムは、
親画面をブラウザに表示する親描画処理と、
前記埋込プログラムを呼び出す呼出し処理と
をコンピュータに実行させ、
前記埋込プログラムは、
前記ブラウザに対して発生した指定イベントを検知するイベント検知処理と、
前記イベント検知処理によって前記指定イベントが検知されると、前記親プログラムと前記埋込プログラムとの間で情報を連携させる情報連携処理と
をコンピュータに実行させる画面表示プログラム。
（付記８）
ウェブアプリケーションプログラムである親プログラムが、親画面をブラウザに表示し、
前記親プログラムが、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムを呼出し、
前記埋込プログラムが、前記ブラウザに対して発生した指定イベントを検知し、
前記埋込プログラムが、前記指定イベントが検知されると、前記親プログラムと前記埋込プログラムとの間で情報を連携させる画面表示方法。

以上、本開示の実施の形態及び変形例について説明した。これらの実施の形態及び変形例のうち、いくつかを組み合わせて実施してもよい。また、いずれか１つ又はいくつかを部分的に実施してもよい。なお、本開示は、以上の実施の形態及び変形例に限定されるものではなく、必要に応じて種々の変更が可能である。

１００画面表示システム、１０１第１サーバ、１０２第２サーバ、１０３ユーザ端末、１０４デバイス、１０親プログラム、１１親画面、２０埋込プログラム、２１埋込画面、３０ブラウザ、２０１プロセッサ、２０２メモリ、２０３ストレージ、２０４通信インタフェース。

Claims

親画面をブラウザに表示するウェブアプリケーションプログラムである第１サーバに配置された親プログラムから呼び出される、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムであって、前記第１サーバとは異なる第２サーバに配置された埋込プログラムであり、
前記ブラウザに対して発生した指定イベントを検知するイベント検知処理と、
前記イベント検知処理によって前記指定イベントが検知されると、前記指定イベントに対応するイベントメソッドの実行を前記第２サーバに指示し、前記イベントメソッドが実行されて得られた実行結果に応じて、前記親プログラムと前記埋込プログラムとの間で情報を連携させる情報連携処理と
をコンピュータに実行させる埋込プログラム。
前記情報連携処理では、前記親プログラムで管理される情報を取得して、取得した情報を用いて前記指定イベントに応じた処理を実行する
請求項１に記載の埋込プログラム。
前記埋込プログラムは、さらに、
前記親画面の一部として埋込画面を描画する埋込描画処理
をコンピュータに実行させ、
前記情報連携処理では、取得された情報に基づき前記埋込画面を更新する処理を実行する
請求項２に記載の埋込プログラム。
前記情報連携処理では、前記埋込プログラムで管理される情報を前記親画面に設定する請求項１に記載の埋込プログラム。
前記情報連携処理では、前記埋込プログラムが配置されたコンピュータに接続された機器から取得された情報を前記親画面に設定する
請求項４に記載の埋込プログラム。
ウェブアプリケーションプログラムである親プログラムであって、第１サーバに配置された親プログラムと、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムであって、前記第１サーバとは異なる第２サーバに配置された埋込プログラムとを有する画面表示プログラムであり、
前記親プログラムは、
親画面をブラウザに表示する親描画処理と、
前記埋込プログラムを呼び出す呼出し処理と
をコンピュータに実行させ、
前記埋込プログラムは、
前記ブラウザに対して発生した指定イベントを検知するイベント検知処理と、
前記イベント検知処理によって前記指定イベントが検知されると、前記指定イベントに対応するイベントメソッドの実行を前記第２サーバに指示し、前記イベントメソッドが実行されて得られた実行結果に応じて、前記親プログラムと前記埋込プログラムとの間で情報を連携させる情報連携処理と
をコンピュータに実行させる画面表示プログラム。
前記呼出し処理では、複数の埋込プログラムを呼び出し、
前記親プログラムは、さらに、
前記情報連携処理において前記複数の埋込プログラムのうちいずれの埋込プログラムとの間で情報を連携させるかの選択を受け付ける選択処理
をコンピュータに実行させる請求項６に記載の画面表示プログラム。
ウェブアプリケーションプログラムである親プログラムであって、第１サーバに配置された親プログラムが、親画面をブラウザに表示し、
前記親プログラムが、前記親プログラムとは異なるウェブアプリケーションプログラムである埋込プログラムであって、前記第１サーバとは異なる第２サーバに配置された埋込プログラムを呼出し、
前記埋込プログラムが、前記ブラウザに対して発生した指定イベントを検知し、
前記埋込プログラムが、前記指定イベントが検知されると、前記指定イベントに対応するイベントメソッドの実行を前記第２サーバに指示し、前記イベントメソッドが実行されて得られた実行結果に応じて、前記親プログラムと前記埋込プログラムとの間で情報を連携させる画面表示方法。
前記親プログラムは、複数の埋込プログラムを呼び出し、
前記親プログラムは、前記複数の埋込プログラムのうちいずれの埋込プログラムとの間で情報を連携させるかの選択を受け付け、
前記複数の埋込プログラムのうち選択された埋込プログラムが、前記指定イベントを検知し、
前記複数の埋込プログラムのうち選択された埋込プログラムが、前記指定イベントが検知されると、前記指定イベントに対応するイベントメソッドの実行を前記第２サーバに指示し、前記イベントメソッドが実行されて得られた実行結果に応じて、前記親プログラムと前記埋込プログラムとの間で情報を連携させる
請求項８に記載の画面表示方法。