知財求人 - 知財ポータルサイト「IP Force」
(19)【発行国】日本国特許庁(JP)
(12)【公報種別】公開特許公報(A)
(11)【公開番号】P2022158231
(43)【公開日】2022-10-17
(54)【発明の名称】プログラム作成支援装置
(51)【国際特許分類】
G05B 19/05 20060101AFI20221006BHJP
【ＦＩ】
G05B19/05 A
【審査請求】未請求
【請求項の数】26
【出願形態】ＯＬ
(21)【出願番号】P 2021062987
(22)【出願日】2021-04-01
(71)【出願人】
【識別番号】000129253
【氏名又は名称】株式会社キーエンス
(74)【代理人】
【識別番号】110003281
【氏名又は名称】特許業務法人大塚国際特許事務所
(72)【発明者】
【氏名】根橋 結衣
【テーマコード（参考）】
5H220
【Ｆターム（参考）】
5H220AA04
5H220BB11
5H220CC05
5H220CX01
5H220DD01
5H220DD04
5H220DD07
5H220GG22
5H220JJ12
5H220JJ26
5H220JJ34
5H220JJ53
(57)【要約】
【課題】ＰＬＣで実行されるユーザプログラムを開発するための開発環境と、表示画面の開発環境とを統合した統合開発環境を備えたプログラム作成支援装置を提供すること。
【解決手段】プログラム作成支援装置は、プログラマブルロジックコントローラに転送されて実行されるユーザプログラムの開発を支援する非Ｗｅｂアプリケーションベースの第一開発環境と、前記プログラマブルロジックコントローラにおいて前記ユーザプログラムにしたがって使用されるシンボルから収集されるシンボル値を表示する表示画面を、構造を記述するデータと装飾を記述するデータと動的な処理を記述するコードとにより記述されるＷｅｂページとして生成することで当該表示画面の開発を支援するＷｅｂアプリケーションベースの第二開発環境とを統合した統合開発環境を提供する提供手段を有する。
【選択図】図４
【解決手段】プログラム作成支援装置は、プログラマブルロジックコントローラに転送されて実行されるユーザプログラムの開発を支援する非Ｗｅｂアプリケーションベースの第一開発環境と、前記プログラマブルロジックコントローラにおいて前記ユーザプログラムにしたがって使用されるシンボルから収集されるシンボル値を表示する表示画面を、構造を記述するデータと装飾を記述するデータと動的な処理を記述するコードとにより記述されるＷｅｂページとして生成することで当該表示画面の開発を支援するＷｅｂアプリケーションベースの第二開発環境とを統合した統合開発環境を提供する提供手段を有する。
【選択図】図４
【特許請求の範囲】
【請求項1】
プログラマブルロジックコントローラと通信する通信手段と、
前記通信手段を介して前記プログラマブルロジックコントローラに転送されて実行されるユーザプログラムの開発を支援する非Ｗｅｂアプリケーションベースの第一開発環境と、前記プログラマブルロジックコントローラにおいて前記ユーザプログラムにしたがって使用されるシンボルから収集されるシンボル値を表示する表示画面を、構造を記述するデータと装飾を記述するデータと動的な処理を記述するコードとにより記述されるＷｅｂページとして生成することで当該表示画面の開発を支援するＷｅｂアプリケーションベースの第二開発環境とを統合した統合開発環境を提供する提供手段と、を有することを特徴とするプログラム作成支援装置。
前記通信手段を介して前記プログラマブルロジックコントローラに転送されて実行されるユーザプログラムの開発を支援する非Ｗｅｂアプリケーションベースの第一開発環境と、前記プログラマブルロジックコントローラにおいて前記ユーザプログラムにしたがって使用されるシンボルから収集されるシンボル値を表示する表示画面を、構造を記述するデータと装飾を記述するデータと動的な処理を記述するコードとにより記述されるＷｅｂページとして生成することで当該表示画面の開発を支援するＷｅｂアプリケーションベースの第二開発環境とを統合した統合開発環境を提供する提供手段と、を有することを特徴とするプログラム作成支援装置。
【請求項2】
前記提供手段は、前記ユーザプログラムと、前記表示画面を描画するための表示部品とを単一のプロジェクトとして管理するように構成されていることを特徴とする請求項１に記載のプログラム作成支援装置。
【請求項3】
前記プロジェクトは、
前記第一開発環境を通じて作成された前記ユーザプログラム、シンボルの定義情報、および、前記プログラマブルロジックコントローラの構成情報と、
前記第二開発環境を通じて作成された前記表示画面の表示部品と、を含み、
前記表示部品は、当該表示画面に表示される情報を保持しているシンボルを参照するための参照情報を含むことを特徴とする請求項２に記載のプログラム作成支援装置。
前記第一開発環境を通じて作成された前記ユーザプログラム、シンボルの定義情報、および、前記プログラマブルロジックコントローラの構成情報と、
前記第二開発環境を通じて作成された前記表示画面の表示部品と、を含み、
前記表示部品は、当該表示画面に表示される情報を保持しているシンボルを参照するための参照情報を含むことを特徴とする請求項２に記載のプログラム作成支援装置。
【請求項4】
前記第一開発環境および前記第二開発環境から呼び出され、前記プロジェクトの全体にわたって検索を実行する共通検索手段をさらに有することを特徴とする請求項２または３に記載のプログラム作成支援装置。
【請求項5】
前記第一開発環境および前記第二開発環境は、前記共通検索手段による検索結果を用いてユーザ入力の補助またはユーザにより入力された情報のエラーチェックを実行することを特徴とする請求項４に記載のプログラム作成支援装置。
【請求項6】
前記提供手段は、前記通信手段を介して前記プログラマブルロジックコントローラから前記シンボル値を取得し、前記第一開発環境においてユーザプログラムと関連付けて前記シンボル値を表示するか、または、前記表示画面に前記シンボル値を表示することを特徴とする請求項１ないし５のいずれか一項に記載のプログラム作成支援装置。
【請求項7】
前記第一開発環境は、ＷｅｂＡＰＩにしたがって前記第二開発環境と通信する第一Ｗｅｂサーバを有し、
前記第二開発環境は、前記表示画面を構成する表示部品に紐づけられているシンボルの定義情報であって、前記第一開発環境において作成された定義情報を、前記第一Ｗｅｂサーバを介して、取得して、前記表示画面を描画するための表示部品に反映させることを特徴とする請求項１ないし６のいずれか一項に記載のプログラム作成支援装置。
前記第二開発環境は、前記表示画面を構成する表示部品に紐づけられているシンボルの定義情報であって、前記第一開発環境において作成された定義情報を、前記第一Ｗｅｂサーバを介して、取得して、前記表示画面を描画するための表示部品に反映させることを特徴とする請求項１ないし６のいずれか一項に記載のプログラム作成支援装置。
【請求項8】
前記プログラマブルロジックコントローラは、前記第二開発環境により作成された前記表示画面に前記シンボルに格納されている情報を反映して提供する第二Ｗｅｂサーバを有し、
前記第二開発環境は、前記第一Ｗｅｂサーバを介して前記第二Ｗｅｂサーバにアクセスして、前記表示画面を表示するＷｅｂブラウザを含むことを特徴とする請求項７に記載のプログラム作成支援装置。
前記第二開発環境は、前記第一Ｗｅｂサーバを介して前記第二Ｗｅｂサーバにアクセスして、前記表示画面を表示するＷｅｂブラウザを含むことを特徴とする請求項７に記載のプログラム作成支援装置。
【請求項9】
前記第一開発環境および前記プログラマブルロジックコントローラは、前記Ｗｅｂブラウザと前記第二ＷｅｂサーバとにＴＣＰ透過通信を提供するように構成されていることを特徴とする請求項８に記載のプログラム作成支援装置。
【請求項10】
前記統合開発環境は、前記第一開発環境において前記ユーザプログラムの編集を受け付け、前記第二開発環境において前記表示画面の編集を受け付けるエディタモードと、前記第一開発環境において前記ユーザプログラムに紐づけられているシンボルからシンボル値を取得して表示し、前記第二開発環境において前記表示画面に紐づけられているシンボルのシンボル値を前記プログラマブルロジックコントローラから取得して当該表示画面に表示するモニタモードと、を含み、
前記第一開発環境および前記第二開発環境はそれぞれ、前記エディタモードと前記モニタモードとの切り替えを指示する指示手段を有することを特徴とする請求項１ないし８のいずれか一項に記載のプログラム作成支援装置。
前記第一開発環境および前記第二開発環境はそれぞれ、前記エディタモードと前記モニタモードとの切り替えを指示する指示手段を有することを特徴とする請求項１ないし８のいずれか一項に記載のプログラム作成支援装置。
【請求項11】
前記第一開発環境に設けられたＷｅｂサーバと、前記第二開発環境に設けられた組み込み型ブラウザにおいて実行されるＷｅｂアプリケーションとは、ＷｅｂＡＰＩを介して通信することで、前記第一開発環境と前記第二開発環境とが前記ユーザプログラムと前記表示画面の表示部品を含むプロジェクトの作成または管理について連携することを特徴とする請求項１ないし６のいずれか一項に記載のプログラム作成支援装置。
【請求項12】
前記第一開発環境と前記第二開発環境とは、前記ＷｅｂＡＰＩを介した連携により前記第一開発環境の動作モードと前記第二開発環境の動作モードとを一致させることを特徴とする請求項１１に記載のプログラム作成支援装置。
【請求項13】
前記第一開発環境と前記第二開発環境とは、前記動作モードを切り替える際に、前記第一開発環境に対するユーザ操作と前記第二開発環境に対するユーザ操作とを禁止することを特徴とする請求項１２に記載のプログラム作成支援装置。
【請求項14】
前記第一開発環境と前記第二開発環境とは、前記動作モードの切り替えが指示されたときに、前記第一開発環境と前記第二開発環境との少なくとも一方がビジー状態またはダイアログの表示中である場合に、前記動作モードの切り替えを禁止することを特徴とする請求項１２または１３のいずれか一項に記載のプログラム作成支援装置。
【請求項15】
前記第一開発環境は、前記第二開発環境の起動指示を受け付けて、前記第二開発環境を起動するように構成されていることを特徴とする請求項１ないし１４のいずれか一項に記載のプログラム作成支援装置。
【請求項16】
前記第一開発環境と前記第二開発環境とは、前記ＷｅｂＡＰＩを介した連携により前記第一開発環境の言語設定と前記第二開発環境の言語設定とを一致させることを特徴とする請求項１１に記載のプログラム作成支援装置。
【請求項17】
前記第一開発環境と前記第二開発環境とは、前記ＷｅｂＡＰＩを介した連携により前記第一開発環境のコメントセットと前記第二開発環境のコメントセットとを一致させることを特徴とする請求項１１に記載のプログラム作成支援装置。
【請求項18】
前記統合開発環境において作成されたプロジェクトを前記プログラマブルロジックコントローラに転送する転送手段をさらに有し、
前記転送手段は、前記プロジェクトに含まれる前記ユーザプログラムに記述されたシンボルと前記表示画面の表示部品により参照されるシンボルの整合性の検査を実行することを特徴とする請求項１ないし１７のいずれか一項に記載のプログラム作成支援装置。
前記転送手段は、前記プロジェクトに含まれる前記ユーザプログラムに記述されたシンボルと前記表示画面の表示部品により参照されるシンボルの整合性の検査を実行することを特徴とする請求項１ないし１７のいずれか一項に記載のプログラム作成支援装置。
【請求項19】
前記プロジェクトのインポートを実行するインポート手段をさらに有することを特徴とする請求項１８に記載のプログラム作成支援装置。
【請求項20】
前記インポート手段は、第一プロジェクトを第二プロジェクトにインポートする際に、前記第一プロジェクトにおけるユニット構成に依存した記述を前記第二プロジェクトのユニット構成に整合するように前記第一プロジェクトを更新し、前記更新された第一プロジェクトを前記第二プロジェクトにインポートするように構成されていることを特徴とする請求項１９に記載のプログラム作成支援装置。
【請求項21】
前記ユニット構成に依存した記述は、前記ユニット構成に依存して変化するシンボルの識別情報の記述を含むことを特徴とする請求項２０に記載のプログラム作成支援装置。
【請求項22】
前記インポート手段は、前記第一プロジェクトのユニット構成に含まれる拡張ユニットの第一識別情報と、前記第二プロジェクトのユニット構成に含まれる当該拡張ユニットの第二識別情報との対応関係を示すユーザ入力にしたがって、前記第一プロジェクトにおいて前記第一識別情報に紐づけられているシンボルの記述を前記第二識別情報に紐づけることを特徴とする請求項２１に記載のプログラム作成支援装置。
【請求項23】
前記インポート手段は、前記第一プロジェクトに含まれるイメージデータの識別情報が前記第二プロジェクトにおいてすでに使用されている場合に、当該イメージデータの識別情報を、前記第二プロジェクトにおいて未使用の識別情報に変更することを特徴とする請求項２０に記載のプログラム作成支援装置。
【請求項24】
前記第二開発環境は、前記表示画面を構成する表示部品に紐づけられているシンボルの種別を前記第一開発環境から取得し、前記種別に応じて前記表示部品におけるシンボル値の表示形式を設定することを特徴とする請求項１ないし６のいずれか一項に記載のプログラム作成支援装置。
【請求項25】
前記第二開発環境は、前記シンボルの種別が浮動小数点型である場合に前記表示部品におけるシンボル値の表示形式を浮動小数点数に設定し、前記シンボルの種別が整数型である場合に前記表示部品におけるシンボル値の表示形式を固定小数点数に設定することを特徴とする請求項２４に記載のプログラム作成支援装置。
【請求項26】
前記第二開発環境は、前記シンボル値に対する小数点以下桁数の指定を受け付け、当該小数点以下桁数に応じて小数点を付加して前記シンボル値を前記表示部品に表示することを特徴とする請求項２５に記載のプログラム作成支援装置。
【発明の詳細な説明】
【技術分野】
【0001】
本発明はプログラム作成支援装置に関する。
【背景技術】
【0002】
プログラマブルロジックコントローラ（ＰＬＣ）はファクトリーオートメーションにおいて製造機器や搬送装置、検査装置などの産業機械を制御するコントローラである。ＰＬＣはプログラマーによって作成されるラダープログラムなどのユーザプログラムを実行することで様々な拡張ユニットや被制御機器を制御する。ＰＬＣの動作を監視するために、ＰＬＣが保持しているデータを収集して、ＰＬＣの外部に接続されたＨＭＩ（ヒューマンマシンインタフェース：表示装置）でデータをリアルタイムでモニタすることが提案されている（特許文献１）。
【先行技術文献】
【特許文献】
【0003】
【特許文献1】特開２０２０－１６６８２７号公報
【発明の概要】
【発明が解決しようとする課題】
【0004】
ところで、ＰＬＣのＨＭＩはビットマップデータを表示するように構成されており、ＨＭＩ用の表示プログラムと表示設定が専用のソフトウエアを用いてプログラム作成支援装置で作成されていた。プログラム作成支援装置はパーソナルコンピュータ（ＰＣ）や産業用コンピュータ（ＩＰＣ）により実現される。その一方で、ＰＬＣのそばに設置されているＨＭＩの代わりに、ＰＬＣから離れた場所にあるＰＣからＰＬＣにアクセスしてＰＬＣのデータをリアルタイムで監視できれば便利であろう。とりわけ、Ｗｅｂベースの技術でＰＬＣのデータを表示できれば、Ｗｅｂブラウザを搭載したＰＣであればＰＬＣのリアルタイム監視装置として利用可能となる。このような監視装置または表示装置をＷｅｂＨＭＩと呼ぶことにする。
【0005】
ところで、プログラム作成支援装置は、ＰＬＣで実行されるラダープログラムなどのユーザプログラムを作成するＰＣアプリケーションベースのソフトウエア開発環境を有している。また、プログラム作成支援装置は、ＨＭＩまたはＷｅｂＨＭＩのためのソフトウエア開発環境を別にインストールされていることがある。従来、これら二つのソフトウエア開発環境は独立しており、ユーザは個別にこれらを起動してＰＬＣやＷｅｂＨＭＩのためのソフトウエアを開発しており、開発効率が悪かった。そこで、本発明は、ＰＬＣで実行されるユーザプログラムを開発するための開発環境と、表示画面の開発環境とを統合した統合開発環境を備えたプログラム作成支援装置を提供することを目的とする。
【課題を解決するための手段】
【0006】
本発明は、たとえば、
プログラマブルロジックコントローラと通信する通信手段と、
前記通信手段を介して前記プログラマブルロジックコントローラに転送されて実行されるユーザプログラムの開発を支援する非Ｗｅｂアプリケーションベースの第一開発環境と、前記プログラマブルロジックコントローラにおいて前記ユーザプログラムにしたがって使用されるシンボルから収集されるシンボル値を表示する表示画面、を、構造を記述するデータと装飾を記述するデータと動的な処理を記述するコードとにより記述されるＷｅｂページとして生成することで当該表示画面の開発を支援するＷｅｂアプリケーションベースの第二開発環境とを統合した統合開発環境を提供する提供手段と、を有することを特徴とするプログラム作成支援装置を提供する。
プログラマブルロジックコントローラと通信する通信手段と、
前記通信手段を介して前記プログラマブルロジックコントローラに転送されて実行されるユーザプログラムの開発を支援する非Ｗｅｂアプリケーションベースの第一開発環境と、前記プログラマブルロジックコントローラにおいて前記ユーザプログラムにしたがって使用されるシンボルから収集されるシンボル値を表示する表示画面、を、構造を記述するデータと装飾を記述するデータと動的な処理を記述するコードとにより記述されるＷｅｂページとして生成することで当該表示画面の開発を支援するＷｅｂアプリケーションベースの第二開発環境とを統合した統合開発環境を提供する提供手段と、を有することを特徴とするプログラム作成支援装置を提供する。
【発明の効果】
【0007】
本発明によれば、ＰＬＣで実行されるユーザプログラムを開発するための開発環境と、表示画面の開発環境とを統合した統合開発環境を備えたプログラム作成支援装置が提供される。
【図面の簡単な説明】
【0008】
【図1】ＰＬＣシステムを示す図
【図2】ＰＣを説明する図
【図3】ＰＬＣを説明する図
【図4】プログラム作成支援装置のＣＰＵにより実現される機能
【図5】ＰＬＣのＣＰＵにより実現される機能
【図6】ＰＬＣ開発環境とＷｅｂＨＭＩ開発環境との間で実行される通信を示すシーケンス図
【図7】ＰＬＣ開発環境とＷｅｂＨＭＩ開発環境との間で実行される通信を示すシーケンス図
【図8】動作モードの切り替え方法を示すフローチャート
【図9】動作モードの切り替え方法を示すフローチャート
【図10】動作モードの切り替え方法を示すフローチャート
【図11】動作モードの切り替え方法を示すフローチャート
【図12】ＷｅｂＨＭＩ開発環境の起動方法を説明する図
【図13】ＷｅｂＨＭＩ開発環境のＵＩを説明する図
【図14】ＷｅｂＨＭＩ開発環境のＵＩを説明する図
【図15】ＷｅｂＨＭＩ開発環境のＵＩを説明する図
【図16】検索置換機能を説明する図
【図17】入力補助機能を説明する図
【図18】プロジェクトのインポート／エクスポートを説明する図
【図19】インポートに伴うユニット構成の対応関係の入力を説明する図
【図20】ＷｅｂＨＭＩ開発環境のＵＩを説明する図
【図21】ＷｅｂＨＭＩ開発環境のＵＩを説明する図
【発明を実施するための形態】
【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】
図７はＷｅｂＨＭＩ開発環境６１がＰＬＣ開発環境５１に対して連携のための要求を送信する例を示している。なお、ＷｅｂＨＭＩ開発環境６１はブラウザ側、つまりＷｅｂクライアントであるために、自由にＰＬＣ開発環境５１に対して要求を送信できる。
【0041】
Ｓ５でＷｅｂＨＭＩ開発環境６１の連携部５６ｂは通信処理部５８ｂを介して各種の要求をＷｅｂサーバ６０ａへ送信する。Ｗｅｂサーバ６０ａは要求を連携部５６ａに転送する。連携部５６ａは要求に応じてレスポンスを作成し、レスポンスをＷｅｂサーバ６０ａに渡す。
【0042】
Ｓ６でＷｅｂサーバ６０ａは要求に対するレスポンスをＷｅｂＨＭＩ開発環境６１に送信する。連携部５６ｂは通信処理部５８ｂを介してレスポンスを受信する。
【0043】
ここで、ＷｅｂＨＭＩ開発環境６１からＰＬＣ開発環境５１へ送信される要求としては、動作モードの切り替え要求や、ＰＬＣ開発環境５１内の編集機能（例：検索ダイアログ、置換ダイアログ）などの起動要求、ＰＬＣ開発環境５１におけるダイアログの表示要求、入力文字列候補のリストを取得するための要求、ＰＬＣ開発環境５１により管理されている設定情報を取得するための要求、設定情報の更新要求、入力文字列の構文解析（入力エラーチェック）を求めるための要求などがある。
【0044】
●フローチャート
図８はＰＬＣ開発環境５１からＷｅｂＨＭＩ開発環境６１に対してモードの切り替えを要求する方法を示している。具体的には、エディタモードからモニタモードへの切り替えを要求する方法を示している。ここで、ＰＬＣ開発環境５１のＵＩに設けられたモード切替ボタンがユーザにより押されたことが仮定されている。また、上述したＳＳＥが利用され、ＰＬＣ開発環境５１からＷｅｂＨＭＩ開発環境６１に対して要求を送信できるものとする。
図８はＰＬＣ開発環境５１からＷｅｂＨＭＩ開発環境６１に対してモードの切り替えを要求する方法を示している。具体的には、エディタモードからモニタモードへの切り替えを要求する方法を示している。ここで、ＰＬＣ開発環境５１のＵＩに設けられたモード切替ボタンがユーザにより押されたことが仮定されている。また、上述したＳＳＥが利用され、ＰＬＣ開発環境５１からＷｅｂＨＭＩ開発環境６１に対して要求を送信できるものとする。
【0045】
Ｓ１１でＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１に対して操作禁止を要求する。ここでは、ＳＳＥにより操作禁止要求が送信される。ＷｅｂＨＭＩ開発環境６１は操作禁止要求を受信すると、操作禁止状態に遷移する。
【0046】
Ｓ１２でＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１に対してＷｅｂＨＭＩ開発環境６１の状態を取得する。ＷｅｂＨＭＩ開発環境６１は、自身の状態を示す状態情報をレスポンスとしてＰＬＣ開発環境５１に送信する。
【0047】
Ｓ１３でＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１のレスポンスとして受信したＷｅｂＨＭＩ開発環境６１の状態がダイアログの表示中であるかどうかを判定する。つまり、ＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１の状態を示す状態情報に基づいてＷｅｂＨＭＩ開発環境６１の状態がダイアログの表示中であるかどうかを判定する。ダイアログの表示中であれば、ＣＰＵ１１はＳ１４に進む。ダイアログの表示中でなければ、ＣＰＵ１１はＳ１６に進む。
【0048】
Ｓ１４でＣＰＵ１１（ＰＬＣ開発環境５１）は、エラーダイアログを表示部７に表示する。エラーダイアログは、ＷｅｂＨＭＩ開発環境６１でダイアログが表示中であるためにモードの切り替えを実行できないことを示すメッセージを含む。
【0049】
Ｓ１５でＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１に対して操作禁止の解除を要求する。たとえば、ＳＳＥにより操作禁止解除要求が送信される。ＷｅｂＨＭＩ開発環境６１は、操作禁止解除要求にしたがって操作禁止を解除し、解除完了を示すレスポンスを送信する。これにより、本方法は終了する。
【0050】
Ｓ１６でＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１において編集中データがあるかどうかを判定する。ＰＬＣ開発環境５１（連携部５６ａ）は、編集中データの有無を回答するようＷｅｂＨＭＩ開発環境６１に対して要求する。ＷｅｂＨＭＩ開発環境６１（連携部５６ｂ）は、編集中データの有無を示すレスポンスをＰＬＣ開発環境５１に送信する。これにより、連携部５６ａは、ＷｅｂＨＭＩ開発環境６１において編集中データがあるかどうかを判定する。編集中データがあれば、ＣＰＵ１１はＳ１７に進む。編集中データがなければ、ＣＰＵ１１はＳ１９に進む。
【0051】
Ｓ１７でＣＰＵ１１（ＰＬＣ開発環境５１）は、編集中データのアップロードをＷｅｂＨＭＩ開発環境６１に要求する。ＷｅｂＨＭＩ開発環境６１の連携部５６は、編集中データ（例：編集中表示部品７５）をＰＬＣ開発環境５１にアップロードする。ＰＬＣ開発環境５１のプロジェクト管理部５４は、編集中表示部品７５をプロジェクトデータ７０に保存する。
【0052】
Ｓ１８でＣＰＵ１１（ＰＬＣ開発環境５１）は、プロジェクトデータ７０をＰＬＣ１に対して転送する。
【0053】
Ｓ１９でＣＰＵ１１（ＰＬＣ開発環境５１のモード切替部５３ａ）は、ＰＬＣ開発環境５１の動作モードをユーザ指示にしたがって切り替える。上述されたように、モード切替部５３ａは、連携部５６ａ、５６ｂを介して、ＷｅｂＨＭＩ開発環境６１のモード切替部５３ｂに対してモード切替を要求する。モード切替部５３ｂは、モード切替要求にしたがってＷｅｂＨＭＩ開発環境６１の動作モードを切り替える。モード切替部５３ｂは、連携部５６ｂ、５６ａを介して、モード切替完了を示すレスポンスをモード切替部５３ａに対して送信する。
【0054】
Ｓ２０でＣＰＵ１１（ＰＬＣ開発環境５１）は、ＷｅｂＨＭＩ開発環境６１に対して操作禁止の解除を要求する。連携部５６ｂは、解除要求にしたがって操作禁止を解除し、解除完了を示すレスポンスをＷｅｂＨＭＩ開発環境６１に対して送信する。
【0055】
図９はＰＬＣ開発環境５１からＷｅｂＨＭＩ開発環境６１に対してモードの切り替えを要求する方法のうち、ＷｅｂＨＭＩ開発環境６１において実行される方法を示している。
【0056】
Ｓ２１でＣＰＵ１１（ＷｅｂＨＭＩ開発環境６１の連携部５６ｂ）は、操作禁止要求にしたがって操作禁止状態に遷移する。操作禁止状態への遷移が完了すると、ＣＰＵ１１は完了を示すレスポンスをＰＬＣ開発環境５１に対して送信する。
【0057】
Ｓ２２でＣＰＵ１１（連携部５６ｂ）は、ＷｅｂＨＭＩ開発環境６１の状態を示す状態情報をＰＬＣ開発環境５１に送信する。連携部５６ｂは、状態取得要求に対するレスポンスとして状態情報を送信する。
【0058】
Ｓ２３でＣＰＵ１１（連携部５６ｂ）は、操作禁止の解除要求を受信したかどうかを判定する。操作禁止の解除要求は、ＷｅｂＨＭＩ開発環境６１が動作モードを切り替えられない状態である場合に、受信される。操作禁止の解除要求を受信した場合、ＣＰＵ１１は、Ｓ２４に進む。操作禁止の解除要求を受信していない場合、ＣＰＵ１１はＳ２５に進む。
【0059】
Ｓ２４でＣＰＵ１１（連携部５６ｂ）は、操作禁止を解除する。連携部５６ｂは、操作禁止の解除が完了したことを示すレスポンスをＰＬＣ開発環境５１に送信する。
【0060】
Ｓ２５でＣＰＵ１１（連携部５６ｂ）は、編集中データの有無をＰＬＣ開発環境５１に対して報告する。連携部５６ｂは、ＰＬＣ開発環境５１から有無の問い合わせ要求を受信すると、有無を示すレスポンスをＰＬＣ開発環境５１に送信する。
【0061】
Ｓ２６でＣＰＵ１１（連携部５６ｂ）は、編集中データのアップロード要求を受信したかどうかを判定する。編集中データのアップロード要求を受信した場合、ＣＰＵ１１はＳ２７に進む。編集中データのアップロード要求を受信していない場合、ＣＰＵ１１はＳ２８に進む。
【0062】
Ｓ２７でＣＰＵ１１（連携部５６ｂ）は、編集中データ（例：編集中表示部品７５）をＰＬＣ開発環境５１に対してアップロードする。
【0063】
Ｓ２８でＣＰＵ１１（連携部５６ｂ）は、ＰＬＣ開発環境５１からモード切替要求を受信したかどうかを判定する。モード切替要求を受信した場合、連携部５６ｂは、モード切替要求をモード切替部５３ｂに渡す。その後、ＣＰＵ１１はＳ２９に進む。モード切替要求を受信していない場合、ＣＰＵ１１はＳ３０に進む。
【0064】
Ｓ２９でＣＰＵ１１（モード切替部５３ｂ）は、モード切替要求にしたがって動作モードを切り替える。モード切替部５３ｂは、連携部５６ｂを通じて、動作モードの切り替えが完了したことを示すレスポンスをＰＬＣ開発環境５１に送信する。このレスポンスは、連携部５６ａを介して、モード切替部５３ａに転送される。
【0065】
Ｓ３０でＣＰＵ１１（連携部５６ｂ）は、操作禁止を解除する。連携部５６ｂは、操作禁止解除要求にしたがって操作禁止状態を解除し、解除完了を示すレスポンスをＰＬＣ開発環境５１に送信する。
【0066】
図１０はＷｅｂＨＭＩ開発環境６１からＰＬＣ開発環境５１に対してモードの切り替えを要求する方法を示している。ここで、ＷｅｂＨＭＩ開発環境６１のＵＩに設けられたモード切替ボタンがユーザにより押されたことが仮定されている。
【0067】
Ｓ３１でＣＰＵ１１（モード切替部５３ｂ）は、連携部５６ｂを介してＰＬＣ開発環境５１に対してモード切替を要求する。ここで、ＰＬＣ開発環境５１の連携部５６ａは、ＰＬＣ開発環境５１がビジー状態かどうかを判定する。ＰＬＣ開発環境５１がビジー状態である場合は、モード切替を実行できないため、連携部５６ａはモード切替失敗を示すレスポンスをＷｅｂＨＭＩ開発環境６１に対して送信する。
【0068】
Ｓ３２でＣＰＵ１１（連携部５６ｂ）は、ＰＬＣ開発環境５１からのレスポンに基づきＰＬＣ開発環境５１でモード切替が失敗したかどうかを判定する。切替が失敗した場合、ＣＰＵ１１はＳ４５に進み、失敗メッセージを表示部７に表示する。切替が失敗していない場合、ＣＰＵ１１はＳ３３に進む。
【0069】
Ｓ３３でＣＰＵ１１（連携部５６ｂ）は、編集中データ（例：編集中表示部品７５）があるかどうかを判定する。編集中データがある場合、ＣＰＵ１１は、Ｓ３４に進む。編集中データがない場合、ＣＰＵ１１は、Ｓ３５に進む。
【0070】
Ｓ３４でＣＰＵ１１（連携部５６ｂ）は、確認ダイアログを表示部７に表示する。確認ダイアログは、たとえば、編集中表示部品７５を含むプロジェクトデータ７０をＰＬＣ１に対して転送することを示すメッセージを含む。
【0071】
Ｓ３５でＣＰＵ１１（連携部５６ｂ）は、ＷｅｂＨＭＩ開発環境６１に対するユーザによる操作を禁止する。
【0072】
Ｓ３６でＣＰＵ１１（連携部５６ｂ）は、ＷｅｂＨＭＩ開発環境６１の動作状態を示す状態情報をＰＬＣ開発環境５１に対して送信する。
【0073】
Ｓ３７でＣＰＵ１１（連携部５６ｂ）は、操作禁止の解除要求を受信したかどうかを判定する。解除要求を受信した場合、ＣＰＵ１１は、Ｓ４７に進み、操作禁止を解除する。一方、解除要求を受信していない場合、ＣＰＵ１１は、Ｓ３８に進む。
【0074】
Ｓ３８でＣＰＵ１１（連携部５６ｂ）は、編集中データ（例：編集中表示部品７５）をＰＬＣ開発環境５１に対してアップロードする。
【0075】
Ｓ３９でＣＰＵ１１（連携部５６ｂ）は、ＰＬＣ開発環境５１から受信された情報（例：モード切替失敗通知）に基づき動作モードの切り替えがＰＬＣ開発環境５１において失敗したかどうかを判定する。ＰＬＣ開発環境５１において動作モードの切り替えが失敗した場合、ＣＰＵ１１は、Ｓ４９に進み、表示部７に失敗メッセージを表示する。連携部５６ｂは、モード切替失敗の確認が完了したことを示すレスポンスをＰＬＣ開発環境５１に送信する。一方、ＣＰＵ１１（連携部５６ｂ）は、動作モードの切り替えがＰＬＣ開発環境５１において失敗していない場合、ＣＰＵ１１はＳ４０に進む。
【0076】
Ｓ４０でＣＰＵ１１（連携部５６ｂ）は、ＰＬＣ開発環境５１からモード切替要求を受信したかどうかを判定する。ＰＬＣ開発環境５１からモード切替要求を受信した場合、ＣＰＵ１１はＳ４１に進む。連携部５６ｂはモード切替要求をモード切替部５３ｂに転送する。ＰＬＣ開発環境５１からモード切替要求を受信していない場合、ＣＰＵ１１は、Ｓ４２に進む。
【0077】
Ｓ４１でＣＰＵ１１（モード切替部５３ｂ）は、モード切替要求にしたがってＷｅｂＨＭＩ開発環境６１の動作モードを切り替える。ここで、受信されるモード切替要求は、Ｓ３１で送信されたモード切替要求の許可信号として機能する。モード切替が完了すると、モード切替部５３ｂは連携部５６ｂを介して完了を示すレスポンスをＰＬＣ開発環境５１に送信する。
【0078】
Ｓ４２でＣＰＵ１１（連携部５６ｂ）は、ＷｅｂＨＭＩ開発環境６１の操作禁止を解除する。解除が完了すると、連携部５６ｂは、解除完了を示すレスポンスをＰＬＣ開発環境５１に送信する。
【0079】
図１１はＷｅｂＨＭＩ開発環境６１からＰＬＣ開発環境５１に対してモードの切り替えを要求する方法のうち、ＰＬＣ開発環境５１において実行される方法を示している。
【0080】
Ｓ５１でＣＰＵ１１（連携部５６ａ）は、ＰＬＣ開発環境５１の状態がビジー状態であるかどうかを判定する。たとえば、ＰＬＣ開発環境５１のモーダルウインドウが開いている場合、ＰＬＣ開発環境５１の状態はビジー状態であると判定される。ＰＬＣ開発環境５１の状態がビジー状態であれば、ＣＰＵ１１はＳ６３に進み、モード切替が失敗したことを示す失敗メッセージをＷｅｂＨＭＩ開発環境６１に対して送信する。ＷｅｂＨＭＩ開発環境６１の連携部５６ｂは、受信した失敗メッセージを、描画部６３を通じて表示部７に表示する。一方、ＰＬＣ開発環境５１の状態がビジー状態でなければ、ＣＰＵ１１はＳ５２に進む。
【0081】
Ｓ５２でＣＰＵ１１（連携部５６ａ）は、ＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１において編集中データがあるかどうかを判定する。編集中データがなければ、ＣＰＵ１１はＳ５４に進む。編集中データがあれば、ＣＰＵ１１はＳ５３に進む。
【0082】
Ｓ５３でＣＰＵ１１（連携部５６ａ）は、確認ダイアログを表示することをＷｅｂＨＭＩ開発環境６１に対して要求する。この確認ダイアログは、編集中データの転送が必要であること、ひいてはプロジェクトデータ７０をＰＬＣ１へ転送することが必要であることを示すメッセージを含む。ユーザはＷｅｂＨＭＩ開発環境６１において表示された確認ダイアログのＯＫボタンを操作部８により押す。
【0083】
Ｓ５４でＣＰＵ１１（連携部５６ａ）は、ＷｅｂＨＭＩ開発環境６１における操作を禁止する。上述されたように、操作禁止要求がＷｅｂＨＭＩ開発環境６１に対して送信され、ＷｅｂＨＭＩ開発環境６１から操作禁止完了レスポンスが受信される。
【0084】
Ｓ５５でＣＰＵ１１（連携部５６ａ）は、ＷｅｂＨＭＩ開発環境６１の状態を取得する。上述されたように、ＷｅｂＨＭＩ開発環境６１に対して状態取得要求が送信され、状態情報を含むレスポンスが返信される。
【0085】
Ｓ５６でＣＰＵ１１（連携部５６ａ）は、状態情報に基づきＷｅｂＨＭＩ開発環境６１においてダイアログが表示中であるかどうかを判定する。ダイアログが表示中である場合、ＣＰＵ１１はＳ６５に進み、ＰＬＣ開発環境５１においてエラーダイアログを表示する。さらに、ＣＰＵ１１は、ＷｅｂＨＭＩ開発環境６１に対して、操作禁止解除要求を送信することで、ＷｅｂＨＭＩ開発環境６１の操作禁止を解除する。一方、ダイアログが表示中でない場合、ＣＰＵ１１は、Ｓ５７に進む。
【0086】
Ｓ５７でＣＰＵ１１（連携部５６ａ）は、ＷｅｂＨＭＩ開発環境６１に対してアップロード要求を送信することで、ＷｅｂＨＭＩ開発環境６１に編集中データのアップロードを要求する。これにより、ＷｅｂＨＭＩ開発環境６１は編集中データをＰＬＣ開発環境５１に対してアップロードし、アップロード完了レスポンスを送信する。
【0087】
Ｓ５８でＣＰＵ１１（エディタ部５２ａ）は、プロジェクトデータ７０のうち変換が必要となる一部のデータを変換し、変換が成功したかどうかを判定する。この変換に使用される変換ルールはエディタ部５２ａに実装されているが、変換部はエディタ部５２ａの外部に設けられてもよい。変換が失敗すると、ＣＰＵ１１は、Ｓ６７に進み、モード切替が失敗したことを示す失敗メッセージをＷｅｂＨＭＩ開発環境６１に表示させ、ＷｅｂＨＭＩ開発環境６１における操作禁止を解除する。たとえば、ＣＰＵ１１（エディタ部５２ａ）がＷｅｂＨＭＩ開発環境６１に操作禁止解除要求を送信する。操作禁止解除要求を受信したＷｅｂＨＭＩ開発環境６１は操作禁止を解除する。一方、変換が成功すると、ＣＰＵ１１は、Ｓ５９に進む。
【0088】
Ｓ５９でＣＰＵ１１（転送部５５）は、ＰＬＣ１に対してプロジェクトデータ７０を転送する。
【0089】
Ｓ６０でＣＰＵ１１（モード切替部５３ａ）は、モード切替を実行する。つまり、モード切替部５３ａは、ＰＬＣ開発環境５１の動作モードを、ＷｅｂＨＭＩ開発環境６１から指定された他の動作モードへ切り替える。たとえば、モード切替部５３ａは、ＰＬＣ開発環境５１の動作モードを、エディタモードからモニタモードへ切り替える。
【0090】
Ｓ６１でＣＰＵ１１（連携部５６ａ）は、ＷｅｂＨＭＩ開発環境６１に対してモード切替を要求するとともに、ＷｅｂＨＭＩ開発環境６１の操作禁止を解除する。たとえば、ＣＰＵ１１（連携部５６ａ）は、ＷｅｂＨＭＩ開発環境６１に操作禁止の解除要求を送信し、ＷｅｂＨＭＩ開発環境６１は受信した操作禁止の解除要求に従い操作禁止を解除する。ＷｅｂＨＭＩ開発環境６１は、モード切替要求を受信すると、モード切替を実行し、モード切替完了レスポンスを返信する。また、ＷｅｂＨＭＩ開発環境６１は、操作禁止解除要求を受信すると、操作禁止を解除して、解除完了を示すレスポンスを返信する。
【0091】
●モニタモード
モニタモードにおいて、ＷｅｂＨＭＩ開発環境６１は、ＰＬＣ開発環境５１を介してＰＬＣ１のＷｅｂサーバ６０ｂからＷｅｂＨＭＩのＵＩを表示するためのＨＴＭＬデータ、ＣＳＳデータおよびＪａｖａＳｃｒｉｐｔ（Ｒ）スクリプトを受信してＷｅｂＨＭＩのＵＩを表示部７に表示する。ここでの通信ルートは、上述されたように、通信処理部５８ｂ＜＝＞Ｗｅｂサーバ６０ａ＜＝＞プロトコル変換部５９ａ＜＝＞通信処理部５８ａ＜＝＞通信処理部５８ｃ＜＝＞プロトコル変換部５９ｂ＜＝＞Ｗｅｂサーバ６０ｂといったルートである。ここで、ＰＬＣ１とＰＣ２ａとの間の物理層のインタフェースは、イーサネット（Ｒ）、ＵＳＢ（ユニバーサルシリアルバス）ＩＦ（インタフェース）、シリアル通信ＩＦなどである。また、より上位層の通信プロトコルは、ＰＬＣ１を製造するメーカーによる独自プロトコルであることもある。そこで、ＰＣ２ａ側のＷｅｂサーバ６０ａとＰＬＣ１側のＷｅｂサーバ６０ｂとの間ではＴＣＰ透過通信が実現されるように、プロトコル変換部５９ａ、５９ｂが設けられている。ここでＴＣＰ透過通信とは、イーサネット（Ｒ）とは異なる物理層を介した通信においてイーサネット（Ｒ）をエミュレートして、ＴＣＰを透過的に扱うものである。要するに、Ｗｅｂサーバ６０ａは通信処理部５８ｂからプロトコル変換部５９ａに、通信を受け流すように動作する。たとえば、プロトコル変換部５９ａは、Ｗｅｂサーバ６０ａから受信されたＷｅｂＡＰＩによるフレームに対して独自プロトコルのヘッダを付与することで、フレームをカプセル化する。さらに、通信処理部５８ａがＵＳＢなどのヘッダを付与して通信フレームを作成して、通信処理部５８ｃへ送信する。通信処理部５８ｃは、受信された通信フレームからＵＳＢなどのヘッダを除去してプロトコル変換部５９ｂに渡す。プロトコル変換部５９ｂは、独自プロトコルのヘッダを除去してＷｅｂサーバ６０ｂに渡す。Ｗｅｂサーバ６０ｂからＷｅｂサーバ６０ａへの通信手順は、この逆の手順となる。
モニタモードにおいて、ＷｅｂＨＭＩ開発環境６１は、ＰＬＣ開発環境５１を介してＰＬＣ１のＷｅｂサーバ６０ｂからＷｅｂＨＭＩのＵＩを表示するためのＨＴＭＬデータ、ＣＳＳデータおよびＪａｖａＳｃｒｉｐｔ（Ｒ）スクリプトを受信してＷｅｂＨＭＩのＵＩを表示部７に表示する。ここでの通信ルートは、上述されたように、通信処理部５８ｂ＜＝＞Ｗｅｂサーバ６０ａ＜＝＞プロトコル変換部５９ａ＜＝＞通信処理部５８ａ＜＝＞通信処理部５８ｃ＜＝＞プロトコル変換部５９ｂ＜＝＞Ｗｅｂサーバ６０ｂといったルートである。ここで、ＰＬＣ１とＰＣ２ａとの間の物理層のインタフェースは、イーサネット（Ｒ）、ＵＳＢ（ユニバーサルシリアルバス）ＩＦ（インタフェース）、シリアル通信ＩＦなどである。また、より上位層の通信プロトコルは、ＰＬＣ１を製造するメーカーによる独自プロトコルであることもある。そこで、ＰＣ２ａ側のＷｅｂサーバ６０ａとＰＬＣ１側のＷｅｂサーバ６０ｂとの間ではＴＣＰ透過通信が実現されるように、プロトコル変換部５９ａ、５９ｂが設けられている。ここでＴＣＰ透過通信とは、イーサネット（Ｒ）とは異なる物理層を介した通信においてイーサネット（Ｒ）をエミュレートして、ＴＣＰを透過的に扱うものである。要するに、Ｗｅｂサーバ６０ａは通信処理部５８ｂからプロトコル変換部５９ａに、通信を受け流すように動作する。たとえば、プロトコル変換部５９ａは、Ｗｅｂサーバ６０ａから受信されたＷｅｂＡＰＩによるフレームに対して独自プロトコルのヘッダを付与することで、フレームをカプセル化する。さらに、通信処理部５８ａがＵＳＢなどのヘッダを付与して通信フレームを作成して、通信処理部５８ｃへ送信する。通信処理部５８ｃは、受信された通信フレームからＵＳＢなどのヘッダを除去してプロトコル変換部５９ｂに渡す。プロトコル変換部５９ｂは、独自プロトコルのヘッダを除去してＷｅｂサーバ６０ｂに渡す。Ｗｅｂサーバ６０ｂからＷｅｂサーバ６０ａへの通信手順は、この逆の手順となる。
【0092】
このように、プロトコル変換部５９ａ、５９ｂが設けられているため、ＰＣ２ａとＰＬＣ１との間の通信インタフェースはイーサネット（Ｒ）などの有線ＬＡＮや無線ＬＡＮに限定されることはない。つまり、ＰＣ２ａとＰＬＣ１との間の通信インタフェースは、ＵＳＢ ＩＦなどＩＰアドレスを割り当てられない通信回路により実現されてもよい。
【0093】
＜開発補助機能＞
●ＷｅｂＨＭＩ開発環境の起動
図１２はＰＬＣ開発環境５１のＵＩ１００を示している。モード選択メニュー１０１は、統合開発環境５０の動作モードを選択可能に表示する。プログラム表示領域１０４は、編集対象となるラダープログラムを編集可能に表示する。プロジェクト表示領域１０２は、プロジェクトを構成する情報を表示する。この情報としては、ＰＬＣ１を構成している基本ユニット３および拡張ユニット４の仕様情報および設定情報、シンボル定義、データ活用プログラム、ラダープログラムなどがある。
●ＷｅｂＨＭＩ開発環境の起動
図１２はＰＬＣ開発環境５１のＵＩ１００を示している。モード選択メニュー１０１は、統合開発環境５０の動作モードを選択可能に表示する。プログラム表示領域１０４は、編集対象となるラダープログラムを編集可能に表示する。プロジェクト表示領域１０２は、プロジェクトを構成する情報を表示する。この情報としては、ＰＬＣ１を構成している基本ユニット３および拡張ユニット４の仕様情報および設定情報、シンボル定義、データ活用プログラム、ラダープログラムなどがある。
【0094】
ユーザがポインタ１０３を操作して、プロジェクト表示領域１０２から"ＷｅｂＨＭＩ"を選択すると、ＰＬＣ開発環境５１は、メニュー１０５を表示する。ユーザがメニュー１０５から"新規作成"を選択すると、ＰＬＣ開発環境５１は、メニュー１０６を表示する。ユーザがメニュー１０６から"画面"をポインタ１０３により選択すると、ＰＬＣ開発環境５１は、ＷｅｂＨＭＩ開発環境６１を起動する。
【0095】
図１３はＷｅｂＨＭＩ開発環境６１の画面新規作成のためのＵＩ１１０を示している。ＵＩ１１０は、ＷｅｂＨＭＩ開発環境６１の組み込み型ブラウザ６２によって表示される。ＵＩ１１０は、各画面を識別するための識別番号、名前、ＵＲＬおよび画面サイズなどの設定を受け付ける。
【0096】
このように表示画面を編集するためのＵＩ１１０は、ＰＣアプリケーションであるＰＬＣ開発環境５１のＵＩ１００からシームレスに起動可能である。そのため、ユーザは、ＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とを別のアプリケーションと認識することなく、統合開発環境５０内でＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とを利用できる。
【0097】
●シンボルのメタ情報
図１４は、ＷｅｂＨＭＩ開発環境６１において表示部品に表示されるシンボル値などを格納している参照先シンボルの設定ＵＩ１１１を示している。参照先シンボルとは、表示部品により値が参照されるシンボルのことである。設定ＵＩ１１１は、シンボルの種別の設定部１１２ａ、シンボル名の設定部１１２ｂ、コメント表示領域１１３ａおよびデータ形式表示領域１１３ｂを有している。連携部５６ｂは、シンボル名の設定部１１２ｂに入力されたシンボル（デバイス、変数）についてＰＬＣ開発環境５１の連携部５６ａに問い合わせる。連携部５６ａは、検索部５７に検索を実行させ、シンボル名に対応するコメントとデータ形式などのメタ情報を抽出し、連携部５６ａを介して連携部５６ｂに送信する。連携部５６ｂは、コメントとデータ形式を描画部６３に渡し、描画部６３がコメントをコメント表示領域１１３ａに表示し、データ形式をデータ形式表示領域１１３ｂに表示する。
図１４は、ＷｅｂＨＭＩ開発環境６１において表示部品に表示されるシンボル値などを格納している参照先シンボルの設定ＵＩ１１１を示している。参照先シンボルとは、表示部品により値が参照されるシンボルのことである。設定ＵＩ１１１は、シンボルの種別の設定部１１２ａ、シンボル名の設定部１１２ｂ、コメント表示領域１１３ａおよびデータ形式表示領域１１３ｂを有している。連携部５６ｂは、シンボル名の設定部１１２ｂに入力されたシンボル（デバイス、変数）についてＰＬＣ開発環境５１の連携部５６ａに問い合わせる。連携部５６ａは、検索部５７に検索を実行させ、シンボル名に対応するコメントとデータ形式などのメタ情報を抽出し、連携部５６ａを介して連携部５６ｂに送信する。連携部５６ｂは、コメントとデータ形式を描画部６３に渡し、描画部６３がコメントをコメント表示領域１１３ａに表示し、データ形式をデータ形式表示領域１１３ｂに表示する。
【0098】
シンボル定義７２はＰＬＣ開発環境５１において入力されて設定されるため、ＰＬＣ開発環境５１はシンボル定義７２を表示することができる。しかし、ＷｅｂＨＭＩ開発環境６１で表示部品に対して参照先シンボルを設定する際に、ＰＬＣ開発環境５１に戻ってシンボル定義７２を表示させることはユーザの利便性を低下させるであろう。本実施形態であれば、ＷｅｂＨＭＩ開発環境６１は、シンボル定義７２をＵＩ１１１に表示できるため、ユーザはＰＬＣ開発環境５１に戻ることなく、シンボル定義７２を容易に確認できるようになる。
【0099】
●シンボルの入力補助
図１５はシンボルの入力補助を説明する図である。上述されたように、連携部５６ｂは、ＰＬＣ開発環境５１の検索部５７を利用してプロジェクトデータ７０を検索して検索結果を取得できる。図１５では、シンボル名の設定部１１２ｂに入力された"ＤＭ"という文字列とシンボルの種別の情報とに基づく検索結果を表示する候補選択部１１４が例示されている。連携部５６ｂが検索結果を描画部６３に渡すと、描画部６３は、検索結果を列挙した候補選択部１１４を表示する。候補選択部１１４は、ＤＭを含むデバイスの候補と、そのデバイスに対して設定または定義されているコメントなどのメタ情報を表示する。ユーザが候補選択部１１４からいずれかの候補を選択すると、エディタ部５２ｂは、選択された候補を設定部１１２ｂに入力する。描画部６３は、入力された候補を設定部１１２ｂに表示する。なお、このような候補の検索および選択機能（検索部５７）はＰＬＣ開発環境５１に搭載されており、ＷｅｂＨＭＩ開発環境６１が連携部５６ｂを通じて、ＰＬＣ開発環境５１の機能を利用している。
図１５はシンボルの入力補助を説明する図である。上述されたように、連携部５６ｂは、ＰＬＣ開発環境５１の検索部５７を利用してプロジェクトデータ７０を検索して検索結果を取得できる。図１５では、シンボル名の設定部１１２ｂに入力された"ＤＭ"という文字列とシンボルの種別の情報とに基づく検索結果を表示する候補選択部１１４が例示されている。連携部５６ｂが検索結果を描画部６３に渡すと、描画部６３は、検索結果を列挙した候補選択部１１４を表示する。候補選択部１１４は、ＤＭを含むデバイスの候補と、そのデバイスに対して設定または定義されているコメントなどのメタ情報を表示する。ユーザが候補選択部１１４からいずれかの候補を選択すると、エディタ部５２ｂは、選択された候補を設定部１１２ｂに入力する。描画部６３は、入力された候補を設定部１１２ｂに表示する。なお、このような候補の検索および選択機能（検索部５７）はＰＬＣ開発環境５１に搭載されており、ＷｅｂＨＭＩ開発環境６１が連携部５６ｂを通じて、ＰＬＣ開発環境５１の機能を利用している。
【0100】
このように、ＷｅｂＨＭＩ開発環境６１はＷｅｂＡＰＩを介して要求を送信することでＰＬＣ開発環境５１の機能を利用できるため、ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とで同一の機能を個別に実装する必要がなくなる。また、ＰＬＣ開発環境５１が管理しているシンボル定義７２をＷｅｂＨＭＩ開発環境６１が参照できるため、ＷｅｂＨＭＩ開発環境６１が個別にシンボル定義７２を作成して保持する必要がない。また、複数の異なるシンボル定義７２が競合または乱立してしまうこともない。
【0101】
●検索置換機能
図１６は検索部５７のダイアログ１２０を示している。検索部５７はＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とのどちらからも呼出し可能である。検索部５７は、統合開発環境５０の全体にわたって検索と置換を実行できる。そのため、ユーザは、ＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とを横断して検索と置換とを実行できる。ダイアログ１２０は、検索対象を限定するための複数のタブ１２１を有している。検索対象設定部１２２は、検索対象となる文字列の入力を受け付ける。範囲設定部１２３は、検索範囲の設定を受け付ける。ここでは、プロジェクト全体と現在のウインドウとのどちらかが検索範囲として設定される。このように、検索部５７は、常に統合開発環境５０の全体で検索を実行するわけではなく、ダイアログ１２０を呼び出したＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１（つまり、現在のウインドウ）に限定して検索を実行してもよい。これは、検索に要する時間を短縮する効果をもたらすであろう。
図１６は検索部５７のダイアログ１２０を示している。検索部５７はＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とのどちらからも呼出し可能である。検索部５７は、統合開発環境５０の全体にわたって検索と置換を実行できる。そのため、ユーザは、ＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とを横断して検索と置換とを実行できる。ダイアログ１２０は、検索対象を限定するための複数のタブ１２１を有している。検索対象設定部１２２は、検索対象となる文字列の入力を受け付ける。範囲設定部１２３は、検索範囲の設定を受け付ける。ここでは、プロジェクト全体と現在のウインドウとのどちらかが検索範囲として設定される。このように、検索部５７は、常に統合開発環境５０の全体で検索を実行するわけではなく、ダイアログ１２０を呼び出したＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１（つまり、現在のウインドウ）に限定して検索を実行してもよい。これは、検索に要する時間を短縮する効果をもたらすであろう。
【0102】
●表示言語とコメントセットの一括切替
ＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１の一方で表示言語の設定が変更されると、ＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１の他方の表示言語の設定も変更される。ＰＬＣ開発環境５１で表示言語の設定変更がユーザによって指示されると、連携部５６ａは、連携部５６ｂに対して、表示言語の設定変更を指示する。連携部５６ｂはこの指示に従ってＷｅｂＨＭＩ開発環境６１の表示言語の設定を変更する。逆に、ＷｅｂＨＭＩ開発環境６１で表示言語の設定変更がユーザによって指示されると、連携部５６ｂは、連携部５６ａに対して、表示言語の設定変更を要求する。連携部５６ａはこの要求に従ってＰＬＣ開発環境５１の表示言語の設定を変更する。コメントセットの変更も表示言語の変更と同様の手順で実行される。
ＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１の一方で表示言語の設定が変更されると、ＰＬＣ開発環境５１またはＷｅｂＨＭＩ開発環境６１の他方の表示言語の設定も変更される。ＰＬＣ開発環境５１で表示言語の設定変更がユーザによって指示されると、連携部５６ａは、連携部５６ｂに対して、表示言語の設定変更を指示する。連携部５６ｂはこの指示に従ってＷｅｂＨＭＩ開発環境６１の表示言語の設定を変更する。逆に、ＷｅｂＨＭＩ開発環境６１で表示言語の設定変更がユーザによって指示されると、連携部５６ｂは、連携部５６ａに対して、表示言語の設定変更を要求する。連携部５６ａはこの要求に従ってＰＬＣ開発環境５１の表示言語の設定を変更する。コメントセットの変更も表示言語の変更と同様の手順で実行される。
【0103】
●入力された文字列のエラー検出と通知
図１７は、ＷｅｂＨＭＩ開発環境６１において入力された文字列のエラー検出と通知を説明する図である。上述されたようにＷｅｂＨＭＩ開発環境６１の連携部５６ｂは、設定部１１２ｂに入力された文字列（例：varHoge）の検索結果を検索部５７から取得できる。検索部５７は、設定部１１２ｂに入力された文字列を発見できなかった場合、または、設定部１１２ｂに入力された文字列は存在するが、参照元として指定不可のデータ形式のシンボルの場合、そのことを示すレスポンスを連携部５６ｂに送信する。連携部５６ｂは、レスポンスに応じた警告メッセージ１１５を、描画部６３を介してＵＩ１１１に表示してもよい。このように未定義のシンボルが入力された場合、警告メッセージ１１５が表示される。描画部６３は、警告メッセージ１１５を表示する代わりに、設定部１１２ｂを強調表示してもよい。たとえば、設定部１１２ｂの入力フィールドの枠の色が通常の色とは異なる色に変更されてもよい。これにより、ユーザは、入力ミスに容易に気が付くことができるであろう。
図１７は、ＷｅｂＨＭＩ開発環境６１において入力された文字列のエラー検出と通知を説明する図である。上述されたようにＷｅｂＨＭＩ開発環境６１の連携部５６ｂは、設定部１１２ｂに入力された文字列（例：varHoge）の検索結果を検索部５７から取得できる。検索部５７は、設定部１１２ｂに入力された文字列を発見できなかった場合、または、設定部１１２ｂに入力された文字列は存在するが、参照元として指定不可のデータ形式のシンボルの場合、そのことを示すレスポンスを連携部５６ｂに送信する。連携部５６ｂは、レスポンスに応じた警告メッセージ１１５を、描画部６３を介してＵＩ１１１に表示してもよい。このように未定義のシンボルが入力された場合、警告メッセージ１１５が表示される。描画部６３は、警告メッセージ１１５を表示する代わりに、設定部１１２ｂを強調表示してもよい。たとえば、設定部１１２ｂの入力フィールドの枠の色が通常の色とは異なる色に変更されてもよい。これにより、ユーザは、入力ミスに容易に気が付くことができるであろう。
【0104】
●プロジェクト転送前の変換チェック
転送部５５は、ＰＬＣ開発環境５１により作成されたデータとＷｅｂＨＭＩ開発環境６１において作成されたデータとの両方を含むプロジェクトデータ７０をＰＬＣ１に転送する。ここで、転送部５５は、プロジェクトデータ７０の検査を実行する。ここで、検査とは、プロジェクトデータ７０の全体におけるシンボルなどの設定の整合性をチェックすることを含む。さらに、転送部５５は、ＷｅｂＨＭＩ開発環境６１において作成された表示部品７３の変換を実行して変換結果にエラーが無いかどうかをチェックする。転送部５５は、エラーを見つけるとエラーの原因となった表示部品７３の編集画面を表示するようＷｅｂＨＭＩ開発環境６１に要求してもよい。ＷｅｂＨＭＩ開発環境６１の描画部６３は、当該要求に従ってエラーの原因となった表示部品７３の編集画面を表示する。これにより、ユーザは容易にエラーを解消できるようになる。
転送部５５は、ＰＬＣ開発環境５１により作成されたデータとＷｅｂＨＭＩ開発環境６１において作成されたデータとの両方を含むプロジェクトデータ７０をＰＬＣ１に転送する。ここで、転送部５５は、プロジェクトデータ７０の検査を実行する。ここで、検査とは、プロジェクトデータ７０の全体におけるシンボルなどの設定の整合性をチェックすることを含む。さらに、転送部５５は、ＷｅｂＨＭＩ開発環境６１において作成された表示部品７３の変換を実行して変換結果にエラーが無いかどうかをチェックする。転送部５５は、エラーを見つけるとエラーの原因となった表示部品７３の編集画面を表示するようＷｅｂＨＭＩ開発環境６１に要求してもよい。ＷｅｂＨＭＩ開発環境６１の描画部６３は、当該要求に従ってエラーの原因となった表示部品７３の編集画面を表示する。これにより、ユーザは容易にエラーを解消できるようになる。
【0105】
●プロジェクトの保存、オープン、転送および照合
本実施形態ではＷｅｂＨＭＩ開発環境６１により作成された表示部品７３がＰＬＣ開発環境５１により作成された制御プログラム７１ａなどとともに一括して保存、オープン、転送および照合される。そのため、ＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とでそれぞれ別個にプロジェクトを管理する場合と比較して、ユーザのプロジェクト管理に関する負担が大幅に軽減される。
本実施形態ではＷｅｂＨＭＩ開発環境６１により作成された表示部品７３がＰＬＣ開発環境５１により作成された制御プログラム７１ａなどとともに一括して保存、オープン、転送および照合される。そのため、ＰＬＣ開発環境５１とＷｅｂＨＭＩ開発環境６１とでそれぞれ別個にプロジェクトを管理する場合と比較して、ユーザのプロジェクト管理に関する負担が大幅に軽減される。
【0106】
なお、転送部５５は、プロジェクトデータ７０のうち転送対象となるデータをユーザに選択させるためのダイアログを表示部７に表示して、ユーザによる選択を受け付けてもよい。ここで、ダイアログには、ＷｅｂＨＭＩ開発環境６１により作成されたデータと、ＰＬＣ開発環境５１により作成されたデータとが転送候補の一覧として表示される。これらのデータはそれぞれチェックボックスなどにより、個別に選択可能に表示される。つまり、ユーザは、一つの選択画面で、転送対象となるデータを指定または解除することが可能となる。
【0107】
●インポート／エクスポート
図１８はプロジェクトデータ７０のインポートおよびエクスポート機能を説明する図である。プロジェクト管理部５４は、プロジェクトデータ７０を構成する複数のデータのうち一部または全部を指定してインポートやエクスポートを実行する。たとえば、エクスポートが指示されると、プロジェクト管理部５４は、エクスポートの対象となるデータの選択画面を表示部７に表示してもよい。図１８において、プロジェクトデータ７０は、ＰＬＣプログラム７１ｃ、７１ｄ、７１ｅ、表示部品７３ａ、７３ｂ、７３ｃ、および、シンボル定義７２を含んでいる。プロジェクト管理部５４は、ユーザによる選択にしたがって、ＰＬＣプログラム７１ｃ、表示部品７３ａ、７３ｂおよびシンボル定義７２を含むようにエクスポート単位１４０ａを作成している。さらに、プロジェクト管理部５４は、ユーザによる選択にしたがって、ＰＬＣプログラム７１ｃ、７１ｄ、７１ｅ、表示部品７３ａおよびシンボル定義７２を含むようにエクスポート単位１４０ｂを作成している。
図１８はプロジェクトデータ７０のインポートおよびエクスポート機能を説明する図である。プロジェクト管理部５４は、プロジェクトデータ７０を構成する複数のデータのうち一部または全部を指定してインポートやエクスポートを実行する。たとえば、エクスポートが指示されると、プロジェクト管理部５４は、エクスポートの対象となるデータの選択画面を表示部７に表示してもよい。図１８において、プロジェクトデータ７０は、ＰＬＣプログラム７１ｃ、７１ｄ、７１ｅ、表示部品７３ａ、７３ｂ、７３ｃ、および、シンボル定義７２を含んでいる。プロジェクト管理部５４は、ユーザによる選択にしたがって、ＰＬＣプログラム７１ｃ、表示部品７３ａ、７３ｂおよびシンボル定義７２を含むようにエクスポート単位１４０ａを作成している。さらに、プロジェクト管理部５４は、ユーザによる選択にしたがって、ＰＬＣプログラム７１ｃ、７１ｄ、７１ｅ、表示部品７３ａおよびシンボル定義７２を含むようにエクスポート単位１４０ｂを作成している。
【0108】
なお、図１８のエクスポート単位１４０ａ、１４０ｂはインポート単位として理解されてもよい。つまり、プロジェクト管理部５４は、インポート対象となるプロジェクトデータ７０をオープンし、プロジェクトデータ７０から他のプロジェクトデータにインポートされるプログラムやデータ群からなるインポート単位を設定してもよい。
【0109】
これにより、ＰＬＣ１に関するプログラムや表示部品７３を他のプロジェクトでも流用できるため、プロジェクトデータの開発効率が向上するであろう。
【0110】
●編集作業の連動
ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とで同一のシンボルを参照している場合がある。さらに、ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とのうちの一方の環境において、参照されるシンボルが変更されてしまうことがある。この場合、一方の環境でのシンボルの変更が、ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とのうちの他方の環境にも自動的に反映されれば、ユーザの編集負担が軽減されるであろう。
ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とで同一のシンボルを参照している場合がある。さらに、ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とのうちの一方の環境において、参照されるシンボルが変更されてしまうことがある。この場合、一方の環境でのシンボルの変更が、ＷｅｂＨＭＩ開発環境６１とＰＬＣ開発環境５１とのうちの他方の環境にも自動的に反映されれば、ユーザの編集負担が軽減されるであろう。
【0111】
たとえば、ＷｅｂＨＭＩ開発環境６１において、ある表示部品７３の参照先として拡張ユニット４ａのバッファメモリが設定されることがある。通常、複数の拡張ユニット４には、それぞれ固有のユニット番号が付与されており、バッファメモリも拡張ユニット４のユニット番号に紐づけられている。たとえば、バッファメモリは、ユニット番号とバッファメモリ番号とによって識別される。ここで、ＰＬＣ１の構成が変更されると、ユニット番号は割り当て直される。たとえば、基本ユニット３の隣に拡張ユニット４ａが接続されている場合、基本ユニット３のユニット番号には"０"が設定され、拡張ユニット４ａには"１"が設定される。基本ユニット３と拡張ユニット４ａとの間に拡張ユニット４ｂが追加的に接続されると、拡張ユニット４ｂのユニット番号には"１"が設定され、拡張ユニット４ａのユニット番号には"２"が設定される。このように、ＰＬＣ１のユニット構成が変更されると、拡張ユニット４ａのユニット番号が変更されてしまう。そのため、ある表示部品の参照先として拡張ユニット４ａ（ユニット番号＝１）のバッファメモリ（バッファメモリ番号＝１６）が指定されている場合、ある表示部品の参照先を拡張ユニット４ａ（ユニット番号＝２）のバッファメモリ（バッファメモリ番号＝１６）に変更する必要がある。
【0112】
ＰＬＣ開発環境５１は、構成情報７４に基本ユニット３のユニット番号、拡張ユニット４ａ、４ｂのユニット番号を保持している。また、ＰＬＣ開発環境５１のエディタ部５２ａは、拡張ユニット４ａの接続位置が変更されたり、他の拡張ユニット４が追加されたりすると、ユニット番号を振り直す。検索部５７は、変更前のユニット番号に紐づけられているシンボルを検索し、抽出されたシンボルのユニット番号を、変更後のユニット番号に変更する。また、検索部５７は、ＷｅｂＨＭＩ開発環境６１により生成された表示部品７３が、変更前のユニット番号に紐づけられているシンボルを抽出すると、抽出されたシンボルについてユニット番号が変更されたことを示す通知を、連携部５６ａを通じてＷｅｂＨＭＩ開発環境６１の連携部５６ｂに通知する。連携部５６ｂは、変更前のユニット番号に紐づけられているシンボルを編集中表示部品７５内のシンボルの参照情報７６ｂから検索して抽出し、抽出されたシンボルのユニット番号を、変更後のユニット番号に書き換える。これにより、ユーザの負担が軽減される。
【0113】
●エクスポート側のＰＬＣの構成とインポート側のＰＬＣの構成とが異なる場合
プロジェクトデータ７０をエクスポートしようとするエクスポート側のＰＬＣ１が基本ユニット３と３つの拡張ユニット４から構成されており、プロジェクトデータ７０をインポートしようとしているインポート側のＰＬＣ１が基本ユニット３と４つの拡張ユニット４から構成されていることがある。このような場合、ユーザは、インポートしたプロジェクトデータ７０を、インポート側のＰＬＣ１の構成に応じて適切に編集しなければならない。プロジェクト管理部５４は、エクスポート側のＰＬＣ１における拡張ユニットと、インポート側のＰＬＣ１における拡張ユニットと関係をユーザに問い合わせるためのダイアログを表示部７に表示してもよい。
プロジェクトデータ７０をエクスポートしようとするエクスポート側のＰＬＣ１が基本ユニット３と３つの拡張ユニット４から構成されており、プロジェクトデータ７０をインポートしようとしているインポート側のＰＬＣ１が基本ユニット３と４つの拡張ユニット４から構成されていることがある。このような場合、ユーザは、インポートしたプロジェクトデータ７０を、インポート側のＰＬＣ１の構成に応じて適切に編集しなければならない。プロジェクト管理部５４は、エクスポート側のＰＬＣ１における拡張ユニットと、インポート側のＰＬＣ１における拡張ユニットと関係をユーザに問い合わせるためのダイアログを表示部７に表示してもよい。
【0114】
図１９は、ユニット割り当てのためのダイアログ１５０を示している。ダイアログ１５０は、エクスポート側の拡張ユニットと、インポート側の拡張ユニットとの対応関係についてユーザの指定を受け付けるユニット割り当て部１５１を有している。この例では、エクスポート側のＰＬＣ１でユニット番号が２番である拡張ユニットが、インポート側のＰＬＣ１においてユニット番号が３番に割り当てられることがユーザにより指定されている。プロジェクト管理部５４は、このユニット割り当てに基づき、インポート対象のプロジェクトデータ７０を検索し、変更前のユニット番号（＝２）に紐づけられているすべてのシンボルを抽出し、抽出されたシンボルに対して変更後のユニット番号（＝３）に書き換える。この際に、ユニット番号以外にも、構成情報にもとづくシンボル名があれば書き換えられる。たとえばユニット番号０から連番で割り付けたリレーをＷｅｂＨＭＩ開発環境が参照していれば、そのシンボル名も変更される。また、シンボルに紐づけられているバッファメモリ番号は変更されないが、シンボル名が変更される。たとえば、ユニット番号が変更されると、シンボル名がＲ３５０００からＲ３９０００に変更されるようにしてもよい。プロジェクト管理部５４は、ユニット番号の変更に基づきシンボル名を変更する。
【0115】
●ＰＬＣ開発環境でイメージデータ付きの表示部品をインポートした場合
ＷｅｂＨＭＩ開発環境６１は、ＷｅｂＨＭＩを実現するＷｅｂページのためのイメージデータに識別情報を付与して管理する。イメージデータは画像ファイルとして保存されているため、ファイル名に対して識別情報（例：識別番号）が紐づけられる。上述したインポート／エクスポート機能によりプロジェクト管理部５４が、あるＰＬＣ１のためのプロジェクトデータ７０の一部を他のＰＬＣ１のプロジェクトデータ７０に取り込むことができる。このとき、エクスポート側（ソース）となるプロジェクトデータ７０に含まれるイメージデータの識別情報が、インポート側（ディスティネーション）である他のＰＬＣ１のプロジェクトデータ７０において使用済みであることがある。たとえば、エクスポート側のプロジェクトデータ７０において"AAA.png"というファイル名のイメージデータに対して識別番号として"０"が割り当てられており、インポート側のプロジェクトデータ７０において"BBB.png"というファイル名のイメージデータに対して識別番号として"０"が割り当てられていることがある。つまり、識別番号が重複してしまう。
ＷｅｂＨＭＩ開発環境６１は、ＷｅｂＨＭＩを実現するＷｅｂページのためのイメージデータに識別情報を付与して管理する。イメージデータは画像ファイルとして保存されているため、ファイル名に対して識別情報（例：識別番号）が紐づけられる。上述したインポート／エクスポート機能によりプロジェクト管理部５４が、あるＰＬＣ１のためのプロジェクトデータ７０の一部を他のＰＬＣ１のプロジェクトデータ７０に取り込むことができる。このとき、エクスポート側（ソース）となるプロジェクトデータ７０に含まれるイメージデータの識別情報が、インポート側（ディスティネーション）である他のＰＬＣ１のプロジェクトデータ７０において使用済みであることがある。たとえば、エクスポート側のプロジェクトデータ７０において"AAA.png"というファイル名のイメージデータに対して識別番号として"０"が割り当てられており、インポート側のプロジェクトデータ７０において"BBB.png"というファイル名のイメージデータに対して識別番号として"０"が割り当てられていることがある。つまり、識別番号が重複してしまう。
【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】
発明は上記の実施形態に制限されるものではなく、発明の要旨の範囲内で、種々の変形・変更が可能である。
【図1】
【図2】
【図3】
【図4】
【図5】
【図6】
【図7】
【図8】
【図9】
【図10】
【図11】
【図12】
【図13】
【図14】
【図15】
【図16】
【図17】
【図18】
【図19】
【図20】
【図21】