Visio のシェイプとAdobe Commerce データを連携

こんにちは！ドライバー周りのヘルプドキュメントを担当している古川です。

CData ODBC Driver for AdobeCommerce を使ってVisio ダイアグラムへのデータ入力プロセスを自動化し、ダイアグラムを最新の状態に保つことができます。ドライバーはAdobe Commerce データをODBC データソースとして出力し、Microsoft Office のようなODBC サポートを組み込んだアプリケーションからのアクセスを実現します。この記事では、Adobe Commerce データをリンクしたVisio プロジェクトでブレーンストーミングを始めるためのシンプルなダイアグラムを作成する方法を紹介します。

CData ODBC ドライバとは？

CData ODBC ドライバは、以下のような特徴を持ったリアルタイムデータ連携ソリューションです。

1. Adobe Commerce をはじめとする、CRM、MA、会計ツールなど多様なカテゴリの270種類以上のSaaS / オンプレミスデータソースに対応
2. 多様なアプリケーション、ツールにAdobe Commerce データを連携
3. ノーコードでの手軽な接続設定
4. 標準 SQL での柔軟なデータ読み込み・書き込み

CData ODBC ドライバでは、1.データソースとしてAdobe Commerce の接続を設定、2.Visio 側でODBC Driver との接続を設定、という2つのステップだけでデータソースに接続できます。以下に具体的な設定手順を説明します。

CData ODBC ドライバのインストールとAdobe Commerce への接続設定

まずは、本記事右側のサイドバーからAdobeCommerce ODBC Driver の無償トライアルをダウンロード・インストールしてください。30日間無償で、製品版の全機能が使用できます。

接続プロパティが未設定の場合は、はじめにODBC DSN（データソース名）に設定します。これはドライバーのインストールの最後の手順にあたります。Microsoft ODBC Data Source Administrator を使用して、ODBC DSN を作成および設定できます。

Adobe Commerce はOAuth 1 認証標準を使用します。Adobe Commerce REST API に接続するには、Adobe Commerce システムにアプリを登録してOAuthClientId、OAuthClientSecret、およびCallbackURL 接続プロパティの値を取得する必要があります。 OAuth 値を取得して接続するには、ヘルプドキュメントの「はじめに」を参照してください。

また、Adobe Commerce システムへのURL を提供する必要があります。URL は、Adobe Commerce REST API を顧客として使用しているか管理者として使用しているかによって異なります。

• Customer: Adobe Commerce を顧客として使用するには、事前にAdobe Commerce のホームページで顧客アカウントを作成します。これを行うには、「アカウント」->「登録」をクリックします。それからURL 接続プロパティをAdobe Commerce システムのエンドポイントに設定します。

• Administrator: Adobe Commerce を管理者として使用するには、代わりにCustomAdminPath を設定します。この値は、「Admin」メニューの「Advanced」設定で取得できます。「System」->「Configuration」->「Advanced」->「Admin」->「Admin Base URL」を選択することでアクセスできます。

  このページ上の「Use Custom Admin Path」設定がYES に設定されている場合、値は「Custom Admin Path」テキストボックス内にあります。それ以外の場合は、CustomAdminPath 接続プロパティをデフォルト値の"admin" に設定します。

Adobe Commerce データをダイアグラムに連携

以下の手順に従い、データ選択ウィザードを使ってダイアグラムにデータをインポートします。

1. Visio を開き、「ファイル」->「新規」をクリックします。「ブレーンストーミング図」テンプレート（Visio Plan 1 が必要です）を開きます。
2. 「データ」タブで、「図形にデータをリンク」をクリックします。
3. ODBC オプションを選択し、次に「ODBC DSN」を選択します。
4. AdobeCommerce のDSN を選択し、インポートしたいテーブルを選択してウィザードを終了します。この記事では、Products を例にしています。

Adobe Commerce エンティティを図形にリンク

以下の手順で、Adobe Commerce エンティティを図形にリンクする方法の1つである、データから図形を作成する方法を示す簡単なダイアグラムを作成します。

1. 「ブレーンストーミング図形」をクリックして、メイントピックを図面ページへドラッグします。メイントピックのテキストとしてProducts を入力します。
2. 「トピック」をクリックします。
3. 「外部データ」ウィンドウで行を選択し、図面ページ上にドラッグします。
4. 「トピック」図形を右クリックし、「データ」->「データグラフィックの編集」をクリックします。
5. 「新しいアイテム」をクリックします。
6. 「データフィールド」メニューで、カラムを選択します。「表示形式」メニューで、表示方法を選択します。
7. 他のいくつかのAdobe Commerce エンティティを図面ページにドラッグし、メイントピックであるProducts に戻る関連線を追加します。新しいトピックは同じ構成です。データバーに表示される数値カラムは、他のProducts エンティティとは対照的にハイライトされます。

「データ」タブから、外部のAdobe Commerce データと図形を同期してダイアグラムを更新することができます。

Adobe Commerce からVisio へのデータ連携には、ぜひCData ODBC ドライバをご利用ください

このようにCData ODBC ドライバと併用することで、270を超えるSaaS、NoSQL データをコーディングなしで扱うことができます。30日の無償評価版が利用できますので、ぜひ自社で使っているクラウドサービスやNoSQL と合わせて活用してみてください。

CData ODBC ドライバは日本のユーザー向けに、UI の日本語化、ドキュメントの日本語化、日本語でのテクニカルサポートを提供しています。