チュートリアル

練習ページを開いて「確認する」をタップする完成形です。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.1: 「重要なお知らせ」の確認するボタンを自動タップ",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/lv1_tap.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "tap",
      "object_name": "「重要なお知らせ」の確認するボタン",
      "css_selector": "#notice-important button",
      "post_tap_wait": 3.0
    }
  ]
}

2つの欄に自動入力してから送信ボタンをタップする完成形です。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.2: お問い合わせフォームに自動入力して送信",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/lv2_input.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "input_text",
      "object_name": "お名前",
      "css_selector": "#name",
      "text": "山田 太郎",
      "clear_first": true,
      "post_input_wait": 3.0
    },
    {
      "id": "node_3",
      "type": "input_text",
      "object_name": "お問い合わせ内容",
      "css_selector": "#message",
      "text": "自動入力の練習です。",
      "clear_first": true,
      "post_input_wait": 3.0
    },
    {
      "id": "node_4",
      "type": "tap",
      "object_name": "送信ボタン",
      "css_selector": "#send-btn",
      "post_tap_wait": 3.0
    }
  ]
}

生成をタップ →「待機（要素が表示されるまで）」→ ダウンロードをタップ、の完成形です。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.3: 生成→ダウンロードボタンの表示を待って→タップ",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/lv3_wait.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "tap",
      "object_name": "レポートを生成するボタン",
      "css_selector": "#generate-btn",
      "post_tap_wait": 3.0
    },
    {
      "id": "node_3",
      "type": "wait_for_load",
      "wait_condition": "element_visible",
      "css_selector": "#download-btn",
      "timeout": 15.0
    },
    {
      "id": "node_4",
      "type": "tap",
      "object_name": "ダウンロードボタン",
      "css_selector": "#download-btn",
      "post_tap_wait": 3.0
    }
  ]
}

3つのチャレンジを1本のフローで順にクリアする完成形です。チャレンジ③では「待機（要素の出現）」を組み合わせています。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.5: セレクタ直接入力で3つのボタンを順にタップ",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/lv5_selector.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "tap",
      "object_name": "チャレンジ1: ドロップダウン内のヘルプ",
      "css_selector": "#menu-help",
      "post_tap_wait": 3.0
    },
    {
      "id": "node_3",
      "type": "tap",
      "object_name": "チャレンジ2: モーダル内の削除ボタン",
      "css_selector": "#modal-delete-btn",
      "post_tap_wait": 3.0
    },
    {
      "id": "node_4",
      "type": "wait_for_load",
      "wait_condition": "element_appears",
      "css_selector": "#approve-btn",
      "timeout": 15.0
    },
    {
      "id": "node_5",
      "type": "tap",
      "object_name": "チャレンジ3: 動的追加された承認ボタン",
      "css_selector": "#approve-btn",
      "post_tap_wait": 3.0
    }
  ]
}

全部屋の予約ボタンを候補にして、「disabled 属性が無い（＝有効な）」ボタンだけをタップし、成功したら音を鳴らす完成形です。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.6: 有効な「予約する」ボタンだけをスマートタップ",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/room_list.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "smart_tap",
      "entries": [
        {
          "id": "sel_0",
          "label": "空室の予約ボタン",
          "css_selector": "button[data-reserve]",
          "tap_selector": "",
          "tap_mode": "relative",
          "mode": "multi",
          "active": true,
          "tap_conditions": [
            {
              "id": "tc_0",
              "name": "有効な予約ボタン",
              "active": true,
              "conditions": [
                {
                  "id": "c_0",
                  "mode": "relative",
                  "chain": "",
                  "attribute": "disabled",
                  "operator": "attr_not_exists",
                  "value": ""
                }
              ]
            }
          ]
        }
      ],
      "output_flows": [ { "id": "flow_0", "name": "予約できたら" } ],
      "post_tap_wait": 3.0,
      "wait_for_load": false,
      "flow_flow_0": [
        {
          "id": "node_3",
          "type": "play_sound",
          "sound_id": "chime",
          "volume": 1.0,
          "loop": false,
          "wait_for_finish": true
        }
      ]
    }
  ]
}

「タスクBの行の中にある完了ボタン」という相対的な指定で生成されるセレクタの完成イメージです。実際の練習では2要素をタップして自動生成してみましょう。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.6: 「タスクBの行にある完了ボタン」を相対的に指定してタップ",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/lv6_relative.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "tap",
      "object_name": "タスクBの行の完了ボタン",
      "css_selector": "#task-row-B button",
      "post_tap_wait": 3.0
    }
  ]
}

102号室のボタンに disabled 属性が「無い」= 有効かをチェックし、Yes なら予約タップ＋音、No ならリロードします。読み込んだ後、エディタで No 側のリロードからチェックノードへ線をつなぐと完全なループになります（Run の繰り返し実行でも同じ動きができます）。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.7 練習①: 102号室(無効化タイプ)。ボタンが有効なら予約、だめならリロード",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/room_list.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "if",
      "condition": {
        "css_selector": "button[data-reserve=\"room-102\"]",
        "attribute": "disabled",
        "operator": "attr_not_exists",
        "value": ""
      },
      "yes": [
        {
          "id": "node_3",
          "type": "tap",
          "object_name": "102号室の予約するボタン",
          "css_selector": "button[data-reserve=\"room-102\"]",
          "post_tap_wait": 3.0
        },
        {
          "id": "node_4",
          "type": "play_sound",
          "sound_id": "chime",
          "volume": 1.0,
          "loop": false,
          "wait_for_finish": true
        }
      ],
      "no": [
        {
          "id": "node_5",
          "type": "reload",
          "target_url": "https://cmirai.jp/app/smauto/practice/room_list.html",
          "wait_condition": "fixed_duration",
          "post_load_wait": 5.0
        }
      ]
    }
  ]
}

練習①との違いはチェック条件だけ：非表示タイプなので「要素が存在するか」（operator: exists）を使います。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.7 練習②: 101号室(非表示タイプ)。ボタンが存在すれば予約、なければリロード",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/room_list.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "if",
      "condition": {
        "css_selector": "button[data-reserve=\"room-101\"]",
        "attribute": "",
        "operator": "exists",
        "value": ""
      },
      "yes": [
        {
          "id": "node_3",
          "type": "tap",
          "object_name": "101号室の予約するボタン",
          "css_selector": "button[data-reserve=\"room-101\"]",
          "post_tap_wait": 3.0
        },
        {
          "id": "node_4",
          "type": "play_sound",
          "sound_id": "chime",
          "volume": 1.0,
          "loop": false,
          "wait_for_finish": true
        }
      ],
      "no": [
        {
          "id": "node_5",
          "type": "reload",
          "target_url": "https://cmirai.jp/app/smauto/practice/room_list.html",
          "wait_condition": "fixed_duration",
          "post_load_wait": 5.0
        }
      ]
    }
  ]
}

「10:00 の行」の5列（5日分）を対象に、セルのテキストが「○」のものを見つけてタップし、成功したら音を鳴らす完成形です。コピー

{
  "schema_version": "1.0",
  "comment": "チュートリアル Lv.8: カレンダーの10:00の行から○(空き)のセルを探してタップ",
  "flow": [
    { "id": "node_0", "type": "start" },
    {
      "id": "node_1",
      "type": "reload",
      "target_url": "https://cmirai.jp/app/smauto/practice/calendar.html",
      "wait_condition": "fixed_duration",
      "post_load_wait": 5.0
    },
    {
      "id": "node_2",
      "type": "table_tap_get",
      "table_selector": "#calendar-table",
      "header_row_index": 0,
      "header_col_index": 0,
      "row_labels": [],
      "col_labels": [],
      "default_tap_selector": "",
      "default_tap_conditions": [
        {
          "id": "tc_ok",
          "name": "空き(○)のセル",
          "conditions": [
            {
              "id": "c_0",
              "mode": "relative",
              "chain": "",
              "attribute": "text",
              "operator": "==",
              "value": "○"
            }
          ]
        }
      ],
      "cells": [
        { "id": "cell_1_1", "label": "10:00 × 1日目", "row_label": "10:00", "col_label": "1日目", "row_idx": 1, "col_idx": 1, "active": true, "tap_selector": "", "tap_conditions": [] },
        { "id": "cell_1_2", "label": "10:00 × 2日目", "row_label": "10:00", "col_label": "2日目", "row_idx": 1, "col_idx": 2, "active": true, "tap_selector": "", "tap_conditions": [] },
        { "id": "cell_1_3", "label": "10:00 × 3日目", "row_label": "10:00", "col_label": "3日目", "row_idx": 1, "col_idx": 3, "active": true, "tap_selector": "", "tap_conditions": [] },
        { "id": "cell_1_4", "label": "10:00 × 4日目", "row_label": "10:00", "col_label": "4日目", "row_idx": 1, "col_idx": 4, "active": true, "tap_selector": "", "tap_conditions": [] },
        { "id": "cell_1_5", "label": "10:00 × 5日目", "row_label": "10:00", "col_label": "5日目", "row_idx": 1, "col_idx": 5, "active": true, "tap_selector": "", "tap_conditions": [] }
      ],
      "output_flows": [ { "id": "flow_0", "name": "予約できたら" } ],
      "swap_label_order": false,
      "post_tap_wait": 3.0,
      "flow_flow_0": [
        {
          "id": "node_3",
          "type": "play_sound",
          "sound_id": "chime",
          "volume": 1.0,
          "loop": false,
          "wait_for_finish": true
        }
      ]
    }
  ]
}