特開 2024-93620 情報処理システム、情報処理システムの制御方法、及びプログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】公開特許公報(A)

(11)【公開番号】P2024093620

(43)【公開日】2024-07-09

(54)【発明の名称】情報処理システム、情報処理システムの制御方法、及びプログラム

(51)【国際特許分類】

   G06F 8/60 20180101AFI20240702BHJP

   G06F 15/00 20060101ALI20240702BHJP

   H04L 67/10 20220101ALI20240702BHJP

   G06F 8/61 20180101ALI20240702BHJP

【ＦＩ】

G06F8/60

G06F15/00 410C

H04L67/10

G06F8/61

【審査請求】未請求

【請求項の数】19

【出願形態】ＯＬ

(21)【出願番号】P 2022210128

(22)【出願日】2022-12-27

【公序良俗違反の表示】

（特許庁注：以下のものは登録商標）

１．ＪＡＶＡＳＣＲＩＰＴ

(71)【出願人】

【識別番号】390002761

【氏名又は名称】キヤノンマーケティングジャパン株式会社

(71)【出願人】

【識別番号】592135203

【氏名又は名称】キヤノンＩＴソリューションズ株式会社

(74)【代理人】

【識別番号】100189751

【弁理士】

【氏名又は名称】木村 友輔

(74)【代理人】

【識別番号】100227857

【弁理士】

【氏名又は名称】中山 圭

(72)【発明者】

【氏名】柴本 文洋

(72)【発明者】

【氏名】鈴木 智子

【テーマコード（参考）】

5B376

【Ｆターム（参考）】

5B376AB01

5B376AB47

5B376BC08

5B376BC43

5B376FA13

(57)【要約】

【課題】アプリケーションソフトウェアのＰＷＡを利用可能な場合に、ユーザーがＰＷＡを利用可能であることを見落とす可能性を低減する。
【解決手段】 ユーザーの操作に基づいてアプリケーションに関する定義情報を記録するように制御する記録制御手段と、
前記アプリケーションに対応するＰＷＡのインストールに用いる特定の情報を生成する生成手段と、
前記アプリケーションの画面において、前記ＰＷＡのインストールを促す特定の表示を行うアプリケーションが構築されるように制御する制御手段と、
を有することを特徴とする。
【選択図】図１１

【特許請求の範囲】

【請求項1】

ユーザーの操作に基づいてアプリケーションに関する定義情報を記録するように制御する記録制御手段と、
前記アプリケーションに対応するＰＷＡのインストールに用いる特定の情報を生成する生成手段と、
前記アプリケーションの画面において、前記ＰＷＡのインストールを促す特定の表示を行うアプリケーションが構築されるように制御する制御手段と、
を有することを特徴とする情報処理システム。

【請求項2】

前記制御手段は、前記アプリケーションの画面に、前記特定の表示として、前記ＰＷＡのインストールを指示する表示アイテムが表示されるアプリケーションが構築されるように制御することを特徴とする請求項１に記載の情報処理システム。

【請求項3】

前記記録制御手段は、前記アプリケーションの開発の際にＰＷＡを有効とする設定に変更されたことに応じて、前記表示アイテムを表示する設定となるように前記定義情報に記録するように制御することを特徴とする請求項２に記載の情報処理システム。

【請求項4】

前記ＰＷＡのインストールは、前記アプリケーションの画面を表示するクライアント装置において、前記特定の情報に基づき、プッシュ通知の機能を利用可能とする処理、オフラインでも動作可能とする処理、ホーム画面へアイコンの表示を行うための処理のうち少なくとも１つを含む処理であることを特徴とする請求項２に記載の情報処理システム。

【請求項5】

前記制御手段は、前記アプリケーションで表示されるトップ画面に、前記表示アイテムが表示されるアプリケーションが構築されるように制御することを特徴とする請求項２に記載の情報処理システム。

【請求項6】

前記トップ画面は、前記アプリケーションに関する認証完了後に最初に表示される画面であることを特徴とする請求項５に記載の情報処理システム。

【請求項7】

前記記録制御手段は、前記トップ画面が変更されたことに応じて、前記表示アイテムを表示する設定となるように前記定義情報に記録するように制御することを特徴とする請求項５に記載の情報処理システム。

【請求項8】

前記制御手段は、前記アプリケーションの複数の画面または複数の機能に対応する選択肢とともに、前記表示アイテムが表示されるアプリケーションが構築されるように制御することを特徴とする請求項２に記載の情報処理システム。

【請求項9】

前記制御手段は、前記アプリケーションのトップ画面に重畳して前記表示アイテムが表示されるアプリケーションが構築されるように制御することを特徴とする請求項２に記載の情報処理システム。

【請求項10】

前記制御手段は、前記定義情報に基づき、前記アプリケーションの画面を表示するクライアント装置に送信される情報であって、前記クライアント装置において前記表示アイテムが操作された場合に、前記クライアント装置がＰＷＡのインストールを行うように制御するための動作情報を生成するように制御することを特徴とする請求項２に記載の情報処理システム。

【請求項11】

前記制御手段は、前記定義情報に基づき、ＰＷＡを有効とする設定となっている場合に前記特定の表示を行うアプリケーションが構築されるように制御し、ＰＷＡを有効とする設定となっていない場合には前記特定の表示を行わないアプリケーションが構築されるように制御することを特徴とする請求項１に記載の情報処理システム。

【請求項12】

前記特定の情報は、ＰＷＡのマニフェストの情報を含むことを特徴とする請求項１に記載の情報処理システム。

【請求項13】

前記マニフェストの情報は、前記アプリケーションに関する説明文、ホーム画面における前記アプリケーションのアイコンに使用する画像の設定の少なくとも１つを含むことを特徴とする請求項１２に記載の情報処理システム。

【請求項14】

前記生成手段は、前記定義情報に基づいて前記特定の情報を生成することを特徴とする請求項１に記載の情報処理システム。

【請求項15】

前記生成手段は、前記定義情報において、ＰＷＡを有効とする定義情報が含まれている場合に、前記特定の情報を含む、前記アプリケーションの画面を表示するクライアント装置で利用するためのクライアント用プログラムを生成し、ＰＷＡを有効とする定義情報が含まれていない場合には、前記特定の情報を含まない、前記クライアント装置で利用するためのクライアント用プログラムを生成することを特徴とする請求項１に記載の情報処理システム。

【請求項16】

前記記録制御手段は、前記アプリケーションの開発画面におけるユーザー操作に基づいて、構築される前記アプリケーションで表示される画面に配置するコンポーネントの定義を記録するように制御することを特徴とする請求項１に記載の情報処理システム。

【請求項17】

前記アプリケーションはＷｅｂアプリケーションであることを特徴とする請求項１に記載の情報処理システム。

【請求項18】

ユーザーの操作に基づいてアプリケーションに関する定義情報を記録するように制御する記録制御ステップと、
前記アプリケーションに対応するＰＷＡのインストールに用いる特定の情報を生成する生成ステップと、
前記アプリケーションの画面において、前記ＰＷＡのインストールを促す特定の表示を行うアプリケーションが構築されるように制御する制御ステップと、
ことを特徴とする情報処理システムの制御方法。

【請求項19】

少なくとも１つのコンピュータを、請求項１乃至１７のいずれか１項に記載された情報処理システムの各手段として機能させるためのプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

情報処理システム、情報処理システムの制御方法、及びプログラム関し、特に、アプリケーションソフトウェアの構築のために用いて好適な技術に関する。

【背景技術】

【0002】

従来、プログラミング言語によるコード記述が不要または少なくてよいノーコード開発ツール／ローコード開発ツールとして、定義に従ってアプリケーションソフトウェア（以下、アプリケーションと称する）を構築するアプリケーション構築ツールが存在する。特許文献１には、構築するＷｅｂアプリケーションの画面を編集するためのレイアウトエディタ画面に、ボタン、テキストボックス等の画面部品のいずれかをドラッグ＆ドロップで配置でき、配置した画面部品を入出力定義テーブルに記憶することが提案されている。

【0003】

また、ウェブとアプリの両方の利点を備えたアプリケーションであり、プッシュ通知の機能が利用可能、オフラインでも動作可能、ホーム画面へのアイコンの表示が可能といった利点をもつＰＷＡ（Ｐｒｏｇｒｅｓｓｉｖｅ Ｗｅｂ Ａｐｐｓ）技術も知られている。特許文献２には、ネイティブアプリの代わりに、ＰＷＡ（Ｐｒｏｇｒｅｓｓｉｖｅ Ｗｅｂ Ａｐｐｓ）技術を利用し、インターネット上のクラウドサーバに構築したモバイル向けＷｅｂサイトを、端末装置６０にインストールしたアプリのように使えるようにすることが提案されている。

【先行技術文献】

【特許文献】

【0004】

【特許文献1】特開２０１９－４９８５８号公報

【特許文献2】特開２０２２－５７１１３号公報

【発明の概要】

【発明が解決しようとする課題】

【0005】

特許文献１のようなノーコード開発ツール／ローコード開発ツールを用いて開発した構築済みアプリケーションと、構築済みアプリケーションに対応するＰＷＡとを提供することが可能である。しかし、構築済みアプリケーションを利用するユーザーが、対応するＰＷＡを利用可能であることに気付かずに、ＰＷＡを利用する機会を損失してしまう場合がある。

【0006】

そこで本発明は、アプリケーションソフトウェアのＰＷＡを利用可能な場合に、ユーザーがＰＷＡを利用可能であることを見落とす可能性を低減する仕組みを提供することを目的とする。

【課題を解決するための手段】

【0007】

本発明の情報処理システムは、
ユーザーの操作に基づいてアプリケーションに関する定義情報を記録するように制御する記録制御手段と、
前記アプリケーションに対応するＰＷＡのインストールに用いる特定の情報を生成する生成手段と、
前記アプリケーションの画面において、前記ＰＷＡのインストールを促す特定の表示を行うアプリケーションが構築されるように制御する制御手段と、
を有することを特徴とする。

【発明の効果】

【0008】

本発明によれば、アプリケーションソフトウェアのＰＷＡを利用可能な場合に、ユーザーがＰＷＡを利用可能であることを見落とす可能性を低減することができる。

【図面の簡単な説明】

【0009】

【図1】情報処理システムのシステム構成図である。

【図2】開発者用端末１００、アプリユーザー用端末２００、アプリユーザー用端末２０１のハードウェアブロック図である。

【図3】ログイン処理のフローチャートである。

【図4】ＵＩエディタ処理のフローチャートである。

【図5】ログイン処理とＵＩエディタ処理における表示例である。

【図6】ＵＩエディタ処理におけるＡｐｐＢａｒの表示例である。

【図7】（ａ）コンテキストメニュー処理のフローチャートである。（ｂ）ＡｐｐＢａｒのプロパティボックスの表示例である。

【図8】（ａ）画面切替処理のフローチャートである。（ｂ）アプリ設定画面の表示例である。

【図9】（ａ）開発環境３００による保存処理のフローチャートである。（ｂ）開発環境３００によるデプロイ処理のフローチャートである。

【図10】ＵＩ定義情報の情報遷移図である。

【図11】アプリユーザー用端末２０１におけるアプリケーション実行時の表示例である。

【発明を実施するための形態】

【0010】

以下、添付図面を参照して実施形態を詳しく説明する。尚、以下の実施形態は特許請求の範囲に係る発明を限定するものではなく、また実施形態で説明されている特徴の組み合わせの全てが発明に必須のものとは限らない。実施形態で説明されている複数の特徴のうち二つ以上の特徴が任意に組み合わされてもよい。また、同一若しくは同様の構成には同一の参照番号を付し、重複した説明は省略する。

【0011】

以下に示す実施形態中で示した各種特徴事項は、互いに組み合わせ可能である。なお、以下において、「アプリケーション」、「アプリ」は、いずれも、アプリケーションソフトウェアを意味するものとする。

【0012】

＜システム構成＞
図１に、本発明の実施形態としての情報処理システムのシステム構成図を示す。図１には、ソフトウェア開発を行うためのシステムと、開発されたソフトウェアを使用するためのシステムとを示す。

【0013】

開発者用端末１００は、パーソナルコンピュータ（以下、ＰＣ）やスマートフォンなどで構成可能な開発者ユーザーが操作する情報処理装置（情報処理端末）である。すなわち、開発者ユーザーのユーザー端末である。開発者用端末１００は、開発するアプリケーションの設計操作を開発者から受け付け、設計された内容であるアプリケーションの各種定義情報を開発環境３００に送信する。

【0014】

開発環境３００はネットワーク上（クラウド上、インターネット上）に構築された少なくとも１つのハードウェア資源を用いた環境である。開発環境３００はマルチテナントの環境であり、複数の開発者ユーザーがログイン可能な環境である。開発環境３００は、開発者情報３０１、実行エンジン３０２、ストレージ３２０を含む。開発環境３００は、複数のＷｅｂサービス（クラウドサービス）を組み合わせて構築される。

【0015】

開発者情報３０１は、開発者のアカウントＩＤとなるメールアドレス（ユーザーＩＤ）、パスワードなどの、開発環境３００にログイン可能な開発者のアカウントを記録した情報である。開発者情報３０１は開発環境３００に含まれる少なくとも１つの記録媒体に記録されている。

【0016】

実行エンジン３０２は、開発環境３００で実行すべき処理を実行するための少なくとも１つのハードウェア資源であり、プロセッサ３０３とメモリ３０４を含む。プロセッサ３０３は少なくとも１つのプロセッサからなり、クラウド上の１つのプロセッサでもよいし、複数のプロセッサを組み合わせたプロセッサ群としても良い。メモリ３０４は、プロセッサ３０３が実行すべきプログラムを記録した少なくとも１つの記録媒体である。後述する各種フローチャートのうち、開発環境３００が実行するものとして説明するものは、実行エンジン３０２が実行する。すなわち、メモリ３０４に記録されたプログラムを、プロセッサ３０３が開発環境３００のうちワークメモリとなる領域に展開して実行することにより実現する。

【0017】

配信エンジン３０５は、開発環境３００にアクセスした開発者用端末１００に対して、開発者用端末１００において実行すべきクライアント用プログラム３２２（ＨＴＭＬのソースコードやＪａｖａＳｃｒｉｐｔのソースコードなど）を送信する。クライアント用プログラム３２２は、開発環境３００に含まれるストレージ３２０に予め記録されている。

【0018】

ストレージ３２０は、少なくとも１つの記録媒体の記憶領域であり、少なくとも、各開発者に共通であるクライアント用プログラム３２２を記憶している。また、開発者のアカウント毎の記憶領域である開発者用領域を有している。例えば、ログイン可能な開発者として開発者Ａ、開発者Ｂ、開発者Ｃがいる場合には、開発者Ａのための領域である開発者Ａ領域３２３、開発者Ｂのための領域である開発者Ｂ領域３２４、開発者Ｃのための領域である開発者Ｃ領域３２５が含まれる。各開発者用領域には、各開発者が開発したアプリの定義情報を記憶している。例えば、既発者Ａ領域３２３にはアプリ定義３２３ａが記録されている。

【0019】

開発者は、開発者用端末１００のブラウザソフトから、開発環境３００にアクセスするためのＵＲＬにアクセスすることで開発環境３００にアクセスし、開発環境にログインする。開発環境にログインすると、開発環境から、クライアント用プログラム３２２と、過去に開発作業を行って保存していた内容であるアプリ定義（ＵＩ定義情報）を受信する。そして、新規にアプリケーションを設計する操作、あるいは、既存の（作りかけの）アプリケーションの更新設計をする操作を行い、その結果であるアプリの定義情報（アプリ定義、ＵＩ定義情報）を開発環境３００に送信する。開発環境３００は受信したアプリ定義を、その開発者用領域に保存する。このように、本実施形態では、クラウド上の開発環境３００にアクセスすることが可能な端末であればどのような端末であっても開発者用端末１００として利用してアプリケーションの設計を行うことができる。従って、インターネットに接続することが可能な端末さえあれば、開発者は場所を選ばずにアプリケーションの開発を行うことができる。

【0020】

実行環境４００は、ネットワーク上（クラウド上、インターネット上）に構築された少なくとも１つのハードウェア資源を用いた環境である。実行環境４００はマルチテナント実行環境４１０と、複数のシングルテナント実行環境（例えば、シングルテナント実行環境４５０、４６０、４７０）を含む。実行環境４００は、複数のＷｅｂサービス（クラウドサービス）を組み合わせて構築される。実行環境４００には、開発者用端末１００と開発環境３００を用いて開発されたアプリケーションの定義情報（アプリ定義）がデプロイされるための環境である。そして、アプリケーションを使用するユーザーが用いるアプリユーザー用端末２００、２０１は、アプリケーションの実行のためのＵＲＬにアクセスすることで、実行環境４００にアクセスする。そして、アプリユーザー用端末２００、２０１で行われた操作に応じた各種アクションを実行環境４００が実行することで、開発されたアプリケーションが実行され、アプリユーザーにアプリケーションの機能が提供される。ネットワーク上にある実行環境４００に構築されるアプリケーションはいわゆるＷＥＢアプリケーションである。

【0021】

マルチテナント実行環境４１０は、複数の開発者に共用されるマルチテナント環境の実行環境であり、複数の開発者によって開発されたアプリケーションがデプロイされる。すなわち、複数の開発者によって共有される環境であり、複数の開発者の複数のアプリを構築可能な環境である。マルチテナント実行環境４１０には、ユーザー情報４１１、実行エンジン４１２、配信エンジン４１５、ストレージ４２０、ＤＢセット４３３を含む。

【0022】

ユーザー情報４１１は、デプロイされたアプリケーション（構築されたアプリケーション）のユーザーアカウントＩＤとなるメールアドレス（ユーザーネーム）、パスワードなどの、アプリケーションにログイン可能なアプリユーザーのアカウントを記録した情報である。ユーザー情報４１１はマルチテナント実行環境４１０に含まれる少なくとも１つの記録媒体に記録されている。

【0023】

実行エンジン４１２は、マルチテナント実行環境４１０で実行すべき処理を実行するための少なくとも１つのハードウェア資源であり、プロセッサ４１３とメモリ４１４を含む。プロセッサ４１３は少なくとも１つのプロセッサからなり、クラウド上の１つのプロセッサでもよいし、複数のプロセッサを組み合わせたプロセッサ群としても良い。メモリ４１４は、プロセッサ４１３が実行すべきプログラムを記録した少なくとも１つの記録媒体である。後述する各種フローチャートのうち、マルチテナント実行環境４１０が実行するものとして説明するものは、実行エンジン４１２が実行する。すなわち、メモリ４１４に記録されたプログラムを、プロセッサ４１３がマルチテナント実行環境４１０のうちワークメモリとなる領域に展開して実行することにより実現する。ここで実行されるプログラムは、アプリケーションのアクションを実行するプログラムを含む。

【0024】

配信エンジン４１５は、マルチテナント実行環境４１０にアクセスしたアプリユーザー用端末２００、２０１に対してアプリユーザー用端末２００、２０１において実行すべきクライアント用プログラム４２２（ＨＴＭＬのソースコードやＪａｖａＳｃｒｉｐｔのソースコードなど）を送信する。クライアント用プログラム４２２は、実行環境４１０に含まれるストレージ４２０に予め記録されている。

【0025】

ストレージ４２０は、少なくとも１つの記録媒体の記憶領域であり、少なくとも、複数のアプリケーションで共通であるクライアント用プログラム４２２を記憶している。また、ストレージ４２０の所定の領域（所定のフォルダ、所定のバケット、所定の階層下）には、当該実行環境（マルチテナント実行環境４１０）へアクセスするためのアクセス先情報４２１が記録されている。また、開発者のアカウント毎の記憶領域である開発者用領域を有している。例えば開発者Ａのための領域である開発者Ａ領域４２３、開発者Ｂのための領域である開発者Ｂ領域４２４、開発者Ｃのための領域である開発者Ｃ領域４２５が含まれる。各開発者用領域には、各開発者が開発して、開発環境３００からデプロイされたアプリの定義情報を記憶している。例えば、既発者Ａ領域４２３にはアプリ定義４２３ａが記録されている。

【0026】

ＤＢセット４３０は、実行環境４１０にデプロイされたアプリケーションが用いるデータベースに関する情報群である。ＤＢセット４３０は、少なくとも１つの記録媒体の記憶領域に記憶される。

【0027】

シングルテナント実行環境１（４５０）、２（４６０）、３（４７０）は、それぞれ１人の開発者（１つの開発者アカウント）に専用の実行環境であり、所有者である開発者によって開発環境３００を用いて開発されたアプリケーションがデプロイされる。本実施形態では例として、シングルテナント実行環境１（４５０）の所有者は開発者Ａ、シングルテナント実行環境２（４６０）の所有者も開発者Ａ、シングルテナント実行環境３（４７０）の所有者は開発者Ｂ、としている。このように、１人の開発者が複数のシングルテナント実行環境を所有することもできる。シングルテナント実行環境１（４５０）、２（４６０）、３（４７０）はそれぞれ、ユーザー情報４５１、４６１、４７１、実行エンジン４５２、４６２、４７２、配信エンジン４５５、４６５、４７５、ストレージ４５６、４６６、４７６、ＤＢセット４５７、４６７、４７７を含む。これらは、１人の開発者に専用であることを除いては、前述したマルチテナント実行環境４１０の、ユーザー情報４１１、実行エンジン４１２、配信エンジン４１５、ストレージ４２０、ＤＢセット４３３と同様の機能であるため、詳細な説明は省略する。シングルテナント実行環境は図示した３つだけでなく、更に数多く構築することが可能である。

【0028】

図１のシステムを用いて、例えば、運用者が、マルチテナント実行環境４１０を開発者に無償提供し、シングルテナント実行環境を有償提供するという運用とすることが考えられる。マルチテナント実行環境４１０も、各シングルテナント実行環境も、リソースとサービスの提供業者（クラウドサービス事業者）に対して本システムの運用者が維持費用を支払う必要がある。マルチテナント実行環境４１０の維持費用は、運用者が負担して複数の開発者に無償提供することにより、開発者が本システムの試用のために費用負担をする必要がないため、多くの開発者が利用しやすく、本システムの普及を促進することができる。運用者は、シングルテナント実行環境に対して開発者に課金することで費用回収する。

【0029】

１つの実行環境で単位時間あたりに処理できる処理リクエストの数に上限があり、数多くのアプリケーションがマルチテナント実行環境に構築され、多くのアプリユーザーが同時にアクセスした場合、リクエストが処理しきれず、アプリケーションの動作が遅くなるなどの状況になる可能性がある。他にも、マルチテナント実行環境に多くの開発者が開発した多くのアプリケーションがデプロイされて実行されることに対して、いくらかの制限があり、その制限のためにアプリケーションが十分なパフォーマンスを発揮できない場合がある。開発者が、有償で専用のシングルテナント実行環境を所有することで、このようなマルチテナント実行環境の制限による問題は回避（あるいは低減）することができる。すなわち、アプリケーションをシングルテナント実行環境に構築することで、十分なパフォーマンスを発揮するアプリケーションを構築することができる。

【0030】

このようなマルチテナント実行環境とシングルテナント実行環境の双方の特徴を踏まえ、開発者は、本システムを次のように活用できる。例えば、本システムを初めて使う場合にはマルチテナント実行環境４１０に本システムを用いて開発したアプリケーションを構築して試用を行った後に、本システムが開発者のソフトウェア開発に資すると判断したうえで、シングルテナント実行環境を有償で導入するといった使い方ができる。また、開発者が特定のアプリケーションＸを開発する際に、一般ユーザーに公開する前に、人数の限られたテストユーザーに試用してもらうためのアプリケーションＸのα版をマルチテナント実行環境４１０に構築する。そこでアプリケーションＸのテスト行い、アプリケーションＸの修正などを行い、更に開発を進める。そして、一般ユーザーへ公開しても問題ないレベルまで開発が完了した後に、アプリケーションＸの本運用版をシングルテナント実行環境に構築して、一般ユーザーに公開する。このような使い方をすれば、開発者は、開発期間の開発費用を抑え、かつ、多数の一般ユーザーが利用しても問題の無いアプリケーションの運用を行うことができる。

【0031】

図２に、開発者用端末１００、アプリユーザー用端末２００、アプリユーザー用端末２０１として適用可能な装置（電子機器）の一例としての情報処理装置のハードウェアブロック図を示す。図２において、内部バス１５０に対してＣＰＵ１０１、メモリ１０２、不揮発性メモリ１０３、画像処理部１０４、ディスプレイ１０５、操作部１０６、記録媒体Ｉ／Ｆ１０７、外部Ｉ／Ｆ１０９、通信Ｉ／Ｆ１１０が接続されている。内部バス１５０に接続される各部は、内部バス１５０を介して互いにデータのやりとりを行うことができるようにされている。

【0032】

メモリ１０２は、例えばＲＡＭ（半導体素子を利用した揮発性のメモリなど）からなる。ＣＰＵ１０１は、例えば不揮発性メモリ１０３に格納されるプログラムに従い、メモリ１０２をワークメモリとして用いて、情報処理装置の各部を制御する。不揮発性メモリ１０３には、画像データや音声データ、その他のデータ、ＣＰＵ１０１が動作するための各種プログラムなどが格納される。不揮発性メモリ１０３は例えばハードディスク（ＨＤ）やＲＯＭなどで構成される。

【0033】

画像処理部１０４は、ＣＰＵ１０１の制御に基づいて、不揮発性メモリ１０３や記録媒体１０８に格納された画像データや、外部Ｉ／Ｆ１０９を介して取得した映像信号、通信Ｉ／Ｆ１１０を介して取得した画像データ、撮像された画像などに対して各種画像処理を施す。画像処理部１０４が行う画像処理には、Ａ／Ｄ変換処理、Ｄ／Ａ変換処理、画像データの符号化処理、圧縮処理、デコード処理、拡大／縮小処理（リサイズ）、ノイズ低減処理、色変換処理などが含まれる。画像処理部１０４は特定の画像処理を施すための専用の回路ブロックで構成しても良い。また、画像処理の種別によっては画像処理部１０４を用いずにＣＰＵ１０１がプログラムに従って画像処理を施すことも可能である。

【0034】

ディスプレイ１０５は、ＣＰＵ１０１の制御に基づいて、画像やＧＵＩ（Ｇｒａｐｈｉｃａｌ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ）を構成するＧＵＩ画面などを表示する。ＣＰＵ１０１は、プログラムに従い表示制御信号を生成し、ディスプレイ１０５に表示するための映像信号を生成してディスプレイ１０５に出力するように情報処理装置の各部を制御する。ディスプレイ１０５は出力された映像信号に基づいて映像を表示する。なお、情報処理装置自体が備える構成としてはディスプレイ１０５に表示させるための映像信号を出力するためのインターフェースまでとし、ディスプレイ１０５は外付けのモニタ（テレビなど）で構成してもよい。以下、開発者用端末１００、アプリユーザー用端末２００、アプリユーザー用端末２０１が実行する処理においての表示先は、特に断りが無い場合には、各動作主のディスプレイ１０５であるものとする。

【0035】

操作部１０６は、キーボードなどの文字情報入力デバイスや、マウスやタッチパネルといったポインティングデバイス、ボタン、ダイヤル、ジョイスティック、タッチセンサ、タッチパッドなどを含む、ユーザー操作を受け付けるための入力デバイスである。なお、タッチパネルは、ディスプレイ１０５に重ね合わせて平面的に構成され、接触された位置に応じた座標情報が出力されるようにした入力デバイスである。

【0036】

記録媒体Ｉ／Ｆ１０７は、メモリーカードやＣＤ、ＤＶＤといった記録媒体１０８が装着可能とされ、ＣＰＵ１０１の制御に基づき、装着された記録媒体１０８からのデータの読み出しや、当該記録媒体１０８に対するデータの書き込みを行う。外部Ｉ／Ｆ１０９は、外部機器と有線ケーブルや無線によって接続し、映像信号や音声信号の入出力を行うためのインターフェースである。通信Ｉ／Ｆ１１０は、外部機器やインターネット１１１などと通信して、ファイルやコマンドなどの各種データの送受信を行うためのインターフェースである。開発者用端末１００は通信Ｉ／Ｆ１１０を用いて、インターネット１１１上にある開発環境３００と通信可能（情報の送受信可能）である。アプリユーザー用端末２００、２０１は通信Ｉ／Ｆ１１０を用いて、インターネット１１１上にある実行環境４００と通信可能（情報の送受信可能）である。

【0037】

＜ログイン処理＞
図３（ａ）、（ｂ）に、ログイン処理のフローチャートを示す。この処理は、開発者用端末１００から開発環境３００にログインしてＵＩエディタを表示するまでの処理である。開発者用端末１００において、インターネットブラウザソフトを立ち上げ、本実施形態の開発システム（アプリケーション開発プラットフォーム）のＵＲＬを指定してアクセスする指示があると、図３（ａ）の処理を開始する。図３（ａ）の処理は、開発者用端末１００のＣＰＵ１０１が、インターネットブラウザソフトを実行するための不揮発性メモリ１０３に記録されたプログラムと、開発環境３００から受信したクライアント用プログラム３２２とを、メモリ１０２に展開して実行することにより実現する。以降、単に開発者用端末１００が実行する処理として記載したものは、開発者用端末１００のＣＰＵ１０１が、インターネットブラウザソフトを実行するための不揮発性メモリ１０３に記録されたプログラムと、開発環境３００から受信したクライアント用プログラム３２２とを、メモリ１０２に展開して実行する処理であるものとする。

【0038】

開発者用端末１００において、インターネットブラウザソフトを立ち上げ、本実施形態の開発システム（アプリケーション開発プラットフォーム）のＵＲＬを指定してアクセスすると、開発環境３００の配信エンジン３０５がアクセスを検知し、アクセス元の開発者用端末１００にクライアント用プログラム３２２を送信する。

【0039】

Ｓ３０１では、開発者用端末１００は、開発環境３００から送信されたクライアント用プログラム３２２を受信したか否かを判定する。受信していなければＳ３０１で受信を待ち、受信したらＳ３０２に進む。

【0040】

Ｓ３０２では、開発者用端末１００は、開発環境３００から受信したクライアント用プログラム３２２をメモリ１０２に記録する。

【0041】

Ｓ３０３では、開発者用端末１００は、クライアント用プログラム３２２に従い、ログイン画面をディスプレイ１０５に表示する。ログイン画面には、本実施形態の開発システムへのログイン画面である旨と、開発者ＩＤとパスワードの入力欄、新規登録ボタン（アイコン）、ログインボタン（アイコン）が表示される。

【0042】

Ｓ３０４では、開発者用端末１００は、ログイン画面の開発者ＩＤとパスワードの入力欄への入力操作を受け付ける。ユーザーの入力操作は操作部１０６を用いて行われる。開発者ＩＤは開発者ユーザーを識別（特定）するためのユーザー識別情報である。本実施形態では開発者ＩＤ（ユーザーネーム）は、メールアドレスであるものとする。また、暗証情報として用いるパスワードは任意の文字列であるものとするが、生体認証情報（指紋認証は顔認証に用いる情報）や、パターン認証の情報（画面に入力された軌跡パターンの情報）など、他の暗証情報としてもよい。

【0043】

Ｓ３０５では、開発者用端末１００は、ログイン画面の新規登録ボタンを指示する操作（例えばクリック）されたか否かを判定する。なお、以下、表示アイテム（ボタン、アイコンなどの表示物、表示項目）に対して、操作部１０６に含まれるマウスでクリックする、タッチパネルへタッチする、といった方法で指示する操作を、単に「押下」と記載する。新規登録ボタンが押下された場合にはＳ３０６に進み、そうでない場合にはＳ３０７に進む。

【0044】

Ｓ３０６では、開発者用端末１００は、開発者アカウント登録処理を行う。開発者アカウント登録処理は、開発者情報３０１に新規のアカウントの情報を登録する処理である。

【0045】

Ｓ３０７では、開発者用端末１００は、ログイン画面のログインボタンが押下されたか否かを判定する。ログインボタンが押下された場合にはＳ３０８に進み、そうでない場合にはＳ３０４に戻る。

【0046】

Ｓ３０８では、開発者用端末１００は、ログイン情報として、ログイン画面の開発者ＩＤとパスワードの入力欄へ入力された情報（入力された開発者ＩＤとパスワード）を開発環境３００に送信する。送信後、開発環境３００において認証処理が行われるため、その結果を待つ。

【0047】

Ｓ３０９では、開発者用端末１００は、開発環境３００からログインエラーの旨の情報を受信したか否かを判定する。ログインエラーの旨の情報を受信した場合はＳ３０４に戻って再度ログイン情報の入力を受け付け、そうでない場合にはＳ３１０へ進む。

【0048】

Ｓ３１０では、開発者用端末１００は、開発環境３００から実行環境リストを受信したか否かを判定する。開発環境３００はログイン認証が成功すれば実行環境リストを開発者用端末１００に送信するため、実行環境リストを受信したということは、ログイン認証に成功した（ログインできた）ということである。実行環境リストを受信した場合にはＳ３１１に進み、そうでない場合にはＳ３０９に戻る。

【0049】

Ｓ３１１では、開発者用端末１００は、ログイン後のアプリの開発画面として、Ｓ３１０で受信した実行環境リストをメモリ１０２に記録するとともに、受信した実行環境リストに基づいて実行環境の選択肢をディスプレイ１０５に表示する。実行環境リストはログインした開発者がアクセス可能な実行環境を示している。なお、Ｓ３１１以降に開発者用端末１００で表示される画面であって、構築後のアプリの画面とは異なる画面を総称して開発画面と称するものとする。

【0050】

図５（ａ）に、Ｓ３１１での実行環境の選択肢の表示例を示す。図５（ａ）の表示例では、ログインした開発者がアクセス可能な実行環境として、マルチテナント実行環境４１０に対応する選択肢５５１と、シングルテナント実行環境に対応する選択肢５５２の２つの選択肢が表示されている。開発者ユ―ザーはこれらの選択肢のいずれかを押下することにより選択して、ＳＡＶＥボタン５５３を押下することで選択を確定することができる。ここで選択されるのは、今回のログインにおいてこの後の作業で更新したアプリケーションをデプロイする先である。この時点で実行環境にアクセスするわけではない。また、ここで選択した実行環境は後述する操作によって変更可能である。

【0051】

Ｓ３１２では、開発者用端末１００は、実行環境の選択が行われたか否かを判定する。実行環境の選択肢のいずれかが押下され、ＳＡＶＥボタン５５３が押下された場合にはＳ３１３に進み、そうでない場合にはＳ３１２で実行環境の選択を待つ。

【0052】

Ｓ３１３では、開発者用端末１００は、Ｓ３１２で選択された実行環境を特定する情報（実行環境ＩＤなど）を「選択中実行環境」としてメモリ１０２に記録するとともに、開発環境３００に送信する。開発環境３００では、選択中実行環境（選択環境）を特定する情報を受信したことに応じて、アプリ情報として、ログイン開発者が所有する全てのアプリケーション（過去に生成され、ストレージ３２０に記録されているアプリケーション）を特定する情報（アプリＩＤやアプリ名など）を送信する。

【0053】

Ｓ３１４では、開発者用端末１００は、開発環境３００からアプリ情報を受信したか否かを判定する。アプリ情報を受信した場合にはＳ３１５に進み、そうでない場合にはＳ３１４でアプリ情報の受信を待つ。

【0054】

Ｓ３１５では、開発者用端末１００は、受信したアプリ情報をメモリ１０２に記録するとともに、アプリ情報に基づき、ログインユーザーが所有する（開発中の）アプリケーションの一覧（アプリ一覧）をディスプレイ１０５に表示する。

【0055】

Ｓ３１６では、開発者用端末１００は、アプリ一覧に表示されたアプリケーションの一覧のうち、いずれかのアプリケーションが選択されたか否かを判定する。いずれかのアプリが選択された場合にはＳ３１７に進み、そうでない場合はＳ３２０に進む。

【0056】

Ｓ３１７では、開発者用端末１００は、アプリ一覧から選択されたアプリケーションを「選択中アプリ」として、選択中アプリを特定する情報（アプリＩＤやアプリ名など）をメモリ１０２に記録するとともに、開発環境３００に送信する。開発環境３００では、選択中アプリを特定する情報を受信すると、ストレージ３２０のうち、ログインしている開発者の領域から選択中アプリの定義情報（アプリ定義）を取得し、開発者用端末１００に送信する。

【0057】

Ｓ３１８では、開発者用端末１００は、開発環境３００から選択中アプリの定義情報（ＵＩ定義情報）を受信したか否かを判定する。選択中アプリの定義情報を受信した場合には、受信した選択中アプリの定義情報をメモリ１０２に記録してＳ３１９に進み、そうでない場合にはＳ３１８で定義情報の受信を待つ。本実施形態では、この定義情報は、Ｊｓｏｎ形式でアプリケーションに関する各種定義が記述されたＪｓｏｎファイルであるものとする。以降、選択中アプリに関してディスプレイ１０５に表示を行う場合には、メモリ１０２に記録した定義情報に基づいて表示を行う。後述するＵＩエディタ処理などで選択中アプリについて更新する操作（例えば、ＵＩ部品の配置を変更するなど）が行われると、このメモリ１０２の定義情報を更新後の内容を定義するように更新する。そして保存の指示があった場合に、メモリ１０２に記録された最新の定義情報を開発環境３００に送信し、ストレージ３２０のうちログイン開発者の領域に保存させる。このようにすることで、開発環境３００との通信頻度の増大を抑え、通信のためにレスポンスが低下することを抑止して快適な更新作業を行うことができる。

【0058】

Ｓ３１９では、開発者用端末１００は、ディスプレイ１０５にＵＩエディタ画面を表示するとともに、受信した定義情報に基づく表示を行う。例えば、選択中アプリがデスクトップ用であるか用であるかに応じた形状（すなわち、アプリを利用するデバイスの種別に応じた形状）のキャンバス（ＵＩ画面の編集領域）を表示する。テスクトップ用であれば１６：９の矩形のキャンバスとし、モバイル用であればスマートフォンを模した縦長のアスペクト比のキャンバスとする。サブメニュー領域（後述）には選択中アプリが有する（選択中アプリに属する）ＵＩ画面の一覧を表示する（この処理は厳密には後述する図４のＳ４０１で行われる）。また、キャンバスには、デフォルトで選択されるＵＩ画面（イニシャルＵＩや最後に保存した際に編集していたＵＩ画面）に配置されるコンポーネント（ＵＩ画面に配置されるＵＩ部品）を表示する。なお、編集対象のＵＩ画面をデフォルトで選択することをせず、この時点ではキャンバスには何も表示しないようにしても良い。Ｓ３１９の処理でログイン処理を終了し、続いて、図４のＳ４０１へ進む。

【0059】

一方、Ｓ３２０では、開発者用端末１００は、アプリ一覧を表示した画面に表示された、アプリケーションを新規に作成するためのアイコン（＋マーク、不図示）が押下され、新規アプリケーションの作成が指示されたか否かを判定する。新規アプリケーションの作成が指示されたと判定した場合にはＳ３２１に進み、そうでない場合にはＳ３１６に戻る。

【0060】

Ｓ３２１では、開発者用端末１００は、新規作成するアプリケーションを、デスクトップ用（ＰＣ用）とするかモバイル用とするかの選択画面を表示し、いずれかを選択する操作を受け付ける。デスクトップ用アプリケーションとは、デスクトップＰＣ、ノートＰＣなどのアプリユーザー用端末２００からアクセスされ、操作されることを想定したアプリケーションである。モバイル用アプリケーションとは、スマートフォンなどのアプリユーザー用端末２０１からアクセスされ、操作されることを想定したアプリケーションである。

【0061】

Ｓ３２２では、開発者用端末１００は、新規作成するアプリケーションに関する基本となるアプリ情報（少なくともアプリ名、アプリＩＤ）の入力を受け付けるための画面を表示し、アプリ情報を設定する入力操作を受け付ける。アプリ情報の入力を受け付けると、Ｓ３２１で受け付けたデスクトップ用（ＰＣ用）かモバイル用かの情報と、Ｓ３２２で入力を受け付けたアプリ情報を開発環境３００に送信する。こうして、新規作成されたアプリケーションの定義情報として、開発環境３００のストレージ３２０に、新規のアプリケーションの定義情報が作成され、デスクトップ用（ＰＣ用）かモバイル用かの情報と、アプリ名、アプリＩＤが記録される。過去に作成済みのアプリケーションの定義情報にも、このようにして、デスクトップ用（ＰＣ用）かモバイル用かの情報と、アプリ名、アプリＩＤが記録されている。

【0062】

Ｓ３２３では、開発者用端末１００は、新規作成されたアプリケーションの編集画面としてＵＩエディタ画面を表示する。この場合、キャンバスはＳ３２１で選択されたデスクトップ用であるかモバイル用であるかに応じた形状で表示される。また、キャンバスはコンポーネントが１つも配置されていない空白情報で表示される。Ｓ３２３の処理でログイン処理を終了し、続いて、図４のＳ４０１へ進む。

【0063】

図３（ｂ）に、図３（ａ）の開発者用端末１００側でのログイン処理と協働する開発環境３００側のログイン処理を示す。図３（ｂ）の処理は、開発環境３００のプロセッサ３０３が、メモリ３０４に記録されたプログラムを、プロセッサ３０３が開発環境３００のうちワークメモリとなる領域に展開して実行することにより実現する。以降、単に開発環境３００が実行する処理として記載したものは、開発環境３００の実行エンジン３０２が、より詳しくはプロセッサ３０３が実行する処理であるものとする。

【0064】

Ｓ３３１では、開発環境３００は、Ｓ３０８で開発者用端末１００から送信されたログイン情報を受信したか否かを判定する。ログイン情報を受信した場合にはＳ３３２に進み、そうでない場合にはログイン情報の受信を待つ。

【0065】

Ｓ３３２では、開発環境３００は、受信したログイン情報と、開発者情報３０１を比較し、ログイン認証（ユーザー認証）を行う。より具体的には、受信したログイン情報に含まれる開発者ＩＤとパスワードの組と一致する情報が、開発者情報３０１（ユーザー情報）に含まれているかを判定する。含まれていれば認証は成功する。

【0066】

Ｓ３３３では、開発環境３００は、Ｓ３３２の認証処理の結果、ログインＯＫである（認証に成功した、認証された、認証ＯＫである）か否かを判定する。ログインＯＫである場合にはＳ３３５に進み、ログインＯＫでない場合にはＳ３３４に進み、ログインエラーである旨の情報を開発者用端末１００に送信する。

【0067】

Ｓ３３５では、開発環境３００は、開発者情報３０１に含まれる、ログインＯＫとなった開発者（ログイン開発者）の実行環境リストを開発者用端末１００に送信する。開発者情報３０１には、各開発者について、メールアドレス（ユーザーネーム、開発者ＩＤ）とパスワードに加えて、アクセス可能な実行環境ＩＤが記録されている。各実行環境ＩＤはクラウドサービス（Ｗｅｂサービス）におけるアカウントＩＤであり、本実施形態では１２桁のＩＤであるものとする。複数の実行環境にアクセス可能な開発者の場合は、１２桁の実行環境ＩＤがカンマで区切られて記録されている。Ｓ３３５では、ログイン開発者についての、このアクセス可能な実行環境ＩＤ（カンマで区切られた１つ以上の実行環境ＩＤ）を開発者用端末１００に送信する。すなわち、Ｓ３３５において、開発者情報３０１を参照することにより、ログイン開発者がアクセス可能な実行環境が特定される。このように、各開発者のアクセス可能な実行環境（各開発者が利用可能な実行環境）は、開発環境３００に記録された開発者情報３０１に記録されている。そして、このログイン可能な実行環境は、ログインＯＫとなった開発者でなければ取得できない。また、ログインＯＫとなった開発者自身のアクセス可能実行環境しか取得できない。このようにすることで、開発者が、自身のアクセス可能な実行環境へアクセスするための情報を、開発環境３００にログインするための情報と別途に管理する必要がない。また、他のユーザーが不正に実行環境へアクセスすることも抑止できる。

【0068】

Ｓ３３６では、開発環境３００は、Ｓ３１３で開発者用端末１００から送信された選択中実行環境を特定する情報（環境特定情報）を受信したか否かを判定する。選択中実行環境を特定する情報を受信した場合にはＳ３３７に進み、そうでない場合には選択中実行環境を特定する情報の受信を待つ。

【0069】

Ｓ３３７では、開発環境３００は、Ｓ３３６で受信した選択中実行環境を特定する情報に基づいて、選択中実行環境を、ストレージ３２０のログイン開発者用の領域に保存されている、設定管理用のファイルに記録する。

【0070】

Ｓ３３８では、開発環境３００は、ストレージ３２０のうち、ログイン開発者の領域から、ログイン開発者が所有する（ログイン開発者が作成した）全てのアプリケーションを示すアプリ情報を取得し、開発者用端末１００に送信する。ここで送信するアプリ情報は、アプリの定義情報のうち、Ｓ３１５で前述したアプリ一覧を表示するために必要な情報までであり、各アプリに関する詳細な定義情報（コンポーネントの配置やアクションを示す情報など）は含まれない。

【0071】

Ｓ３３９では、開発環境３００は、Ｓ３２２で開発者用端末１００から送信された新規アプリに関する情報（デスクトップ用（ＰＣ用）かモバイル用かの情報と、アプリ名、アプリＩＤを含む情報）を受信したか否かを判定する。新規アプリに関する情報を受信した場合にはＳ３４０に進み、そうでない場合にはＳ３４１へ進む。

【0072】

Ｓ３４０では、開発環境３００は、ストレージ３２０のうち、ログイン開発者の領域に、Ｓ３３９で受信した新規アプリに関する情報に基づき、新規のアプリケーションの定義情報を作成して記録する。ここで記録される定義情報には、デスクトップ用（ＰＣ用）かモバイル用かの情報と、アプリ名、アプリＩＤが含まれる。なお、開発環境３００では、マルチテナント実行環境４１０において他のユーザーのアプリと区別するために、アプリＩＤとして、Ｓ３２２で開発者から入力されたＩＤの直前に、アプリを所有する開発者の開発者ＩＤに一意に対応する開発者コード８桁を付して記録する。そして、ログイン処理を終了する。以降、内部処理を行う場合とアクションボードにプログラミング言語で表示する場合にはアプリＩＤを用いる場合にはログイン開発者の開発者コードを付したＩＤで処理を行う。また、ＵＩエディタなどにアプリＩＤとして表示をする際には開発者コードを除く、Ｓ３２２で開発者から入力されたＩＤ部分だけを表示する。

【0073】

Ｓ３４１では、開発環境３００は、Ｓ３１７で開発者用端末１００から送信された選択中アプリを特定する情報を受信したか否かを判定する。選択中アプリを特定する情報を受信した場合にはＳ３４２に進み、そうでない場合はＳ３３９に戻る。

【0074】

Ｓ３４２では、開発環境３００は、Ｓ３４１で受信した選択中アプリを特定する情報に基づき、ストレージ３２０のうち、ログイン開発者の領域から、選択中アプリの定義情報（アプリ定義）を取得し、開発者用端末１００に送信する。ここで送信する定義情報は、選択中アプリに関する詳細な定義情報（コンポーネントの配置やアクションを示す情報など）を含む。そして、ログイン処理を終了する。

【0075】

＜ＵＩエディタ処理＞
図４、図５（ｂ）を用いて、ＵＩエディタ処理について説明する。ＵＩエディタ処理は、ＵＩエディタ画面（アプリケーション開発画面）に対する開発者（ユーザー）からの操作に応じて、構築するアプリケーションの各種定義（ＵＩ部品の定義、アクション定義）を行う処理である。

【0076】

図５（ｂ）に、ディスプレイ１０５におけるＵＩエディタ処理で表示されるレイアウト編集画面の表示例を示す。図５（ｂ）の画面には、ヘッダーメニュー領域５００、メインメニュー領域５１０、サブメニュー領域５２０、キャンバス５３０（ＵＩ画面の編集受付領域）が含まれる。

【0077】

ヘッダーメニュー領域５００には、選択中実行環境ボックス５０１、選択中アプリボックス５０２、選択中ＵＩ画面ボックス５０３、保存ボタン５０４、プレビューボタン５０５、デプロイボタン５０６が表示される。

【0078】

選択中実行環境ボックス５０１には、選択中実行環境を表す情報として、選択中実行環境ＩＤが表示される。選択中実行環境ボックス５０１の右端にある矢印アイコンを押下することで、プルダウンメニューとしてＳ３１０で取得したログイン開発者がアクセス可能な実行環境の一覧が表示され、一覧から任意の実行環境を選択することで、選択中実行環境を変更することが可能である。選択中実行環境が変更されても、選択中アプリは変更されず、メインメニュー領域５１０、サブメニュー領域５２０、キャンバス５３０に表示される内容は変更されない。このように、同じアプリケーションに関してデプロイする先である選択中実行環境を変更することで、同じアプリケーションを任意の複数の実行環境にデプロイすることが可能である。

【0079】

選択中アプリボックス５０２には、選択中アプリを表す情報として、選択中アプリのアプリ名が表示される。選択中アプリボックス５０２の右端にある矢印アイコンを押下することで、プルダウンメニューとしてＳ３１４で取得したログイン開発者の所有するアプリ一覧が表示され、一覧から任意のアプリを選択することで、選択中アプリを変更することが可能である。選択中アプリが変更されると、サブメニュー領域５２０、キャンバス５３０に表示すべき内容が変わる。

【0080】

選択中ＵＩ画面ボックス５０３には、キャンバス５３０で編集中のＵＩ画面を表す情報として、編集中のＵＩ画面名が表示される。選択中ＵＩ画面ボックス５０４にある矢印アイコンを押下することで、プルダウンメニューとして、Ｓ３１８で取得した選択中アプリの定義情報に基づき、選択中アプリに属するＵＩ画面の一覧が表示され、一覧から任意のＵＩ画面を選択することで、キャンバス５３０に表示する編集対象のＵＩ画面を変更することが可能である。

【0081】

メインメニュー領域５１０には、メインメニューのメニュー項目としての選択肢アイコンとして、アプリ一覧ボタン５１１、ＵＩ画面ボタン５１２、ワークフローボタン５１３、設定ボタン５１４、環境一覧ボタン５１５、データベースボタン５１６、ファイルマネージャーボタン５１７、ユーザー管理ボタン５１８、スナップショットボタン５１９が表示される。これらの選択肢の押下に応じた処理については図８（ａ）の画面切替処理で後述する。

【0082】

サブメニュー領域５２０には、メインメニューで選択された項目に応じたサブメニューが表示される。図５（ｂ）の例では、ＵＩ画面ボタン５１２の下位階層メニューとしてＵＩコンポーネント一覧（ＵＩ部品一覧）が表示されている例である。

【0083】

キャンバス５３０は、選択中アプリの選択中のＵＩ画面（選択中ＵＩ画面ボックス５０３に表示されているＵＩ画面名のＵＩ画面）のレイアウト編集領域である。図５（ｂ）のキャンバス５３０は、デスクトップ用アプリケーションのキャンバスの表示例であり、デスクトップ用の形状で表示されている。ユーザーは、サブメニュー領域５２０に表示されたＵＩ部品一覧の中から任意のＵＩ部品（ＵＩコンポーネント）を選び、キャンバス領域５３０にドラッグアンドドロップで配置することができる。キャンバス領域５３０に配置されたＵＩ部品を選択してサイズや位置の調整ができる。また、キャンバス領域５３０に配置されたＵＩ部品を選択して右クリックして表示される右クリックメニュー（コンテキストメニュー）に含まれるプロパティを選択することで、配色などのより詳細な設定を行える。さらに、同じくコンテキストメニューに含まれるアクションを選択することで、アクションボードが表示され、そのＵＩ部品が操作された場合に実行すべきアクションを設定することができる。キャンバス５３０の空白領域にカーソルがある状態で右クリックを行うことで、キャンバスのコンテキストメニューを表示させることができ、そこに含まれるアクションを選択することにより、構築されたアプリケーションにおいてそのキャンバスのＵＩ画面がロードされた場合に実行（そのＵＩ画面を表示する際に実行）すべきアクションを設定することができる。

【0084】

図５（ｂ）は、アプリ名「ＵＩ１」のアプリの、ＵＩ画面名「ｕｉ１」のキャンバス５３０に、ＵＩ部品として、パイチャート５３１（ｐｉｅ ｃｈａｒｔ、円グラフ）、ボタン５３２、テキストフィールド５３３、５３４、アウトプットフィールド５３５、（Ｏｕｔｐｕｔ Ｆｉｅｌｄ）、タブ部品５３６を配置した例である。操作パス５３１ａは、選択されているＵＩ部品を示す選択枠かつ拡大縮小の指示を受け付ける操作パス（操作ハンドル）であり、パイチャート５３１が選択されていることを示している。

【0085】

図４に、ＵＩエディタ処理のフローチャートを示す。この処理は、開発者用端末１００が実行する処理であり、図３のＳ３１９またはＳ３２３の後に続けて行われる処理である。

【0086】

Ｓ４０１では、開発者用端末１００は、選択中アプリの定義情報に基づき、サブメニュー領域５２０に選択中アプリのＵＩ画面一覧を選択肢として表示する。このＵＩ画面一覧に表示される各画面は、選択中アプリを実行環境にデプロイして構築し、アプリユーザー用端末２００、２０１からアクセスしてアプリを実行した場合に表示する画面として設計している画面である。このＵＩ画面一覧では、新規ＵＩ画面を追加する操作や、ＵＩ画面の削除操作も受付可能である。

【0087】

Ｓ４０２では、開発者用端末１００は、Ｓ４０１で表示されたＵＩ画面一覧のうちいずれかのＵＩ画面を選択する操作があったか否かを判定する。いずれかのＵＩ画面が選択された場合はＳ４０４に進み、そうでない場合にはＳ４０３に進む。

【0088】

Ｓ４０３では、メインメニュー領域５１０に表示されたいずれかの選択肢を選択する操作があったか否かを判定する。メインメニュー領域５１０に表示された選択肢が選択された場合にはＵＩエディタ処理を終了し、図８（ａ）で後述する画面切替処理へ進む。そうでない場合にはＳ４０２に戻る。

【0089】

Ｓ４０４では、開発者用端末１００は、メモリ１０２に記録した選択中アプリの定義情報に基づいて、キャンバス５３０にＳ４０２で選択されたＵＩ画面を表示する。過去にＵＩ部品が配置済みのＵＩ画面であれば、定義情報に従って過去に配置されたＵＩ部品がキャンバス５３０に表示される。すなわち、過去に途中まで作成したＵＩ画面であれば続きから開発できる。Ｓ４０２で選択されたＵＩ画面が新規に作成されたＵＩ画面であれば、キャンバス５３０はＵＩ部品が配置されていない空白の状態で表示される。Ｓ４０２で選択されたＵＩ画面が、テンプレ―トとして予め用意されているＵＩ画面（テンプレート画面）である場合には、ユーザーがそのＵＩ画面に過去にＵＩ部品を配置していなくても、予め定められたアクションが定義された雛形コンポーネントがキャンバス５３０の予め決まった位置に表示される。

【0090】

Ｓ４０５では、開発者用端末１００は、サブメニュー領域５２０に、ＵＩ部品の一覧を表示する。すなわち、選択中アプリのＵＩ画面一覧から、ＵＩ部品一覧の表示に切り替える。キャンバス５３０に配置可能なＵＩ部品としては、種別としてＩＮＰＵＴ、Ｂｕｔｔｏｎ（ボタン）、Ｄｉｓｐｌａｙ（情報表示用部品）、Ｎａｖｉｇａｔｉｏｎ、Ｌａｙｏｕｔ、Ｃｈａｒｔが含まれ、それぞれに種別に複数のＵＩ部品が分類されている。ＵＩ部品一覧では、まず、図５（ｃ）に図示するように、ＵＩ部品の種別の一覧が表示され、表示された種別のいずれかを選択する操作があったことに応じて、選択された種別に分類されるＵＩ部品が展開表示される。前述した図５（ｂ）は、ＩＮＰＵＴに対応する種別の選択肢５２２が選択され、ＩＮＰＵＴに分類されたＵＩ部品の一覧が表示された例である。ＩＮＰＵＴに分類されたＵＩ部品には、例えばテキストフィールド５２３、テキストエリア５２４が含まれる。サブメニュー領域５２０はスクロール可能であり、表示しきれない選択肢（展開している種別のＵＩ部品の選択肢や、他の種別の選択肢）はスクロールして表示させることができる。図５（ｂ）のように展開している種別の選択肢５２２が操作されると、展開していた種別のＵＩ部品一覧が折りたたまれ、ＵＩ部品の種別の一覧が表示される。

【0091】

Ｓ４０６では、開発者用端末１００は、サブメニュー領域５２０に表示されたＵＩ部品が選択されたか否かを判定する。より詳しくは、サブメニュー領域５２０に表示されたＵＩ部品をドラッグする操作が行われたか否かを判定する。サブメニュー領域５２０に表示されたＵＩ部品が選択された場合にはＳ４０７に進み、そうでない場合にはＳ４１１へ進む。

【0092】

Ｓ４０７では、開発者用端末１００は、キャンバス５３０上の位置を指定する操作があったか否かを判定する。より詳しくは、ドラッグしていたＵＩ部品をキャンバス５３０上にドロップする操作があったか否か判定する。キャンバス５３０上を指定する操作があった場合はＳ４０８へ進み、そうでない場合にはＳ４０７でキャンバス５３０上の位置の指定を待つ。なお、本実施形態ではドラッグアンドドロップの例を説明するが、サブメニュー領域５２０からＵＩ部品を選択してキャンバス５３０上の指定位置に配置するための操作であれば操作方法はこれに限るものではない。

【0093】

Ｓ４０８では、開発者用端末１００は、Ｓ４０７でドロップされたＵＩ部品がＡｐｐＢａｒ（アプリケーションバー）であったか否を判定する。ＡｐｐＢａｒであった場合はＳ４１０に進み、そうでない場合にはＳ４０９に進む。

【0094】

Ｓ４０９では、開発者用端末１００は、サブメニュー領域５２０からＳ４０６で選択されたＵＩ部品を、キャンバス５３０上の指定位置にデフォルトのサイズで配置し、そのことを定義する情報をメモリ１０２に記録した定義情報に記録する。すなわち、定義情報において、配置先のＵＩ画面（編集中のＵＩ画面）のＩＤに、Ｓ４１０で配置したＵＩ部品の種別、ＵＩ部品ＩＤ、配置座標、配置サイズなどを関連付けて記録する。

【0095】

Ｓ４１０では、開発者用端末１００は、開発環境３００から取得してメモリ１０２に保持している定義情報に含まれるアプリ設定を参照し、ＰＷＡ（Ｐｒｏｇｒｅｓｓｉｖｅ ｗｅｂ ａｐｐｓ）がオンに設定されているか否かを判定する。ＰＷＡがオンに設定されている場合にはＳ４１１に進み、そうでない場合にはＳ４１２に進む。

【0096】

Ｓ４１１では、開発者用端末１００は、ＰＷＡインストールの項目のあるＡｐｐＢａｒを、キャンバス５３０上のＳ４０７で指定された位置に関わらない所定の位置（本実施形態では、ＵＩ画面の最上部）にデフォルトのサイズで配置し、そのことを定義する情報をメモリ１０２に記録した定義情報に記録する。

【0097】

Ｓ４１２では、開発者用端末１００は、ＰＷＡインストールの項目のないＡｐｐＢａｒを、キャンバス５３０上のＳ４０７で指定された位置に関わらない所定の位置にデフォルトのサイズで配置し、そのことを定義する情報をメモリ１０２に記録した定義情報に記録する。

【0098】

図６（ａ）、図６（ｂ）に、ＡｐｐＢａｒを配置した場合の表示例を示す。図６（ａ）は、キャンバス５３０に、それぞれＵＩ部品であるＡｐｐＢａｒ６５０、ＴｅｘｔＦｉｅｌｄ６６１、Ｂｕｔｔｏｎ６６２を配置した場合の例である。ＡｐｐＢａｒ６５０は１つのＵＩ部品であり、ＡｐｐＢａｒ６５０の中に要素アイコン６５１が含まれる。要素アイコン６５１は、構築されたアプリケーションにおいては、ドロワーメニューを表示させるための指示を受け付ける表示アイテムである。

【0099】

配置済みのＡｐｐＢａｒ６５０のうち、要素アイコン６５１の位置がクリックされた場合、ＡｐｐＢａｒ６５０に対する操作パス６５０ａを表示する（Ｓ４１４）とともに、要素画面としてのドロワーメニューを表示する。これによって、図６（ａ）の表示状態から図６（ｂ）の表示状態へ遷移する。図６（ｂ）において、ＡｐｐＢａｒ６５０に対する操作パス６５０ａが表示され、かつ、要素アイコン６５１に対応する要素画面であるドロワーメニュー６５１ａが表示されている。ドロワーメニュー６５１ａは、画面左端から右側に引き出すようにして表示される領域であり、１つ以上のメニュー項目が表示される。このドロワーメニュー６５１ａに含まれるメニュー項目として、ＰＷＡの設定がオンである場合には、ＰＷＡインストールの項目６５２が表示され、ＰＷＡの設定がオフである場合には、ＰＷＡインストールの項目６５２は表示されない。構築後のアプリケーションにおいてＰＷＡインストールの項目６５２が押下されると、構築後のアプリケーションの画面を表示しているアプリユーザー端末２０１が、対応するＰＷＡをダウンロードしてインストールされるように制御される。ＡｐｐＢａｒは、アプリケーションの上部に配置されるＵＩ部品であり、アプリケーションのよく使う機能へのショートカットや各種機能へのナビゲーションがドロワーメニューに表示される。従って、アプリケーションのユーザーは、アプリケーションに関する何らかの操作を行う場合には、まずはＡｐｐｂａｒのドロワーメニューを開くという操作を行う可能性高い。従ってこのドロワーメニューに表示される選択肢であって、アプリケーションの複数の画面または複数の機能に対応する選択肢とともに、その１つとして、ＰＷＡインストールの項目６５２を表示することで、より確実にユーザーにＰＷＡの利用が可能であることを認識させることができる。

【0100】

Ｓ４１３では、開発者用端末１００は、キャンバス５３０に配置済みのＵＩ部品がクリックなどで選択されたか否かを判定する。配置済みのＵＩ部品がクリックされた（選択された）場合にはＳ４１４に進み、そうでない場合にはＳ４１５に進む。

【0101】

Ｓ４１４では、開発者用端末１００は、Ｓ４１３でクリックされたＵＩ部品に操作パスを表示する。操作パスの表示例が前述の操作パス５３１ａや操作パス６０１ａである。

【0102】

Ｓ４１５では、開発者用端末１００は、キャンバス５３０上で配置済みのＵＩ部品をドラッグする操作があったか否かを判定する。配置済みのＵＩ部品をドラッグする操作があった場合にはＳ４１６に進み、そうでない場合にはＳ４１７へ進む。Ｓ４１６では、開発者用端末１００は、ドラッグ操作に応じてドラッグされたＵＩ部品（選択部品）の配置される位置を変更する。具体的には、ドロップされた位置に配置する。配置を変更すると、メモリ１０２に記録している定義情報も変更後の位置を表すように更新する。

【0103】

Ｓ４１７では、開発者用端末１００は、キャンバス５３０上で配置済みのＵＩ部品の操作パスに対する操作があったか否かを判定する。操作パスへの操作があった場合にはＳ４１８に進み、そうでない場合にはＳ４１９へ進む。Ｓ４１８では、開発者用端末１００は、操作パスへの操作に応じて操作パスが付されたＵＩ部品（選択部品）のサイズを変更する。サイズを変更すると、メモリ１０２に記録している定義情報も変更後のサイズを表すように更新する。

【0104】

Ｓ４１９では、開発者用端末１００は、キャンバス５３０のいずれかの領域でコンテキストメニューを表示させる指示操作（本実施形態ではマウスの右クリック）があったか否かを判定する。右クリックがあった場合にはＳ４２０に進み、そうでない場合にはＳ４２１に進む。Ｓ４２０では、右クリックがあった際のマウスカーソルの位置に応じてコンテキストメニュー（右クリックメニュー）を表示し、コンテキストメニューに対する操作に応じた処理を行うコンテキストメニュー処理を行う。例えば、図５（ｂ）のボタン５３２上にマウスカーソルがある状態で右クリックが行われた場合には、図５（ｄ）に示すようなボタン５３２（指定ＵＩ部品）に関するコンテキストメニュー５４０を表示する。コンテキストメニュー５４０には、選択肢となるメニュー項目としてプロパティ５４１、アクション５４２、消去５４３が表示される。プロパティ５４１が選択されると、ボタン５３２に関するプロパティボックス（詳細設定ダイアログ）が表示され、ボタン５３２に表示するボタン名（ラベル）、ボタン５３２の色、数値指定でのサイズ、等の詳細な設定を行える。アクション５４２が選択されると、ボタン５３２に関するアクションボードが表示され、アクションボードに対してプログラミング言語であるＪａｖａＳｃｒｉｐｔでのアクションの入力が行える。ここで入力されるアクションは、構築されたアプリケーションにおいてボタン５３２（指定ＵＩ部品）が押下された場合に実行すべき処理である。消去５４３が選択されると、キャンバス５３０からボタン５３２を消去（削除）する。コンテキストメニュー処理の詳細については図７（ａ）を用いて後述する。

【0105】

Ｓ４２１では、開発者用端末１００は、保存ボタン５０４が押下されたか否かを判定する。保存ボタン５０４が押下された場合にはＳ４２２に進み、そうでない場合にはＳ４２３へ進む。Ｓ４２２では、開発者用端末１００は、メモリ１０２に記録している編集中のアプリケーションの定義情報を開発環境３００に送信する。

【0106】

Ｓ４２３では、開発者用端末１００は、プレビューボタン５０５が押下されたか否かを判定する。プレビューボタン５０５が押下されたと判定した場合にはＳ４２４へ進み、そうでない場合にはＳ４２５へ進む。Ｓ４２４では、開発者用端末１００は、プレビュー処理を行う。プレビュー処理では、キャンバス５０３を非表示とし、メモリ１０２に記録している定義情報または開発環境３００に記録されている定義情報に基づいて、キャンバス５０３で編集しているＵＩ画面について、構築されたアプリケーションでそのＵＩ画面を見た場合と同じ見た目となるようなプレビューを表示する。プレビューでは、ＵＩ部品を操作するための操作パスは表示されない。また、ＵＩエディタ画面では実行されない（キャンバス５３０への操作では実行されない）一部の動作について、プレビューでは実行される。例えば、画面遷移用のＵＩ部品やリンク部分を操作した場合に、画面遷移やリンク先への遷移が実行される。また、項目に対する選択枠の移動をキーボードのタブキーの操作によって行うといった動作も実行される。なお、アクションボートに開発者が入力したアクションやデータベースの参照といった動作は行われない。その分、プレビュー処理は実際にデプロイして確認する場合よりも高速に表示することができる。

【0107】

Ｓ４２５では、開発者用端末１００は、デプロイボタン５０６が押下されたか否かを判定する。デプロイボタン５０６が押下された場合にはＳ４２６へ進み、そうでない場合にはＳ４２７へ進む。Ｓ４２６では、開発者用端末１００は、開発環境３００にデプロイを指示するデプロイ要求を送信する。

【0108】

Ｓ４２７では、開発者用端末１００は、選択中実行環境を変更する操作があったか否かを判定する。具体的には、選択中実行環境ボックス５０１に対して、選択中実行環境を変更する操作があったか否かを判定する。選択中実行環境を変更する操作があった場合にはＳ４２８へ進み、そうでない場合にはＳ４２９へ進む。Ｓ４２８では、開発者用端末１００は、選択された実行環境を特定する情報（実行環境ＩＤなど）を「選択中実行環境」としてメモリ１０２に記録するとともに、開発環境３００に送信する。また、選択中実行環境ボックス５０１の表示内容を、変更後の選択中実行環境を表すように更新する。開発環境３００では、選択中実行環境を特定する情報を受信すると、それに基づき、選択中実行環境を、ストレージ３２０のログイン開発者用の領域に保存されている、設定管理用のファイルに記録する。

【0109】

Ｓ４２９では、開発者用端末１００は、編集対象のアプリケーションを変更する操作があったか否かを判定する。具体的には、選択中アプリボックス５０２に対して選択中アプリを変更する操作があったか否かを判定する。選択中アプリを変更する操作があった場合には図３のＳ３１７に進み、変更後の選択中アプリに基づいてＳ３１７以降の処理を実行する。すなわち、サブメニュー領域５２０、キャンバス５３０の表示内容が更新される。選択中アプリを変更する操作がなかった場合には処理はＳ４３０へ進む。

【0110】

Ｓ４３０では、開発者用端末１００は、編集対象のＵＩ画面を変更する操作があったか否かを判定する。具体的には、選択中ＵＩ画面ボックス５０３に対して、選択中ＵＩ画面を変更する操作があったか否かを判定する。選択中ＵＩ画面を変更する操作があった場合にはＳ４０４に進み、変更後の選択中ＵＩ画面に基づいて処理を行う。すなわち、キャンバス５３０の表示内容は変更後の選択中ＵＩ画面の内容に更新される（切り替わる）。選択中ＵＩ画面を変更する操作がなかった場合には処理はＳ４３１へ進む。

【0111】

Ｓ４３１では、開発者用端末１００は、メインメニュー領域５１０に表示されたいずれかの選択肢を選択する操作があったか否かを判定する。メインメニュー領域５１０に表示された選択肢が選択された場合にはＵＩエディタ処理を終了し、図８（ａ）で後述する画面切替処理へ進む。そうでない場合にはＳ４０６に戻る。

【0112】

＜コンテキストメニュー処理＞
図７（ａ）に、コンテキストメニュー処理のフローチャートを示す。この処理は、図５のＳ４２０の詳細フローチャートである。

【0113】

Ｓ７０１では、開発者用端末１００は、表示すべきコンテキストメニューが、ボタン（Ｂｕｔｔｏｎ）の種別のＵＩ部品に関するものであるか否かを判定する。より詳しくは、Ｓ４１９で右クリックを受け付けた際にマウスで指定していたＵＩ部品（指定ＵＩ部品）の種別がボタンであるか否かを判定する。ボタンである場合にはＳ７１０に進み、そうでない場合にはＳ７０２に進む。

【0114】

Ｓ７０２では、開発者用端末１００は、表示すべきコンテキストメニューが、キャンバスに関するものであるか否かを判定する。より詳しくは、Ｓ４１９で右クリックを受け付けた際にマウスで指定していた位置が、キャンバス５３０のうちＵＩ部品が配置されていない空白領域であったか否かを判定する。空白領域であった場合（表示すべきコンテキストメニューが、キャンバスに関するものである場合）はＳ７０３に進み、そうでない場合にはＳ７０４に進む。

【0115】

Ｓ７０３では、開発者用端末１００は、キャンバスのコンテキストメニュー処理を行う。

【0116】

Ｓ７０４では、開発者用端末１００は、表示すべきコンテキストメニューが、ＡｐｐＢａｒの種別のＵＩ部品に関するものであるか否かを判定する。より詳しくは、Ｓ４１９で右クリックを受け付けた際にマウスで指定していたＵＩ部品（指定ＵＩ部品）の種別がＡｐｐＢａｒであるか否かを判定する。ＡｐｐＢａｒである場合にはＳ７０５に進み、そうでない場合にはＳ７０９に進む。

【0117】

Ｓ７０５では、開発者用端末１００は、ＡｐｐＢａｒのコンテキストメニューを表示する。ＡｐｐＢａｒのコンテキトメニューにはプロパティの項目が含まれる。

【0118】

Ｓ７０６では、開発者用端末１００は、ＡｐｐＢａｒのコンテキストメニューのうち、プロパティの項目を選択する操作があったか否かを判定する。プロパティの項目を選択する操作があった場合にはＳ７０７に進み、そうでない場合にはＳ７０８に進む。

【0119】

Ｓ７０７では、開発者用端末１００は、ＡｐｐＢａｒのプロパティボックス（詳細設定ダイアログ）を表示し、プロパティボックスに対する各種設定操作（指定ＵＩ部品であるＡｐｐｂａｒに関する設定操作）を受け付ける。

【0120】

図７（ｂ）に、ＡｐｐＢａｒのプロパティボックス７３０の憑依事例を示す。ＡｐｐＢａｒのプロパティボックス７３０には、ＤＲＡＷＥＲ ＩＴＥＭＳの設定項目が含まれ、ＤＲＡＷＥＲ ＩＴＥＭＳの設定項目を選択したことに応じて、ＤＲＡＷＥＲ ＩＴＥＭＳの設定を行うダイアログボックス７４０がポップアップして重畳表示される。ダイアログボックス７４０は、ＤＲＡＷＥＲ ＩＴＥＭＳ（ドロワーメニューに含まれるメニュー項目）に関する設定を行う画面であって、既にドロワーメニューに表示されるものとして設定されているメニュー項目が表形式で一覧表示される。図示の例では、Ｉｔｅｍ１とＩｔｅｍ２がＡｐｐＢａｒのドロワーメニューに表示されるメニュー項目として表示されるものとして設定されている項目である。各項目に関して、ＩＤ７４１，ＩＣＯＮ７４２，ＬＡＢＥＬ７４３（表示される名称）、クリックイベント７４４，ＮＥＸＴ ＵＩ７４５（クリックされたことに応じて遷移するＵＩ画面）が設定可能である。ＰＷＡの設定がオンでり、ＰＷＡインストールの項目６５２が配置される設定となっている場合には、このダイアログボックス７４０にも、ＰＷＡインストールの項目６５２に対応する項目がリストアップされて表示される。なお、ＰＷＡインストールの項目６５２に関しては、ＩＤは、ＰＷＡインストールの項目であることを特定するための接頭文字列が付され、接頭文字列は変更できないものとする。また、クリックイベント７４４、ＮＥＸＴ ＵＩ７４５も変更できないものとする。ＰＷＡインストールの項目６５２には、構築後のアプリケーションの画面を表示しているアプリユーザー端末２０１が、対応するＰＷＡをダウンロードしてインストールするというクリックイベントが自動的に設定されるためである。ＰＷＡインストールの項目６５２に関して、ＩＣＯＮ７４２とＬＡＢＥＬ７４３は変更できるものとする。すなわち、ＰＷＡインストールの項目６５２の見た目（表示形態）は変更可能である。ＰＷＡの設定がオンであり、ＰＷＡインストールの項目６５２が配置される設定となっている場合に、ＰＷＡインストールの項目６５２を削除（ＡｐｐＢａｒドロワーメニューに表示しない）ように設定することも可能である。後述するとおり、イニシャルＵＩにインストール部品を配置する場合には、ＡｐｐＢａｒのドロワーメニューにはＰＷＡインストールの項目は必ずしも必要ないからである。

【0121】

モバイル用のアプリという設定であり、ＰＷＡの設定がオフであり、ＰＷＡインストールの項目６５２が配置されない設定となっている場合に、ダイアログボックス７４０に含まれる項目追加ボタン７４６を押下し、ＰＷＡインストールの項目６５２を追加するとともに、ＰＷＡの設定をオンとするようにしてもよい。この際、ＰＷＡインストールの項目６５２を追加する操作を行った場合に、アプリ設定（後述する図８（ａ）のＳ８１０～Ｓ８１９の処理によって行う設定）においてＰＷＡの設定がオンとなることを通知および確認する確認表示を行い、ユーザーから承認する操作があったことに応じて、ＰＷＡインストールの項目６５２を追加するとともに、ＰＷＡの設定をオンとするようにしてもよい。

【0122】

モバイル用のアプリという設定であり、ＰＷＡの設定がオフであり、ＰＷＡインストールの項目６５２が配置されない設定となっている場合に、ダイアログボックス７４０に含まれる項目追加ボタン７４６を押下し、ＰＷＡインストールの項目６５２を追加しようとする操作を行うと、アプリ設定でＰＷＡをオンとする必要があることを警告する通知行い、ダイアログボックス７４０への操作ではＰＷＡの設定をオンとできないように制御してもよい。この警告の際に、後述する図８（ｂ）のアプリ設定画面（設定項目８４１～８４８を含む画面）を表示させるショートカットアイテムを表示し、ショートカットアイテムが操作されたことに応じて図８（ｂ）のアプリ設定画面（設定項目８４１～８４８を含む画面）を表示し、後述する図８（ａ）のＳ８１１の処理へ進んでも良い。

【0123】

Ｓ７０８では、開発者用端末１００は、ＡｐｐＢａｒのコンテキストメニューのうち、プロパティの項目以外の、その他の項目に関する処理を行う。詳細は省略する。

【0124】

Ｓ７０９では、開発者用端末１００は、その他の処理として、指定された位置に対応する指定対象に関するコンテキストメニューを表示し、操作に応じた処理を行う。詳細は省略する。

【0125】

Ｓ７１０では、開発者用端末１００は、編集対象のＵＩ画面（選択中ＵＩ画面）がテンプレート画面であるか否かを判定する。テンプレート画面である場合にはＳ７２１に進み、そうでない場合にはＳ７１１に進む。

【0126】

Ｓ７１１では、開発者用端末１００は、指定ＵＩ部品に関するコンテキストメニューとして、図５（ｄ）に示したボタン用のコンテキストメニューを指定位置（マウスカーソル位置）の近傍に重畳表示する。

【0127】

Ｓ７１２では、開発者用端末１００は、コンテキストメニューに含まれる選択肢のうち、プロパティ（図５（ｄ）のプロパティ５４１）が選択されたか否かを判定する。プロパティが選択された場合にはＳ７１３に進み、そうでない場合にはＳ７１４へ進む。

【0128】

Ｓ７１３では、開発者用端末１００は、指定ＵＩ部品に関するプロパティボックス（詳細設定ダイアログ）として、ボタン用のプロパティボックスをキャンバス５３０に重畳して表示する。そして、プロパティボックスに対する各種設定操作を受け付ける。ここで、例えば、指定ＵＩ部品であるボタンに表示するボタン名（ラベル）、ボタンの色、数値指定でのサイズ、等の詳細な設定を行える。設定を行って反映操作を行うと、キャンバス５３０において、設定を反映した表示形態で指定ＵＩ部品が表示される。

【0129】

Ｓ７１４では、開発者用端末１００は、コンテキストメニューに含まれる選択肢のうち、アクション（図５（ｄ）のプロパティ５４２）が選択されたか否かを判定する。アクションが選択された場合にはＳ７１５に進み、そうでない場合にはＳ７１６へ進む。

【0130】

Ｓ７１５では、開発者用端末１００は、指定ＵＩ部品であるボタンに関するアクションボード処理を行う。すなわち、指定ＵＩ部品であるボタンに対応するアクションボードが表示され、アクションボードに対してプログラミング言語であるＪａｖａＳｃｒｉｐｔで文字列（アクションを定義する文字列）を記述する入力を受け付ける。ここで入力されるアクションは、構築されたアプリケーションにおいて指定ＵＩ部品が押下された場合に実行すべき処理である。

【0131】

Ｓ７１６では、開発者用端末１００は、コンテキストメニューに含まれる選択肢のうち、消去（図５（ｄ）の消去５４３）が選択されたか否かを判定する。消去が選択された場合にはＳ７１７に進み、そうでない場合にはＳ７１８へ進む。

【0132】

Ｓ７１７では、開発者用端末１００は、指定ＵＩ部品を消去し、メモリ１０２に記録した定義情報のうち、指定ＵＩ部品に関する情報（位置やサイズなどの定義、プロパティやアクションなど）を消去する。これによって、キャンバス５３０において指定ＵＩ部品は消去（削除）されて非表示となる。

【0133】

Ｓ７１８では、開発者用端末１００は、コンテキストメニューに含まれる選択肢のうち、他の選択肢が選択されたか否かを判定する。他の選択肢が選択された場合にはＳ７１９に進み、選択された選択肢に応じた処理を行う。そうでない場合にはＳ７２０へ進む。

【0134】

Ｓ７２０では、開発者用端末１００は、コンテキストメニューを閉じる操作（例えば、コンテキストメニューが表示された領域外をクリックする操作）があったか否かを判定する。コンテキストメニューを閉じる操作があった場合には、コンテキストメニューを非表示とし、図７（ａ）の処理を終了する。閉じる操作がない場合にはＳ７１２に戻る。

【0135】

一方、Ｓ７２１では、開発者用端末１００は、指定ＵＩ部品に関するコンテキストメニューとして、テンプレート画面用で、かつ、ボタン用のコンテキストメニューを指定位置（マウスカーソル位置）の近傍に重畳表示する。テンプレート画面用のコンテキストメニューには、通常のＵＩ画面用のコンテキストメニュー（図５（ｄ）に示したコンテキストメニュー５４０）と異なり、選択肢としてアクション、消去は表示されず、プロパティだけが表示される。すなわち、ＵＩ画面のうち、テンプレートの画面に配置されたＵＩ部品に関しては、当該ＵＩ部品が操作された場合のアクションを開発者が設定できないようにしている。

【0136】

Ｓ７２２では、開発者用端末１００は、コンテキストメニューに含まれる選択肢のうち、プロパティが選択されたか否かを判定する。プロパティが選択された場合にはＳ７２３に進み、そうでない場合にはＳ７２４へ進む。Ｓ７２３の処理はＳ７１３と同様である。

【0137】

Ｓ７２４では、開発者用端末１００は、コンテキストメニューを閉じる操作（例えば、コンテキストメニューが表示された領域外をクリックする操作）があったか否かを判定する。コンテキストメニューを閉じる操作があった場合には、コンテキストメニューを非表示とし、図７（ａ）の処理を終了する。閉じる操作がない場合にはＳ７２２に戻る。

【0138】

＜画面切替処理＞
図８（ａ）に、画面切替処理のフローチャートを示す。この処理は、図５（ｂ）の表示例で前述したメインメニュー領域５１０に表示された選択肢の選択に応じた処理である。

【0139】

Ｓ８０１では、開発者用端末１００は、アプリ一覧ボタン５１１が押下されたか否かを判定する。アプリ一覧ボタン５１１が押下された場合は図３のＳ３１５に進み、そうでない場合はＳ８０２に進む。

【0140】

Ｓ８０２では、開発者用端末１００は、ＵＩ画面ボタン５１２が押下されたか否かを判定する。ＵＩ画面ボタン５１２が押下された場合はＳ８０３に進み、そうでない場合はＳ８０４へ進む。Ｓ８０３では、図４のＵＩエディタ処理を行う。

【0141】

Ｓ８０４では、開発者用端末１００は、ワークフローボタン５１３が押下されたか否かを判定する。ワークフローボタン５１３が押下されたと判定した場合はＳ８０５に進み、そうでない場合はＳ８０６に進む。

【0142】

Ｓ８０５では、開発者用端末１００は、ワークフロー作成処理を行う。詳細は省略する。

【0143】

Ｓ８０６では、開発者用端末１００は、設定ボタン５１４が押下されたか否かを判定する。設定ボタン５１４が押下された場合にはＳ８１０に進み、そうでない場合はＳ８２０へ進む。

【0144】

Ｓ８１０では、開発者用端末１００は、アプリ設定画面を表示する。アプリ設定画面は、選択中アプリに関する設定操作を受け付ける画面である。

【0145】

図８（ｂ）に、アプリ設定画面の表示例を示す。アプリ設定画面は、設定の上位メニュー表示領域８３０と、上位メニュー表示領域８３０に表示されたメニュー項目のうち、選択されたメニュー項目に対応する各種設定項目の設定を受け付ける設定領域８４０を含む。また、前述した選択中アプリボックス５０２も共に表示されている。選択中アプリボックス５０２に表示された選択中アプリが、アプリ設定画面での設定対象となるアプリである。上位メニュー表示領域８３０には、設定項目の分類に対応する複数のメニュー項目が表示される。表示されるメニューには、一般設定８３１が含まれる。設定対象となるアプリがモバイル用である場合には、上位メニュー表示領域８３０にはＰＷＡに関するメニュー項目８３２が含まれる（表示される）。設定対象となるアプリがモバイル用でない場合（ＰＣ用である場合）には、上位メニュー表示領域８３０にはＰＷＡに関するメニュー項目８３２は含まれない（表示されない）。ＰＷＡに関するメニュー項目８３２が選択されている場合、設定領域８４０には、ＰＷＡに関する設定項目として設定項目８４１～８４８が表示される。
設定項目８４１は、ＰＷＡの設定のオン／オフを切り替える設定項目である。
設定項目８４２～８４８は、ＰＷＡのマニフェストに反映される設定項目である。
設定項目８４２は、ＰＷＡインストールした場合に、インストールされたアプリユーザー用端末２０１に表示されるアプリ名を設定する項目である
設定項目８４３は、ＰＷＡインストールした場合に、インストールされたアプリユーザー用端末２０１に表示される短いアプリ名を設定する項目である。
設定項目８４４は、アプリに関する説明文であるＤｅｓｃｒｉｐｔｉｏｎを設定する項目である。
設定項目８４５～８４８は、ホーム画面におけるアプリのアイコンに使用する画像を設定する項目である。非マスカブルアイコン用とマスカブルアイコン用について、それぞれ複数のサイズの画像を設定可能である。

【0146】

Ｓ８１１では、開発者用端末１００は、設定対象となるアプリがモバイル用であるか否かを判定する。モバイル用である場合にはＳ８１２へ進み、そうでない場合にはＳ８１８へ進む。

【0147】

Ｓ８１２では、開発者用端末１００は、ＰＷＡの設定のオン／オフを切り替える操作があったか否かを判定する。具体的には、ＰＷＡに関するメニュー項目８３２を選択した上で、設定項目８４１に対する操作があったか否かを判定する。ＰＷＡの設定のオン／オフを切り替える操作があった場合にはＳ８１３に進み、そうでない場合にはＳ８１７に進む。

【0148】

Ｓ８１３では、開発者用端末１００は、ＰＷＡの設定のオン／オフを切り替え、切り替えた結果に基づいてメモリ１０２に記録した定義情報を更新する。具体的には、ＰＷＡの設定のオン／オフを切り替える操作がある前にオンだった場合にはオフ（ＰＷＡ無効）に設定し、ＰＷＡの設定のオン／オフを切り替える操作がある前にオフだった場合にはオン（ＰＷＡ有効）に切り替える。

【0149】

Ｓ８１４では、開発者用端末１００は、ＰＷＡの設定がオンであるか否かを判定する。オンである場合にはＳ８１５に進み、オフである場合にはＳ８１８に進む。Ｓ８１２でＹｅｓと判定されてからＳ８１４に進んだ場合には、Ｓ８１４の判定は、ＰＷＡの設定のオン／オフを切り替える操作の結果、オンになったかどうかの判定である。

【0150】

Ｓ８１５では、開発者用端末１００は、アプリ設定でイニシャルＵＩ（アプリの認証完了後に最初に表示するＵＩ画面、トップ画面、トップページ）に設定されているＵＩ画面の定義情報を参照し、ＰＷＡのインストールを指示するＵＩ部品（インストール部品）が配置済みであるか否かを判定する。この判定は、イニシャルＵＩに配置すると定義されているＵＩ部品に、インストール部品を示す特定のＵＩ部品ＩＤがあるかどうかで判定する。イニシャルＵＩにインストール部品を配置済みである場合にはＳ８１８に進み、そうでない場合（未配置の場合）にはＳ８１６に進む。この判定は、インストール部品がいくつも配置されてしまうことを防止するための判定である。

【0151】

Ｓ８１６では、開発者用端末１００は、イニシャルＵＩに設定されているＵＩ画面に、インストール部品を自動的に配置する。インストール部品はクリックイベントが予め定められたＵＩ部品であり、対象のアプリのＰＷＡをインストールするというイベントが予め定められている。インストール部品に設定されたクリックイベントは、アプリユーザー用端末２０１が実行する処理であり、他のＵＩ部品のアクションボードに設定できる、実行環境４００が実行すべき処理とは異なる。インストール部品のアクションは変更や削除不可能であり、インストール部品についてはアクションボードを開けないものとする。また、インストール部品はＵＩ部品であるため、ＵＩエディタでイニシャルＵＩを表示させ、インストール部品の配置される位置や大きさ、色など、プロパティボックスで変更可能な内容を変更することが可能である。なお、構築後のアプリにおいて、インストール部品は、イニシャルＵＩを表示しているアプリユーザー用端末２０１にＰＷＡがインストール済みであれば表示されず、未インストールであれば表示されるようにアプリユーザー用端末２０１によって制御される。

【0152】

Ｓ８１７では、開発者用端末１００は、イニシャルＵＩを変更する操作があったか否かを判定する。具体的には、一般設定８３１を選択した上で、設定領域８４０に表示されるイニシャルＵＩの設定項目（不図示）に対する設定変更操作があったか否かを判定する。イニシャルＵＩを変更する設定変更操作があった場合にはＳ８１３に進み、設定変更操作に応じてイニシャルＵＩの設定を変更し、定義情報を更新する。その後、Ｓ８１４でＰＷＡの設定がオンであると判定し、Ｓ８１５で変更後のイニシャルＵＩにインストール部品を配置済みでないと判定した場合には、Ｓ８１６で、変更後のイニシャルＵＩにインストール部品を自動的に配置する。かを判定し、オンであったイニシャルＵＩを変更する設定変更操作がない場合にはＳ８１８へ進む。

【0153】

Ｓ８１８では、開発者用端末１００は、開発者からの操作に応じてその他のアプリ設定を行う。例えば、言語設定（日本語表示にするか、英語表示にするか）などを設定可能である。

【0154】

Ｓ８１９では、開発者用端末１００は、アプリ設定を終了してアプリ設定画面を閉じる操作があったか否かを判定する。アプリ設定を終了しない場合はＳ８１１に進んで処理を繰り返し、アプリ設定を終了する場合はＳ８０１に進む。

【0155】

Ｓ８２０では、開発者用端末１００は、メインメニュー領域５１０に表示されたその他の選択肢が選択されたか否かを判定する。その他の選択肢が選択された場合はＳ８２１に進み、そうでない場合にはＳ８２２に進む。

【0156】

Ｓ８２１では、開発者用端末１００は、Ｓ８２０で選択された選択肢に応じた処理を行う。詳細は省略する。

【0157】

Ｓ８２２では、開発者用端末１００は、終了操作が行われたか否かを判定する。終了操作が行われていない場合にはＳ８０１に進んで処理を繰り返し、終了操作があった場合には画面切替処理を終了する。

【0158】

＜保存処理＞
図９（ａ）に、定義情報の記録先となる開発環境３００が実行する保存処理（記録制御処理）のフローチャートを示す。この処理は、前述の図４のＳ４２２において、開発者用端末１００から送信された、定義情報を受信したことに連動して実行する処理である。

【0159】

また、図１０に、開発者用端末１００、開発環境３００、実行環境４００、アプリユーザー用端末２０１に記録される情報の遷移を図示する。図１０は、図９（ａ）、図９（ｂ）のフローチャートの処理による情報の遷移の様子を模式的に表した図である。

【0160】

図９（ａ）のＳ９０１では、開発環境３００は、開発者用端末１００から選択中アプリの定義情報（ＵＩ定義情報）を受信したか否かを判定する。ここで受信する定義情報は、前述の図４のＳ４２２において、開発者用端末１００から送信されたものである。ＵＩ定義を受信した場合にはＳ９０２に進み、そうでない場合にはＳ９０１で待機する。

【0161】

図１０において、開発者用端末１００のメモリ１０２に記録されているＵＩ定義情報１００１が、Ｓ９０１で受信する定義情報である。本実施形態では、ＵＩ定義情報は「ｕｉＤｅｆ．ｊｓｏｎ」、及び「ａｐｐＤｅｆ．ｊｓｏｎ」というファイル名の、ＪＳＯＮフォーマットで記述された、テキスト形式の複数のファイルであるものする。ＪｓｏｎはＪａｖａＳｃｒｉｐｔ Ｏｂｊｅｃｔ Ｎｏｔｉｆｉｃａｔｉｏｎの略であり、ＪａｖａＳｃｒｉｐｔで値を取り扱うためのドキュメント規格であり、データ記述言語である。ＵＩ定義情報１００１には、イニシャルＵＩ等のアプリに関する各種設定内容や、ＵＩ画面毎のＵＩコンポーネント（ＵＩ部品）の情報（配置位置、サイズ、色など）を定義する情報が含まれる。特に、「ａｐｐＤｅｆ．ｊｓｏｎ」には、Ｓ８１０～Ｓ８１９のアプリ設定処理で設定された内容が記録されており、ＰＷＡに関する設定内容（ＰＷＡのオン／オフの設定、オンの場合のマニフェストに関する設定内容）も記録されている。また、ＵＩ定義情報１００１には、アクション記述部分１００２が含まれている。このアクション記述部分１００２は、各ＵＩ部品やキャンバスのアクションボードや関数の設定画面（創作関数の設定画面を含む）に入力された文字列である。アクション記述部分１００２には、ＪａｖａＳｃｒｉｐｔで記述されたアクションと、ＪａｖａＳｃｒｉｐｔを入力することなく関数の設定画面で設定された内容を記述したＪｓｏｎフォーマットの関数定義などが含まれる。このＵＩ定義情報１００１が開発者用端末１００から開発環境３００に送信され（アップロードされ）、Ｓ９０１で開発環境３００によって受信される。

【0162】

Ｓ９０２では、開発環境３００は、ＵＩ定義情報をストレージ３２０のうち、ログイン開発者用の領域に保存する。この結果、図１０に示す通り、開発環境３００にＵＩ定義情報１０１１が記録される。この保存の直後においては、開発環境３００に記録されたＵＩ定義情報１０１１は、開発者用端末１００に記録されたＵＩ定義情報１００１と同じ情報である。

【0163】

Ｓ９０３では、開発環境３００は、Ｓ９０２で保存したＵＩ定義情報からアクション情報を抽出する。すなわち、開発環境３００は、図１０のＵＩ定義情報１０１１からアクション記述部分１０１２を抽出する。

【0164】

Ｓ９０４では、開発環境３００は、Ｓ９０３で抽出したアクション記述部分１０１２から、実行環境用プログラムを生成して、ストレージ３２０のうちログイン開発者用の領域に保存する。すなわち、図１０のＵＩ定義情報１０１１から抽出したアクション記述部分１０１２に基づいて、実行環境用プログラム１０１３を生成して開発環境内に保存する。実行環境用プログラム１０１３はＪａｖａＳｃｒｉｐｔで記述されたテキストデータである。実行環境用プログラム１０１３は、アクション記述部分１０１２から取得したアクションボードに入力されていた文字列に加えて、実行環境の実行エンジンで実行するために必要な補充部分を追加したプログラムである。

【0165】

Ｓ９０５では、開発環境３００は、Ｓ９０２で保存したＵＩ定義情報のうち。ＰＷＡの設定を読み出し、ＰＷＡがオンであるか否かを判定する。オンである場合には、Ｓ９０７に進み、そうでない場合にはＳ９０６に進む。

【0166】

Ｓ９０６では、開発環境３００は、クライアント用ＵＩ定義情報１０１５を生成する。クライアント用ＵＩ定義情報１０１５は例えば「ＣｌｉｅｎｔＤｅｆ．ｊｓｏｎ」というファイル名のＪｓｏｎ形式のファイルであるものとする。クライアント用ＵＩ定義情報１０１５には、ＵＩ定義情報１０１１から取得した情報として、イニシャルＵＩ等のアプリに関する各設定情報、ＵＩ画面毎のＵＩ部品（コンポーネント）の情報（ＵＩ部品ＩＤやプロパティで設定された内容、ＵＩ部品の配置位置やサイズなど）、キャンバスのアクショションの識別子、ＵＩ部品のアクションの識別子などが含まれる。また、クライアント用ＵＩ定義情報１０１５には、アクション毎の入出力項目定義（入力項目、出力項目にそれぞれどの部品があるかという定義）も記録される。アクションボードに記載されたＪａｖａＳｃｒｉｐｔ（プログラミング言語）で記述された文字列（アクションのソースコード）自体は記録されないものとする。すなわち、生成されるクライアント用ＵＩ定義情報１０１５は、アクションの識別子やアクション毎の入出力項目定義の情報を含むが、アクションの動作内容を示す情報は含まない。また、ＰＷＡがオフの設定である場合には、クライアント端末（アプリユーザー用端末２０１）におけるボタンクリック動作として、ＰＷＡインストールを指示する表示アイテムが操作されたことに応じてＰＷＡをインストールする、という動作付けを行う情報は含まれない。

【0167】

Ｓ９０５では、開発環境３００は、Ｓ９０２で保存したＵＩ定義情報を読み込み、ＰＷＡインストール用のアイテム（ＡｐｐＢａｒのドロワーメニューに含まれるＰＷＡインストールの項目または、イニシャルＵＩに配置されるインストール部品）を配置する設定となっているか否かを判定する。ＰＷＡインストール用のアイテムを配置する設定となっている場合はＳ９０８に進み、そうでない場合にはＳ９０９に進む。

【0168】

Ｓ９０８では、開発環境は３００、Ｓ９０６と同様に、クライアント用ＵＩ定義情報１０１５を生成する。また、Ｓ９０８では、それに加えて、開発環境３００は、クライアント用ＵＩ定義情報１０１５に、配置する設定となっているＰＷＡインストール用のアイテム（ＡｐｐＢａｒのドロワーメニューに含まれるＰＷＡインストールの項目と、イニシャルＵＩに配置されるインストール部品の少なくとも一方）に対して、インストールの動作情報１０２６を設定（記録）する。インストールの動作情報１０２６とは、クライアント端末（アプリユーザー用端末２０１）におけるボタンクリック動作として、ＰＷＡインストールを指示する表示アイテムが操作されたことに応じてＰＷＡをインストールする、という動作付けを行う情報である。すなわち、アプリケーションの画面を表示するアプリユーザー用端末２０１においてＰＷＡインストール用のアイテムが操作された場合に、アプリユーザー用端末２０１がＰＷＡのインストールを行うように制御するための動作情報である。構築されたアプリケーションの実行時に、アプリユーザー用端末２０１は、この動作情報を参照することで、ＰＷＡインストール用のアイテムが操作されたことに応じてＰＷＡをインストールするように制御される。

【0169】

Ｓ９０９では、開発環境は３００、Ｓ９０６と同様に、クライアント用ＵＩ定義情報１０１５を生成する。また、Ｓ９０９では、それに加えて、開発環境３００はクライアント用ＵＩ定義情報１０１５に、ＰＷＡのインストールを推奨するポップアップを表示するための定義情報を設定（記録）する。これは、図１１（ｃ）で後述するポップアップ１１３０を表示するためにクライアント端末（アプリユーザー用端末２０１）で必要となる情報である。さらに加えて、Ｓ９０９では、開発環境３００は、クライアント用ＵＩ定義情報１０１５に配置する設定となっているＰＷＡインストール用のアイテム（推奨ポップアップに含まれる後述するインストールボタン１１３３）に対して、インストールの動作情報１０２６を設定（記録）する。インストールの動作情報１０２６とは、クライアント端末（アプリユーザー用端末２０１）におけるボタンクリック動作として、ＰＷＡインストールを指示する表示アイテムが操作されたことに応じてＰＷＡをインストールする、という動作付けを行う情報である。構築されたアプリケーションの実行時に、アプリユーザー用端末２０１は、この動作情報を参照することで、ＰＷＡインストール用のアイテムが操作されたことに応じてＰＷＡをインストールするように制御される。

【0170】

この結果、図１０に示す通り、開発環境３００にＵＩ定義情報１０１１、実行環境用プログラム１０１２，クライアント用ＵＩ定義情報１０１５が記録される。

【0171】

＜デプロイ処理＞
図９（ｂ）に、デプロイ処理のフローチャートを示す。この処理は、開発環境３００が実行する処理であり、図４のＳ４２６で開発者用端末１００から送信されたデプロイ要求を開発環境３００が受信すると開始される処理である。

【0172】

Ｓ９１１では、開発環境３００は、開発環境３００のストレージ３２０のうち、ログインしている開発者の開発者領域に保存されたアプリの定義情報のうち、デプロイ対象となる選択中アプリの定義情報を取得する。ここで取得する定義情報には、ＵＩ定義情報１０１１、実行環境用プログラム１０１３，クライアント用ＵＩ定義情報１０１５が含まれる。

【0173】

Ｓ９１２では、開発環境３００は、ＵＩ定義情報１０１１を参照し、ＰＷＡがオンの設定になっているか否かを判定する。ＰＷＡがオンである場合にはＳ９１４に進み、そうでない場合にはＳ９１３に進む。

【0174】

Ｓ９１３では、開発環境３００は、ＵＩ定義情報１０１１を参照し、クライアント用プログラム１０２７を生成し、デプロイ対象に含める。ここで生成するクライアント用プログラム１０２７は、選択中実行環境にデプロイされる、図１に示したクライアント用プログラム４２２、４５６ｃ、４６６ｃ、４７６ｃ・・・のいずれかである。ここで生成するクライアント用プログラム１０２７は、実行環境４００にアクセスしたアプリユーザー用端末２００、２０１に対して送信される、アプリユーザー用端末２００、２０１において実行すべきプログラム（ＨＴＭＬのソースコードやＪａｖａＳｃｒｉｐｔのソースコードなど）である。Ｓ９１３で生成されるクライアント用プログラムには、ＰＷＡがオフなので、ＰＷＡのマニフェスト情報は含まれない。

【0175】

Ｓ９１４では、開発環境３００は、ＵＩ定義情報１０１１を参照し、クライアント用プログラム１０２７を生成し、デプロイ対象に含める。ここで生成するクライアント用プログラム１０２７は、選択中実行環境にデプロイされる、図１に示したクライアント用プログラム４２２、４５６ｃ、４６６ｃ、４７６ｃ・・・のいずれかである。ここで生成するクライアント用プログラムは、実行環境４００にアクセスしたアプリユーザー用端末２００、２０１に対して送信される、アプリユーザー用端末２００、２０１において実行すべきプログラム（ＨＴＭＬのソースコードやＪａｖａＳｃｒｉｐｔのソースコードなど）である。Ｓ９１４で生成されるクライアント用プログラム１０２７には、ＰＷＡがオンなので、ＰＷＡのマニフェスト情報（前述の設定項目８４２～８４８で設定された内容）が含まれる。

【0176】

Ｓ９１５では、開発環境３００は、選択中実行環境がマルチテナント実行環境であるか否かを判定する。マルチテナント実行環境である場合にはＳ９１６に進み、そうでない場合（シングルテナント実行環境である場合）にはＳ９１７に進む。

【0177】

Ｓ９１６では、開発環境３００は、マルチテナント実行環境４１０のストレージ４２０のうち、ログインしている開発者の開発者領域（専用フォルダ）に、選択中アプリに関するデプロイ対象の情報を記憶させる。より具体的には、デプロイ対象の情報をマルチテナント実行環境４１０に送信し、ログインしている開発者の開発者領域（開発者毎のフォルダ）に記録するようにマルチテナント実行環境４１０に指示する。この記録が問題なく完了するとデプロイ成功となる。

【0178】

Ｓ９１７では、開発環境３００は、選択中実行環境であるシングルナント実行環境のストレージ（シングルテナント実行環境のバケットの直下のフォルダ）に、デプロイ対象の情報を記憶させる。より具体的には、デプロイ対象の情報を選択中実行環境であるシングルナント実行環境に送信し、バケットの直下のフォルダに記録するようにシングルテナント実行環境に指示する。この記録が問題なく完了するとデプロイ成功となる。

【0179】

Ｓ９１８では、開発環境３００は、デプロイが失敗したか否かを判定する。デプロイが失敗した場合にはＳ９１９に進み、そうでない場合にはＳ９２０に進む。通信障害などで定義情報を実行環境に送信・記録できなかった場合にはデプロイ失敗となることがある。

【0180】

Ｓ９１９では、開発環境３００は、デプロイが失敗した旨を示す失敗通知を開発者用端末１００に送信する。

【0181】

Ｓ９２０では、開発環境３００は、デプロイが完了（成功）したか否かを判定する。デプロイが完了した場合にはＳ９２１に進み、そうでない場合にはＳ９１８に進む。

【0182】

Ｓ９２１では、開発環境３００は、デプロイ済みのアプリのＵＲＬの情報（実行環境にデプロイ済のアプリにアクセスするためのアクセス先の情報）を含むデプロイの成功通知を開発者用端末１００に送信する。

【0183】

図１０を用いて説明する。図９（ａ）で説明した保存処理によって開発環境３００に保存されたＵＩ定義情報１０１１、実行環境用プログラム１０１３、クライアント用ＵＩ定義情報１０１５が、デプロイ処理（Ｓ９１６またはＳ９１７の処理）によって実行環境４００にデプロイ（配置、保存、記録、構築）される。これによって、図１０に図示した通り、実行環境４００にＵＩ定義情報１０２１、実行環境用プログラム１０２３、クライアント用ＵＩ定義情報１０２５が記録される。実行環境４００のＵＩ定義情報１０２１と実行環境用プログラム１０２３はそれぞれ、ＵＩ定義情報１０１１と実行環境用プログラム１０１３と同じ情報である。また、Ｓ９１３またはＳ９１４の処理によって生成されたクライアント用プログラム１０２７が、デプロイ処理（Ｓ９１６またはＳ９１７の処理）によって実行環境４００にデプロイ（配置、保存、記録、構築）される。この状態が、アプリ生成された状態である。

【0184】

アプリの実行時には、アプリユーザー用端末２０１が実行環境４００にアクセスし、クライアント用ＵＩ定義情報１０２５とクライアント用プログラム１０２７をダウンロードし、アプリユーザー用端末２０１にクライアント用ＵＩ定義情報１０３５とクライアント用プログラム１０３７として記録する。アプリの実行時には、アプリユーザー用端末２０１は、クライアント用ＵＩ定義情報１０３５とクライアント用プログラム１０３７に基づき、図１１で説明するＰＷＡに関する制御を行う。
＜アプリ実行時の処理例＞
図１１（ａ）～（ｃ）に、ＰＷＡの設定をオンとして実行環境４００に構築（デプロイ）したアプリを、アプリユーザー用端末２０１（モバイル端末）からアクセスして実行し、アプリユーザー用端末２０１のディスプレイにアプリの画面を表示した場合の表示例を示す。

【0185】

図１１（ａ）は、ＰＷＡをオンとし、ＡｐｐＢａｒとインストール部品の双方を配置したＵＩ画面をイニシャルＵＩとしたアプリの、イニシャルＵＩ１１００の表示例である。イニシャルＵＩ１１００には、前述したＳ８１６の処理によって自動的に配置されたＵＩ部品であるインストール部品１１１０が表示されている。インストール部品１１１０が押下されると、アプリユーザー用端末２０１は、インストールの動作情報１０３６と、クライアント用プログラム１０３７に含まれるマニフェスト情報とに基づいて、ＰＷＡをインストールするように制御する。また、ＡｐｐＢａｒ１１２０が表示されている。ＡｐｐＢａｒ１１１２０に含まれるアイコン１１２１が押下されると、要素画面としてのドロワーメニュ１１２２が表示される。

【0186】

図１１（ｂ）は、図１１（ａ）の状態からアイコン１１２１が押下されてドロワーメニュー１１２２が表示された場合の表示例である。ドロワーメニュー１１２２には、Ｓ４１１の処理によって配置されたＰＷＡインストールの項目１１２３が表示される。ＰＷＡインストールの項目１１２３には、「Ｒｅｃｏｍｍｅｎｄ」と記載された強調アイコン１１２３ａが付して表示され、ドロワーメニュー１１２２に含まれる他のメニューに比べて強調して表示される。なお、強調表示の仕方は強調アイコン１１２３ａを付して表示する方法に限らず、項目１１２３の色を他のアイコンと異なる色（例えば赤）にする、太字にする、下線を付す、斜字にするなど、他の方法であっても良い。項目１１２３が押下されると、アプリユーザー用端末２０１は、インストールの動作情報１０３６と、クライアント用プログラム１０３７に含まれるマニフェスト情報とに基づいて、ＰＷＡをインストールするように制御する。なお、ＰＷＡのインストールはネイティブアプリのインストールとは異なる処理であり、マニフェスト情報を参照して行う処理であり、プッシュ通知の機能を利用可能とする処理、オフラインでも動作可能とする処理、ホーム画面へアイコンの表示を行うための処理のうち少なくとも１つを含む処理であるものとする。

【0187】

図１１（ｃ）は、ＰＷＡをオンとし、ＡｐｐＢａｒとインストール部品のいずれも配置されないＵＩ画面をイニシャルＵＩとしたアプリの、イニシャルＵＩ１１０１の表示例である。イニシャルＵＩ１１０１を表示する際に、ポップアップ１１３０（ダイアログ）がイニシャルＵＩ１１０１に重畳表示される。ポップアップ１１３０には、ＰＷＡが利用可能であることを示し、またインストールボタンを押下してインストールすることを促すメッセージ１１３１が表示される。また、次回イニシャルＵＩ１１０１を表示する際にはポップアップ１１３０を表示させない設定とする指示を受け付けるチェックボックス１１３２が表示される。このチェックボックス１１３２にチェックが入れられた場合は、アプリユーザー用端末２０１は、次回からポップアップ１１３０を表示させないように制御する。また、ポップアップ１１３０には、ＰＷＡのインストールの指示を受け付けるインストールボタン１１３３が表示される。インストールボタン１１３３は、インストール部品１１１０と同様のアクションが設定されており、インストールボタン１１３３が押下されると、アプリユーザー用端末２０１は、インストールの動作情報１０３６と、クライアント用プログラム１０３７に含まれるマニフェスト情報とに基づいて、ＰＷＡをインストールするように制御する。

【0188】

なお、本実施形態では、イニシャルＵＩにインストール部品が配置されておらず、かつ、インストール項目の配置されたＡｐｐｂａｒが配置されていない場合にポップアップ１１３０を表示させるようなアプリを生成する例を説明したが、これに限るものではない。イニシャルＵＩにインストール部品が配置されている場合、インストール項目の配置されたＡｐｐｂａｒが配置されている場合の少なくとも一方の場合にも、ポップアップ１１３０を表示させるようなアプリを生成してもよい。

【0189】

以上説明した本実施形態によれば、アプリケーションソフトウェアのＰＷＡを利用可能な場合に、ユーザーがＰＷＡを利用可能であることを見落とす可能性を低減し、ユーザーがより容易にＰＷＡを利用可能とするアプリケーションを構築することが可能となる。例えば、構築されたＷｅｂアプリケーションをブラウザで実行している際に、ブラウザの機能として、実行中のＷｅｂアプリケーションにマニフェスト情報がある場合に対応するＰＷＡが利用可能である旨を通知する機能がなければ、アプリのユーザーはＰＷＡが利用可能であることに気付かずに、ＰＷＡを利用する機会を損失してしまう場合がある。これに対し本実施形態によれば、ブラウザの機能によらず、アプリケーションの画面内に、ＰＷＡを利用可能であることを示す表示アイテムやポップアップを表示するため、ユーザーがＰＷＡを利用可能であることを見落とす可能性を低減することができる。また、複雑な操作を行わなくとも、インストールの動作情報１０３６が設定されたアプリケーション内の表示アイテムを操作するだけで、簡単にＰＷＡのインストールを行うことができる。

【0190】

なお、上述の各フローチャートで説明した各種制御は１つのハードウェアが行ってもよいし、複数のハードウェア（例えば、複数のプロセッサーや回路）が処理を分担することで、装置全体の制御を行ってもよい。
また、本発明をその好適な実施形態に基づいて詳述してきたが、本発明はこれら特定の実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の様々な形態も本発明に含まれる。さらに、上述した各実施形態は本発明の一実施形態を示すものにすぎず、各実施形態を適宜組み合わせることも可能であ

【0191】

（他の実施形態）
本発明は、以下の処理を実行することによっても実現される。即ち、上述した実施形態の機能を実現するソフトウェア（プログラム）をネットワーク又は各種記憶媒体を介してシステム或いは装置に供給し、そのシステム或いは装置のコンピュータ（又はＣＰＵやＭＰＵ等）がプログラムコードを読み出して実行する処理である。この場合、そのプログラム、及び該プログラムを記憶した記憶媒体は本発明を構成することになる。

【符号の説明】

【0192】

１００：開発者用端末、２００：アプリユーザー用端末、２０１：アプリユーザー用端末２０１、３００：開発環境、４００：実行環境

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】