# アライメントツール

{% embed url="<https://youtu.be/WMhmlu9ExSk>" %}

### 使用方法：

コンポーネントを選択し、\[︙] メニューをクリックしてアラインメントツールにアクセスします。

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

{% tabs %}
{% tab title="画面に合わせる" %}
{% hint style="info" %}
1つ以上のコンポーネントが選択されている場合に表示されます。
{% endhint %}

\[Align to Screen]は、選択したコンポーネント全体をグループとして扱い、コンポーネントを画面に合わせます。

#### 水平に整列

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

#### 垂直に整列

<figure><img src="/files/EqhIZ6hFotPaXiGXDREL" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="選択に合わせる" %}
{% hint style="info" %}
2つ以上のコンポーネントが選択されている場合に表示されます。
{% endhint %}

\[Align to Selection]は、選択したコンポーネント全体をグループとして扱い、コンポーネントを選択範囲に整列させます。

#### 選択を左に整列

<figure><img src="/files/7lkfVmeMoRC8Qgt7gvHn" alt=""><figcaption></figcaption></figure>

#### 水平中央に整列

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

#### 右に整列

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

#### 上に整列

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

#### 垂直中央に整列

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

#### 下に整列

<figure><img src="/files/owgAs3Xyxp3VhduvmSqv" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="分布" %}
{% hint style="info" %}
3つ以上のコンポーネントが選択されている場合に表示されます。
{% endhint %}

\[Distribute]は選択したコンポーネント間のスペースを均等に分配します。

#### 垂直間隔を分布

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

#### 水平間隔を分布

<figure><img src="/files/xFrzmt9BbqpeRM1P7gav" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

<details>

<summary><strong>キーボードショートカット</strong></summary>

**選択に合わせる:**\
上に整列: OPTION + W

左に整列: OPTION + A

下に整列: OPTION + S

右に整列: OPTION + D

垂直中央に整列: OPTION + V

水平中央に整列: OPTION + H\\

**画面に合わせる**\
垂直に整列: OPTION + SHIFT + V

水平に整列: OPTION + SHIFT + H

</details>

{% hint style="info" %}
異なる親を持つアイテムを選択する場合、整列/分散オプションは利用できません。
{% 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.adalo.com/ja/design/designing-your-app/alignment-tools.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.