特許 7581671 ビジュアルプログラミングエディタのプログラム、コンピューターおよび方法

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

(12)【公報種別】特許公報(B2)

(11)【特許番号】

(24)【登録日】2024-11-05

(45)【発行日】2024-11-13

(54)【発明の名称】ビジュアルプログラミングエディタのプログラム、コンピューターおよび方法

(51)【国際特許分類】

   G06F 8/34 20180101AFI20241106BHJP

【ＦＩ】

G06F8/34

【請求項の数】 15

(21)【出願番号】P 2020112588

(22)【出願日】2020-06-30

(65)【公開番号】P2022011442

(43)【公開日】2022-01-17

【審査請求日】2023-03-01

(73)【特許権者】

【識別番号】000002945

【氏名又は名称】オムロン株式会社

(74)【代理人】

【識別番号】110001195

【氏名又は名称】弁理士法人深見特許事務所

(72)【発明者】

【氏名】荒井 航

【審査官】渡辺 順哉

(56)【参考文献】

【文献】国際公開第２０１９／１５６７０６（ＷＯ，Ａ１）

【文献】特開２００９－１９３１８１（ＪＰ，Ａ）

【文献】特開２００７－０６５９１０（ＪＰ，Ａ）

【文献】特開平０８－３３９２０８（ＪＰ，Ａ）

【文献】特開２００７－２０６７９８（ＪＰ，Ａ）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｆ ８／００－８／７７

Ｇ０６Ｆ ９／４４－９／４４５

(57)【特許請求の範囲】

【請求項1】

１つ以上のプロセッサに、
操作を受け付けたことに基づいて、１または複数のプログラム部品と、１または複数のコメントとをビジュアルプログラミングエディタの画面上に配置するステップと、
前記１または複数のコメントに含まれる特定のコメントと、前記１または複数のプログラム部品に含まれる特定のプログラム部品との位置関係に基づいて、前記特定のコメントを前記特定のプログラム部品に紐付けするか否かを判定するステップと、
前記特定のコメントを前記特定のプログラム部品に紐付けすると判定したことに基づいて、前記特定のコメントのテキストを前記特定のプログラム部品のテキストの直前の行に配置したテキストベースのコードを生成するステップとを実行させる、プログラム。

【請求項2】

前記特定のコメントを前記特定のプログラム部品に紐付けするか否かを判定するステップは、
前記特定のコメントから前記特定のプログラム部品までの距離が予め定められた閾値以内であるか否かを判定するステップと、
前記距離が前記閾値以下であることに基づいて、前記特定のコメントおよび前記特定のプログラム部品を紐付けるステップとを含む、請求項１に記載のプログラム。

【請求項3】

前記１または複数のプログラム部品のいずれにも紐付けされていないコメントがあることに基づいて、前記テキストベースのコード内において、前記１または複数のプログラム部品のいずれにも紐付けされていないコメントのテキストを前記テキストベースのコードの先頭に配置するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２に記載のプログラム。

【請求項4】

前記特定のコメントを前記特定のプログラム部品の一定範囲内に近づける操作を受け付けたこと基づいて、前記閾値の範囲を表示するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２または３に記載のプログラム。

【請求項5】

前記１または複数のプログラム部品と、前記１または複数のコメントとを前記ビジュアルプログラミングエディタの画面上に配置するステップは、第１のプログラム部品と、第２のプログラム部品と、前記特定のコメントとを配置するステップを含み、
前記プログラムは、前記特定のコメントと前記第１のプログラム部品および前記第２のプログラム部品の各々との距離が前記閾値以下であることに基づいて、前記特定のコメントを前記第１のプログラム部品および前記第２のプログラム部品のうち距離が近い方のプログラム部品と紐付けるステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～４のいずれかに記載のプログラム。

【請求項6】

前記第１のプログラム部品および前記第２のプログラム部品が隣接して配置されている場合、前記第１のプログラム部品および前記第２のプログラム部品のいずれからも近い一定範囲内を前記特定のコメントと、前記第１のプログラム部品および前記第２のプログラム部品の各々との紐付けを行わない無効範囲に設定するステップをさらに前記１つ以上のプロセッサに実行させる、請求項５に記載のプログラム。

【請求項7】

前記１または複数のプログラム部品と、前記１または複数のコメントとを前記ビジュアルプログラミングエディタの画面上に配置するステップは、前記特定のプログラム部品と、第１のコメントと、第２のコメントとを配置するステップを含み、
前記プログラムは、前記第１のコメントおよび前記第２のコメントのいずれもが前記特定のプログラム部品に紐付けられていることに基づいて、前記第１のコメントおよび前記第２のコメントの各々から前記特定のプログラム部品までの距離に基づいて、前記テキストベースのコード内における前記第１のコメントおよび前記第２のコメントの表示順序を決定するステップをさらに含む、請求項２～６のいずれかに記載のプログラム。

【請求項8】

紐付けられた前記特定のコメントおよび前記特定のプログラム部品の間の距離を前記閾値よりも離す操作を受け付けたことに基づいて、前記特定のコメントおよび前記特定のプログラム部品の紐付けを解除するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～７のいずれかに記載のプログラム。

【請求項9】

前記特定のプログラム部品に紐付けられた前記特定のコメントがダブルクリックされたことに基づいて、前記特定のコメントおよび前記特定のプログラム部品の紐付けを解除し、前記特定のコメントおよび前記特定のプログラム部品の間の距離を前記閾値よりも離すステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～８のいずれかに記載のプログラム。

【請求項10】

手動での紐付け制御命令の入力を受け付けたことに基づいて、前記特定のコメントおよび前記特定のプログラム部品の間の距離に関係なく、前記特定のコメントおよび前記特定のプログラム部品の紐付けまたは紐付けの解除処理を実行するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～９のいずれかに記載のプログラム。

【請求項11】

前記特定のコメントおよび前記特定のプログラム部品を紐付けたことに基づいて、紐付けられた前記特定のコメントおよび前記特定のプログラム部品の色を変更するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～１０のいずれかに記載のプログラム。

【請求項12】

前記特定のコメントおよび前記特定のプログラム部品を紐付けたことに基づいて、紐付けられた前記特定のコメントおよび前記特定のプログラム部品の接続線を表示するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～１１のいずれかに記載のプログラム。

【請求項13】

前記特定のコメントおよび前記特定のプログラム部品を紐付けたことに基づいて、紐付けられた前記特定のコメントおよび前記特定のプログラム部品を囲う枠を表示するステップをさらに前記１つ以上のプロセッサに実行させる、請求項２～１２のいずれかに記載のプログラム。

【請求項14】

請求項１～１３のいずれかに記載のプログラムを格納したメモリーと、
前記プログラムを実行するための１以上のプロセッサをとを備える、コンピューター。

【請求項15】

コンピューターにおけるコードの変換に関する方法であって、
操作を受け付けたことに基づいて、１または複数のプログラム部品と、１または複数のコメントとをビジュアルプログラミングエディタの画面上に配置するステップと、
前記１または複数のコメントに含まれる特定のコメントと、前記１または複数のプログラム部品に含まれる特定のプログラム部品との位置関係に基づいて、前記特定のコメントを前記特定のプログラム部品に紐付けするか否かを判定するステップと、
前記特定のコメントを前記特定のプログラム部品に紐付けすると判定したことに基づいて、前記特定のコメントのテキストを前記特定のプログラム部品のテキストの直前の行に配置したテキストベースのコードを生成するステップとを含む、方法。

【発明の詳細な説明】

【技術分野】

【0001】

本開示は、ビジュアルプログラミングエディタのプログラムに関し、より特定的には、ビジュアルプログラミングエディタで作成されたプログラムの変換技術に関する。

【背景技術】

【0002】

近年、ビジュアルプログラムエディタを用いてブロック状のプログラム部品等を組み合わせてプログラムを作成するビジュアルプログラミングが普及している。いくつかのビジュアルプログラムエディタは、ビジュアルプログラムエディタを使用して作成されたコードをテキストベースのコードに変換する機能を備える。しかし、ビジュアルプログラムエディタを使用して作成されたコードがテキストベースのコードに変換された場合、プログラム部品と、当該プログラム部品に対するコメントとが近隣に配置されずに、可読性の低いテキストベースのコードが生成されることがある。

【0003】

ビジュアルプログラミングに関し、例えば、国際公開第２０１８／０９２２３７号（特許文献１）は、「プログラムコードに反映させるデータ処理手順を複数のブロックの接続により定義するブロック図を取得するブロック図取得部と、前記ブロック図でのブロック間の接続を辿って、前記ブロック図で定義されているデータ処理手順に矛盾があるかどうかを検査する矛盾検査部とを有する」プログラムコード生成装置を開示している（段落［０００６］参照）。

【0004】

また、ビジュアルプログラミングに関する他の技術が、例えば、国際公開第２０１９／０２６２４８号（特許文献２）および国際公開第２０１９／１３２０３７号（特許文献３）に開示されている。

【先行技術文献】

【特許文献】

【0005】

【文献】国際公開第２０１８／０９２２３７号

【文献】国際公開第２０１９／０２６２４８号

【文献】国際公開第２０１９／１３２０３７号

【発明の概要】

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

【0006】

特許文献１～３に開示された技術によると、プログラムエディタを使用して作成されたコードをテキストベースのコードに変換するとき、プログラム部品と、当該プログラム部品に対するコメントとを近隣に配置することができない。したがって、プログラムエディタを使用して作成されたコードをテキストベースのコードに変換するとき、プログラム部品と、当該プログラム部品に対するコメントとを近隣に配置するための技術が必要とされている。

【0007】

本開示は、上記のような背景に鑑みてなされたものであって、ある局面における目的は、プログラムエディタを使用して作成されたコードをテキストベースのコードに変換するとき、プログラム部品と、当該プログラム部品に対するコメントとを近隣に配置するための技術を提供することにある。

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

【0008】

本開示の一例では、１つ以上のプロセッサに、操作を受け付けたことに基づいて、１または複数のプログラム部品と、１または複数のコメントとをビジュアルプログラミングエディタの画面上に配置するステップと、１または複数のコメントに含まれる特定のコメントと、１または複数のプログラム部品に含まれる特定のプログラム部品との位置関係に基づいて、特定のコメントを特定のプログラム部品に紐付けするか否かを判定するステップと、特定のコメントを特定のプログラム部品に紐付けすると判定したことに基づいて、特定のコメントのテキストおよび特定のプログラム部品のテキストを近隣に配置したテキストベースのコードを生成するステップとを実行させる、プログラムが提供される。

【0009】

上記の開示によれば、プログラムは、テキストベースのコードにおいて、関連するプログラム部品およびコメントを近くに配置することができる。

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

【図1】ある実施の形態に従うビジュアルプログラミングエディタ１００の一例を示す図である。

【図2】コメント１３０およびプログラム部品１１０の紐付けの第１の例を示す図である。

【図3】コメント１３０およびプログラム部品１１０の紐付けの第２の例を示す図である。

【図4】コメント１３０およびプログラム部品１１０の紐付けの第３の例を示す図である。

【図5】コメント１３０およびプログラム部品１１０の紐付けの第４の例を示す図である。

【図6】エディタ１０２上でのプログラム部品１１０の表示の変化の一例を示す図である。

【図7】ビジュアルプログラムの他の例を示す図である。

【図8】フロー型ビジュアルプログラムの一例を示す図である。

【図9】ブロック型ビジュアルプログラムの一例を示す図である。

【図10】プログラムＰに基づいて生成されたテキストプログラム１０５０の一例を示す図である。

【図11】ビジュアルプログラミングエディタ１００の機能ブロックの一例を示す図である。

【図12】ビジュアルプログラミングエディタ１００のプログラムを実行するための装置１２００のハードウェア構成の一例を示す図である。

【図13】コメント１３０およびプログラム部品１１０の第１の紐付け処理の一例である。

【図14】コメント１３０およびプログラム部品１１０の第２の紐付け処理の一例である。

【図15】コメント１３０およびプログラム部品１１０の第３の紐付け処理の一例である。

【図16】コメント１３０およびプログラム部品１１０の第４の紐付け処理の一例である。

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

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

装置１２００は、ＣＰＵ（Central Processing Unit）１２０１と、１次記憶装置１２０２と、２次記憶装置１２０３と、外部機器インターフェイス１２０４と、入力インターフェイス１２０５と、出力インターフェイス１２０６と、通信インターフェイス１２０７とを含む。

【0099】

ＣＰＵ１２０１は、装置１２００の各種機能を実現するためのプログラムを実行し得る。ＣＰＵ１２０１は、例えば、少なくとも１つの集積回路によって構成される。集積回路は、例えば、少なくとも１つのＣＰＵ、少なくとも１つのＦＰＧＡ（Field Programmable Gate Array）、またはこれらの組み合わせなどによって構成されてもよい。

【0100】

１次記憶装置１２０２は、ＣＰＵ１２０１によって実行されるプログラムと、ＣＰＵ１２０１によって参照されるデータとを格納する。ある局面において、１次記憶装置１２０２は、ＤＲＡＭ（Dynamic Random Access Memory）またはＳＲＡＭ（Static Random Access Memory）等によって実現されてもよい。

【0101】

２次記憶装置１２０３は、不揮発性メモリーであり、ＣＰＵ１２０１によって実行されるプログラムおよびＣＰＵ１２０１によって参照されるデータを格納してもよい。その場合、ＣＰＵ１２０１は、２次記憶装置１２０３から１次記憶装置１２０２に読み出されたプログラムを実行し、２次記憶装置１２０３から１次記憶装置１２０２に読み出されたデータを参照する。ある局面において、２次記憶装置１２０３は、ＨＤＤ（Hard Disk Drive）、ＳＳＤ（Solid State Drive）、ＥＰＲＯＭ（Erasable Programmable Read Only Memory）、ＥＥＰＲＯＭ（Electrically Erasable Programmable Read Only Memory）またはフラッシュメモリー等によって実現されてもよい。

【0102】

外部機器インターフェイス１２０４は、プリンター、スキャナーおよび外付けＨＤＤなどの任意の外部機器に接続され得る。ある局面において、外部機器インターフェイス１２０４は、ＵＳＢ（Universal Serial Bus）端子等によって実現されてもよい。

【0103】

入力インターフェイス１２０５は、キーボード、マウス、タッチパッドまたはゲームパッドなどの任意の入力装置に接続され得る。ある局面において、入力インターフェイス１２０５は、ＵＳＢ端子、ＰＳ／２端子およびＢｌｕｅｔｏｏｔｈ（登録商標）モジュール等によって実現されてもよい。

【0104】

出力インターフェイス１２０６は、ブラウン管ディスプレイ、液晶ディスプレイまたは有機ＥＬ（electro-luminescence）ディスプレイなどの任意の出力装置に接続され得る。ある局面において、出力インターフェイス１２０６は、ＵＳＢ端子、Ｄ－ｓｕｂ端子、ＤＶＩ（Digital Visual Interface）端子およびＨＤＭＩ（登録商標）（High-Definition Multimedia Interface）端子等によって実現されてもよい。

【0105】

通信インターフェイス１２０７は、有線または無線のネットワーク機器と接続される。ある局面において、通信インターフェイス１２０７は、有線ＬＡＮ（Local Area Network）ポートおよびＷｉ-Ｆｉ（登録商標）（Wireless Fidelity）モジュール等によって実現されてもよい。他の局面において、通信インターフェイス１２０７は、ＴＣＰ／ＩＰ（Transmission Control Protocol/Internet Protocol）、ＵＤＰ（User Datagram Protocol）などの通信プロトコルを用いてデータを送受信してもよい。

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

１００ ビジュアルプログラミングエディタ、１０１ プログラム部品リスト、１０２ エディタ、１０５，３００，４００ ビジュアルプログラム、１１０，１１０Ａ，１１０Ｂ，１１０Ｃ，１１０Ｅ，８１０Ａ，８１０Ｃ，８１０Ｄ プログラム部品、１２０，１２０Ａ，１２０Ｂ コネクタ、１３０，１３０Ａ，１３０Ｂ，１３０Ｃ，１３０Ｄ，１５１Ａ，１５１Ｃ，３５１Ｃ，４５１Ａ，４５１Ｂ，８３０Ａ，８３０Ｂ，８３０Ｃ，８３０Ｅ，８３０Ｆ，１０３０Ａ，１０３０Ｃ，１０３０Ｅ，１０３０Ｆ コメント、１５０，３５０，４５０，１０５０ テキストプログラム、１５２Ａ，１５２Ｃ，３５２Ａ，３５２Ｃ，４５２Ａ，１０１０Ａ，１０１０Ｃ，１０１０Ｄ コード、２０１，７０１ 紐付け領域、２１０，２２０，２３０ 表示、６０１ 反応領域、７０５ 隣接部分、７１０ 無効領域、１１０１ コメント配置部、１１０２ 紐付け範囲表示部、１１０３ 紐付け選択部、１１０４ 紐付け表示部、１１０５ 動的紐付け部、１１０６ 手動紐付け部、１１０７ 紐付け記憶部、１１０８ 出力部、１２００ 装置、１２０１ ＣＰＵ、１２０２ １次記憶装置、１２０３ ２次記憶装置、１２０４ 外部機器インターフェイス、１２０５ 入力インターフェイス、１２０６ 出力インターフェイス、１２０７ 通信インターフェイス。

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】