ASTERIA Warp便利機能③：テストフェーズにお役立ち！比較ツールのご紹介

こんにちは、[SCSK株式会社](https://www.scsk.jp/product/common/asteria/)です！

ASTERA Warpはノーコードのデータ連携ツールとして広くご使用いただいておりますが、データ連携システムの開発においては、ノーコードであってもテストのフェーズは不可欠かと思います。
そんな時に、ノーコードだからこそかえって、フローのどこに修正が入ったのか一目では分からず、テストケースの抽出漏れが発生したり、意図しない変更を見落としてしまうような事例があるのではないかと存じます。

今回はそんな時に役立つ、ASTERIAの「<font color="red">比較ツール</font>」についてご紹介します！

https://www.scsk.jp/product/common/asteria/

# 比較ツールについて

## 比較ツールとは
<font color="red">比較ツール</font>とは、ASTERIAの開発ツール「フローデザイナー」に付随する機能の1つで、ASTERIAの開発物である<font color="blue">「プロジェクト、フロー、関数」の間の差分</font>を<font color="blue">グラフィカルに</font>確認することができます！
例えば、下記のように見た目ではどこが変わっているのか分からないようなフローがあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/d8fa5ed4-6d1d-4ad9-b5e0-76354c31c6da.png)

比較ツールを使用すれば、下記のようにどこが変更されているのかがひと目で分かります！
これにより、「<font color="blue">どこをテストすればよいのか</font>」あるいは、「<font color="blue">ここは変更していないのでテスト不要</font>」といったことが容易に確認できるようになります。
また、「<font color="blue">意図していないのに変更されてしまった</font>」箇所を見つけ出すことも可能です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/ace79ad3-1cff-43a9-919d-56babdf7bf29.png)

:::note 
<strong>テストが必要な箇所がはっきりすることで、テスト工数の削減になる</strong>
:::
:::note 
<strong>意図しない変更箇所を洗い出すことができる</strong>
:::
:::note 
<strong>複数の変更があった場合に、どこが変わっているのかをまとめて確認できる</strong>
:::

## 比較結果の見かた
比較元と比較先に対して、追加されたものは<font color="green">緑色</font>、削除されたものは<font color="red">赤色</font>、変更されたものは<font color="blue">青色</font>で表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/5b88cb97-5b96-4ebb-89f7-968b25db9810.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/35eb4c9e-f181-426d-8c9b-c8245b67f6e5.png)

データ変換部分（マッパー）の中は、より詳しく差分確認をすることができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/dd42f3ec-5ba1-4e48-bb9b-d595ea23bf41.png)


# 比較ツールの使い方
ここからは実際の比較ツールの使用方法について解説させていただきます。
ASTERIA導入後にぜひご参考ください！

## ①プロジェクト同士を比較
修正前のプロジェクトをバックアップしているなどの場合は、プロジェクトを右クリックし、「<font color="blue">別のプロジェクトとの比較</font>」を選択してください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/d89c2fb5-c49d-4020-b1f6-4f5ecf0ba461.png)

## ②フロー単体を比較
フローのみ複製している場合や、異なる経緯で作成されたフロー同士を比較する場合は、フローを右クリックして「<font color="blue">別のフローとの比較</font>」を選択してください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/2529d3dd-a3b4-42b3-a548-7ece77d20745.png)
※フローの選択ウインドウを使用するため、比較先にはフローサービス登録済みのフローしか選択できません。

## ③比較ツール単独での使用
デザイナーを経由せず、比較ツールのみを起動して比較することもできます。
この場合、メニューの[ファイル]-[開く]から、比較元プロジェクト、比較先プロジェクトの順番に選択します。
この方法であれば、ASTERIA管理外のプロジェクトファイルを比較することもできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/4dd67348-69c7-4333-9ecc-1d9e324ec0fa.png)

## ④バージョン管理ツールでの比較
バージョン管理ツールを使用している場合、2つのリビジョンを選択して「<font color="blue">リビジョン間の差分</font>」ボタンを押すことで、比較ツールが起動します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/c957c848-115b-483e-a3fc-849393b2dbf7.png)

なお、この際に履歴上離れたバージョンを選択して比較を行うことも可能です！
もし同じ箇所に複数回修正が入っていた場合、最初と最後のリビジョンを選択して比較することで「<font color="blue">最終的にどのように変わったのか？</font>」を確認することができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/a0cdcb3c-f20d-4081-8e5d-85ae4462f668.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/6a5d03df-b44c-4078-a526-9069aaa0579c.png)

## 比較ツール使用時のTIPS
比較ツールを使用しても、思ったように差分比較してくれない……
そんなときは、下記の点に気を付けてみるとよいかもしれません。

### フロー名を合わせる
プロジェクト比較をした際に、フローが新規・削除扱いになってしまって比較されないケースがあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/035bb49a-4d2c-4399-81bc-29490a262847.png)

このような場合は、「<font color="blue">フロー名を同じにする</font>」ことで比較することができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/c920a615-ad9f-40e2-8698-806fa2f381ca.png)

### コンポーネント名・関数名を合わせる
同じように、フロー内で同じ場所にあるコンポーネントや、マッパー内で同じ場所にある関数が比較されないケースがあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/014ffd46-7867-443d-93e7-c086124c1ef9.png)

このような場合も、「<font color="blue">コンポーネント名・関数名を合わせる</font>」ことで比較することができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/29c33c3d-a1ac-415a-a8ff-c25050d42c4e.png)

### 名称変更したフローは比較してくれる
最後に、「プロジェクトを複製の上、意図をもってフロー名を変更したフローを比較できないか？」というケースが考えられます。
実は、比較ツールはフロー名の他に「<font color="blue">フローの内部ID</font>」でも比較が可能です。同名フローがない場合は、名称変更しただけで内部IDが同じフローを比較してくれます。
※同名フローがある場合は、同名フローが優先して比較されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3919043/981a2a26-5360-4032-8cb1-bfa41b09a5b7.png)

# おわりに
今回は、ASTERIA Warpの比較ツールについてご紹介しました。
比較ツールを用いることで変更箇所が明確になり、テスト工数の削減や意図しない変更の防止のような効果が十分に期待できるのではないかと思います！

最後までご覧いただきありがとうございました！
次回更新もお楽しみに！！！


<font color="Blue">※SCSK株式会社はASTERIA Warpのマスターパートナーです。15年以上の販売実績および、様々な業種・業務での構築ノウハウによりお客様をサポート致します。
※SCSK株式会社では、EAIの導入支援や最適なソリューションの提供を通じて、企業のIT環境をサポートいたします。EAIに関するご相談や詳細については、ぜひお気軽にお問い合わせください。</font>

https://www.scsk.jp/product/common/asteria/

※アステリア社が運用しているコミュニティサイト「Asteria Park」や、トレーニングサイト「NoCode Gate」もございます。ぜひご活用ください！

https://asteria-park.commmune.com/view/home
https://nocodegate.asteria.com/