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

*スキルレベル: 中級*

## 開始前に

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

## 基本

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

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

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

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-04094b766d3dd5f1378acd67fb74de859aebeeae%2FScreen%20Shot%202023-03-02%20at%202.03.52%20PM.png?alt=media" alt=""><figcaption></figcaption></figure>

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

{% content-ref url="using-the-layout-tab/screen-size-visibility" %}
[screen-size-visibility](https://help.adalo.com/ja/design/designing-your-app/using-the-layout-tab/screen-size-visibility)
{% endcontent-ref %}

{% content-ref url="using-the-layout-tab/sticky-while-scrolling" %}
[sticky-while-scrolling](https://help.adalo.com/ja/design/designing-your-app/using-the-layout-tab/sticky-while-scrolling)
{% endcontent-ref %}

{% content-ref url="using-the-layout-tab/shared-layout-settings" %}
[shared-layout-settings](https://help.adalo.com/ja/design/designing-your-app/using-the-layout-tab/shared-layout-settings)
{% endcontent-ref %}

{% content-ref url="using-the-layout-tab/custom-layout-settings" %}
[custom-layout-settings](https://help.adalo.com/ja/design/designing-your-app/using-the-layout-tab/custom-layout-settings)
{% endcontent-ref %}

## もっと詳しく

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

## ヘルプ

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

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