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

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

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

(11)【公開番号】P2024094552

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

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

(51)【国際特許分類】

   G06F 3/0484 20220101AFI20240703BHJP

【ＦＩ】

G06F3/0484

【審査請求】未請求

【請求項の数】18

【出願形態】ＯＬ

(21)【出願番号】P 2022211174

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

【公序良俗違反の表示】

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

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

(71)【出願人】

【識別番号】390002761

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

(71)【出願人】

【識別番号】592135203

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

(74)【代理人】

【識別番号】100189751

【弁理士】

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

(74)【代理人】

【識別番号】100227857

【弁理士】

【氏名又は名称】中山 圭

(72)【発明者】

【氏名】柴本 文洋

(72)【発明者】

【氏名】上田 勲

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

5E555

【Ｆターム（参考）】

5E555AA02

5E555AA07

5E555AA09

5E555AA13

5E555AA22

5E555AA25

5E555AA26

5E555AA54

5E555AA79

5E555BA02

5E555BA04

5E555BA69

5E555BB02

5E555BB04

5E555BC03

5E555BC04

5E555CA02

5E555CA04

5E555CA06

5E555CA12

5E555CA17

5E555CB05

5E555CB08

5E555CB33

5E555CB41

5E555DB20

5E555DB25

5E555DB39

5E555DB41

5E555DC02

5E555DC09

5E555DC13

5E555DC14

5E555DC31

5E555DC35

5E555DD01

5E555EA05

5E555FA00

(57)【要約】

【課題】
チュートリアルにおける操作性をより向上させる。
【解決手段】
チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、ガイド領域に、前記入力対象項目に入力すべき情報であるコピー対象のコピーの指示を受け付けるコピーアイテムを表示するように制御する表示制御手段と、
前記コピーアイテムが操作されたことに応じて前記コピー対象をコピーし、
前記入力対象項目に対してペーストの操作がされたことに応じて、前記コピー対象を前記入力対象項目に入力するように制御する制御手段と、
を有することを特徴とする。
【選択図】図１３

【特許請求の範囲】

【請求項1】

チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、ガイド領域に、前記入力対象項目に入力すべき情報であるコピー対象のコピーの指示を受け付けるコピーアイテムを表示するように制御する表示制御手段と、
前記コピーアイテムが操作されたことに応じて前記コピー対象をコピーし、
前記入力対象項目に対してペーストの操作がされたことに応じて、前記コピー対象を前記入力対象項目に入力するように制御する制御手段と、
を有することを特徴とする情報処理システム。

【請求項2】

前記表示制御手段は、前記チュートリアルのうち第１の手順では前記ガイド領域に前記コピーアイテムを表示することなく、入力対象項目に入力すべき内容のガイダンスを表示するように制御し、前記チュートリアルのうち第２の手順では前記コピーアイテムを表示するように制御することを特徴とする請求項１に記載の情報処理システム。

【請求項3】

前記第１の手順は、入力対象項目に入力すべき情報としての入力すべき文字列が所定文字数未満でよい手順であり、前記第２の手順は、入力対象項目に入力すべき情報としての入力すべき文字列が前記所定文字数以上を要する手順であることを特徴とする請求項２に記載の情報処理システム。

【請求項4】

前記制御手段は、ユーザー操作に応じて、前記入力対象項目に対して前記コピー対象と異なる情報を入力するように制御することも可能であることを特徴とする請求項１に記載の情報処理システム。

【請求項5】

前記制御手段は、前記入力対象項目に対して入力された情報に基づいて、チュートリアルの対象のソフトウェアの実際の機能を実行するように制御することを特徴とする請求項１に記載の情報処理システム。

【請求項6】

チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、ガイド領域に、前記入力対象項目に入力すべき情報であるコピー対象を表示するように制御する表示制御手段と、
前記コピー対象を選択してコピーを指示する操作がされたことに応じて前記コピー対象をコピーし、
前記入力対象項目に対してペーストの操作がされたことに応じて、前記コピー対象を前記入力対象項目に入力するように制御する制御手段と、
を有することを特徴とする情報処理システム。

【請求項7】

チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、スキップアイテムを表示し、ガイド領域に、前記入力対象項目に入力すべき内容のガイダンスを表示するように制御する表示制御手段と、
前記入力対象項目に対してユーザーからの入力操作があった場合には、前記ユーザーから入力された内容を前記入力対象項目に入力して前記チュートリアルのうち次のステップへ進むように制御し、
前記スキップアイテムが操作された場合は、前記入力対象項目に対するユーザーからの入力操作がなくとも、所定の内容を前記入力対象項目に入力して前記チュートリアルのうち次のステップへ進むように制御する制御手段と、
を有することを特徴とする情報処理システム。

【請求項8】

前記制御手段は、前記スキップアイテムが操作された場合、前記入力対象項目に前記所定の内容が入力された状態を表示した後に前記次のステップへ進むように制御することを特徴とする請求項７に記載の情報処理システム。

【請求項9】

前記制御手段は、前記スキップアイテムが操作された場合、前記入力対象項目に前記所定の内容が入力された状態を所定時間表示した後に前記次のステップへ進むように制御することを特徴とする請求項７に記載の情報処理システム。

【請求項10】

前記表示制御手段は、前記チュートリアルに含まれる複数の手順において前記スキップアイテムを同一の位置に表示するように制御することを特徴とする請求項７に記載の情報処理システム。

【請求項11】

前記表示制御手段は、前記スキップアイテムを前記入力対象項目の位置にかかわらない位置に表示するように制御することを特徴とする請求項７に記載の情報処理システム。

【請求項12】

前記表示制御手段は、前記スキップアイテムを前記ガイド領域の位置にかかわらない位置に表示するように制御することを特徴とする請求項７に記載の情報処理システム。

【請求項13】

前記制御手段は、ユーザー操作に応じて、前記入力対象項目に対して前記所定の内容と異なる情報を入力するように制御することも可能であることを特徴とする請求項７に記載の情報処理システム。

【請求項14】

前記制御手段は、前記入力対象項目に対して入力された情報に基づいて、チュートリアルの対象のソフトウェアの実際の機能を実行するように制御することを特徴とする請求項７に記載の情報処理システム。

【請求項15】

チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、ガイド領域に、前記入力対象項目に入力すべき情報であるコピー対象のコピーの指示を受け付けるコピーアイテムを表示するように制御する表示制御ステップと、
前記コピーアイテムが操作されたことに応じて前記コピー対象をコピーし、
前記入力対象項目に対してペーストの操作がされたことに応じて、前記コピー対象を前記入力対象項目に入力するように制御する制御ステップと、
を有することを特徴とする情報処理システムの制御方法。

【請求項16】

チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、ガイド領域に、前記入力対象項目に入力すべき情報であるコピー対象を表示するように制御する表示制御ステップと、
前記コピー対象を選択してコピーを指示する操作がされたことに応じて前記コピー対象をコピーし、
前記入力対象項目に対してペーストの操作がされたことに応じて、前記コピー対象を前記入力対象項目に入力するように制御する制御ステップと、
を有することを特徴とする情報処理システム。

【請求項17】

チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、スキップアイテムを表示し、ガイド領域に、前記入力対象項目に入力すべき内容のガイダンスを表示するように制御する表示制御ステップと、
前記入力対象項目に対してユーザーからの入力操作があった場合には、前記ユーザーから入力された内容を前記入力対象項目に入力して前記チュートリアルのうち次のステップへ進むように制御し、
前記スキップアイテムが操作された場合は、前記入力対象項目に対するユーザーからの入力操作がなくとも、所定の内容を前記入力対象項目に入力して前記チュートリアルのうち次のステップへ進むように制御する制御ステップと、
を有することを特徴とする情報処理システムの制御方法。

【請求項18】

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

【発明の詳細な説明】

【技術分野】

【0001】

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

【背景技術】

【0002】

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

【0003】

アプリケーションソフトウェアの機能を習得するためのチュートリアルについても知られている。特許文献２には、複数のチュートリアルの中から選択されたチュートリアルを実行すること、チュートリアルの進捗状況を表示することなどが提案されている。

【先行技術文献】

【特許文献】

【0004】

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

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

【発明の概要】

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

【0005】

ソフトウェアのチュートリアルに沿って操作することで、実際にソフトウェアの機能を実行できるようにしたチュートリアルがある。ソフトウェアの実際の機能を実行するチュートリアルでは、チュートリアルの中の操作であっても、正しい入力を行わないと、ソフトウェアが正常に動作しない。例えば、ＲＥＳＴ関数の作成に関するチュートリアルにおいて、リクエストを送信する先のＵＲＬは正しく入力しなければ、チュートリアルで作成されたＲＥＳＴ関数は正しく機能しない。しかし、チュートリアルの中の操作で、実際に文字列を入力するのは手間であるし、ミスの可能性も高まる。また、チュートリアルに含まれる複数のステップ（手順）のうち、ユーザーが完全に習得あるいは理解しているわけではないが、多くの部分は既に習得あるいは理解している内容は、簡単な確認で素早く済ませたい。それでも、チュートリアルの中の操作で、正しい情報を手入力しなければいけないのは手間である。また、正しい情報を入力しないとチュートリアルの先へ進めないが、正しい入力をするにはどうすればよいか、正しい情報は何かがわからず、チュートリアルを先に進めるに苦労する可能性もある。

【0006】

そこで本発明は、上記課題に鑑み、チュートリアルにおける操作性をより向上させる仕組みを提供することを目的とする。

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

【0007】

本発明の情報処理システムは、
チュートリアルに含まれる複数の手順のうち、１の手順でユーザーが情報を入力すべき入力対象項目を示すとともに、ガイド領域に、前記入力対象項目に入力すべき情報であるコピー対象のコピーの指示を受け付けるコピーアイテムを表示するように制御する表示制御手段と、
前記コピーアイテムが操作されたことに応じて前記コピー対象をコピーし、
前記入力対象項目に対してペーストの操作がされたことに応じて、前記コピー対象を前記入力対象項目に入力するように制御する制御手段と、
を有することを特徴とする。

【発明の効果】

【0008】

本発明によれば、チュートリアルにおける操作性をより向上させることができる。

【図面の簡単な説明】

【0009】

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

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

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

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

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

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

【図7】コンテキストメニュー処理のフローチャートである。

【図8】アクションボード処理のフローチャートである。

【図9】アクションボード処理を説明するための表示例である。

【図10】アクションボード処理における表示例である。

【図11】開発環境３００が生成するソースコードの例である。

【図12】画面切替処理のフローチャートである。

【図13】チュートリアル処理のフローチャートである。

【図14】チュートリアル処理にかかる表示例である。

【図15】チュートリアル処理にかかる表示例である。

【図16】チュートリアル処理にかかる表示例である。

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

【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】

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

【0060】

S３５０では、開発者用端末１００は、チュートリアルボタン１４０１（図１４(a)）が押下されたか否かを判定する。チュートリアルボタン１４０１が押下された場合にはＳ３５１に進み、そうでない場合にはＳ３１６に進む。

【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】

Ｓ１３０２では、開発者用端末１００は、レッスン一覧１４１０のうちいずれかのレッスンが選択され、スタートが指示された（スタートボタン１４１２が押下）されたか否かを判定する。レッスンを選択してスタートが指示されるとＳ１３０４に進み、そうでない場合にはＳ１３０３に進む。

【0193】

Ｓ１３０３では、開発者用端末１００は、レッスン一覧１４１０を非表示とする操作（チュートリアル処理を終了する操作）があったか否かを判定する。終了する操作がない場合にはＳ１３０２に進み、終了する操作があった場合には図１３のチュートリアル処理を終了する。

【0194】

Ｓ１３０４では、開発者用端末１００は、メモリ１０２に保持するチュートリアルの処理対象のレッスンを示すレッスンナンバーの変数Ｌを、選択されたレッスンに対応する番号に設定する。

【0195】

Ｓ１３０５では、開発者用端末１００は、メモリ１０２に保持するチュートリアルの処理対象のチャプターを示すチャプターナンバーの変数Ｃを１に初期化する。なお、図１４（ｃ）の領域１４１１に示したようなチャプターの一覧から特定のチャプターを選択してそのチャプターからチュートリアルを開始できるようにしてもよい。その場合、Ｓ１３０５では、変数Ｃは選択されたチャプターに対応する番号に設定する。

【0196】

Ｓ１３０６では、開発者用端末１００は、メモリ１０２に保持するチュートリアルの処理対象のステップ（手順）を示すステップナンバーの変数Ｓを１に初期化する。

【0197】

Ｓ１３０７では、開発者用端末１００は、変数Ｌ，Ｃ，Ｓが示す、現在の処理対象のステップで表示すべきチュートリアルの内容が、コピーの文字列を含むものであるか否かを判定する。なお、レッスン毎のチュートリアル毎の各ステップで表示すべきチュートリアルの内容は、Ｓ３０２で開発環境３００から受信し、メモリ１０２に記録しているクライアント用プログラム３２２（クライアント用情報）によって示される。すなわち、Ｓ１３０６の判定は、メモリ１０２に記録しているクライアント用プログラム３２２（クライアント用情報）を参照して行う。処理対象のステップが、コピーの文字列を含むステップである場合にはＳ１３２０に進み、そうでない場合にはＳ１３０８に進む。なお、入力対象項目に入力すべき情報である入力すべき文字列が所定文字数以上を要するステップ（手順）である場合にS１３３０へ進み、入力対象項目に入力すべき情報である入力すべき文字列が所定文字数未満で良いステップ（手順）である場合に１３０８に進むようにしても良い。

【0198】

Ｓ１３０８では、開発者用端末１００は、処理対象のステップのチュートリアルにおけるガイド表示を行う。図１４（ｄ）に、チュートリアルにおけるガイド表示の表示例を示す。図１４（ｄ）は、レッスン１のチャプター１のステップ１のガイド表示の例である。操作対象項目であるアプリ作成ボタン１４０２を強調するように、他の部分をグレーアウトし、チュートリアルの対象ステップにおける操作対象項目を示す（指す、識別させる）吹き出し１４２０（ガイド表示領域）を重畳表示する。吹き出し１４２０には、現在のチャプターを示すチャプターガイド１４２１、現在のステップにおけるガイドメッセージ１４２２、終了ボタン１４２３が表示される。図１４（ｄ）の例では、ガイドメッセージ１４２２として「［アプリ作成］ボタンをクリックします。」と表示されている。なお、操作対象項目はステップによって異なり、ボタンであったり、入力項目（テキストボックスなどの入力対象項目）であったりする。

【0199】

Ｓ１３１０では、開発者用端末１００は、操作対象項目が入力項目であり、その入力項目（入力対象項目）に入力操作があったか否かを判定する。なお、チュートリアルでの処理対象ステップにおける操作対象項目である入力項目を入力対象項目と称するものとする。操作対象項目がボタンなどの入力項目以外である場合や、操作対象項目が入力項目であっても入力操作が行われていない場合にはＳ１３１２に進む。操作対象項目が入力項目であり、その入力項目（入力対象項目）に入力操作（例えば、入力項目を選択した状態で操作部１０６に含まれるキーボードを操作する文字入力操作）があった場合にはＳ１３１１に進む。

【0200】

図１５（ａ）に、操作対象項目が入力項目であった場合にチュートリアルにおけるガイド表示の表示例を示す。図１５（ａ）は、レッスン１のチャプター１に含まれるステップのガイド表示の例である。入力対象項目１５０１を強調するように、他の部分をグレーアウトし、入力対象項目を指す吹き出し１５２０（ガイド表示領域）を重畳表示する。入力対象項目１５０１は、新規に作成するアプリのＩＤの設定（ＩＤとなる文字列の入力）を開発者（ユーザー）から受け付けるためのテキストボックスである。吹き出し１５２０には、現在のステップにおけるガイドメッセージ１５２２、終了ボタン１５２３、次へボタン１５２４が表示される。図１５（ａ）の例では、ガイドメッセージ１５２２として「［ＩＤ］を入力します。入力後、［次へ］ボタンをクリックします。」と表示されている。すなわち、入力対象項目１５０１に入力すべき内容のガイダンスを表示している。図１５（ａ）では、コピーボタンは表示されない。

【0201】

Ｓ１３１１では、開発者用端末１００は、Ｓ１３１０で受け付けたユーザーからの入力操作に応じた文字列を入力対象項目に入力する。これによって例えば、図１５（ｂ）に示すように、入力対象項目１５０１に「ａｐｐ０１」という文字列が表示される。図１５（ｂ）は、入力対象項目１５０１に文字列が入力されている以外は、図１５（ａ）と同じ表示例である。

【0202】

Ｓ１３１２では、開発者用端末１００は、次へボタンの押下、あるいは、操作対象項目の操作があったか否かを判定する。次へボタンの押下、あるいは、操作対象項目の操作があった場合はＳ１３４０へ進み、そうでない場合にはＳ１３１３に進む。例えば、図１４（ｄ）の状態であればアプリ作成ボタン１４０が押下された場合にＳ１３４０に進む。また例えば、図１５（ａ）または図１５（ｂ）の状態であれば、次へボタン１５２４が押下された場合にＳ１３４０へ進む。

【0203】

Ｓ１３１３では、開発者用端末１００は、スキップボタン（例えば図１６のスキップボタン１６１０）が押下されたか否かを判定する。スキップボタンは、表示アイテム（操作アイコン）であり、スキップアイテムとも称するものとする。スキップボタンが押下された場合にはＳ１３１４へ進み、そうでない場合にはＳ１３１６へ進む。スキップボタンは、操作対象項目の表示位置にかかわらない位置（すなわち、ガイドを表示する吹き出しの位置にかかわらない位置）であって、ステップが先へ進んでも画面上での位置が変わらない固定位置（面上の所定位置、同一の位置）に表示するものとする。このようにすることで、一度スキップボタンにマウスオーバーした後は、マウスの位置を固定したまま、チュートリアルに含まれる複数のステップにおける操作対象項目への操作を連続でスキップしていくことができる。従って、チュートリアルをじっくりやるのではなく、素早く簡単に確認を済ませたい場合などに、効率的にチュートリアルの複数のステップの内容を確認することができる。

【0204】

Ｓ１３１４では、開発者用端末１００は、入力対象項目に、予め定められた所定の値（諸所定の情報）を入力する。所定の値は、メモリ１０２に記録しているクライアント用プログラム３２２（クライアント用情報）に、ステップ毎に記録されている値（情報）であり、エラーなくチュートリアルの次以降のステップへ進むことが可能な値（情報）であるものとする。例えば、図１５（ａ）の状態でスキップボタンが押下された場合は、入力対象項目に、新規に作成するアプリのＩＤとして適正な値（例えば「ａｐｐ＿ｔｕｔｏｒｉａｌ」という文字列）を自動的に入力する。すなわち、Ｓ１３１０、Ｓ１３１１で入力対象項目にユーザー操作に応じた入力がされていない場合でも、スキップボタン（スキップアイテム）が操作されると自動的に適正な情報（値）が入力される。なお、操作対象項目が入力項目でない場合には、Ｓ１３１４では操作対象項目を自動的に操作（ボタンなら押下）し、Ｓ１３１５を経ずにＳ１３４０に進むものとする。

【0205】

Ｓ１３１５では、開発者用端末１００は、入力対象項目に自動的に入力された所定の値を表示した状態で、所定時間（例えば２秒）経過したか否かを判定する。所定時間が経過した場合はＳ１３４０に進み、そうでない場はＳ１３１５で所定時間の経過を待つ。このように、入力対象項目に自動的に入力した適正な値を所定時間表示する。従って、自分自身で入力対象項目にどのような値を入力してよいかわからずにスキップボタンを押下した開発者ユーザーであっても、どのような値を入力するのが適切だったのかを確認することができる。このように、発者ユーザーに、本システムの使い方、操作方法をより好適に学ばせることができる。

【0206】

Ｓ１３１６では、開発者用端末１００は、チュートリアルの終了を指示する操作（例えば終了ボタン１４２３の押下）があったか否かを判定する。終了を指示する操作があった場合は図１３の処理を終了し、そうでない場合にはＳ１３１０に進み処理を繰り返す。

【0207】

Ｓ１３４０では、開発者用端末１００は、エラーが生じたか否かを判定する。エラーが生じた場合はＳ１９４１へ進み、そうでない場合にはＳ１３４２へ進む。

【0208】

Ｓ１３２１では、開発者用端末１００は、エラー発生箇所のステップに戻して警告表示を行う。例えば、図１５（ａ）の状態で入力対象項目１５０１を空欄にしたまま次へボタン１５２４が押下され、さらにチュートリアルの先のステップで、操作対象項目であるアプリの作成確定ボタンが押下された場合、新規作成するアプリのＩＤが無い状態となってしまうため、エラーと判定される。この場合、図１５（ａ）の表示を行うステップまで処理を戻し（変数Ｓを戻り先のステップ番号に設定し）、エラーの要因となった入力対象項目１５０１を強調表示（例えば赤枠で表示）し、Ｓ１３０７へ進んで図１５（ａ）の表示を行うステップの処理を再度行う。

【0209】

Ｓ１３２２では、開発者用端末１００は、変数ＳがＳｍａｘ（処理対象チャプターの最後のステップの番号）であるか否かを判定する。変数ＳがＳｍａｘである場合はＳ１３２４に進み、そうでない場合にはＳ１３２３に進む。

【0210】

Ｓ１３２３では、開発者用端末１００は、変数Ｓの値を１つインクリメントする。すなわち、次のステップの番号に設定する。そして、Ｓ１３０７に進み、チュートリアルにおける次のステップに関する処理を行う。例えば、Ｓ１３０８で、図１４（ｄ）のレッスン１のチャプター１のステップ１のガイド表示をした状態で、操作対象項目であるアプリ作成ボタン１４０２が押下された場合、Ｓ１３０２でＹｅｓと判定され、Ｓ１３２０Ｎｏ，Ｓ１３２２Ｎｏと進んで、Ｓ１３２３で同じチャプター１の次のステップに設定したうえで、Ｓ１３０７Ｎｏ、Ｓ１３０８と進む。Ｓ１３０８では、図１４（ｅ）に示すような、チャプター１のステップ２のガイド表示が行われる。

【0211】

Ｓ１３２４では、変数ＣがＣｍａｘ（処理対象レッスンの最後のチャプターの番号）であるか否かを判定する。変数ＣがＣｍａｘでない場合はＳ１３２５に進む。変数ＣがＣｍａｘである場合は、そのレッスンのチュートリアルは完了であり、図１３の処理を終了する。図１５（ｃ）に、レッスン１の最後のチャプターの最後のステップのチュートリアルのガイド表示の例を示す。この状態で操作対象項目であるデプロイボタンが押下されると、Ｓ１３２４でＹｅｓと判定され、図１３の処理を終了する。

【0212】

なお、チュートリアルにおける操作に基づいて、実際にアプリを開発する制御が行われる。すなわち、図１５（ｃ）でデプロイボタンが押下されるのは、前述した図４のＳ４２５でデプロイボタンが押下された後に表示される確認画面に含まれるデプロイボタンが押下されるのと同義である。従って、図１５（ｃ）でデプロイボタンが押下されると、Ｓ４２６の処理を行い、選択実行環境にデプロイするように指示するデプロイ要求を開発環境３００に送信する。これに応じて開発環境３００は実際に選択実行環境にデプロイを行い、アプリを構築する。チュートリアルに従って新規に作成したアプリの定義情報も開発環境３００に保存され、レッスン１を完了した後にアプリ一覧画面を表示させると、図１５（ｄ）に示す通り、チュートリアルで作成したアプリの選択肢１５３０が追加されて表示される。

【0213】

Ｓ１３２５では、開発者用端末１００は、変数Ｃの値を１つインクリメントする。すなわち、次のチャプターの番号に設定する。そして、Ｓ１３２８に進み、変数Ｓを１に設定する。すんわち、次のチャプターの最初のステップの番号に設定する。そして、Ｓ１３０７へ進み、チュートリアルにおける次のチャプターの最初のステップに関する処理を行う。

【0214】

一方、１３３０では、開発者用端末１００は、処理対象のステップのチュートリアルにおける、コピーボタン付きのガイド表示を行う。図１６（ａ）に、チュートリアルにおける、コピーボタン付きのガイド表示の表示例を示す。入力対象項目１６０１を強調するように、他の部分がグレーアウトされ、入力対象項目１６０１を識別させる（指す、指し示す）吹き出し１６２０（ガイド表示領域）が重畳表示される。吹き出し１６２０には、現在のチャプターを示すチャプターガイド１６２１、現在のステップにおけるガイドメッセージ１６２２、終了ボタン１６２３、次へボタン１６２４が表示される。加えて、ボックス１６２６にコピー対象文字列が表示されるとともに、コピー対象文字列のコピーを指示する操作アイコン（表示アイテム）であるコピーボタン１６２４（コピーアイテム）が表示される。ボックス１６２６に表示されるコピー対象文字列は、スキップボタン１６１０が押下された場合に入力対象項目１６０１に自動的に入力される所定の値と同じものである。すなわち、メモリ１０２に記録しているクライアント用プログラム３２２（クライアント用情報）に、ステップ毎に記録されている値（情報）であり、エラーなくチュートリアルの次以降のステップへ進むことが可能な適正な値（情報）である。

【0215】

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

【0216】

Ｓ１３３２では、開発者用端末１００は、コピー対象文字列（ボックス１６２６に表示された文字列）をクリップボードにコピーする。

【0217】

Ｓ１３３３では、開発者用端末１００は、入力対象項目１６０１に対するペースト操作があったか否かを判定する。入力対象項目１６０１に対するペースト操作があった場合にはＳ１３３４へ進み、そうでない場合にはＳ１３４０へ進む。

【0218】

Ｓ１３３４では、開発者用端末１００は、入力対象項目１６０１に、クリップボードにコピーされてる文字列を入力（ペースト）する。これによって、コピーボタン１６２４を押下した直後であれば、入力対象項目１６０１に、コピー対象文字列（ボックス１６２６に表示された文字列）が入力される。

【0219】

Ｓ１３４０～Ｓ１３４６の処理は、Ｓ１３１０～Ｓ１３１６の処理とそれぞれ同様であるため説明を省略する。なお、Ｓ１３４１で、コピー対象文字列とは異なる、入力対象項目に対する適正でない値（例えば誤ったＵＲＬ）を入力することも可能である。あえて適正でない値の入力も受け付けることで、適正でない入力を行うと後段の処理でエラーが発生するという学びをユーザーに提供することができる。

【0220】

図１６（ｂ）に、図１６（ａ）の状態から、コピーボタン１６２４を押下してから入力対象項目１６０１に対してペーストする操作を行ったことにより、入力対象項目１６０１にコピー対象文字列（ボックス１６２６に表示された文字列）が入力された場合の表示例を示す。このようにすることで、チュートリアルにおいて入力すべき文字列を簡単に入力することができる。長い文字列であっても、エラーの起きない適切な文字列（コピーボタン１６２４の押下でコピーされる文字列）を、簡単に入力することができる。

【0221】

図１６（ａ）、図１６（ｂ）は、図９（ｄ）で説明したＲＥＳＴ関数の設定画面のチュートリアルである。そして、本実施形態は、入力対象項目へ入力された内容に基づいて実際にアプリケーション開発ソフトウェアの機能を実行するように制御する。すなわち、入力対象項目１６０１は図９（ｄ）の設定欄９４４であり、この関数が行うリクエストを送信する先となるＵＲＬの設定欄である。この入力対象項目１６０１に、リクエストを送信する先として適切なＵＲＬを示す文字列を入力すると、チュートリアルを通して実際に正しく機能するＲＥＳＴ関数を作成することができる。入力対象項目１６０１に、リクエストを送信する先として適切でないＵＲＬ（例えば、存在しないＵＲＬなど）を示す文字列を入力すると、チュートリアルで生成されるＲＥＳＴ関数は正しく機能しない関数となり、エラーを生じさせる要因となる。ＵＲＬの文字列入力は、コピーをせずに手入力するとタイプミスなどが起こりやすく、適切でない文字列となってしまう可能性がある。これに対し、本実施形態のように、リクエストを送信する先として適切な文字列であるコピー対象文字列を簡単にコピーできるコピーボタン１６２４をチュートリアル中に表示することで、簡単で、かつ、ミスのない確実な入力を行うことができる。

【0222】

またコピー対象文字列を簡単にコピーできるコピーボタンは、前述したアクションボードに関するチュートリアルの際にも非常に効果的である。アクションボードにはJavaScript（プログラミング言語）でアクションを表す文字列を記入することができる。このことをチュートリアルでガイドして実際に開発者ユーザーに操作してもらうには、入力対象項目をアクションボードとし、開発者ユーザーに実際にアクションボードにＪａｖａScriptでアクションを表す文字列を入力させることとなる。ＪａｖａScriptでのアクションを表す文字列は長く、入力が手間である上に、タイプミスなども発生しやすい。また、開発者ユーザーにとって、そもそもどのようなアクションを書けば良いのかというのをすぐに思いつくことは簡単ではなく、どんなアクションを書くかというのから検討するのでは、チュートリアルとしては手間がかかりすぎる。そこで、予め用意された適当なアクションを表すJavaScriptでの文字列をコピー対象文字列としてコピーボタンでコピーしてアクションボードに貼り付けることができれば、手間やミスを大きく削減しつつも、アクションボードがどういうものであるかというのを開発者ユーザーに理解させるというチュートリアルの効果も奏することができる。スキップボタンを押下することでコピー対象文字列と同じ文字列をアクションボードに自動入力して表示することでも、同様の効果を得ることができる。

【0223】

なお、本実施形態では、チュートリアルにおいてスキップボタンとコピーボタンの双方を表示する例を説明したが、いずれか一方だけを表示するようにしてもよい。すなわち、スキップボタンの押下による入力対象項目への所定の値の自動入力処理と、コピーボタンによる入力対象項目へ入力する値として適正なコピー対象文字列をコピーする処理のいずれか一方を実施するものとしてもよい。

【0224】

また、コピーボタンを表示せずとも、入力対象項目へ入力する値（情報）として適正なコピー対象文字列を、チュートリアルのガイド領域に、選択してコピー可能な形態で表示するだけでもよい。ガイド領域に表示されたコピー対象文字列を選択してコピーを指示する操作がされたことに応じてコピー対象文字列をコピーし、入力対象項目に対してペーストの操作がされたことに応じて、コピーされていたコピー対象文字列を入力対象項目に入力するように制御するとしても、チュートリアルにおける操作性向上の効果を奏することができる。

【0225】

このように、本実施形態では、チュートリアルにおける操作性をより向上させることができる。

【0226】

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

【0227】

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

【符号の説明】

【0228】

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

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】