> For the complete documentation index, see [llms.txt](https://docs.nexthink.com/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nexthink.com/platform/ja/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/using-element-selector-in-adopt-editor.md).

# ガイドエディターでの要素セレクターの使用

{% hint style="warning" %}
Adopt Editor の機能を使用するには、まず Nexthink Infinity でガイドを作成し、対象の Web アプリケーション向けに Adoption 設定を構成する必要があります。
{% endhint %}

ブラウザー上の Guides Editor から Element Selector を使用して、対象の Web アプリケーション全体に[ガイドのビジュアルコンポーネント](/platform/ja/user-guide/adopt/getting-started-with-adopt.md#what-are-the-different-visual-components-available-for-guides)を配置します。

## Guides Editor で Element Selector を使用する

ガイドの種類に関係なく、Guides Editor から Element Selector を開くには次の操作を行います。

1. ガイドの種類に応じて、**ツールチップ、** ステップ、アクション、またはメディアを追加します—ショートカットキーとして **Shift + a** を押します。
   * 要素セレクタを起動した後、ガイドビジュアルコンポーネントを割り当てたいweb要素の上にカーソルをホバーします。
   * または、特定のツールチップ、ステップ、アクション、またはメディアピースの\[プロパティ]タブから要素セレクタを再起動することも可能です。ガイドのタイプに関係なく行えます。
   * アプリケーション内を要素を選択せずに移動するには、**Shift + Click** を押します。
2. Web アプリケーションページ上で選択した要素を確定するには、**✓** アイコンをクリックするか **Shift + C** を押します。
   1. **Esc** を押す

{% hint style="info" %}
Adopt Editor で要素を選択すると、青いボックスが表示され、実行可能なアクションやコマンドが強調されます。 コントロールパネルを使用して、要素の選択を調整します。
{% endhint %}

<figure><img src="/files/wYQDAkeLcxpq94GlnwKl" alt=""><figcaption></figcaption></figure>

### **Guides Editor における要素選択の調整**

{% hint style="info" %}
Nexthink Infinityで[採用設定を構成するとき](/platform/ja/user-guide/adopt/guide-creation-and-management-from-nexthink-applications/configuring-adoption-settings.md)、特定のアプリケーションに対してガイドの要素セレクタのデフォルトを定義し、特定の要素属性を含めたり、除外したりできます。
{% endhint %}

Web アプリケーションページ上で要素を選択すると、コントロールパネルに視覚的および機能的な複数のオプションが表示され、選択をより正確にできます。

1. コントロールパネル内の上下矢印を使用して、キャプチャした要素を調整し、強度インジケーターに影響を与えます。
2. コントロールパネルでキャプチャされた要素の属性を確認し、クラスや **id** が動的に生成される可能性があるかを判断します。

<figure><img src="/files/7luNrunfwYlULbMAxrqg" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="warning" %}
要素を選択する際、ページ全体がiframeとなり、完全にハイライトされることがあります。
{% endhint %}

Nexthink Adopt では、オーバーレイを投影することで iframe 内の個々の要素を選択できます。

要素を選択する際、ページ全体が iframe となり、全面がハイライトされる場合があります。 Nexthink Adopt では、オーバーレイを投影することで iframe 内の個々の要素を選択できます。

{% hint style="info" %}
検出された不安定なセレクターは、Adopt Editor のウォークスルーステップの **Position** プロパティタブから直接 **Auto-fix** できます。 詳しくは、[ウォークスルーステップの定義](/platform/ja/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-walkthrough-guides/defining-walkthrough-step.md#selected-step-element-selectors-and-instability-auto-fix) を参照してください。
{% endhint %}

***

関連トピック

* [ツールチップガイドの開発](/platform/ja/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-tooltip-guides.md)
* [ウォークスルーガイド開発](/platform/ja/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-walkthrough-guides.md)
* [メディアガイドの開発](/platform/ja/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/developing-media-guides.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.nexthink.com/platform/ja/user-guide/adopt/guide-content-development-from-in-app-adopt-editor/using-element-selector-in-adopt-editor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.