# コンポーネントの配置

*スキルレベル: 初心者*

## **始める前に**

* [画面とコンポーネント](/ja/component-basics.md)について知っておく
* この機能を使用するには有料のAdaloプランは必要ありません

## ウォークスルー

{% tabs %}
{% tab title="詳細" %}

#### **クリックしてドラッグ**

Adaloビルダーでコンポーネントを配置する主な方法は、単純にコンポーネントをクリックしてドラッグすることです。コンポーネントを表示するためには、アプリの画面に配置する必要があります。コンポーネントを画面から完全にドラッグすると削除されますが、必要に応じてコンポーネントを画面から部分的にはみ出させることもできます。

#### **スナップガイドの使用**

Adaloには、コンポーネントをアプリ画面上や他のコンポーネントと整列させるのに役立つ組み込みのスナップガイドがあります。すでに画面に追加されたコンポーネントを選択してドラッグすると、これらのガイドが表示されます（コンポーネントを追加すると表示されません）。ガイドはいくつかの目的で表示されます:

**アプリ画面の中心線または他のコンポーネントの中心を示す**

![](/files/IN9w58GnDbBmnVycL148)

**上部、下部、および側面の小さなマージンを示す**

![](/files/q9MXEbFGRFTeq7HKVdZo)

**他のコンポーネントとのエッジの整列を示す**

![](/files/w8MPkX3k9dNjB1Xgc9lA)

**他の画面上のコンポーネントとの整列を示す**

![](/files/wH3cWirdct6kdosLuoLL)

#### 移動のショートカット

* コンポーネントを選択した状態で、キーボードの**矢印キー**を使用してビルダー内でコンポーネントを少しずつ移動させることができます。より大きな移動が必要な場合は、**Shift**キーを押しながら矢印キーを使用できます。
* **Option**（Mac）または**Alt**（PC）キーを押しながらコンポーネントをクリックしてドラッグすることで、コンポーネントのコピーを作成できます。これは画面全体にも適用され、レイアウト全体をコピーできます。
* 特定の要素を画面から画面にコピー＆ペーストするには、要素を選択し、**Cmd + C**（Mac）または**Ctrl + C**（PC）を押してコンポーネントをコピーし、新しい画面のラベルを選択して**Cmd + V**または**Ctrl + V**を押します。
  {% endtab %}
  {% endtabs %}

## もっと詳しく

* 画面上のコンポーネントを整列するのに一時的な形状やボタンを作成すると役立つことがあります。すべてが適切に整列されたら、これらを削除できます。
* コンポーネントをグループ化して、レイアウトを変更せずにコンポーネントのグループ全体を整列、コピー、または移動することもできます。
* 追加の[ショートカット](/ja/how-to/how-to-use-keyboard-shortcuts.md)に関する当社の専用ガイドもご確認ください
* [画面](/ja/component-basics/inserting-and-editing-screens.md)に関する当社の専用ガイドもご確認ください
* MitchさんのPragmaFlowからの[この素晴らしいビデオ](https://www.youtube.com/watch?v=oM9NwJLNI4c)もチェックしてください。

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿する際には、この記事へのリンクも貼り付けてください！

チュートリアルやヘルプドキュメントのリクエストがありますか？[お知らせください！](https://ideas.adalo.com/tutorial-requests)


---

# 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/legacy-builder/positioning-components.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.