--- title: "スマートフォンやタブレットでのテストの方法 | Autify Guide" slug: "can-i-test-my-smartphone-web-h" description: "Autifyを使用してスマートフォンやタブレットでのテストを行う方法について説明します。" updated: 2024-03-14T05:37:19Z published: 2024-03-14T05:37:19Z canonical: "help.autify.com/can-i-test-my-smartphone-web-h" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.autify.com/llms.txt > Use this file to discover all available pages before exploring further. # スマートフォンやタブレット用のテストは可能ですか？どうやってレコーディングするのですか？ ⚠︎ Chromeモバイルデバイス環境（Autifyクラウド環境）はご契約プランによってご提供状況が異なります。 ⚠︎ モバイル実機端末環境はご契約プランによってご提供状況が異なります。 可能です。スマートフォンやタブレットなど、モバイルデバイス向けのシナリオのレコーディングと実行の方法についてそれぞれ解説いたします。 ## モバイル用シナリオのレコーディング モバイル用シナリオのレコーディング方法は大きく二つあります。 1. **ウィンドウサイズからモバイルサイズを選択してレコーディングする** 2. **Chromeのデベロッパーツールで画面サイズを選択してレコーディングする** ウィンドウサイズから選択可能なモバイルサイズはiPhone Xです。iPhone X向けのレコーディングを希望する場合には 1. の方法、それ以外のモバイルサイズを選択したい場合には 2. の方法を選択してください。 ### ウィンドウサイズからモバイルサイズを選択してレコーディングする 1. 新規シナリオ作成画面を開きます。 2. モバイル用のウィンドウサイズを選び、レコーディングウィンドウを立ち上げます。 ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-Screen_Shot_2021-11-04_at_14.01.20.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) 3. ウィンドウがモバイルサイズで立ち上がりますので、そのままレコーディングを進めます。普段どおりクリックや入力、アサーションの挿入などを行うことでモバイルサイト向けのシナリオを作成することができます。 ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-Screen_Shot_2021-11-04_at_13.54.52.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) **注意：** モバイルデバイス名（iPhone Xなど）のついたウィンドウサイズを選択した場合には、レコーディング時に対象サイトへアクセスする際のユーザーエージェントも、モバイルデバイスに一致したものが設定されます。 ### Chromeのデベロッパーツールで画面サイズを選択してレコーディングする 1. 新規シナリオ作成画面を開きます。 2. PC用のウィンドウサイズを選び、レコーディングウィンドウを立ち上げます。 3. Google Chrome のデベロッパーツールを開きます。 - **Windows : Ctrl + Shift + I** - **Mac : ⌥ + ⌘ + I** 4. モバイル表示に切り替えるボタンを押します。 ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-_2019-10-09_11.12.48.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) 5. 好きな端末サイズを選択します。 ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-_2019-10-09_11.14.33.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) 6. その状態で普段どおりクリックや入力、アサーションの挿入などを行うことでモバイルサイト向けのシナリオを作成することができます。 ただし、技術的な制約により、モバイル向けのレコーディング中はアサーション挿入時に対象がグレーに強調される機能が使えません。うまく対象要素を選択できない場合はサポートまでご相談ください。 ## モバイル用テストの実行 Autifyでは下記の実行が可能です。 1. 「今すぐ実行 iPhoneX(Emulator)」ボタンで実行 2. 「テストプラン」から実行 2-1. エミュレーターでの実行 2-2. 実機での実行 ### 1. 「今すぐ実行 iPhoneX(Emulator)」ボタンで実行 モバイル（375x812）ウインドウサイズをシナリオで設定している場合、「今すぐ実行 iPhoneX(Emulator)」ボタンが表示されます。このボタンをクリックすると、**iPhone Xのモバイルエミュレーター**で**すぐにテストを実行**することができます。 ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-Screenshot_2022-03-09_15.42.38.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) ### 2. 「テストプラン」から実行 「テストプラン」でモバイルデバイスの実行環境を選択して実行することができます。 「テストプラン」では、モバイルデバイスの実行環境として、エミュレーターと実機をご用意しています。 ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-Screenshot_2020-03-09_5.55.53.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) ![](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/zndsk-Screenshot_2020-03-09_5.56.14.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A26%3A23Z&se=2026-11-15T02%3A26%3A23Z&sr=c&sp=r&sig=%2FykrMrNtDP4d3v9wDqzID1DbrYm1kq10ZwGW5uZxPug%3D) #### 2-1. エミュレーターでの実行 エミュレーターでの実行はChrome DevToolsのDevice Modeで実行されます。 Chrome DevToolsのDevice Modeというのは、各種端末の画面サイズやユーザーエージェントなどをシミュレートする機能です。Device Mode自体の詳細については[こちら](https://developers.google.com/web/tools/chrome-devtools/device-mode)をご参照ください。 この実行方法の特徴は - 実機ではないので**簡易的な確認**にすぎず、モバイルOSやモバイル版ブラウザの影響など厳密なテストはできない - 実機での実行に比べて**かなり高速** - **Chromeモバイルデバイス環境が利用できるプランで利用可能** #### 2-2. 実機での実行 実機での実行は「外部デバイスファーム」を利用して実際の端末上でテストを実行します。 この実行方法の特徴は - 実際の端末上でその端末の標準ブラウザを立ち上げて実行するので、**OSやブラウザによる影響の確認ができる** - Device Modeでの実行に比べて**かなり遅い** - **モバイル実機端末環境を利用できるプランで利用可能**