> For the complete documentation index, see [llms.txt](https://help.aikido.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.aikido.dev/docs/docs-ja/pentesuto/integrate-your-lovable-apps.md).

# Lovable アプリを統合する

Lovable を Aikido に接続し、Aikido のペンテストを実行し、Lovable プロジェクトから離れずに指摘事項を修正できます。

下のウォークスルーを見るか、さらに下の手順ガイドに従ってください。

{% embed url="<https://www.youtube.com/watch?v=bpKju8cMuto>" %}

<p align="center"><a href="https://www.youtube.com/watch?v=bpKju8cMuto">Lovable Apps のウォークスルー - 動画を見る</a></p>

{% hint style="warning" %}
ペンテストを実行すると、エージェントはアプリケーションの脆弱性を見つけようとし、アプリとやり取りする必要があります。これにより、アプリ内にテストデータが作成される場合があります。
{% endhint %}

### Lovable を Aikido に接続

{% stepper %}
{% step %}
**Lovable でコネクタを開く**

Lovable で、 **コネクタ** のタブをサイドメニューで開き、Aikido を探してください。

<div data-with-frame="true"><figure><img src="/files/757f5b7cea9709884c18abb93751819265c85c12" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
**Aikido コネクタを追加**

クリック **Aikido**、次にクリックします **接続を追加**.

接続には分かりやすい名前を付けてください。たとえば Aikido ワークスペースの名前です。

<div data-with-frame="true"><figure><img src="/files/6d3e560fedc06cbd0e4c0ebe9424566ebb6ff45e" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
**コネクタを設定**

分かりやすい名前を付け、たとえば Aikido ワークスペースの名前にし、アクセスできるユーザーを指定してください。

クリック **接続** 準備ができたら。

<div data-with-frame="true"><figure><img src="/files/023e1d025e171072007130669cb4d42b8c3dd65f" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
**Aikido 組織を作成する（必要な場合）**

まだ Aikido 組織がない場合は、ポップアップで作成してください。
{% endstep %}

{% step %}
**正しい Aikido ワークスペースへのアクセスを承認する**

正しい Aikido ワークスペースに対して、Aikido から Lovable への権限を付与してください。\
ここは、Lovable アプリがテストされ、指摘事項が表示されるワークスペースです。

正しいものが選択されたら、クリックします **認可**.

<div data-with-frame="true"><figure><img src="/files/9ef45ca0e0d299c3e42a47f6d7d27534ac73085a" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
**接続がアクティブであることを確認する**

Aikido ワークスペースと Lovable ワークスペースは正常に接続されました。

<div data-with-frame="true"><figure><img src="/files/a858fd9c28f33f8de77766643917c92f1536358a" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

### Lovable からペンテストを実行する

{% stepper %}
{% step %}
**プロジェクトを開く**

Lovable でプロジェクトを開きます。
{% endstep %}

{% step %}
**セキュリティフローを開始する**

に移動し **その他** ツールバーで、次を開きます。 **セキュリティタブ**.

をクリックして新しいペンテストを作成します **Aikido ペンテストを準備します。**

<div data-with-frame="true"><figure><img src="/files/bdd1cc05268b7346cdfaa1907b7c63cdeb5a4fcc" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
**セットアップを完了する**

Aikido でペンテストのセットアップ手順を進めてください。

最も重要なのは、Aikido がアプリの認証済み部分にアクセスできるように、適切なテストユーザーを設定することです。

テストユーザーについて助けが必要な場合は、次を確認してください：

* [ペンテストをセットアップする方法](/docs/docs-ja/pentesuto/configure-a-pentest/starting-an-assessment.md)
* [テストユーザーの設定](/docs/docs-ja/pentesuto/configure-a-pentest/setting-up-authenticated-testing.md)
  {% endstep %}

{% step %}
**評価を開始する**

すべて設定できたら、クリックします **評価を実行**.
{% endstep %}
{% endstepper %}

### 指摘事項を確認して修正する

評価が完了すると、Lovable は指摘事項をプロジェクト内に直接表示します。

すばやく修正するには、クリックします **すべて修正** すると、Lovable のエージェントが脆弱性を修正します。


---

# 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://help.aikido.dev/docs/docs-ja/pentesuto/integrate-your-lovable-apps.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.