JP2003076546A

JP2003076546A - 図形描画方法、フローチャート描画方法およびフローチャートからのコンピュータプログラム生成方法

Info

Publication number: JP2003076546A
Application number: JP2001265799A
Authority: JP
Inventors: Minoru Kano; 稔加納
Original assignee: Individual
Current assignee: Individual
Priority date: 2001-09-03
Filing date: 2001-09-03
Publication date: 2003-03-14

Abstract

(57)【要約】【課題】従来コンピュータ画面上での図形描画は、描画
図べき図形を選び、描画位置に移動し、サイズを調整
し、微妙な位置サイズ調整を行うという、大変、手順の
かかり面倒さを伴う操作で行っていた。【解決手段】（１）視認用に表示された枠線囲まれた多
数の４角形の見える画面（２）マウスでの４角形領域の
選択を受け付ける選択受付手段（３）描画図形部品群、
図形調整部品群を集めたパレット（４）パレットの部品
がマウスでクリックされたとき、その図形を選択された
四角形領域に図形描画または図形調整する図形描画手段
を具備し、上記手段により一般図形の描画、フローチャ
ート図形の描画を行う簡単な方法を提供する。【効果】図形描画位置・サイズとして画面の四角形領域
を選択し、パレットの対象図形を選択すれば、即座に図
形描画ができ、図形描画が非常に簡単になる。

Description

【発明の詳細な説明】【発明の属する技術分野】

【０００１】本発明は、図形描画方法およびそれを用い
たコンピュータプログラムのフローチャート作成とプロ
グラムコード生成方法に関する。

【従来の技術】

【０００２】近年、パソコンの利用技術が急激に進展し
たために、いろいろな図形処理プログラムが開発され市
販されており、比較的簡単に、パソコン画面上に図形を
描画できるようになっている。またこれらを用いれば、
コンピュータプログラムのフローチャートも比較的簡単
に作成することができるようになっている。

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

【０００３】しかしながら、これらは、準備されている
または自分で準備して図形処理系に追加した各種図形部
品の内より１つを選択して、作図する画面の上に移動さ
せた後、その図形の配置位置を設定するとかサイズ調整
を行わねばならず、複雑な図形の場合は、その形状をき
ちんと調整するのに手間がかかるという問題をかかえて
いる。

【０００４】また、コンピュータプログラムのフローチ
ャート作図上の問題として、配置した図形のサイズを再
調整したり、各種分岐が発生した場合には、最初の設定
をずらして、たくさん発生した分岐条件にあわせて、図
形の分岐状態を変更しなければならない。そのためにあ
ちらこちらの図形の間の結合関係を調整しなければなら
ないという問題を抱えている。

【０００５】また、これらを用いてフローチャートを作
成したとしても、フローチャートが単独に存在するのみ
で、コンピュータプログラムを作るためには、フローチ
ャートを見ながら、それをコンピュータプログラムに変
換しなければならないという２度手間を必要とするよう
な問題を抱えている。

【０００６】さらに、フローチャートの記入内容を間違
いなくコンピュータプログラムに置き換えるために細心
の注意を払わなければならず、それでも、人のやること
であるから置き換え間違いを皆無とすることができない
と言う問題があり、両者の示す内容が同一であると言う
ことを確実に証明することが難しいという管理上の難点
をも抱えている。

【０００７】また、コンピュータプログラムのテストの
段階で、不具合が発見されると、フローチャートとコン
ピュータプログラムの両方を同時に訂正しなければなら
ないが、急ぐときには、コンピュータプログラムのみを
訂正してすましてしまうなど、両者の同一性を保つこと
が非常に難しく、折角フローチャートを作成しても、そ
れは飾りに過ぎず、結局コンピュータプログラムの方を
参照したり、頼りにするようになるという問題を抱えて
いる。

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

【０００８】本発明は上記を解消するためになされたも
のであり、コンピュータ画面上にて、図形を簡単に描画
すること、描画した図形のサイズを簡単に調整するこ
と、描画した図形の位置を簡単に調整すること目的と
し、その具体的方法を提供する。また、その方法を用い
たコンピュータプログラムのフローチャートを簡単に作
成する方法を提供する。さらに、作成したフローチャー
トからコンピュータプログラムを自動生成する方法を提
供する。

【０００９】上記の図形描画を簡単に実現するための第
一の方法として、次の手段を準備している。１コンピュータ画面上に、行・列方向に一定の間隔で
視認用の枠線が表示され、その枠線に囲まれた多数の四
角形の見える画面２マウスによる上記四角形の１つまたは複数の四角形
によって構成される四角形領域の選択を受けつけて、選
択された領域範囲を画面上で区別して表示する選択受付
手段３画面上に図形を描画するための各種図形部品群をま
とめたパレット４上記パレット上の部品群の一つがマウスでクリック
されたとき、選択受付手段の表示する領域に、クリック
された部品に定められた図形描画処理を行う図形描画手
段

【００１０】第一の方法として準備した手段にかかる本
発明の特徴は、まず、図形を配置する位置、サイズを画
面上の四角形領域で指定し、そのあと、その位置に配置
する図形の種類を指定すれば、指定した位置に、指定し
たサイズの、指定した図形が即座に描画されるようにし
たことである。

【００１１】従来の描画すべき図形を選んで、それを配
置位置に移動させ、サイズを調整して配置する手順とは
逆になっている、すなわち逆転の発想をもとにしてい
る。それによって、即座に、目的の図形を目的の位置に
目的のサイズにて描画できるようになっている。

【００１２】上記の図形描画を簡単に実現するための第
二の方法として、次の手段を準備している。１コンピュータ画面上に、行・列方向に一定の間隔で
視認用の枠線が表示され、その枠線に囲まれた多数の四
角形の見える画面２マウスによる上記四角形の１つまたは複数の四角形
によって構成される四角形領域の選択を受けつけて、選
択された領域範囲を画面上で区別して表示する選択受付
手段３画面上に図形を描画するための各種図形部品群をま
とめたパレット４上記パレット上の部品群の一つがマウスでクリック
されたとき、クリックされた図形部品を記憶する図形部
品記憶手段５前記選択受付手段が上記四角形の１つまたは複数の
四角形によって構成される四角形領域の選択を受け付け
たとき起動し、図形部品記憶手段の記憶する図形描画ま
たは図形調整処理をする図形描画手段

【００１３】第二の方法として準備した手段にかかる本
発明の特徴は、まず、描画すべき図形の種類を指定した
後、図形を配置する位置、サイズを画面上の四角形領域
で選択し、選択された範囲が表示されたときに、指定し
た位置に、指定したサイズの、指定した図形が即座に描
画されるようにしたことである。

【００１４】従来の描画すべき図形を選んで、それを配
置位置に移動させ、サイズを調整して配置する手順に似
通ってはいるが、配置先において図形の様子を見ながら
図形位置サイズを調整する必要はなく、配置位置サイズ
を与える四角形領域を指定したとき、即座に、目的の図
形を目的の位置に目的のサイズにて描画できるようにし
ている。

【００１５】いずれの方法にも共通しているのは、画面
上に表示される四角形領域を利用して図形を配置する位
置、サイズを明確に指定し、それにあわせて描画するよ
うにしているので、迷うことなく簡単に目的の図形が描
画できるようになっている。

【００１６】次に、フローチャートを簡単に描画するた
めの手段として、第一または第二の方法に加え、次のも
のを準備している。１画面上にフローチャート図形を描画するためのフロ
ーチャート作図用図形部品群、図形調整部品群を配置し
たパレット２図形描画手段の中にあって、描画図形に識別符号を
つける識別符号付与手段

【００１７】最後に、フローチャートからプログラムコ
ードを生成するための手段として、次を準備している。１画面に描画されたフローチャート図形を抽出し、フ
ローチャート図形を上から下へ、左から右へとたどりな
がら。フローチャート図形間のつながり、付与された識
別符号、プログラムコード記入図形への記入内容を解釈
し、コンピュータのプログラムコードを生成し、出力フ
ァイルに書き出すコンピュータプログラム生成手段

【００１８】従来のフローチャートの作成は、単なる図
面の作成にとどまっていて、その図面から何らかの情報
をとりだすということができなかった。しかし、本発明
では、図面上に配置する図形に識別符号を付け、配置さ
れた図形の形状（図形のフローチャート部品としての意
味）を取り出せるようにし、相互の結合関係を抽出でき
るようにし、図形内に記入されたプログラム記号を抽出
できるようにしている。また、それを用いて、フローチ
ャートに表現された内容をプログラムコードに変換する
ようにしている。それによって、フローチャートを作成
し、プログラム論理の構造、内容を見通しのよいフロー
チャートで検討し、それが間違いのないものとして完成
したときにそれをコンピュータプログラムとして変換出
力することができる。したがって、本発明を適用すれ
ば、常に、作成したフローチャートの内容とコンピュー
タプログラムとが１対１に対応するので、フローチャー
トの内容さえ、きちんと管理しておきさえすれば、コン
ピュータプログラムを管理する必要がなくなるというす
ぐれたメリットをもっている。

【発明の実施の形態】

【００１９】以下、本発明を実施例によって詳細に説明
する。まず、図１によって、本発明の図形を描画する画
面について説明する。図１の画面１００は、行、列方向
に一定の間隔で視認用の枠線が表示され、その枠線に囲
まれた多数の四角形が見えるように準備している。最上
行には、A, B, C,、、、のような一連の符号が付され、
四角形の列方向の位置番号を与えている。最左列には、
1, 2, 3,、、、のような一連番号が付され、四角形の行
方向の位置番号を与えている。このような一連番号はあ
ってもなくても特に支障はないが、ここでは説明の便宜
上もあって付与している。この画面上の枠線および位置
番号は、単なる視認用であって、画面を印刷するような
場合には印刷されないものである。また、この枠線の表
示間隔は任意に調整できるようになっている。図１で
は、長方形の形が見えるようにしているが、必要があれ
ば、２mm角の方眼のような小さいものとすることもでき
る。

【００２０】図面上で塗りつぶして区切った四角形１１
０および複数の四角形１２０を四角形領域または選択し
た四角形領域ということにする。本発明では、位置関
係、サイズの視覚的にわかるように表現された、この四
角形領域を利用して、図形またはフローチャート図形を
描画する。

【００２１】図形の配置位置、サイズの選択は、周知の
マウスを用いて、マウスポインタを位置（Ｄ、５）の四
角形にあわせ、マウスの左ボタンを押して離すことによ
って行う。この場合は、図示の塗りつぶした四角形領域
１１０を選択したことになる。または、マウスポインタ
ーを位置（Ｋ、８）にあわせ、マウスの左ボタンを押し
たまま、マウスポインタを移動させ、領域１２０をカバ
ーさせた段階でマウスの左ボタンを離すことによって行
う。この場合は、図示の塗りつぶした四角形領域１２０
を選択したことになる。このようにすることにより、図
１では、塗りつぶしで例示したが、実際の画面上でもそ
れに類似した表示がされ、画面上のある四角形領域が選
択されたことがわかるようになっている。

【００２２】なお、マウスの形状、マウスの機能など
は、既に周知の事柄であるので、ここでは詳述しない。

【００２３】また、ここでは、上記のように実線の枠線
で囲まれた画面を利用するとして説明を進めるが、その
位置を示すためにドット（点）を規則的に表示している
ような画面としてもよく、上記目的を達成するために選
択した範囲を明示できるものであればなんでもよく、そ
の形態にはこだわらない。

【００２４】このマウス操作は、図２の選択受付手段１
０００によって監視され、ブロック１０１０によって、
選択されたものの種類、位置、サイズなどを他の機能が
参照できるように図示しないメモ領域にメモする。続い
て、ブロック１０２０において、選択されたものを視覚
的に見えるように、画面に表示する。上記の四角形領域
の選択の場合は、図１の１１０または１２０に示すよう
に塗りつぶしで表示する。そして、ブロック１０３０に
よって、監視を終了する。

【００２５】図３は、各種図形部品群を配置したパレッ
ト２００である。パレット２００の内部に配置した２０
５〜２４０の破線枠で囲ったものが図形部品群である。
２０５は右上がり斜線、２１０は右下がり斜線、２１５
は水平線、２２０は垂直線、２２５は長方形、２３０は
楕円、２３５は横書きテキストボックスおよび２４０は
縦書きテキストボックスであり、描画対象図形である。

【００２６】２４５〜２６０の破線枠で囲ったものが描
画済み図形の図形位置・サイズ調整部品群である。２４
４は図形の幅調整、２５０は図形の高さ調整、２５５は
図形の左右移動、２６０は図形の上下移動を行う。破線
枠で囲った２６５は描画図形削除を行うための図形調整
部品である。

【００２７】２７０〜２９５の破線枠で囲ったものが、
描画済み図形の表示条件変更図形群であり、従来の図形
処理系に準備されているものと同じであり、図３におい
て言葉でわかるように示したのでここでは説明を省略す
る。

【００２８】パレット２００に準備した図形部品２０５
から２４０は、基本的なものであり、一般の図形はこれ
でほとんど描画することができる。しかし、どうしても
本発明にかかる図形部品群での図形描画が困難なときが
あり、そのときに呼び出して使うように従来の図形描画
機能呼出部品３００を準備している。

【００２９】３０５は現在の画面に示されている描画範
囲に描画を終了したときに次の描画を行うための図形様
式設定部品である。３１０は図形描画終了を指定する終
了指定部品である。

【００３０】以上の準備の元に、第一の図形描画方法を
詳細に説明する。第一の図形描画方法は、次の手段によ
って構成される。１コンピュータ画面上に、行・列方向に一定の間隔で
視認用の枠線が表示され、その枠線に囲まれた多数の四
角形の見える画面（例えば、図１の１００）２マウスによる上記四角形の１つ（例えば図１の１１
０）または複数の四角形によって構成される四角形領域
（例えば、図１の１２０）の選択を受けつけて、選択さ
れた領域範囲を画面上で区別して表示する選択受付手段
（図２の１０００）３画面上に図形を描画するための各種図形部品群をま
とめたパレット（図３の２００）４上記パレット上の部品群（図３の２０５〜２６５）
の一つがマウスでクリックされたとき、選択受付手段の
表示する領域に、クリックされた部品に定められた図形
描画を行う図形描画手段

【００３１】上記の手段および動作の内、残りの図形描
画手段の動作について説明する。図３の各図形部品は、
マウスでクリックされると、定められた図形描画、図形
調整などの処理を行うように処理手順が準備された図形
描画手段２０００と連携している。

【００３２】図４は、図形描画手段２０００の動作を示
したものである。特に、パレット２００の２０５〜２６
５の何れかの図形部品がマウスでクリックされたときの
図形描画手段２０００の動作について示している。

【００３３】まず、ブロック２１００において、図２の
選択受付手段１０００のメモによって、四角形領域の選
択が受付られていることを確認する。四角形領域が選択
されていなければ、ブロック２１１０によって、エラー
メッセージを表示して、ブロック２１２０にて処理を終
了する。

【００３４】四角形領域が選択されていれば、ブロック
２２００によって、選択されている四角形領域の位置
（Top：画面上端から四角形領域上端までの距離、Lef
t：画面左端から四角形領域左端までの距離）およびサ
イズ（Width：選択されている四角形領域の幅、Heigh
t：選択されている四角形領域の高さ）を、図２の選択
受付手段１０００のメモより求める。

【００３５】次に、ブロック２３００において、パレッ
トのどの図形部品がマウスでクリックされたかを調べ
る。図３の図形部品２０５〜２４０までがクリックされ
ていたときは、図形描画と見なし、ブロック２４００に
よって、選択された図形部品を、ブロック２２００で求
めた位置、範囲に描画し、描画した図形を選択し、図２
の選択受付手段１０００を動作させて、画面に表示し、
ブロック２９００によって処理を終了する。

【００３６】図３の図形部品２４５〜２６０までの図形
部品がクリックされていたときは、図形調整と見なし、
ブロック２５００において、ブロック２２００で求めた
位置、範囲に一部でも含まれる直線を除いた画面上に描
画された図形を抽出する。次に、ブロック２５１０にお
いて、抽出した図形が１個であることを確認する。もし
１個でない、すなわち、図形がないかまたは複数である
ときは、ブロック２５２０においてエラーメッセージを
表示して、ブロック２５３０によって処理を終了する。
抽出した図形が１個だけであったときは、抽出した図形
を、マウスでクリックされた図形調整の指定内容にあわ
せて調整し、調整した図形を選択し、図２の選択受付手
段１０００を動作させて、画面に表示し、ブロック２９
００によって処理を終了する。

【００３７】図３の図形部品２６５がクリックされてい
たときは、図形クリアと見なし、ブロック２６００にお
いて、ブロック２２００で求めた位置、範囲に一部でも
含まれる画面上に描画されたすべての図形を抽出する。
ついで、ブロック２７００において、図形の削除可否の
確認メッセージをだす。否の返事が操作者から返ってき
たときは、ブロック２７１０によって処理を終了する。
図形削除可の返事が返ってきたときは、ブロック２８０
０によって、抽出した図形をすべて削除し、ブロック２
９００によって処理を終了する。

【００３８】上記で、描画した図形、調整した図形を選
択し、画面に表示するようにしたのは、その図形の内部
に文字を記入するとか、図３のパレット２００の部品２
７０〜２９５を利用してその図形の表示様式を変更する
とかをそのまま継続して行えるようにするためである。
もし、選択しておかなかったときは、図形の選択をして
から上記を行わなければならないという不便を生じる。

【００３９】次に、図５によって本発明の図形描画を画
面操作だけに絞って説明する。図５の４００は、マウス
ドラッグによって四角形領域を選択した状態である。図
５の４１０〜４８０は、そのあと、パレット２００の図
形部品２０５〜２４０をマウスでクリックしたときに描
画された図形である。なお、図では、マウスで選択した
範囲のサイズがわからなくなるものは、選択した範囲と
同じ大きさの破線の四角形を表示して、選択した四角形
領域と描画図形との位置関係を明確にしている。また、
テキストボックスには、他の図形との違いを示すため
に、図形内部に言葉を記入して示している。

【００４０】なお、図形描画手段２０００が図形描画終
了時または図形調整終了時に表示する図形選択状態の例
を、図５の４９０に示した。図５の４９０に例示するよ
うに、図形の外枠部分が他の図形と異なって表示され、
その図形が選択されていることが容易に視認されるよう
にしている。

【００４１】図形の調整、削除についても、ほぼ同様な
内容であるので、ここでは、図面による説明を省略す
る。

【００４２】なお、上記で、マウスでクリックしたとき
と表現しているが、それぞれに、周知のようにショート
カットキーを割り当てて、それによって、図形部品を選
択することもできる。

【００４３】このように、本発明によれば、（１）描画したい図形の位置と大きさを与える四角形領
域を決める。（２）描画したい図形部品を選択する。という２つの操作で、希望の図形を希望の位置、サイズ
で描画することができる。

【００４４】これは、従来の、希望の図形を選択して、
希望の位置に移動させ、そこで希望のサイズに調整する
という方法とは全く逆の考え方によるものである。

【００４５】本発明によれば、位置の微妙な調整、サイ
ズの微妙な調整を不用にしているし、表示されている枠
線に沿って図形が描画されるから、複数の図形を描画
し、全体として１つの意味のある図形または図面を作成
するのにも好都合であり、簡単操作で実現できるという
素晴らしいメリットを提供している。また、描画した図
形が画面上に選択された状態で表示されるようにしたの
で、必要があれば、その図形内部に文字を記入したり、
表示形態を変更したりする操作がそのまま継続して描画
した図形に対して行えるので、さらに操作性のよいもの
となっている。

【００４６】次に第二の図形描画方法を詳細に説明す
る。第二の図形描画方法は、次の手段によって構成され
る。１コンピュータ画面上に、行・列方向に一定の間隔で
視認用の枠線が表示され、その枠線に囲まれた多数の四
角形の見える画面（例えば、図１の１００）２マウスによる上記四角形の１つ（例えば図１の１１
０）または複数の四角形によって構成される四角形領域
（例えば、図１の１２０）の選択を受けつけて、選択さ
れた領域範囲を画面上で区別して表示する選択受付手段
（図２の１０００）３画面上に図形を描画するための各種図形部品群をま
とめたパレット（図３の２００）４上記パレット上の部品群（図３の２０５〜２６５）
の一つがマウスでクリックされたとき、クリックされた
図形部品を記憶する図形部品記憶手段５前記選択受付手段が上記四角形の１つまたは複数の
四角形によって構成される四角形領域の選択を受け付け
たとき起動し、図形部品記憶手段の記憶する図形描画ま
たは図形調整処理をする図形描画手段

【００４７】まず、図６によって、図形部品記憶手段の
動作を説明する。図３のパレット２００の図形部品２０
５〜２６５の何れかがマウスでクリックされると、図６
の図形部品記憶手段１５００が動作する。すなわち、ブ
ロック１５１０において、クリックされた図形部品をメ
モし、ブロック１５２０によって終了する。

【００４８】次に、マウスでクリックした図形配置位置
を定めるために、マウスにより、上記四角形の１つ（例
えば図１の１１０）または複数の四角形によって構成さ
れる四角形領域（例えば、図１の１２０）を選択する
と、具体的には、マウスを左クリックしてドラッグする
と、図２の選択受付手段が動作し、選択した四角形領域
を画面上で区別して視認できるように表示する。ここ
で、ドラッグをやめる、具体的には、マウスの左クリッ
クをやめると、四角形領域選択が終了となり、それに対
応する前記図形描画手段が動作する。図形描画手段の動
作に必要なものは、選択受付手段のメモした四角形領域
の位置、サイズと図形部品記憶手段の記憶した図形の種
類であり、前記第一の図形描画方法で説明したと同じの
図４に記載した動作を行う。動作内容は前述の通りであ
るので、説明は省略する。

【００４９】このように、本発明によれば、（１）描画したい図形部品を選択する。（２）描画したい図形の位置と大きさを与える四角形領
域を決める。という２つの操作で、希望の図形を希望の位置、サイズ
で描画することができる。

【００５０】これは、前記第一の方法と操作手順を逆に
したものであるが、図形の配置位置・サイズを決めてそ
こに図形を描画するというものであり、同一の思想から
生まれたものである。従来の、希望の図形を選択して、
希望の位置に移動させ、そこで希望のサイズに調整する
という方法とは全く逆の考え方によるものである。

【００５１】本発明によれば、位置の微妙な調整、サイ
ズの微妙な調整を不用にしているし、表示されている枠
線に沿って図形が描画されるから、複数の図形を描画
し、全体として１つの意味のある図形または図面を作成
するのにも好都合であり、簡単操作で実現できるという
素晴らしいメリットを提供している。また、描画した図
形が画面上に選択された状態で表示されるようにしたの
で、必要があれば、その図形内部に文字を記入したり、
表示形態を変更したりする操作がそのまま継続して描画
した図形に対して行えるので、さらに操作性のよいもの
となっている。

【００５２】ただ、この第二の描画方法の難点は、四角
形領域を決めた瞬間に、その領域に事前に選択した図形
が描画される点にある。すなわち、四角形領域の位置ま
たはサイズの選択を間違ったとき、または、選択途中で
マウス操作を誤ってマウスの左クリックを中止したとき
にも、図形が描画されてしまうので、この場合は、正し
い位置への図形の移動とかサイズ調整とかを後で行わな
ければならなくなる。第一の描画方法の場合は、四角形
領域を選択して、ある意味で、その位置を十分確認した
後で描画したい図形を選択するから、このような難点は
ない。

【００５３】逆に、第二の描画方法は、従来の描画方法
に慣れていれば、より操作が簡略化されているから好適
な描画方法を提供していることになる。従って、両方法
とも甲乙つけがたい描画方法であるとなる。

【００５４】図７は、本発明の図形描画方法を適用する
場合のメニュー画面である。「４初期設定」を選択する
と、図の矢印で示したように、第一の方法と第二の方法
を選択するメニューを表示し、ユーザがやりやすい方法
を選ぶことができるようにしている。選択した方法は、
図示しないが、不揮発性のメモリに格納され、以降で変
更されない限り、選択した描画方法が保持されるように
している。このようにして、ユーザがより使いやすい方
法が選べるので、それぞれの得意なやり方で本発明を利
用することができる。

【００５５】次に、このような方法で図形部品を画面上
に描画し、全体として１つの図面にまとめるのに好都合
にする発明について説明する。まず、図面を作成すると
いう用件に適合するためには、図面描画範囲を図面作成
者に明確に視認させることである。また、図面枠とか図
面様式のあるものについては、それらは、常に同じもの
を繰り返し使用することになるので、同じ作業をさせな
いような手順を準備することである。

【００５６】そこで、本発明では、図面様式として、Ａ
３用紙の縦横、Ａ４用紙の縦横などについて、図面様式
を準備する手順を設けた。そして、今まで説明した図形
描画を開始するときに、図面作成者がその図面様式を指
定することによって、画面にあらかじめ図面様式が表示
されるようにするようにしている。この様子を、図７に
よって説明する。

【００５７】図７は、コンピュータを起動して、本発明
の図形描画操作を行う場合に表示する最初のメニューで
ある。「０終了」を選択すると処理を終了する。
「１様式作成」を選択すると様式作成画面に移る。
「２作図」を選択すると作図画面に移る。「３印
刷」を選択すると、印刷画面に移る。「４初期設定
については、前述の通りである。

【００５８】「１様式作成」を選んだ場合の動作に
ついて説明する。様式作成を選んだ場合は、図８の様式
作成手段２００００が動作する。すなわち、まず、ブロ
ック２０１００において、用紙サイズ、方向の入力を要
求する。次に、ブロック２０２００において、様式への
印刷用枠線の有無の入力を要求する。ついで、ブロック
２０３００が動作する。まず、表示する様式に名前をつ
け、指定用式の形式を準備して、画面に表示する。表示
する様式につける名前は、例えば、Ａ４縦で、印刷枠線
がない場合は、「Ａ４縦枠なし」の名前をつける。例え
ば、Ａ３縦で、印刷枠線ありの場合は、「Ａ３縦枠線あ
り」の名前をつける。準備する様式例を、図９に示す。
図９(a)は、印刷枠線なし様式であり、指定用紙サイズ
への作図範囲を細い枠線で描画している。図９(b)は、
印刷枠線あり様式であり、指定用紙サイズへの作図範囲
を太い線で描画している。いずれの場合も、視認用の縦
横一定の間隔の線が引かれている。この様式名は、画面
に表示されたときに、画面操作者が、より適切な名前に
変更することもできる。最後に、ブロック２０４００に
おいて、図形描画用のパレットを画面に表示して、ブロ
ック２０５００によって終了する。画面に表示された様
式をそのまま使うときは、図形描画用のパレットの終了
を選択すれば、その様式が登録され記憶され、画面は図
７のメニュー画面に戻る。画面に表示された様式に、事
前に何らかの図形とか表示とかを準備しておいた方がよ
い場合は、画面操作者が、パレット等を利用して、事前
に描画しておき、パレットの終了を選択して、様式を登
録する。図９(a)では、この様式を、例えば、特許図面
作成に使用するために、細い線の枠内に図面番号記入欄
を準備している。図９(b)の場合は、正式図面として利
用するための図面形式を太い線の枠内に操作者がパレッ
ト等を利用して準備している。このように、図面様式を
準備する。

【００５９】この図面様式は、作図に使われたのち、印
刷されると、ここでは、詳述しないが、図９(a) の様式
にしたがって描画されたものは、外枠を印刷しない、図
９(b) の様式に従って描画されたものは、外枠も含めて
印刷するように、印刷手段を準備している。このように
して作図様式を準備する。

【００６０】次に、「２作図」が選択された場合に
ついて説明する。作図を選んだ場合は、図１０の作図手
段２１０００が動作する。まず、ブロック２１１００に
おいて、新規作図か継続作図かの入力を要求する。

【００６１】次に、ブロック２１２００において、その
入力結果に応じて、新規作図の場合は、ブロック２１３
００において、作図名称の入力を要求する。ついで、ブ
ロック２１３１０において、登録されている作図様式一
覧を表示して選択入力を要求する。ついで、ブロック２
１３２０において、入力された図面様式をコピーして新
規作図画面を作成する。最後に、新規作図画面に入力さ
れた名前をつけて、画面に表示する。

【００６２】継続作図の場合は、ブロック２１４００に
おいて、作図済または作図中の作図名称一覧表を表示し
て選択入力を要求する。ついで、ブロック２１４１０に
おいて、選択入力された作図名称の画面を画面に表示す
る。

【００６３】このようにして、作図画面を表示した後、
ブロック２１５００において、作図パレット２０００を
表示し、ブロック２１６００によって終了する。

【００６４】このように作図画面と作図パレットが表示
された後は、前記したような方法、手順で、操作者が、
画面に図形を描画、すなわち作図をおこなう。描画パレ
ットの３１０終了を操作者が選択すると、作図は終了
し、作図内容は登録され、画面は、図７のメニューに戻
る。

【００６５】以上のように、本発明では、作図様式を準
備し、作図するとき、それを画面に表示するようにした
ので、作図範囲が明確になり、さらに作図しやすい環境
になっている。また、作図毎に繰り返し使う図形、文字
表示状態も、作図様式に準備して、一緒に画面に表示さ
れるようにしているので、さらに作図しやすい環境を持
っていることになる。

【００６６】次に、本発明をさらに発展させて、コンピ
ュータプログラムのフローチャート図形ＰＡＤ（Proble
m Analysis Diagram）を作図するようにした発明につい
て説明する。ＰＡＤは、JIS X 0128 に定められている
ので、その細部の説明については省略する。

【００６７】図１１は、ＰＡＤ作図用パレット５００を
示す。パレット５００に準備されている図形描画部品
は、水平線５０５、垂直線５１０、ターミネータ５１
５、コード図形５２０、関数呼出図形５２５、分岐図形
５３０、前判定リピート図形５３５、後判定リピート図
形５４０である。図形調整部品は、幅調整５４５、高さ
調整５５０、分岐調整５５５、左右移動５６０、上下移
動５６５である。その他の、２６５〜３１０までは、図
３の図形部品と同じであり、同一番号を付している。

【００６８】図３のパレット２００内の図形部品は、そ
れぞれが単独の図形であった。しかし、フローチャート
図形としての図１１のパレット５００内の図形部品は、
いくつかの図形が集まって１つの図形部品を構成してい
る。また、その図形部品のそれぞれに名前をつけて、相
互の関連をたどれるようにしている。

【００６９】その様子を、図１２を用いて説明する。図
形部品５０５，５１０は、それぞれ単独図形である直線
（水平線、垂直線）から成り立っており、それぞれに、
Lnn_Hline、Lnn_Vline の名前をつけている。ここで、L
nn は直線の識別子L と描画する直線毎に連番でつけて
区別する番号 nn である。後半の Hline、Vline によっ
てそれぞれが、水平線、垂直線であると識別符号を付け
ている。

【００７０】図形部品５１５は、表示のターミネータ図
形とターミネータ図形に内接するテキストボックスとの
複合図形である。表示のターミネータ図形に名前 Fnn_T
ermをつけ、テキストボックスに、Fnn_Term_00 の名前
をつけている。また、視認的には、基本的に、テキスト
ボックスの外形線は表示しないようにして図形のみを表
示するようにしている。これは、以下のテキストボック
スとの複合図形についても同じである。Fnn は、前記、
Lnn と同じ意味であり、Term がターミネータ図形を意
味している。従って、テキストボックスの名前から、テ
キストボックスに記入されている文字を読みとることが
でき、さらに、それがターミネータ図形として描画され
たものであることを判別できる。

【００７１】図形部品５２０は、表示のプログラムコー
ドの記入ボックスを表すコードボックス（長方形）図形
とそれと重なり合ったテキストボックスの複合図形であ
る。表示のコードボックスに、Rnn_Proの名前をつけ、
テキストボックスに、Rnn_Pro_00 の名前をつけてい
る。Rnn は、前記、Lnn と同じ意味であり、Pro がコー
ドボックス図形を意味している。従って、テキストボッ
クスの名前から、テキストボックスの記入されている文
字を読みとることができ、さらに、それがコードボック
ス図形として描画されたものであることを判別できる。
以下、５２５、５３５、５４０の図形についても同じよ
うな規則に従っている。

【００７２】図形部品５３０は、表示の条件分岐を表す
条件分岐図形と、テキストボックスおよび分岐条件記入
用のテキストボックスとの複合図形である。表示の条件
分岐図形に、Fnn_mm_Bra の名前をつけ、テキストボッ
クスに、Fnn_mm_Bra_00 の名前をつけている。Fnn は、
前記、Lnn と同じ意味であり、mm は条件分岐数を表
し、Bra が条件分岐図形を意味している。従って、テキ
ストボックスの名前から、テキストボックスに記入され
ている文字を読みとることができ、さらに、それが条件
分岐図形として描画されたものであることを判別でき
る。さらに、分岐条件を記入するテキストボックスに、
Fnn_mm_Bra_01、Fnn_mm_Bra_02、、、のように名前をつ
けたので、テキストボックスにつけた名前から、分岐テ
キストボックスの名前と存在数が、Fnn_mm_Bra_01 〜Fn
n_mm_Bra_mm までと識別できるので、その中に記入され
た分岐条件を簡単に読み出すことができる。

【００７３】図形部品５３０＋５２５は、関数呼出図形
と条件分岐図形との複合である。名前つけの規則他は今
まで述べてきたのと同様である。この場合は、テキスト
ボックスの名前を、前半分が関数呼出図形の名前、後半
分が条件分岐図形の名前からとって２つを連結した名前
としている。

【００７４】このようにして、フローチャート用の図形
部品を複数の図形の複合で構成しながら、文字またはプ
ログラムコードを記入するテキストボックスにつけた名
前から、その図形部品が何かをわかるようにし、どのよ
うな複合がされているかもたどれるように構成している
ので、それをたどりながら、フローチャート図形への記
入内容を読み出して行けば、簡単に、プログラムコード
を生成することができる。

【００７５】次に、図１３によって、第一の描画方法に
よるフローチャート図形描画の場合の図形描画手段３０
００の図形描画動作を説明する。図４の場合と同様、画
面の四角形領域を選択して、図１１のパレット５００の
図形部品５０５から５４０の何れかをマウスでクリック
すれば、図形描画手段３０００が動作を開始する。ま
ず、ブロック３１００において、四角形領域が選択され
ているか否かを調べる。四角形領域が選択されていれ
ば、ブロック３１１０において、選択されている四角形
領域の位置とサイズを求める。続いて、ブロック３１２
０において、描画対象が直線か否かを調べる。直線の場
合は、ブロック３１３０において、指定の直線を描画す
る、すなわち、水平線の場合は、四角形領域の上辺に水
平線を引き、垂直線の場合は、四角形領域の左辺に垂直
線を引き、図１２の５０５または５１０に示したように
名前をつける。ついで、ブロック３１４０によって処理
を終了する。直線以外の場合は、ブロック３１５０に
おいて、四角形領域の外周にあわせて横書きテキストボ
ックスを描画し、それを選択状態とする。

【００７６】これで、ブロック３１００に指定された処
理を完了し、ブロック３２００に移り、選択されている
図形の位置、サイズを求める。ついで、ブロック３３０
０において、選択されている図形がテキストボックスで
あるか否かを調べる。テキストボックスでなければ、ブ
ロック３３１０においてエラーメッセージをだして、ブ
ロック３３２０によって処理を終了する。

【００７７】選択されている図形がテキストボックスで
あった場合は、ブロック３４００に移り、描画対象が条
件分岐図形か否かを調べる。条件分岐図形以外であった
場合、すなわち、図１１の５０５から５４０の内、５３
０を除いたものであった場合は、ブロック３４１０に移
る。

【００７８】ブロック３４１０において、選択されてい
るテキストボックスに条件分岐図形以外が連結されてい
るがどうかを調べ、連結されていれば、すなわち、図１
２に例示した規則でテキストボックスに名前がつけられ
ていれば、ブロック３４２０においてその連結されてい
る図形を削除する。これで、ブロック３４１０の処理を
完了し、ブロック３４３０において、描画対象の図形を
選択されているテキストボックスの位置、サイズに合わ
せて描画し、図１２の規則に従って、名前をつける。こ
れで、条件分岐以外の図形描画を完了し、ブロック３６
００によって、テキストボックスを選択し、ブロック３
７００によって処理を終了する。

【００７９】ブロック３４００において、条件分岐図形
の描画と判別されたときは、ブロック３５００に移り、
条件分岐数の入力要求を操作者にだす。入力がなけれ
ば、または、要求がキャンセルされれば、ブロック３５
１０において処理を終了する。

【００８０】続いて、ブロック３５５０において、選択
されているテキストボックスに条件分岐図形が連結され
ているがどうかを調べ、連結されていれば、すなわち、
図１２に例示した規則でテキストボックスに名前がつけ
られていれば、ブロック３５６０において連結されてい
る条件分岐図形を削除する。この場合は、条件分岐図形
の構成要素である分岐条件入力用のテキストボックスも
消去するが、新規条件分岐図形描画の時にテキストボッ
クスへの既入力内容を利用するために、その内容をメモ
する。条件分岐図形が連結されていなかったときは、ブ
ロック３５７０において、前記分岐条件のメモをなしと
する。

【００８１】続いて、ブロック３５８０において、テキ
ストボックスの位置、サイズを基準に、テキストボック
スの左辺位置、上下高さにあわせながら、分岐部分を右
辺位置より右に張り出すようにして描画対象である条件
分岐図形を描画し、分岐条件テキストボックスを描画
し、メモをそれに転記する。さらに、図１２の規則に従
って、条件分岐図形の構成要素に名前をつける。これ
で、条件分岐図形の描画を終了し、ブロック３６００に
よってテキストボックスを選択し、ブロック３７００に
よって処理を終了する。

【００８２】以上述べたようにして、四角形領域を選択
して、描画指定を行ったときは、まず、テキストボック
スを描画し、続いて、それを基準にして、描画対象図形
を描画するようにしている。フローチャート図形に記入
すべきプログラムコードは、このテキストボックスに記
入する。図形はそのプログラムコードの意味を示すもの
として描画されていることになる。また、図形描画を終
了したときは、プログラムコード記入用テキストボック
スを選択して処理を終了するようにしているので、図形
を描画すれば、すぐ、そのテキストボックスにプログラ
ムコードを記入できるようにしている。

【００８３】図１２の最後に示したような複合図形は、
図１３の今までの説明からわかるように、既描画のテキ
ストボックスを画面上で選択して、目的とする図形部品
をマウスでクリックすれば描画できることがわかる。そ
のようにすれば、既に描画されている同一対象図形を削
除して新規指定の描画対象を描画しているので、重なり
合う図形は削除され新規なものに更新されるが、重なり
合わないものは、そのまま残されるので、結果として複
合図形が描画されることになる。

【００８４】以上は、第一の図形描画方法の場合のフロ
ーチャート図形描画方法であった。第二の図形描画方法
の場合は、図１４の手順となる。すなわち、第二の方法
の場合は、常に四角形領域が選択されたときに、図形描
画手段が起動されるので、ブロック３０１０において、
四角形領域に少しでも含まれるテキストボックスを抽出
する。特に、図１２において、名前の後に "_00" が付
されたものをリストアップする。次のブロック３０２０
においてテキストボックスの数を判別する。テキストボ
ックスの数が２個以上の時は、ブロック３０３０におい
てエラーメッセージを表示し、ブロック３０４０によっ
て終了する。

【００８５】テキストボックスの数が１個の時は、ブロ
ック３０５０においてそのテキストボックスを選択す
る。テキストボックスがなければ、何もしない、すなわ
ち、四角形領域の選択状態を保つ。

【００８６】このように、四角形領域またはテキストボ
ックスを選択した状態にして、図１３のブロック３１０
０の動作に継続する。

【００８７】次に、図１５によって、図形の調整にかか
るフローチャート図形描画手段の動作を説明する。この
場合は、操作手順が逆になっているだけであり、第一お
よび第二の図形描画方法とも処理内容は同一である。な
お、図形描画手段２０００の動作で説明を省略した図形
調整動作もこれと基本的に同様である。図１１の５５５
を除く５４５から５６５の図形調整手段がマウスでクリ
ックされたとき、図１５の図形描画手段の内の図形調整
部分が動作する。まず、ブロック４１００において、四
角形領域が選択されているかどうかがチェックされ、選
択されていなければ、ブロック４１１０においてエラー
メッセージを表示し、ブロック４１２０によって処理を
終了する。

【００８８】四角形領域が選択されていれば、ブロック
４２００において、選択されている四角形領域の位置、
サイズを求める。続いて、ブロック４２５０において、
この四角形領域に少しでも含まれるテキストボックス、
特に、図１２において、名前の後に "_00" が付された
ものをリストアップする。ついで、ブロック４３００に
おいて、リストアップしたテキストボックスの個数を調
べ、テキストボックスがないかまたは複数存在した場合
は、ブロック４３１０においてエラーメッセージをだし
て、ブロック４３２０によって処理を終了する。

【００８９】四角形領域に含まれるテキストボックスが
１個のみであった場合は、ブロック４４００によって要
求の図形調整内容を判別し、抽出したテキストボックス
とその名前より抽出できるすべての図形要素について、
指定の図形調整をおこなう。

【００９０】幅の調整が指定されていたときは、ブロッ
ク４４１０によって、図形位置左端を保ったまま、四角
形領域の幅に図形の幅を調整する。

【００９１】高さ調整が指定されていたときは、ブロッ
ク４４２０によって、図形位置上端を保ったまま、四角
形領域の高さに図形の幅を調整する。

【００９２】左右移動が指定されていたときは、ブロッ
ク４４３０によって、図形形状、高さ位置を保ったま
ま、図形位置左端を四角形領域の左端に水平移動する。

【００９３】上下移動が指定されていたときは、ブロッ
ク４４４０によって、図形形状、幅位置を保ったまま、
図形位置上端を四角形領域の上端に上下移動する。

【００９４】このように指定の調整を行った後、ブロッ
ク４５００において、抽出したテキストボックスを選択
して、ブロック４６００によって処理を終了する。

【００９５】このようにして、最初に図形描画した後、
テキストボックスへのプログラムコードの記入などによ
って、サイズが不足したり、大きかったりしたときに簡
単にサイズ調整がおこなえる。また、図形配置上で、手
直しの必要が生じたときも、簡単に移動先を指定して位
置を移動させることができる。

【００９６】最後に、図１６によって、図１１の５５５
の分岐調整の手順を説明する。図１６の分岐調整の手順
は、第一の図形描画方法の場合、図１１の分岐調整部品
５５５がマウスでクリックされたときに動作する。ま
ず、ブロック５１００において、四角形領域が選択され
ていることを確認する。選択されていなければ、ブロッ
ク５１１０においてエラーメッセージを表示し、ブロッ
ク５１２０によって処理を終了する。

【００９７】四角形領域が選択されていたときは、ブロ
ック５２００において、選択されている四角形領域の位
置、サイズを求める。

【００９８】続いて、ブロック５３００において、四角
形領域内に含まれる水平線を上の位置にあるものから下
の位置にあるものへと順に抽出し、ブロック５４００に
おいて、抽出した水平線の数を確認する。もし、水平線
が抽出されなかった場合は、ブロック５４１０において
エラーメッセージを表示し、ブロック５４２０によって
処理を終了する。

【００９９】次に、抽出した水平線の最上位に位置する
水平線位置から、その左側に存在する条件分岐図形を抽
出する。次に、ブロック５６００において、条件分岐図
形が抽出できなかったかまたは抽出できたときは、その
分岐数が、抽出した水平線の数と同じであることを確認
する。もし、同じでなかったときは、ブロック５６１０
においてエラーメッセージを表示し、ブロック５６２０
によって処理を終了する。

【０１００】条件分岐図形の分岐数と水平線の数が同じ
であったときは、ブロック５７００において、最上位に
位置する水平線と最下位に位置する水平線の間隔を求
め、分岐図形およびテキストボックスの高さをこの間隔
と同じに調整する。続いて、ブロック５８００におい
て、分岐位置を上から順に水平線の高さ位置に調整す
る。また、分岐条件を記入するテキストボックスも同様
に調整する。

【０１０１】最後に、ブロック５９００において、プロ
グラムコード記入用のテキストボックスを選択し、ブロ
ック５９５０によって処理を終了する。

【０１０２】上記分岐調整の様子を、図１７によって、
視覚的に明確に示す。図１７において、調整前図形は、
条件分岐を描画した後、各分岐条件の処理を準備してい
ったところ、最初に準備した分岐図形の分岐位置と、処
理内容の配置位置が順次ずれていった様子を示す。ここ
で、図示塗りつぶしで示したように、水平線を含む四角
形領域を選択し、図１１の分岐調整部品５５５をマウス
でクリックすると、図１６の手順によって、一瞬のうち
に、分岐調整後に示す図形に変更される。

【０１０３】なお、分岐先での処理がない場合がある
が、この場合も、分岐調整前には分岐用の水平線を描画
しておき、分岐調整が終了した時点で不用な水平線を削
除するものとする。

【０１０４】このようにして、図形描画位置がずれて
も、簡単に調整できるので、図形描画、図面作成が非常
に簡単になっている。

【０１０５】なお、第二の図形描画方法の場合も、選択
の順番が逆になるだけでまったく同じである。

【０１０６】次に、本発明の図形描画およびフローチャ
ート描画をさらに簡単にする別の発明について説明す
る。図１８は、図３および図１１の図形部品パレットに
表示する別の図形部品である。図３、図１１には、描画
する線の太さ調整用に、描画部品２８５を設けている。
また、図示していないが、画面上には、文字の大きさを
調整する部品も準備されている。しかしながら、これら
は、描画した図形または描画した図形に記入する文字を
指定するまたは修正するためのものであって、あくまで
も描画した後に使うものである。従って、描画段階で希
望する線の太さ、文字の大きさを指定できないから、も
し、結果が希望と違っていれば、後で一つ一つ修正しな
ければならない。一般に図形を書くときの線の太さは一
定または一定の太さでたくさんの図形を書いて、そのあ
とまた、違った太さの図形を書くのが普通である。文字
の大きさも同様である。従って、図形を書く前にそれが
指定できるようになっていれば、修正の必要性がなくな
るし、修正するとしても、ほんの少しですむようにな
る。

【０１０７】図１８の図形部品６００は線の太さを指定
する部品である。表示の状態をマウスでクリックする
と、表示が図形部品６００と６０１の間で交互に切り替
わる。図形パレット上に６００が表示されている状態で
は、描画する図形の線は太線になる。６０１が表示され
ている状態では、描画する図形の線は細線になる。細々
とした線の太さを指定する必要はない。細線、太線（た
とえば、0.75 と 1.2）が指定できれば十分である。そ
れぞれの表示内容に相当する線の太さは、不揮発性メモ
リに格納している。上記部品がクリックされれば、新し
く表示される部品に相当する線の太さに変更され、不揮
発性メモリに格納し直される。このようにして、図形描
画毎の線の太さ調整の手間を省略するようにしている。

【０１０８】図１８の図形部品６１０は文字の大きさを
指定する図形部品である。表示の状態をマウスでクリッ
クすると、表示が図形部品６１０と６１１の間で交互に
切り替わる。図形パレット上に６１０が表示されている
状態では、描画した図形に記入する文字の大きさは、た
とえば９ポイントなどの小さい文字になる。６１１が表
示されている状態では、描画した図形に記入する文字の
大きさは、例えば１１ポイントなどの大きい文字にな
る。細々とした文字の大きさを指定する必要はない。大
きい文字、小さい文字が指定できれば十分である。この
設定も線の太さと同様に不揮発性メモリに格納してい
る。

【０１０９】このようにして、図形描画の前に、図形の
線の太さ、文字の大きさを指定し、それ以降の描画で
は、設定が変更されるまでその設定条件の線の太さで図
形が描画され、記入する文字が設定条件の文字サイズで
表示されるようになるので、より図形描画が簡単、楽に
なる。上記図形部品の受け付け処理については自明であ
るので省略する。

【０１１０】次に、描画したフローチャートをプログラ
ムコードに変換する発明の手順について説明する。フロ
ーチャートへの記入内容は、使用するプログラム言語に
よって大きく変化する。従って、一定の約束事を定め
て、なるべく言語に忠実に内容を記入して行く方式をと
ることとする。まず、全体をわかりやすくするために、
図１９を参照されたい。図１９は、Visual Basic 言語
の場合のフローチャートとそれをプログラムコードに変
換した結果を示している。フローチャート図の各部分に
つけたブロック番号を、変換した結果の右側に併記し
て、両者の変換関係を明示している。

【０１１１】以下、この単純な例に従って、フローチャ
ートをプログラムコードに変換する手順を、図２０から
図２４を用いて説明する。まず、図２０は、変換の主要
手順部分である。プログラムコード生成手順７０００で
は、次のように処理を行う。まず、ブロック７１００に
おいて、前記したように、名前の後に"_00"の記号がつ
けられたテキストボックスを見れば、すべての情報がわ
かるようにしているので、第一手順として、上記記号の
ついたテキストボックスをすべて図面から抽出する。同
時にそれへの連結を見るために、水平線、垂直線をリス
トアップする。

【０１１２】次に、ブロック７２００において、ターミ
ネータ図形として記号をつけられているテキストボック
スの内から、処理開始図形に相当するものをすべて抽出
する。処理開始図形に相当するものは、その図形の下側
に垂直線が存在するはずであるから、リストアップした
垂直線の先端位置がターミネータ図形の下端位置に接し
ているものを開始ターミネータ図形とすればよい。

【０１１３】続いて、ブロック７３００において、開始
ターミネータの存在結果をチェックし、存在しなけれ
ば、ブロック７３１０において、エラーメッセージを表
示し、ブロック７３２０によって処理を終了する。

【０１１４】開始ターミネータ図形が存在すれば、フロ
ーチャートが存在することになるから、ブロック７４０
０において、プログラムコード出力用ファイル、通常は
テキストファイルをオープンし、以下に続く処理による
出力に備える。

【０１１５】続いて、ブロック７５００において、リス
トアップしたすべての開始ターミネータ図形について、
その右に記載された処理を行う。すなわち、ブロック７
５１０において、開始ターミネータに相当するコード
を、開始ターミネータに記入されている内容を読み出し
て構成し、ファイルへ出力する。図１９の例に従えば、
ブロック６０００の記入内容と、ブロック６０１０の記
入内容を総合して、出力すべきプログラムコードを生成
し出力する。このように、関数の先頭のパラメータな
ど、１つの図形に書ききれない内容または書くと形が悪
くなるような場合に対して、図１９の/* Parameter*/
などの特殊な約束をつくって一括してまとめることとす
る。

【０１１６】続いて、ブロック７５２０において、開始
ターミネータの真下に位置するテキストボックスを前記
リストの中より取り出す。図１９の例で言えば、６０１
０をターミネータ図形の一部と見なしたので、６１００
を取り出すことになる。続いて、ブロック７５３０にお
いて、図２１に示す垂直方向処理を行う。

【０１１７】すべての開始ターミネータについての処理
が終了すれば、ブロック７６００において、プログラム
コード出力用ファイルをクローズして、ブロック７７０
０によって終了する。

【０１１８】すなわち、図２０においては、各フローチ
ャートの開始部分を抽出し、プログラムコード作成の準
備をして、その具体的処理を、図２１の垂直方向処理に
任せている。

【０１１９】図２１の垂直方向処理８０００において
は、次の処理を行う。すなわち、まず、ブロック８１０
０において、垂直方向処理８０００を呼び出す側で求め
たテキストボックスを基準に、それと垂直線で連結され
ているテキストボックスを抽出する。続いて、ブロック
８２００において、抽出したテキストボックスについ
て、上から順に、その右側に示される処理を行う。

【０１２０】まず、ブロック８３００において、ブロッ
ク８２００において指定されたテキストボックスについ
て、そのＰＡＤ図形形状によって分類し、それぞれに応
じた処理を行うようにする。すなわち、図形がターミネ
ータ図形５１５であるときは、開始ターミネータは抽出
済みであるから、これは終了ターミネータとなるので、
ブロック８３１０において、ターミネータ図形に記入さ
れているコードを読み出して、これを終了コードとし
て、ファイル出力する。図１９の例の場合であれば、ブ
ロック６５００の"End Sub"である。また、図１９には
例示していないが、"End Function" であったり、"Exit
Sub"、"Exit Function" であったりする。

【０１２１】図形が５２０のコードボックスであった場
合は、図１９の例で言えば、ブロック６１００、６３１
０、６３２０、６３３０、６３４０の場合は、ブロック
８３２０において、その記入内容をそのままプログラム
コードとしてファイル出力する。

【０１２２】図形が５２５の関数呼出図形であった場合
は、たとえば、記入内容の前に、"Call "をつけて、関
数呼出コードとして、ブロック８３３０においてプログ
ラムコードとしてファイル出力する。ここで、関数の呼
出パラメータのある場合は、図１９の例のようにその下
にパラメータ６０１０に相当するものを設けて、それと
結合して出力するような方法を採ればよい。

【０１２３】図形が５３０の条件分岐図形であるとき
は、ブロック８３４０において、条件分岐図形の処理を
行う。

【０１２４】図形が５３５の前判定ループ図形であった
場合は、ブロック８３５０において、前判定ループ図形
の処理を行う。

【０１２５】図形が５４０の後判定ループ図形であった
ときは、ブロック８３６０において、後判定ループ図形
の処理を行う。

【０１２６】このように、図２１は、上から順に垂直方
向に並んだフローチャート図形の処理をおこない、すべ
ての処理が終了すれば、ブロック８４００によって、も
との呼出側へ戻る。

【０１２７】図２２は、条件分岐処理９０００の処理手
順を示す。まず、ブロック９１００において、条件判別
図形に記入されたコード、図１９の例で言えば、ブロッ
ク６３００の"Select Case ten(I)"をプログラムコード
としてファイル出力する。ついで、ブロック９２００に
おいて、上記条件判別コードを解釈し、条件判別の対と
なる条件判別の終了コード、図１９の例で言えば、"End
Select"を準備し、メモしておく。なお、条件分岐図形
は、前記したように、コードボックス図形５２０または
関数呼出図形５２５と複合することができる。コードボ
ックス図形５２０との複合の場合は、それを明確に表示
するためだけの意味を持ち、複合しない場合と内容は同
じである。関数呼出図形と複合したときは、作成するプ
ログラムコードを関数呼出形式で作成するようにする。

【０１２８】次に、ブロック９３００において、名前に
記入されたコードから条件分岐数を求め、ブロック９４
００において、条件分岐数だけ、その右のブロックの処
理を行う。

【０１２９】すなわち、ブロック９４１０において、ル
ープ回数番目の条件分岐条件、図１９で言えば、">=8
0", ">=70", ">=60", "Else"を順に取り出し、プログラ
ムコードとして形を作って、図１９で言えば、"Case Is
>=80"、"Case Is>=70"、"CaseIs>=60"、"Case Else" を
つくって、ファイルに出力する。

【０１３０】続いて、ブロック９４２０において、条件
分岐の張り出し位置を求める。ブロック９４３０におい
て、張り出し位置の右に接続されている水平線、水平線
によってその右に接続されているフローチャート図形を
求める。

【０１３１】ついで、ブロック９４４０において、水平
線の存在の有無を確認し、ブロック９４３０において存
在を確認していたとき、ブロック９４５０において、前
記した垂直方向処理８０００を行う。

【０１３２】このようにして、条件分岐数だけの処理を
順次行い、終了すれば、ブロック９５００において、ブ
ロック９２００にて準備した条件分岐処理終了コードを
ファイル出力し、ブロック９６００によって、条件分岐
処理９０００の処理を終了し、元の呼出側に戻る。

【０１３３】図２３は、前判定ループ処理１００００の
処理手順を示す。まず、ブロック１０１００において、
前判定ループ図形に記入された内容を取り出し、プログ
ラムコードとしてファイル出力する。続いて、１０２０
０において、上記に対応するループ終了コードを作成
し、メモする。図１９の例で言えば、前判定ループは、
ブロック８２００に相当し、出力コードは、"for I=1 t
o No" となり、メモする終了コードは、"Next I" であ
る。

【０１３４】続いて、ブロック１０３００において、右
に接続されている水平線、水平線によってその右に接続
されているフローチャート図形を求める。

【０１３５】ついで、ブロック１０４００において、水
平線の存在の有無を確認し、ブロック１０３００におい
て存在を確認していたとき、ブロック１０４００におい
て、前記した垂直方向処理８０００を行う。

【０１３６】最後に、ブロック１０５００において、ブ
ロック１０２００でメモしておいた終了コードをファイ
ル出力し、ブロック１０６００によって、前判定ループ
処理１００００の処理を終了し、元の呼出側に戻る。

【０１３７】図２４は、後判定ループ処理１１０００の
処理手順であるが、前判定ループ処理１００００の処理
手順とほぼ同様であるので説明を省略する。

【０１３８】以上のようにして、フローチャート図形に
つけられた符号、記入された内容、相互の位置関係を上
から下へ、左から右へと展開、解釈して行くことによっ
て、フローチャート図形からプログラムコードを自動生
成する事ができる。ここで、大きな役割を果たしている
のが、図形の意味および図形のつながり示すフローチャ
ート図形の名前である。これによって、容易にそのフロ
ーチャート図形間のつながりを見いだすことができるよ
うになっている。

【発明の効果】

【０１３９】以上詳細に述べたごとく、本発明の第一の
図形描画方法によれば、画面の四角形領域を選択し、パ
レットに準備されている図形描画部品をクリックすれ
ば、即座に、選択した四角形領域に位置に、選択したサ
イズの図形が描画できる。また、同様に、画面の四角形
領域を選択し、図形調整部品をクリックすれば、即座
に、図形調整部品に定められた図形調整ができる。

【０１４０】本発明の第二の図形描画方法によれば、パ
レットに準備されている図形描画部品をクリックし、画
面の四角形領域を選択すれば、即座に、選択した四角形
領域に位置に、選択したサイズの図形が描画できる。ま
た、同様に、図形調整部品をクリックし、画面の四角形
領域を選択すれば、即座に、図形調整部品に定められた
図形調整ができる。

【０１４１】これら２つの図形描画方法のいずれを利用
するかを選択できるようにしたので、ユーザは、自分の
扱いやすい方法を選択して図形描画をすることができ
る。

【０１４２】また、図形描画または調整した後、図形描
画手段が対象とした図形を選択した状態で処理を終了す
るから、対象とした図形内に文字を記入するとか、図形
の表示形態を変更するのにそのままで対象図形を操作で
きるという好都合な条件を提供している。

【０１４３】また、パレットに、図形描画条件を変更す
る手段を設け、描画前に条件設定を行っておけば、その
後の図形描画を設定した条件で継続できるという操作性
のよい条件を提供している。

【０１４４】また、図形様式を事前に準備し、図面作成
時に、画面に図形様式が表示されるようにしたので、図
形描画範囲が明確になると共に、繰り返し使用する定型
的な図形を何度も描画する必要がなくなっている。

【０１４５】パレットにフローチャート図形を用意した
ので、前記したと同様な方法で簡単にコンピュータプロ
グラムのフローチャート図面が作成されるようになって
いる。

【０１４６】パレットに準備するフローチャート図形
を、プログラムコードを記入するテキストボックスと図
形の意味を表現する視認用の図形との複合で構成し、フ
ローチャート描画時は、図形描画手段が描画した図形要
素すべてに識別符号を付与するようにしたので、識別符
号をたどることによって、フローチャート図形の意味、
図形のつながりを把握することができるので、フローチ
ャート図面から描画された図形を抽出し、上から下へ、
左から右へと図形のつながりをたどって行くことで、フ
ローチャート図形から容易にコンピュータのプログラム
プログラムコードが生成できる。

【０１４７】これらの効果は、図形描画においては、（１）図形を貼り付ける位置、サイズを選択する。（２）上記に描画する図形を指定する。という２タッチの操作で実現されている。従来の描画す
る図形を選んで、それを描画位置に移動させ、位置を決
め、サイズを調整し、さらには、微妙な調整を丁寧にや
ってというやりかたとはまったく逆の思想から成り立っ
ている。その他の発明の内容も基本的にこの発想のもと
に生まれたものであり、図形描画に関する本発明で詳細
に記述した分野に多大の貢献をするものである。

【０１４８】付言すれば、本発明の明細書にかかる図面
は、すべて本発明による方法で作成した。その結果、今
まで、図面１枚２時間、内訳が、作図１時間、内容検討
１時間のようになっていたものが、作図５分、内容検討
５０分というような効果をもたらした。特に、作図に時
間がとられたり、気が散ったりすることがなくなり、内
容検討に集中できるようになったので、思考時間まで短
縮できるという素晴らしい効果を実体験することができ
た。

【図面の簡単な説明】

【図１】本発明にかかる作図画面と作図位置、範囲選択
を示す図

【図２】本発明にかかる作図画面での作図位置、範囲選
択時に動作する選択受付手段

【図３】本発明の図形描画部品群を集めたパレット

【図４】本発明の図形描画手段の動作手順説明図

【図５】本発明の図形描画状態の説明図

【図６】本発明の図形部品記憶手段

【図７】本発明の図形描画のメニュー画面

【図８】本発明の様式作成手段の動作説明図

【図９】本発明の図面様式例図

【図１０】本発明のメニュー画面に対応する作図手段の
動作説明図

【図１１】本発明のフローチャート描画部品群を集めた
パレット

【図１２】本発明のフローチャート図形部品の構成説明
図

【図１３】本発明の第一の方法によるフローチャート図
形描画時の図形描画手段の動作説明図

【図１４】本発明の第二の方法によるフローチャート図
形描画時の図形描画手段の動作説明図

【図１５】本発明のフローチャート図形調整時の図形描
画手段の動作説明図

【図１６】本発明のフローチャート分岐図形調整時の図
形描画手段の動作説明図

【図１７】本発明のフローチャート分岐図形調整状態の
説明図

【図１８】本発明のパレットに追加すべき機能部品

【図１９】本発明のプログラムコード生成手順説明の具
体例

【図２０】本発明のプログラムコード生成手段の動作説
明図

【図２１】本発明のプログラムコード生成時の垂直方向
処理の動作手順説明図

【図２２】本発明のプログラムコード生成時の条件分岐
処理の説明図

【図２３】本発明のプログラムコード生成時の前判定ル
ープ処理の説明図

【図２４】本発明のプログラムコード生成時の後判定ル
ープ処理の説明図

【符号の説明】

Claims

【特許請求の範囲】

【請求項１】（１）コンピュータ画面上に、行・列方向
に一定の間隔で視認用の枠線が表示され、その枠線に囲
まれた多数の四角形の見える画面（２）マウスによる上記四角形の１つまたは複数の四角
形によって構成される四角形領域の選択を受けつけて、
選択された領域範囲を画面上で区別して表示する選択受
付手段（３）画面上に図形を描画するための各種図形部品群を
まとめたパレット（４）上記パレット上の部品群の一つがマウスでクリッ
クされたとき、選択受付手段の表示する領域に、クリッ
クされた部品に定められた図形描画を行う図形描画手段を具備し、四角形領域の選択とそれに続くマウスによる
図形部品のクリックによって図形描画を行うことを特徴
とする図形描画方法。
【請求項２】（１）コンピュータ画面上に、行・列方向
に一定の間隔で視認用の枠線が表示され、その枠線に囲
まれた多数の四角形の見える画面（２）マウスによる上記四角形の１つまたは複数の四角
形によって構成される四角形領域の選択を受けつけて、
選択された領域範囲を画面上で区別して表示する選択受
付手段（３）画面上に図形を描画するための各種図形部品群を
まとめたパレット（４）上記パレット上の部品群の一つがマウスでクリッ
クされたとき、クリックされた図形部品を記憶する図形
部品記憶手段（５）前記選択受付手段が上記四角形の１つまたは複数
の四角形によって構成される四角形領域の選択を受け付
けたとき起動し、図形部品記憶手段の記憶する図形描画
または図形調整処理をする図形描画手段を具備し、マウスによる図形部品のクリックとそれに続
く四角形領域の選択によって図形描画を行うことを特徴
とする図形描画方法。
【請求項３】特許請求の範囲第１項または第２項記載の
図形描画方法の何れか１つの描画方法を選択する選択手
段を備えたことを特徴とする図形描画方法。
【請求項４】特許請求の範囲第１項または第２項記載の
図形描画方法において、前記画面に図面様式が表示され
ていることを特徴とする図形描画方法。
【請求項５】特許請求の範囲第１項または第２項記載の
図形描画方法において、図形描画手段が、図形描画また
は図形調整を行った図形を画面上で区別して表示して図
形描画または図形調整を終了することを特徴とする図形
描画方法。
【請求項６】特許請求の範囲第１項または第２項記載の
図形描画方法において、パレット上に、図形描画条件設
定部品群を配置し、その一つをマウスで選択すると図形
描画条件が変更され、図形描画手段はこの変更された図
形描画条件にしたがって以降の図形描画を行うことを特
徴とする図形描画方法。
【請求項７】特許請求の範囲第１項または第２項記載の
図形描画方法において、パレット上にコンピュータプロ
グラムのフローチャート描画図形部品群およびその図形
調整部品群を配置したことを特徴とするフローチャート
描画方法。
【請求項８】特許請求の範囲第７項記載のフローチャー
ト描画方法において、コンピュータプログラムのフロー
チャート描画図形部品群をプログラムコード記入図形と
フローチャート形状表示図形の複合で構成したことを特
徴とするフローチャート描画方法。
【請求項９】特許請求の範囲第７項および第８項記載の
フローチャート描画方法において、図形描画手段が、図
形描画をおこなった図形に識別符号を付与することを特
徴とするフローチャート描画方法。
【請求項１０】特許請求の範囲第７項および第８項記載
のフローチャート描画方法において、図形描画手段が、
図形描画または図形調整を行った図形のプログラムコー
ド記入図形を画面上で区別して表示して図形描画または
図形調整を終了することを特徴とするフローチャート描
画方法。
【請求項１１】特許請求の範囲第７項から第９項記載の
フローチャート描画方法によって描画されたフローチャ
ートから、描画されたフローチャート図形を抽出し、図
形を上から下へ、左から右へとたどりながら、フローチ
ャート図形間のつながり、付与された識別符号、プログ
ラムコード記入図形への記入内容を解釈し、コンピュー
タのプログラムコードを生成し、出力ファイルに出力す
ることを特徴とするコンピュータプログラム生成方法。