データディレクトリ

​

1. ユースケース

• グループチャットユーザー：社内でグループチャットチャットを送信したユーザー数。
• 新規グループ：社内で新規作成された Internal Group の数。
• アクティブグループ：社内でチャットが送信された Internal Group の数。
• グループチャットチャット：社内の Internal Group で送信されたチャット数。
• Internal Group：社内における Internal Group の現時点の数。
• Department Chat：現時点の Department Chat の数。

​

2. 手順

​

2.1 ステップ 1：フォームを設計する

​

2.1.1 「社内グループチャット統計を照会」フォームを作成する

1. 通常フォームを作成し、「社内グループチャット統計を照会」と名付けます。
2. 日付コンポーネントを追加し、「照会日」と名付け、必須に設定します。（図 2.1-1 参照）

3. ページ右上の「保存」ボタンをクリックします。

​

2.1.2 「社内グループチャットデータ明細」フォームを作成する

1. 通常フォームを作成し、「社内グループチャットデータ明細」と名付けます。
2. 複数行テキストコンポーネントを追加し、「返却データ」と名付け、状態を「非表示」に設定します。（図 2.1-2 参照）

3. サブフォームコンポーネントを追加し、「社内グループチャット統計明細表」と名付け、状態を「閲覧のみ」に設定します。（図 2.1-3 参照）

4. サブフォームの中に一行テキストコンポーネントを 7 個追加し、それぞれ「照会日、グループチャットユーザー、新規グループ、アクティブグループ、グループチャットチャット、Internal Group、Department Chat」と名付けます。すべての状態を「閲覧のみ」に設定します。（図 2.1-4 参照）

5. JS パネルに以下のコードを追加し、データを処理します。（図 2.1-5 参照）

export function didMount() {
  // コネクタが返却したデータを取得します。「textareaField_ky16z248」は複数行テキストコンポーネントの一意識別子です。必ず置き換えてください。そうしないと動作しません。
  const str = this.$("textareaField_ky16z248").getValue();
  // データを処理する
  const obj = JSON.parse(str);
  const val = obj.dataList;
  let arr = [];
  const valList = val.map(item => {
    let valObject = {};
    // 照会日
    // textField_ky16z24k を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24k = item["stat_date"];
    // グループチャットユーザー
    // textField_ky16z24l を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24l = item["4030_DAY"];
    // 新規グループ
    // textField_ky16z24j を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24j = item["4031_DAY"];
    // アクティブグループ
    // textField_ky16z24i を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24i = item["4032_DAY"];
    // グループチャットチャット
    // textField_ky16z24h を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24h = item["4033_DAY"];
    // Internal Group
    // textField_ky16z24g を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24g = item["4034_DAY"];
    // Department Chat
    // textField_ky16z24f を作成したコンポーネントの一意識別子に置き換えてください
    valObject.textField_ky16z24f = item["4035_DAY"];
    arr.push(valObject);
  })
  // 処理済みデータをサブフォームコンポーネントに割り当てます
  // tableField_ky16z24a を作成したサブフォームコンポーネントの一意識別子に置き換えてください
  this.$("tableField_ky16z24a").setValue(arr);
}

6. ページ右上の「保存」ボタンをクリックします。

​

2.2 ステップ 2：コネクタを追加する

1. 管理者ページで「社内グループチャット統計を照会」フォームを選択し、「統合と自動化」を選択して、「統合と自動化を作成」ボタンをクリックします。（図 2.2-1 参照）

2. 「社内統計を照会」という名前のコネクタを作成します。トリガー種類として「フォームイベントトリガー」を選択し、「確認」をクリックします。

3. フォームイベントトリガーを設定します。トリガーイベントに「作成成功」を選択し、データフィルタリングに「すべてのデータ」を選択して、「保存」をクリックします。

4. アプリ > 「Data Catalog」 > 「次へ」を選択します。（図 2.2-4 参照）

5. アクション > 「社内グループチャット統計を取得」 > 「次へ」を選択します。（図 2.2-5 参照）

6. アクションを設定します。照会時刻 > 「フィールド」 > 「照会日」 > 「保存」の順に選択します。（図 2.2-6 参照）

7. データ作成ノードを追加します。「社内グループチャット統計を受信」フォームで、単一レコードを作成し、「コネクタ返却データ」の値を「業務結果」の「フィールド」に設定します。（図 2.2-7 参照）

8. ページ右上の「保存」ボタンをクリックし、「公開」をクリックします。

​

2.3 ステップ 3：フォームデータを送信する

​

3. 結果