# 設定 - 自動ログイン(ベータ版)

## 自動ログインとは？

高度な暗号化を使用してログイン認証情報を自動的に保存する実験的なベータ機能です。設定すると、任意のウェブサイトのログイン情報を保存し、手動ログイン手順なしで認証が必要なデータを抽出できます。

***

## 使い方

{% stepper %}
{% step %}

#### Databoardの**設定アイコン**をクリック

Databoardで、自動ログインを設定したいタスクの歯車アイコンをクリックし、設定ページに移動します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/yTp5ntW2VBAMyJ43kQlm/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80%2001.jpg" alt=""><figcaption></figcaption></figure>

自動ログインの入力フィールドは、設定ページの中央にあります。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/Ap4bWnC8zcjw0sGzPdOT/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%202.jpg" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 自動ログイン情報を**入力**

ドロップダウンメニューをクリックし、**+ Add a login account**を選択します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/8SlbZ3Y4vjG7TMbNj72N/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%203.jpg" alt=""><figcaption></figcaption></figure>

ポップアップに入力する内容：

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/6bjsmaSZT6zHEWbJkVhI/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%204.jpg" alt=""><figcaption></figcaption></figure>

① ログインページのURL\
② サイトのID\
③ ID入力フィールドのセレクター値\
④ サイトのパスワード\
⑤ パスワード入力フィールドのセレクター値\
⑥ ログイン（送信）ボタンのセレクター値

{% hint style="success" %}
参考：[CSSセレクター](https://help.listly.io/docs/ko/getting-started/listly-basics/css-selector)
{% endhint %}
{% endstep %}

{% step %}

#### ログインページのURLをコピー＆ペースト

まず、ウェブサイトのログイン画面からURLをコピーします。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/hY8gFbiO5DNTlzfBvUyg/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%205.jpg" alt=""><figcaption></figcaption></figure>

コピーしたURLを最初のフィールドに貼り付け、IDとPasswordフィールドにログイン認証情報を入力します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/MhVf4DNUGBcJBiQVxj34/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%206.jpg" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### CSSセレクターのコピー＆ペースト方法

ID入力フィールドを右クリックし、**検証**を選択します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/iRjPKKGxAoAFZt9Tgnci/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%207.jpg" alt=""><figcaption></figcaption></figure>

**画面の右側または下部にコードでいっぱいのウィンドウが表示されますが、心配しないでください！:)** 選択したフィールドのコードが灰色でハイライト表示され、その上にカーソルを置くと、ページ上の対応する場所がハイライト表示されます。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/5j3IWlzBsCU5rImrWGMq/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%208.jpg" alt=""><figcaption></figcaption></figure>

灰色でハイライト表示されたコードを右クリックし、Copy -> Copy selectorを選択すると、そのセレクターの値が自動的にコピーされます。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/OBrzrSh7p3VGBi9vwyzU/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%209.jpg" alt=""><figcaption></figcaption></figure>

ログイン情報入力ウィンドウに戻り、適切なフィールドにカーソルを置いて、Ctrl + Vを押して貼り付けます。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/NwIxYCMDIfAEkfb1uZEz/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%2010.jpg" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 残りの情報を入力（ステップ3のセレクター貼り付けプロセスを繰り返す）

すべての情報を入力したら、**Add**ボタンをクリックし、設定ページ下部の**Save**ボタンをクリックしてログイン設定を保存します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/ErNeC5nDBxbp52C5vmdV/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95%20%EC%9D%B4%EB%AF%B8%EC%A7%80_login%2012.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**ヒント** 一部のウェブサイトでは、認証情報を入力した後にのみログインボタンが有効になります。**\[ログインボタン]のセレクター値をコピーする際は、ボタンが有効**（以下のように）になっていることを確認してから、右クリック → 検証を行うと、より安定したセレクター値を取得できます。
{% endhint %}

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/UT1AunbTJxrF4nVhuJO4/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95_%EC%9D%B4%EB%AF%B8%EC%A7%80_login%2011.jpg" alt=""><figcaption></figcaption></figure>

Databoardに戻り、\*\*更新（再抽出）\*\*アイコンをクリックして、ログイン情報を持つタスクが正しく動作することを確認します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/9DIbOaiRjiQF5jcJM0UO/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%84%A4%EC%A0%95%20%EC%9D%B4%EB%AF%B8%EC%A7%80_login%2013.jpg" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
**自動ログイン使用時の重要な注意事項**

自動ログインはベータサービスです。**各サイトのセキュリティポリシーとログイン画面の構造によっては、設定と適用ができない場合があります。** このような状況では、\*\*「フォルダダウンロード」\*\*機能を使用して目的のデータを抽出するか、[Listlyチーム](https://www.listly.io/contact)にお問い合わせください：

{% stepper %}
{% step %}
強力なセキュリティを持つウェブサイト（デバイス認証のみ、2FA必須、海外アクセスのブロッキング—ほとんどのメールサービスを含む）
{% endstep %}

{% step %}
ID、パスワードフィールド、ログインボタンがすべて1つのページにないサイト
{% endstep %}

{% step %}
モーダルポップアップログインページを持つウェブサイト（URL検証不可能）
{% endstep %}

{% step %}
URLにランダム文字列（文字+数字+特殊文字の混合）があるログインページ
{% endstep %}
{% endstepper %}
{% endhint %}


---

# Agent Instructions: 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:

```
GET https://help.listly.io/docs/ja/getting-started/databoard-features/settings-auto-login.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
