# ユースケース: Microsoft Dynamics用のエレメントセレクター

Microsoft Dynamicsの**Adoption設定**を構成する際には、Adoptガイドのこのページにある**要素セレクタ**を使用してください。

* 動的な識別子を避けることにより、要素選択の安定性と信頼性を最大化します。
* Microsoft Dynamics のウェブページ変更に対するガイドの耐性を強化します。

### Microsoft Dynamics の要素セレクター

Nexthinkで設定した Microsoft Dynamics web アプリケーションにおける、**導入設定**タブ > [設定サブタブ](https://docs.nexthink.com/platform/ja/user-guide/adopt/guide-creation-and-management-from-nexthink-applications/configuring-adoption-settings/..#configuring-adoption-settings-for-the-selected-application) から:

* **無視された要素ID**: `form_.*`
* **要素ID置換**: この場合、ID やクラス名セレクターの動的なコンポーネント（この場合は番号）を除去し、関心のある静的なセグメントだけを維持するようにシステムに指示します。
  * \_ID\_フィールドに`(.+)_\d+_(.+)`を入力します。 このコードは要素ID内の任意の数値を表します。
  * \_Replacer\_フィールドに`[id^="$1"][id$="$2"]`を入力します。 このコードは、ID 内の番号の前後にある要素IDセグメントを表します。
  * 以下の[要素ID置換の例](#element-id-replacement-example)を参照してください。
* **無視された要素のクラス名**: `.*(\d+).*` このコードはクラス名内の数値を表します。
* **含まれる要素カスタム属性名**: `aria-label, data-automation-id, data-uxi-widget-type, data-uxi-element-id, role, name, title, aria-describedby, data-dyn-controlname, data-dyn-content, data-dyn-form-name, data-dyn-placeholder, data-dyn-role, data-dyn-title, aria-expanded, dyn-data-optional-label, alt, data-dyn-columnname, data-dyn-form-name, data-dyn-title, data-dyn-mappedtab, command, data-handler, placeholder`
* **ドロップダウンリストセレクター**: 機能を正しく動作させるために、このフィールドを空のままにしてください。

<details>

<summary>要素ID置換例</summary>

**要素IDの置換**フィールドを次のように定義した後:

* *ID*: `(.+)_\d+_(.+)`
* *置換*: `[id^="$1"][id$="$2"]`

次の要素ID例に対して:

`<span id="entassetrequesttableall_23_EntAssetRequestTableCreate_label">abc</span>`

1. CSS要素セレクターには動的要素が含まれています。この場合、番号 `23`:

```
span#entassetrequesttableall_23_EntAssetRequestTableCreate_label.button-label:nth-child(3)
```

2. システムは静的要素のみを組み込んでCSSセレクターを修正し、次のようになります:

```
span.button-label[id^="entassetrequesttableall_"][id$="_EntAssetRequestTableCreate_label"]:nth-child(3)
```

* `[id^="entassetrequesttableall_"]`は要素IDが`entassetrequesttableall_`で始まることを意味します
* `[id$="_EntAssetRequestTableCreate_label"]`は要素IDが`_EntAssetRequestTableCreate_label`で終わることを意味します

</details>

{% hint style="warning" %}
残りの**導入設定**には、Nexthinkのデフォルト構成を使用し、**ガイドのデフォルト**を含みます。
{% endhint %}

設定が下の画像のようになるべきです。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-401055d4e4d00c5efd1583109cd5d0ce4218d0fc%2Fimage%20(475).png?alt=media" alt=""><figcaption></figcaption></figure>
