# レイアウトタブの使い方

*スキルレベル: 中級*

## 開始前に

* [定義と用語](/ja/design/designing-your-app/definitions-and-terms.md)および[画面サイズ切り替え](/ja/design/designing-your-app/using-the-screen-size-switcher.md)についての理解があることを確認してください。
* [レスポンシブアプリを作成](/ja/design/designing-your-app/creating-an-app.md)していることを確認してください。

## 基本

レイアウトタブは、異なる画面サイズでコンポーネントが配置される方法を調整できる場所です。それぞれ独自の特徴と制限を持ついくつかの領域を包括しています。

次のページでは、レイアウトタブの各機能について詳しく学び、可能な限り最高のレスポンシブアプリを構築する方法を学びます。

**コンポーネントまたはグループをクリックして、\[レイアウト] オプションを選択することで、レイアウトタブにアクセスできます。**

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

## このセクションのページ

{% content-ref url="/pages/pUHigerS2pmHdZOIkyLT" %}
[スクリーンサイズの可視性](/ja/design/designing-your-app/using-the-layout-tab/screen-size-visibility.md)
{% endcontent-ref %}

{% content-ref url="/pages/AztFFDpqQ15VytKzdJvZ" %}
[スクロール中の固定](/ja/design/designing-your-app/using-the-layout-tab/sticky-while-scrolling.md)
{% endcontent-ref %}

{% content-ref url="/pages/MDrRzhej7KarJm7MxoKq" %}
[共有レイアウト設定](/ja/design/designing-your-app/using-the-layout-tab/shared-layout-settings.md)
{% endcontent-ref %}

{% content-ref url="/pages/gaErtdTFNjebuHLeLigF" %}
[カスタムレイアウト設定](/ja/design/designing-your-app/using-the-layout-tab/custom-layout-settings.md)
{% endcontent-ref %}

## もっと詳しく

* レイアウトタブは、Legacy Adaloビルダーで作成されたアプリでは利用できません。

## ヘルプ

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

チュートリアルやヘルプドキュメントのリクエストがありますか？[お知らせください！](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/designing-your-app/using-the-layout-tab.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.