今回の記事ではノルウェー発のソフトウェア会社CDP Technologies が作ったCDP Studioについて紹介します。そのソフトはC++などの高級言語もSupportしていますが、FAエンジニアで使用したFunction Block言語も使ってアプリケーションを組むことが可能です。CDP StudioのFBはIEC61499のベースで作られたものです。
さ、始めましょう!
Reference Liink
CDP Studio?
CDP Technologiesは、ノルウェーにある独立系ソフトウェア会社で、常に制御システム開発を簡素化し、どんな会社でも次世代の産業用ソリューションを生み出すことができるようを第1の目標としています。
この考えからControl Design Platform (CDP)を開発し、製品であるCDP Studioは現場で実証された最新のローコード・ソフトウェア・プラットフォームです。こちらのツールはIEC61499ベースで、これから分散制御にとってよいSolutionの1つです。
もちろんすべての機能はその記事だけで洗い出すことはできませんので、CDPのHPで詳しい情報を参考にできます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1449.png)
Who can use?
CDP Studioの使用対象はだれでしょうか。
Software Developer
CDP Studioは、C++でコードを書き、Python、Java、JavaScriptを統合し、IPC、Linuxコントローラ、産業用RPiでアプリケーションを稼働し、産業用IOとセンサを統合するプラットフォームを提供します。CDP Studioでは、独自の機能を自由にコーディングし、オープンソースやサードパーティのライブラリを統合して、様々なハードウェアを使用することができます。まさにこれからの時代は、ベンダー制限のないオープンで柔軟なシステムです。
![](http://soup01.com/wp-content/uploads/2023/05/image-1450.png)
Automation Engineer
CDP StudioラダーやグラフィカルPLCプログラミングに慣れているオートメーションエンジニアのあなたにとって、すぐ慣れるツールだと思います。CDP Stuidoは、グラフィカルなPLCプログラミングに似たローコード、グラフィカルプログラミングモードを備えています。慣れ親しんだオートメーションの作業方法で、IT技術の使用を開始しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1451-1024x754.png)
COMPATIBILITY
CDP Studioは、ハードウェアベンダーやデバイスの種類に依存しません。 IPC、産業用コントローラ、ルータを組み合わせたマルチベンダー環境でのシステム運用が可能で、ハードウェアの種類やオペレーティングシステムに依存せず、アプリケーションや機能を複数のコントローラに分散させることができます。
そしてアプリケーション・ロジックを特定のハードウェアの依存関係から切り離します。ハードウェアが異なるベンダーのものであっても、制御システムを新しいハードウェアプラットフォームに簡単に移植することができます。これにより、制御システムは、客様のニーズや外部の技術開発の変化に応じて適応・拡張できるようになります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1452-1024x683.png)
I/O MODULES
CDP Studioには、さまざまな産業用I/OベンダーのIOモジュールに対するサポートが組み込まれています。そして新しいモジュールやベンダーは継続的に追加されますが、もちろん独自に開発したハードウェアのサポートを作成したり、独自の事前設定を追加することも可能です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1454.png)
HPによりSupportできるHardware:
- Wago
- Phoenix Contact
- Weidmuller
- Beckhoff
- B&R
- Insys icom
- Revolution Pi
CDP Studio UI Designer
CDP Studio UI designerは、エンジニアがドラッグ&ドロップで簡単に操作できる画面を作成できます。あらかじめ用意されたウィジェットとプロパティの組み合わせてカスタマイズも可能で、基本はCodeingやScriptの作成は不要です。CDP Studio UI designerはIDEに完全に統合されており、UI画面に必要な信号、パラメータ、プロパティに簡単に接続することができます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1455.png)
No-code Web HMI!
Coding不要のCDP Studio UI Designerを使用して、WEB HMIも簡単に作成できます。ドラッグ&ドロップのエディターからhtml5など知識を必要とせず、優れたウェブHMIを作成できます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1456-1024x563.png)
develop
CDP Frameworkは、再利用可能なライブラリと関数が用意されています。このフレームワークは、リアルタイムおよび分散システムの高性能な実行を保証します。API、Protocol、State Machine、信号処理、イベント処理、メッセージング、パラメータ設定など様々な機能が含まれています。
One System,More Application
CDP Studioの制御システムは、1つまたは複数のアプリケーションで構成されています。特定のタスクに特化した個別のアプリケーションを作成し、それらを合わせて完全な制御システムを構成します。HMIと制御プログラムを別のアプリケーションに分離することができます。アプリケーションには、異なるHZと優先順位で実行する機能ブロックを含めることができます。アプリケーションは、同じコントローラ上でも、オペレーティングシステムやハードウェアの種類に依存しない別々のコントローラ上でも実行可能です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1457-1024x448.png)
TOOLBOX
CDP Frameworkには、制御やオートメーションで使用される包括的な機能が含まれています。ツールボックスは、現時点で以下のプロトコルをサポートしています。
- OPC UA
- MQTT
- Modbus
- CANopen
- SNMP
- NMEA
- UDP
- GPIO
- I2C
もちろん、独自のプロトコルを開発し、追加することも可能です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1458.png)
Download
下記のLinkからCDP StudioをDownloadしましょう。
https://cdpstudio.com/download/
個人情報を入力したらDownloadできます。
WindowsとLinuxバージョンありますが、自分はLinuxを勧めします。(記事もLinux Versionをを利用し書いてますので)
![](http://soup01.com/wp-content/uploads/2023/05/image-1459-1024x692.png)
Installation
HPからDownloadしたLinux VersionのSetup FileをVMwareにCopyします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1460-1024x620.png)
右クリック>Propertiesを開きます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1461-1024x772.png)
PermissionsのところにExecuteのCheckBoxを入れてください。
![](http://soup01.com/wp-content/uploads/2023/05/image-1462.png)
次は右クリック>Run as a programにします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1463.png)
Next>で進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1464-1024x817.png)
しばらく待ちます…
![](http://soup01.com/wp-content/uploads/2023/05/image-1465-1024x830.png)
名前などの個人情報を入れてください。
![](http://soup01.com/wp-content/uploads/2023/05/image-1466-1024x812.png)
次はInstallationのPathを設定し、Next>で進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1467-1024x834.png)
今度はInstallする部品を設定する画面になります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1468-1024x824.png)
とりあえず最新の4.11にすべての部品のCheckboxを入れ、Next>で進めましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1469-1024x840.png)
ライセンスに同意し、Next>で進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1470-1024x821.png)
Nextで進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1471-1024x830.png)
Installで開始します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1472-1024x824.png)
しばらく待ちます…
![](http://soup01.com/wp-content/uploads/2023/05/image-1473-1024x792.png)
Done!Next>で進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1474-1024x804.png)
Next>で。
![](http://soup01.com/wp-content/uploads/2023/05/image-1475-1024x829.png)
はい、終わります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1476-1024x825.png)
User passwordの入力が求められ、Passwordを入力してください。これで終わりです。
![](http://soup01.com/wp-content/uploads/2023/05/image-1477.png)
実際インストール開始するとLog Fileもありますので、なにInstallの不具合あればこちらのFileをCheckしてください。
![](http://soup01.com/wp-content/uploads/2023/05/image-1478-1024x477.png)
Start
Home/CDPStudio/binにインストールデータが格納されてたはずです。
中にある”cdpstudio”を実行してください。
![](http://soup01.com/wp-content/uploads/2023/05/image-1479-1024x453.png)
Done!CDP Studioが起動されました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1480-1024x639.png)
New Project
Welcome>New Projectで新規プロジェクトを作成します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1481-1024x482.png)
第1話なので複雑なことをやるつもりはありませんのでCDP Systemを選び>Chooseで進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1482-1024x662.png)
プロジェクトを入力し、Next>で進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1483-1024x685.png)
複数のVersionが共存できますが、今回の記事では最新の4.11しか入れていませんので、4.11のままでNext>します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1484-1024x698.png)
Application Typeの選択画面が表示されます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1485-1024x681.png)
Application TypeにConsole・GUI・WebUI3つを選択でき、今回はConsoleプロジェクトにします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1486-1024x686.png)
Done!新規プロジェクトが作成されました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1487-1024x470.png)
Configure>mydemoProjectAppを開くとプロジェクトDefaultで生成されたデータ(CPU負荷・メモリ負荷など)が見えると思います。
![](http://soup01.com/wp-content/uploads/2023/05/image-1488-1024x613.png)
Sequencer?
Sequencerは、いままでFA製造ライン現場でよく使われる制御や、ステップ制御タスクのような、シーケンシャル制御タスクの開発をできるCDP Studioが開発したAddONです。
SequencerのDefault動作は、IEC 61499で定義されたイベントベース制御標準に由来します。最新のオープン・アーキテクチャにより、Sequencer は開発者がスタンドアロンまたは大規模システムの一部として使用可能な分散ソフトウェア・ブロックを構築することを可能にします。
つまり、Sequencerは従来のIEC61131-3のFunction Blockに似たモデリング言語だと理解してください。また、この言語は、制御フローとデータフローをわかりやすく分離させ、設計や理解は簡単になります。
Types of Sequencer Blocks
Sequencer Basic Blockは、ノーコードで新しい Sequencer blocksを作成できます。その手法では制御分岐基本ブロックや条件付き実行などを利用しcyclic state machines を構築することも可能です。
IEC 61499では、アプリケーションを開発する際に使用できる3種類のブロックを定義しています。それは、
- Basic Function Block(BFB)
- BFBでは、実行制御チャート(ECC)を使用してステートマシンを定義することができます。ECCは、その状態と入力イベントに基づいて、どのオペレーションを実行するかを決定します。
- Composite Function Block (CFB)
- 複数のBFBやSFBの集合です。
- Service Function Block(SFB)
- SFB は、C++ で特定のハードウェア、サービス、プロトコルへのアクセスを実装するために使用できるBlockです。
Sequencer Block Interface
Sequencer Block は、データ処理のために既存のCDP Operator(つまりCDP Studio独自のBlock)をカプセル化します。
從來のBlockと同様に入力は左側、出力は右側にありますが、InterfaceはEventとDataを区別しています。Block上部の赤矢印はEvent入出力で、下部の青い色部分はデータ入出力として表示されています。
![](http://soup01.com/wp-content/uploads/2023/05/image-1489-1024x361.png)
Components
次はSequencerの各部品について説明します。
StateTransition
Basic Block Execution Control Chart (ECC) のState block状態Blockは、他の状態へのStateTransition(次の状態遷移)を持つことができる。
StateTransition、つまり別の状態に移行するには、入力Eventからのトリガーが必要です。この場合、EventIn入力をStateTransitionに接続します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1490.png)
Sequencer – State
Basic Block Execution Control Chart ECC)は、他の状態への遷移を持つことができる状態Blockから構成されている。先も書きましたが、遷移には入力イベントのTrue トリガーが必要です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1491.png)
Sequencer -EventIn
EventInは、Basic Blockがイベントを受信するパラメータです。EventInがメッセージやイベントを受信すると、Data 入力も同時に更新します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1492.png)
Sequencer-Operation
Operationは、Done出力を持つ箱だと思ってください。Doneの出力はBlockが処理完了するたびにMessageに送信します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1493.png)
Sequencer – EventOut
EventOutは、Basic BlockがEvent Messageを送信するために使用されます。EventOutがEvent Messageを送信するたびに、Data出力も共に更新されます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1494.png)
Internal Sequence
これからはSequencer blockがトリガーされてから機能を実行するまでの順番です。
BlockがCycle(A)もしくはEvent(A)どちらかトリガーされると、Data Inputが更新し(B)、状態の遷移(C)や内部ロジックを実行します(D)。最後はEventを出力(E→G)とDataも出力し(F)終了となります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1495-1024x480.png)
Execution Control Chart (ECC)
ブロックの動作は、実行制御チャート(ECC)を構成するステートによって制御されます。状態間の遷移では、入力イベントや遷移条件がTureであるかを判断します。
Basic Blockは、Defaultで入力Eventが受信したときに処理されます。シーケンサーの入力イベントは、状態遷移のときに消費され、プロセス実行中にそのような動作を1つだけ引き起こすことができます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1496-1024x331.png)
Flow
こちらは今回作成するプロジェクトのFlow図です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1497.png)
Program it!
Add Basic Function Block
まずFlowにあるBasic Function Blockを追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1498.png)
右のResourcesからSequencerからSequencer部品を選択できます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1499-1024x774.png)
Basic Blockをプロジェクトに追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1500-1024x818.png)
BasicFunctionBlockが追加されました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1501-1024x677.png)
プロジェクトが大きくなると適切な名前を変更したほうがプログラムの可読性が高まります。Blockを右クリック>Renameします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1502.png)
今回はMyFirstBasicBlockという名前に変更します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1503.png)
Done!
![](http://soup01.com/wp-content/uploads/2023/05/image-1504.png)
Add EventIn
FlowにあるBasicFunctionBlockのプログラムを実行するためにトリガーEventInを追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1505.png)
EventIn部品をそのままMyFirstBlockにDropしましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1506-1024x677.png)
このような操作になります。
![](http://soup01.com/wp-content/uploads/2023/05/image-31.gif)
先程のGIFのように2つのEventInを追加し、適切な名前に変更します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1507.png)
わかりやすい名前を変更するのも忘れずに。
![](http://soup01.com/wp-content/uploads/2023/05/image-1508.png)
Done!
![](http://soup01.com/wp-content/uploads/2023/05/image-1509.png)
Add EventOut
FlowにあるBasicFunctionBlockのプログラムのEventOutを追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1510.png)
EventOut部品をそのままMyFirstBlockにDropしましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1511-1024x571.png)
EventOut0がMyFirstBasicBlockに追加されました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1512.png)
わかりやすい名前を変更するのも忘れずに。
![](http://soup01.com/wp-content/uploads/2023/05/image-1513.png)
Edit BBC
次はBasic Function Blockの内部プログラムを追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1514.png)
先程修正したMyFirstBasicBlockをダブルクリックします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1515.png)
MyFirstBasicBlockの中身が見えます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1516-1024x494.png)
Add State1 – Waiting Trigger
最初にEvent トリガーを受け取るState0を追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1517.png)
Sequencer>Stateを選び>MyFirstBasicBlockの空きスペースに追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1518-1024x765.png)
Done!State0が追加されました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1519.png)
Add State Transition
次はEvent Input1とEvent Input2とState0の繋がりを作ります。
![](http://soup01.com/wp-content/uploads/2023/05/Screen-Shot-2023-05-27-at-23.18.06.png)
Sequencer>State Transitionを”State0″ Blockに追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1520-1024x478.png)
このような操作になります。
![](http://soup01.com/wp-content/uploads/2023/05/image-32.gif)
いまはState0のBlockに”ToState0″と”ToState1”の状態遷移する部分を作成しました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1521.png)
Connect Event Input to StateTransition
Event InputトリガーとState1の状態遷移部分を繋がります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1522.png)
このようにEventSubDataをToState0に、EventAddDataをState1と繋がります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1523.png)
Done!いまEvnetSubDataがTriggerすると、ToState0がMessage受け取れ、ToState0に接続先のStateに遷移する。逆にEvnetAddDataがTriggerすると、ToState1がMessage受け取れ、ToState1に接続先のStateに遷移する。
![](http://soup01.com/wp-content/uploads/2023/05/image-1524.png)
Add State1,2
今度はState0の遷移先部分を作ります。Flow図だとState1/State2に該当します。
![](http://soup01.com/wp-content/uploads/2023/05/Screen-Shot-2023-05-27-at-23.21.57.png)
Sequencer>State2つを追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1525.png)
Connect Transition Between 1 State0 to State 1/2
State0とState1/2の遷移Connectionを作ります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1526.png)
State0の右側にある”ToState0″・”ToState1”をState1・State2の左側にある緑部分と線で繋がりましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1527.png)
Done!いまState0出力”ToState0″はState1に遷移し、”ToState1″はState2に遷移するようになります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1528.png)
Add State Transition In State 1/2
State1,2 の遷移、State Transitionを追加します。
![](http://soup01.com/wp-content/uploads/2023/05/Screen-Shot-2023-05-27-at-23.24.28.png)
Sequencer>State2つを追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1529-1024x563.png)
Add RunOperation in State1,State2
Flow図でState1がData+1、State2がData-1制御があり、こちらの部分を定義します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1530.png)
Sequencer>RunOperationがあります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1531.png)
RunOperationをState Blockに追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1532-1024x454.png)
このような操作です。
![](http://soup01.com/wp-content/uploads/2023/05/image-33.gif)
いまプログラムがState1にいるとRunOp0とRunOp1のアルゴリズムを実行し、State2にいるとState2にあるRunOp1とRunOp2を実行するようになっています。
![](http://soup01.com/wp-content/uploads/2023/05/image-1533-1024x707.png)
Add Operation
まずData+1部分を実装します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1534.png)
Automation>Add>Add<int>を追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1535-1024x539.png)
State1のRunOp0を”Add” Blockの青い色部分と接続しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1536-1024x588.png)
Done!いまプログラムがState1にいると、RunOp1の接続先Add Blockが実行されます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1537-1024x551.png)
Add Data Argument
BasicFunctionBlockにはData Inputも最初に定義しましたね。Data Argumentをプロジェクトに追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1538.png)
Sequencer>Argument>Argument<Int>をプロジェクトに追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1539-1024x592.png)
Done!
![](http://soup01.com/wp-content/uploads/2023/05/image-1540.png)
わかりやすい名前の変更もわすれずに。
![](http://soup01.com/wp-content/uploads/2023/05/image-1541.png)
Data ArgumentをAdd BlockのIn0と繋がります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1542-1024x469.png)
Done!いまAdd BlockのIn0はdataInのデータを参照するようになっています。
![](http://soup01.com/wp-content/uploads/2023/05/image-1543-1024x536.png)
Data=Data+1なので、In1部分を定数”1”に設定します。Add Blockをクリックし右側がProperties表示されます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1544-1024x802.png)
In1のValueを1に設定する。いまAdd BlockのIn1は常に定数”1”になっています。
![](http://soup01.com/wp-content/uploads/2023/05/image-1545.png)
In1のValueを1に設定する。いまAdd BlockのIn1は常に定数”1”になっています。
Configure EventOut
今度はState1からEventOut出力までを作ります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1546.png)
Sequencer>Operationをプロジェクトに追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1547-1024x412.png)
EventOut0が追加されました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1548-1024x702.png)
State1のRunOp1をOperation と繋がります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1549-1024x520.png)
いまプログラムがState1にいると、Block AddとOperationも同時に実行するようになります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1550-1024x623.png)
最後はOperation Blockの出力”Done”をEventOut0と繋がります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1551-1024x690.png)
Done!OperationがDone出力するとEventOut0も出力するようになっています。
![](http://soup01.com/wp-content/uploads/2023/05/image-1552-1024x481.png)
Add ArgumentOut
BasicFunctionBlockのプログラム処理結果を出力します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1553.png)
Sequencer>ArgumentOut>ArgumentOut<int>をプロジェクトに追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1554-1024x528.png)
同じく、わかりやすい名前に変更しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1555.png)
Configure the Connection with Argument Out
BasicFunctionBlockに処理したデータを出力するため、先ほど追加したArgumentOutをAdd blockと接続しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1556-1024x708.png)
Done!いまAdd Blockの演算結果をArgumentOutに出力するようになりました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1557-1024x518.png)
Add Subtract Block
Flow図のSubtract(減算)部分を作ります。
![](http://soup01.com/wp-content/uploads/2023/05/Screen-Shot-2023-05-28-at-07.03.26.png)
Automation>Subract>Subtract<int>をプロジェクトに追加します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1558-1024x492.png)
先程のAdd Blockと同じようにプログラムを作りましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1559-1024x835.png)
Loop Back
Flow図に新しい動作を追加します。BasicFunctionBlockがState1が処理完了したあと、またState0に遷移するようにします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1560.png)
State1の”ToState0″接点をState0の緑の部分と繋がります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1561-1024x846.png)
このような操作です。
![](http://soup01.com/wp-content/uploads/2023/05/image-34.gif)
Done!いまState1がToState0と繋がっていますので、最後はState0に戻るようになります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1562-1024x833.png)
実際”State1″のBlockを少し移動するとState0のNodeがあり、State1.ToState0のトリガーもありますね。
![](http://soup01.com/wp-content/uploads/2023/05/image-1563-1024x800.png)
State2も同じように操作しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1564-1024x842.png)
Auto Layout
プログラムが複雑になるとBlockもくちゃくちゃになります。ここで”Auto Layout”のボタンでCDP Studioが自動的にLayoutを調整してくれます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1565.png)
便利!
![](http://soup01.com/wp-content/uploads/2023/05/image-35.gif)
Fit in View
プログラムが複雑になるとZoomの比率がおかしくなったり、全体Flowを確認したりするとき”Fit in view”という便利機能があります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1566.png)
便利です。
![](http://soup01.com/wp-content/uploads/2023/05/image-36.gif)
Send Message
Event Input1とEvent Input2をトリガーするためにMessageを送信することが必要です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1567.png)
一旦MyFirstBasicBlockに戻ります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1568-1024x602.png)
CDPCore>SendMessage部品をプロジェクトに追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1569-1024x606.png)
よし、いまEventAddDataとEventSubDataをトリガーするSendMessage Blockが追加しました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1570-1024x769.png)
同じく、わかりやすい名前に変更します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1571.png)
SendAddMessageのMessageOutをMyFirstBasicBlockのEventAddDataと接続しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1572.png)
このような操作です。
![](http://soup01.com/wp-content/uploads/2023/05/image-37.gif)
Done!EventSubDataも同じように操作してください。いまSendAddMessageのMessageOutがTureになるとEventAddDataがトリガーされ、SendSubMessageのMessageOutがTureになるとEventSubDataがトリガーされるようになります。
![](http://soup01.com/wp-content/uploads/2023/05/image-1573-1024x552.png)
Data Loop Back
最後はMyFirstBasicBlockのデータ出力を自分のデータ入力として繋がり戻します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1574.png)
MyFirstBasicBlockのdataOutをそのままdataInと繋がりましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1575-1024x572.png)
このような操作です。
![](http://soup01.com/wp-content/uploads/2023/05/image-38.gif)
Done!それでFlow図通りのプログラムを作りました。
![](http://soup01.com/wp-content/uploads/2023/05/image-1576-1024x754.png)
Deloy
最後はプロジェクトをRuntime(今回はLocal)にDownloadします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1577-1024x618.png)
プロジェクト>右クリック>Deployをクリックします。
![](http://soup01.com/wp-content/uploads/2023/05/image-1578.png)
Mergeで進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1579-1024x510.png)
いまプロジェクトの変更・追加・削除された部分が一覧できます。
Apply Changesで進みましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1580-1024x601.png)
しばらく待ちます…
![](http://soup01.com/wp-content/uploads/2023/05/image-1581-1024x832.png)
Compile OutputのTabを開き、エラーがあるかを確認しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1582-1024x367.png)
Online
プロジェクトを右クリック>Run and Connectでプロジェクトを稼働します。
![](http://soup01.com/wp-content/uploads/2023/05/image-1583.png)
Mergeで進みます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1584-1024x525.png)
よし、変更点なしですね。
![](http://soup01.com/wp-content/uploads/2023/05/image-1585-1024x605.png)
プロジェクトに戻ります。SignalsのところにいまCPULoadなどの変数の変化があると思います。
![](http://soup01.com/wp-content/uploads/2023/05/image-1586.png)
Watch Table
最後はWatch Tableに追加する方法を紹介します。
Tag>右クリック>Add to Watch>AddでMonitiorしたいものをWatch Tableに追加できます。
![](http://soup01.com/wp-content/uploads/2023/05/image-1587-1024x600.png)
Done!
![](http://soup01.com/wp-content/uploads/2023/05/image-1588.png)
同じ操作でSendAddMessageとSendSubMessageのTriggerをWatch Tableに追加しましょう。
![](http://soup01.com/wp-content/uploads/2023/05/image-1589.png)
Done!
![](http://soup01.com/wp-content/uploads/2023/05/image-1590-1024x481.png)
Result
TriggerはBinaryデータなのでValueのCheck・UnCheckでTure・Falseに変更できます。
このようなDataOutもプラス・マイナスのように現在値が変換されます。
![](http://soup01.com/wp-content/uploads/2023/05/image-39.gif)
MyFirstBasicBlockを開くと、State0が緑になり、つまりこのBlock現在State0です。
![](http://soup01.com/wp-content/uploads/2023/05/image-1591-1024x691.png)
少し見にくいかもしれませんが、State1,State2も緑点滅のように表示されています。それはFB内で状態が遷移したからです。
![](http://soup01.com/wp-content/uploads/2023/05/image-40.gif)