GUI Test Studio チュートリアル: 15 分で最初の自動エンドツーエンドテスト

最初の自動エンドツーエンドテストを 15 分で、コードなしで: インストールし、記録し、検証する内容を選び、実行し、レポートを読み、ビルドのたびに実行します。

読了 7 分更新日: 2026年11月6日執筆: Ait Nohaila (事業開発担当)

GUI Test Studio は、一度行ったシナリオから自動のエンドツーエンドテストを作ります: インストールし、シナリオを記録し、検証する内容を選び、実行し、レポートを読みます。コードは不要で、所要時間は 15 分ほどです。

GUI Test Studio とは

アプリのテストは、すでに手で行っているはずです: シナリオに沿ってクリックし、画面を見ます。GUI Test Studio は、その一連の操作を自動テストに変えます。一度見せれば、毎回の実行でそれを検証します。

Definition

テストは、行ったステップと、正しい状態とは何かを示すアサーションでできています。それらは、動画の編集のように、タイムラインに並びます。書くべきスクリプトはありません。

タイムライン
ビジュアルリファレンス
マウスイベント
クリッククリック
キーボードイベント
テキスト入力
アサーション
ビジュアルアサーションテキストアサーションビジュアルアサーション
どのブロックも、行った操作またはアサーションで、それが起きる時点に置かれます。アサーションはアサーショントラックにあります。

作り方は 2 通りあります。この記事のように自分で記録する方法。または、ワークフローをプロンプトで説明する方法: GUI Test Studio のコネクターを通じて、Claude Desktop、Claude Code、VS Code の中で、Claude が代わりに記録し、検証し、実行します。どちらでも、できあがるテストは同じです。

記録

シナリオを一度だけ手で行うか、プロンプトで説明する

調整

必要ならタイムラインで調整する

実行

すべてのビルドで再生する

確認

レポートが何がなぜ変わったかを伝える

1 個のインストーラーで、同じテストファイルを扱う 3 個のツールが手に入ります。

ツール行うこと
GUI Test Runner-Recorder新しいテストを記録し、テストを実行し、信頼度レポートを読みます。
GUI Test Studioタイムラインでテストを形作ります: アサーションの追加や調整、ステップの命名、シナリオへのグループ化、そしてアプリの開発中にテストを最新に保つことです。
gtr-cliスクリプトや CI/CD パイプラインから、ウィンドウなしでテストを実行します。同じ実行、同じ結果です。
Claude コネクターテストをプロンプトで説明します: Claude が 2 個のアプリを通じてテストを記録し、編集し、実行し、レポートを読みます。

画面に表示されるものなら何でもテストします: あらゆるブラウザーの Web サイト、Windows プログラム、スマートフォンの画面、仮想マシン、ゲームです。詳しくはGUI Test Studio の仕組みをご覧ください。

ステップ 1: インストールする

  1. 1

    無料アカウントを作る

    メールアドレスまたは Google で、当社の Web サイトにサインアップします。15 日間のトライアルがすぐに始まり、すべての機能が使え、支払い情報は不要です。

  2. 2

    インストーラーをダウンロードして実行する

    インストーラーはアカウントページにあります。GUI Test Runner-Recorder、GUI Test Studio、コマンドラインランナーを一度にセットアップします。

  3. 3

    最初の質問に答える

    初回は、ブラウザーで一度サインインするよう求められ、続いて働き方についての短い質問がいくつかあります。スキップで推奨設定のままになります。

すべての詳細はインストールと設定にあります。

ステップ 2: 最初のテストを記録する

よく知っているアプリで、短いシナリオを選んでください。ログイン、検索、かごへの商品の追加は、どれも最初のテストに向いています。

「記録」を押したとき

サインイン

サインイン
毎回の実行の前

サインイン

サインイン
同じ画面、同じ状態: そうすれば、どのクリックも記録した場所に着地します。
  1. 1

    「記録」をクリックする

    ホーム画面には 2 通りの方法が並んでいます: 赤い記録ボタンのある自分で記録と、プロンプトからテストを作成です。記録をクリックしてください。

    1. 1記録: 新しい記録を始める
    2. 2プロンプトからテストを作成: もう一方の方法: テストを Claude に説明する
  2. 2

    テストする対象を選ぶ

    最初のテストには、画面全体が最も簡単な選択です。1 個のアプリ、Web ページ、画面の一部、またはスマートフォンを選ぶこともできます。

  3. 3

    シナリオを行い、Esc を押す

    短いカウントダウンの後、ユーザーがするように、ふつうの速さでクリック、入力、スクロールしてください。小さなツールバーで一時停止や最初からのやり直しができ、ツールバーが記録に写ることはありません。

記録を安定させる習慣は、テストを記録するにあります。

ステップ 3: 検証する内容を選ぶ

停止すると、アプリはこのテストで何を検証するかを尋ねます。アサーションとは、テストが何かが正しいことを確かめる瞬間です: ボタンがある、テキストが正しい内容を示している、ダイアログが現れた、などです。

最初のテストでは、選択はそのままにして「テストを保存」をクリックしてください。保存には少し時間がかかります: このときにアサーションが作られ、クリックした要素ごとに、そして画面に現れたものに対して、1 個ずつ付きます。

各カードの意味はテストが検証する内容を選ぶに、アサーションの種類ごとの説明は適切なアサーションを選ぶにあります。

ステップ 4: 実行する

テストが始まる状態にアプリを戻し、「テストを実行」をクリックしてください。

  1. 1テストを実行: ライブ画面でテストを再生する
  2. 2実行: 過去のすべての実行。ダブルクリックするとそのレポートが開く

短いカウントダウンの後、テストが自動でマウスを動かして入力し、画面上部の細い青いバナーがテスト実行中であることを示します。終わるまで、マウスとキーボードに触れないでください。F2 を押せばいつでも停止できます。

どの実行も保存されます。テスト画面の実行カードに、新しい順に、結果、所要時間、合格したアサーションの数とともに並び、ダブルクリックでどの実行のレポートも開き直せます。

テストの途中からの実行など、ほかの実行方法はテストを実行するにあります。

ステップ 5: レポートを読む

  • 実行が終わると、信頼度レポートが開きます。上部のバナーが判定を示します。その下のリストに、すべてのステップとアサーションが順に並びます。

どのアサーションでもクリックすると、期待されたものと見つかったものが並んで表示されます。何かが変わったときは、画面上で強調表示され、判定がそれを分かりやすい言葉で伝えます。

意図的に何かを変えましたか? ワンクリックで新しい見た目を採用すれば、テストは以後それを期待します。バグを見つけましたか? バナーのバグレポートが、実行の内容を記入済みのレポートを PDF または Excel ファイルとして書き出し、Jira に接続で Jira サイトを接続すれば Jira の課題としても書き出します。レポートの各部分は信頼度レポートを読むで説明しています。

ステップ 6: 仕上げる

テストはそのままでもすでに動きます。自分のものにするには、テスト画面で GUI Test Studio で編集をクリックしてください。テストがタイムライン上で開きます。

  1. 1

    重要なステップに名前を付ける

    ブロックを選択して F2 を押します: 「サインインボタンがある」、「ユーザー名を入力」。レポートは以後、自分の言葉で語ります。

  2. 2

    ステップをシナリオにグループ化する

    ひとまとまりのステップを選択して Ctrl+G を押します: 「サインイン」、「検索」、「チェックアウト」。レポートは以後、実行がどの部分で止まったかを伝えます。

  3. 3

    必要なところを調整する

    自分のアサーションを追加したり、遅い画面に時間の余裕を与えたりします。どの変更も元に戻せます。または変更を Claude に説明すれば、確認のうえでテストをその場で編集します。

GUI Test Studio のツアーを回ってから、タイムラインでの作業を学んでください。

ステップ 7: すべてのビルドで実行する

変更がプッシュされる

どのブランチでも、いつでも

パイプラインがビルドを始める

どの CI/CD ツールでも

gtr-cli がテストを実行する

ウィンドウなしで

結果が返る

終了コードと JUnit ファイル

コマンド
gtr-cli run tests --countdown 0 --junit results\junit.xml

このコマンドを自分で書く必要はありません。どちらのアプリでも、コマンドラインと CI/CDが、Jenkins、GitHub Actions、GitLab、Azure DevOps、TeamCity 向けのできあいのスニペットとともに、代わりに組み立てます。

セットアップ全体はパイプラインでテストを実行するにあります。

要点

  • 1テストを一度見せれば、以後は自動で実行されます: シナリオを記録するか、プロンプトで説明してください。
  • 2アサーションが作られるのは、記録を保存するときです: クリックした要素ごと、そして表示されたものごとに作られます。
  • 3毎回、同じ開始地点: 記録を始めた画面にアプリを戻してください。
  • 4信頼度レポートは何がなぜ変わったかを伝え、意図した変更はワンクリックで採用できます。
  • 5テストはすべてのビルドで役に立ちます: gtr-cli が、ウィンドウなし、コードなしで、パイプラインからテストを実行します。

よくある質問

GUI Test Studio とは何ですか?

GUI Test Studio は、Web アプリ、Windows デスクトップアプリ、スマートフォンの画面、ゲームの自動エンドツーエンドテストのためのノーコードツールです。シナリオを一度記録するかプロンプトで説明すると、テストは実行のたびにそれを再生し、何が変わったかを報告します。1 個のインストーラーに 3 個のプログラムが含まれています: GUI Test Runner-Recorder、GUI Test Studio、コマンドラインランナーの gtr-cli です。

コードなしで、自動のエンドツーエンドテストはどう作りますか?

記録します。GUI Test Runner-Recorder で「記録」をクリックし、シナリオを一度手で行って Esc を押します: クリック、入力、表示されたもののアサーションがテストになります。シナリオをプロンプトで説明し、Claude、ChatGPT、またはローカル AI モデルに記録してもらうこともできます。

最初のテストを作るのに、どれくらいかかりますか?

インストールを含めて 15 分ほどです。サインインのような短いシナリオの記録に 1 分、保存は一瞬、最初の実行にさらに 1 分かかります。アプリのスタートガイドが、練習用のページで手順を案内します。

プログラミングの知識は必要ですか?

いいえ。書くスクリプトも、保守するコードもありません。テストは動画の編集のようにタイムラインに並び、チームの誰でもそこで変更できます。

テストは何を検証しますか?

画面に表示されるものです。記録を保存すると、クリックした要素ごとと、クリックの後に表示されたものについてアサーションが作られます: ボタンがある、テキストが正しい内容を示している、ダイアログが開いた、などです。タイムラインで独自のアサーションを追加することもできます。

テストが不合格になると、どうなりますか?

信頼度レポートが、どのステップがなぜ不合格になったかを、テストが期待した画像と見つけたものを並べ、違いを強調表示して伝えます。変更が意図したものなら、新しい見た目をワンクリックで採用します。バグなら、「バグレポート」が実行の内容を記入済みのレポートを、ファイルまたは Jira の課題として作成します。

CI/CD パイプラインでテストを実行できますか?

はい。アプリと一緒にインストールされる gtr-cli は、Jenkins、GitHub Actions、GitLab、Azure DevOps、TeamCity、またはどのスクリプトからでも、ウィンドウなしでテストを実行します。終了コードを返して JUnit ファイルを書き出し、コマンドはアプリが組み立ててくれます。

無料トライアルはありますか?

はい。トライアルは 15 日間で、すべての機能が含まれ、支払い情報は不要です。メールアドレスまたは Google でサインアップすると、インストーラーはアカウントページにあります。

次に進む先

最初のテストを記録する準備はできましたか?

すべての機能を 15 日間。

テスト対象のアプリでご覧になりますか? チームとの 30 分の無料相談を予約してください。

デモを予約