Anyflow Embed Docs
管理画面を開く
  • 👋イントロダクション
    • はじめに
    • 初期セットアップ
    • 用語集
  • 🔰トライアルツアー
    • トライアルツアー初級編
      • STEP1|アカウント作成 〜 ソリューション作成
      • STEP2|エンドユーザー変数
      • STEP3|ifステップ
      • STEP4|変数の活用、デバッグ
      • 動画チュートリアル
    • トライアルツアー中級編
      • STEP1 | 独自のアクションを追加する
      • STEP2 | My Event を理解する
      • STEP3 | My Event を実装する
    • トライアルツアーが終わったら
  • 🍳レシピ
    • CRM
      • SalesforceのToDoデータを取得する
      • Salesforceの取引先データを取得する
      • Salesforceの取引先データを登録する
      • Salesforceの商談を取得する
      • Salesforceのリードを取得する
      • HubSpotのコンタクトデータを取得する
      • HubSpotの会社データを取得する
      • HubSpotの取引データを取得する
    • コミュニケーション
      • Slack チャンネルにファイルをアップロードする
      • Slack チャンネルのメンバー情報一覧を取得する
      • 独自のSlackBotを設定する
    • 人事労務
      • SmartHRの部署データを取得する
      • SmartHRの従業員データを取得する
      • freee人事労務の従業員データを取得する
      • freee人事労務の勤怠データを取得する
    • 会計
      • freee会計の事業所データを取得する
      • freee会計の取引先データを取得する
      • freee会計の取引データを取得する
      • freeeコネクタのスコープを変更する
    • グループウェア
      • Google DriveのOAuthアプリを作成する
  • 🎨ソリューションエディタ
    • ソリューションエディタとは
    • トリガー
      • 自社プロダクト起点
        • Clickトリガー
        • Requestトリガー
          • Responseステップ
        • My Eventトリガー
          • アクセストークンの発行
        • Webhookトリガー
        • Request / My Event / Webhook トリガーの違い
      • 外部プロダクト起点
        • ポーリングトリガー
        • リアルタイムトリガー
      • スケジューラートリガー
      • トリガー条件
    • アクション
      • APIの呼び出し
        • 専用アクション
        • カスタムアクション
        • HTTPアクション
      • データの変換
        • Pythonアクション
        • 変数アクション
        • リストアクション
        • 日付と時刻アクション
        • CSVアクション
      • データの記録
        • キーバリューストア(KVS)アクション
        • ログアクション
        • メールアクション
    • ロジック
      • if
      • 繰り返し
      • エラー監視
      • 停止
    • 変数
      • 標準変数
      • エンドユーザー変数
    • 共通仕様
      • スキーマ定義
      • 固定リストと動的リスト
      • Formula
  • 🖼️ウィザードエディタ
    • ウィザードエディタとは
    • ウィジェット
      • アシスト
      • 複数選択アシスト
      • テーブルアシスト
      • チェックボックス
      • マッピング
      • コンディション
      • CSV(ファイル全体)
      • CSV項目(ヘッダーのみ)
    • ウィザードの仕様
    • 詳細設定
      • Markdown記法
      • テキストの入力パターンを指定する
      • デフォルト値を指定する
  • 🔌コネクタ
    • 対応コネクタ一覧
    • SaaSコネクタ固有の注意点
      • SaaS側でIPアドレス制限をしている場合
      • 自社独自のOAuthクライアントが必須のSaaS
      • cybozu.com製品で認証エラーとなる場合
      • kintoneコネクタとkintone(OAuth)コネクタの違い
      • ZoomコネクタとZoom(カスタム)コネクタの違い
      • SlackBotコネクタの違い
      • 2種類のSmartHRコネクタについて
    • OAuth画面をカスタムする
  • 🚀リリース
    • テスト
    • デプロイ
    • デプロイ環境
    • エンドユーザーへの提供方法
    • 自社プロダクトへの組み込み
      • JWTや公開鍵を生成する
      • SDK組み込みツアー
    • Anyflowドメインでの提供
  • 🧰運用/保守
    • 実行履歴
      • エンドユーザー向け実行履歴
      • ベンダー向け実行履歴
    • エラーへの対応
      • 連携先アプリの認証エラー
      • アクションの自動リトライ
      • ソリューションの再実行
    • イベント通知
    • ソリューション実行の上限値
    • ソリューションの削除
  • 📄ポリシー
    • 障害時の対応
    • エンドユーザーの問い合わせ
    • サービスレベル/稼働率
    • サービスの責任範囲
    • セキュリティポリシー
  • ⚙️Anyflow SDK
    • Anyflow SDK v0.13.0
      • エラータイプ
      • リファレンス
      • マイグレーションガイド
      • よくあるご質問
  • ⚙️Anyflow API
    • Vender Server API
      • Open API Specification
    • End User API
      • Open API Specification
    • Webhook
      • Open API Specification
GitBook提供
このページ内
  • 概要
  • ウィジェットの種類
  • 基本的な入力ウィジェット
  • 応用的な入力ウィジェット
  • 各ウィジェットの詳細
  • テキスト
  • パスワード
  • セレクト
  • アシスト
  • カレンダー
  • CSV
  • CSV項目
  • マッピング
  • チェックボックス
  • 複数選択アシスト
  • テーブルアシスト
  • コンディション
  1. ウィザードエディタ

ウィジェット

前へウィザードエディタとは次へアシスト

最終更新 1 か月前

概要

ウィザードでは、エンドユーザーがスムーズに値を入力できるように、 項目ごとに適切な入力方法を提供する必要があります。

例えば:

  • Slackのチャンネルを手入力させるのではなく、一覧から選択させる

  • ◯◯の場合は✗✗する などの複雑な条件設定を指定できるようにする

Anyflowでは様々な入力ウィジェットを提供しており、状況に合わせて適切なものを選択できます。

ウィジェットの指定方法

ウィジェットの種類

基本的な入力ウィジェット

一部のエンドユーザー変数を除き、多くのエンドユーザー変数で入力方法として選択できます。

入力方法
説明

テキスト

一般的なテキストウィジェットです。

パスワード

入力した文字がマスキングされるため、パスワードや秘密情報を入力するのに適したウィジェットです。

セレクト

固定の選択肢の中から選択するためのウィジェットです。

アシスト

関連するコネクタのAPIを呼び出して、エンドユーザーごとに固有な選択肢を動的に提示するためのウィジェットです。

カレンダー

カレンダーの中から日付の入力をするためのウィジェットです。

CSV

CSV(ファイル全体)をエンドユーザーがアップロードするためのウィジェットです。

CSV項目定義

CSVの項目(ヘッダー)をエンドユーザーが定義するためのウィジェットです。

CSV項目選択

CSVの項目(ヘッダー)をエンドユーザーが選択するためのウィジェットです。

応用的な入力ウィジェット

エンドユーザー変数が特定の型の場合のみ利用できます。

エンドユーザー変数の型
入力方法
説明

マッピング

マッピング

異なるアプリでデータのマッピングを行うためのウィジェットです。

チェックボックス/複数選択アシスト/テーブルアシスト

チェックボックス/複数選択アシスト/テーブルアシスト

固定の選択肢の中から、複数選択が可能なウィジェットです。

コンディション

コンディション

条件のルールを入力を受け付けるためのウィジェットです。

エンドユーザー変数の型がこれらの場合は、入力方法はこの表に記載の方法に制限されます。

ただしマッピングウィジェットの中に表示される入力ウィジェットについては、「基本的な入力ウィジェット」を選択することができます。

各ウィジェットの詳細

テキスト

一般的なテキストウィジェットです。

入力パターンを設定する方法

正規表現を記述することで、エンドユーザーがテキストウィジェットに入力する際の入力パターンを定義できます。詳しくはこちら

パスワード

入力した文字がマスキングされるため、パスワードや秘密情報を入力するのに適したウィジェットです。

セレクト

固定の選択肢の中から選択するためのセレクトウィジェットです。

選択肢は「オプション」の欄で追加します。

アシスト

関連するコネクタのAPIを呼び出して、エンドユーザーごとに固有な選択肢を動的に提示します。 例えば以下の設定ではエンドユーザーのSlackワークスペースに存在するチャンネル名の一覧を提示します。

カレンダー

カレンダーの中から日付の入力をするためのウィジェットです。

CSV

エンドユーザーからCSVファイルのアップロードを受け付け、中身を文字列としてソリューション内で利用することができます。

CSV項目

「CSV項目定義」と「CSV項目選択」はセットで利用します。

エンドユーザーが「定義」ウィジェットでCSVファイルをアップロードできます。

アップロードをすると、その項目(ヘッダー)がウィザードに読み込まれます。

その後「選択」ウィジェットで、読み込んだ項目(ヘッダー)をエンドユーザーが選択できます。

マッピング

異なるアプリでデータのマッピングを行うためのウィジェットです。 エンドユーザー変数の型が「マッピング」の場合に利用できます。

以下の例では、HubSpotとSalesforceのフィールドの紐づけを行っています。

チェックボックス

チェックボックスは、複数選択が可能なウィジェットです。 エンドユーザー変数の型が「チェックボックス/複数選択アシスト/テーブルアシスト」の場合に利用できます。

複数選択アシスト

複数選択アシストを選択すると、単体ではなく複数のアシストのデータを選択することが可能です。

エンドユーザー変数の型が「チェックボックス/複数選択アシスト/テーブルアシスト」の場合に利用できます。

テーブルアシスト

テーブルアシストは、テーブル形式でエンドユーザーが項目を選択することが可能なウィジェットです。

エンドユーザー変数の型が「チェックボックス/複数選択アシスト/テーブルアシスト」の場合に利用できます。

コンディション

条件のルールを入力を受け付けるためのウィジェットです。 エンドユーザー変数の型が「コンディション」の場合に利用できます。

型がマッピングの変数では、入力方法はマッピングしか選択できない
マッピングの左/右カラムでは、基本的な入力方法を選択できる

アシストの詳細はを確認してください。

CSVアップロード前
CSVアップロード後

CSVについて、詳細はを確認してください。

CSV項目定義やCSV項目選択について、詳細はを確認してください。

マッピングの詳細はを確認してください。

チェックボックスの詳細はを確認してください。

複数選択アシストを設定し、Slackのチャンネル一覧を複数選択する例

複数選択アシストの詳細はを確認してください。

テーブルアシストの詳細はを確認してください。

コンディションの詳細はを確認してください。

🖼️
こちら
こちら
こちら
こちら
こちら
こちら
こちら
こちら
マッピングの左/右カラムでは、基本的な入力方法を選択できる
型がマッピングの変数では、入力方法はマッピングしか選択できない
1675
568