# コンポーネントの可視性変更

*スキルレベル: 初級*

## 開始前の準備

* [データベース](/ja/database.md)、[画面とコンポーネント](/ja/component-basics.md)、および[Magic Text](/ja/glossary.md#magic-text)の基本的な理解が必要です
* この機能を使用するには有料の Adalo プランは必要ありません

## 手順

Adaloを使用すると、コンポーネントにロジックを追加して、特定のルールが適用される場合にのみ表示されるようにすることができます。たとえば、管理者ユーザーだけが新しいレコードを追加するボタンを見ることができるようにしたい場合があります。また、特定のデータが空でない場合にのみ特定のテキストを表示したい場合もあります。

![](/files/GKPHYeXDvmUNB6C6ieP1)

コンポーネントの表示を変更するには：

1. コンポーネントを選択します
2. 左パネルの右上にある3つの点からなる「その他」メニューアイコンをクリックし、表示を変更を選択します
3. 「時々表示」を選択します
4. コンポーネントが特定の条件下でのみ表示されるように表示を変更します。[このガイド](/ja/component-basics/conditions-and-filtering.md)でフィルターと条件について詳しく学ぶことができます。

{% hint style="info" %}
**テキスト**の場合、利用可能なオプションは次のとおりです：

*等しい、等しくない、含む*

**数字**の場合、利用可能なオプションは次のとおりです：

*等しい、等しくない、より大きい、より小さい、以上、以下、およびの間*

**トグル**の場合、利用可能なオプションは次のとおりです：

*真、偽*

**日付と時刻**の場合、利用可能なオプションは次のとおりです：

*以降、以前、の間*

**画像**の場合、利用可能なオプションは次のとおりです：

*等しい、等しくない*

**ファイル**の場合、利用可能なオプションは次のとおりです：

*等しい、等しくない*

**住所**の場合、利用可能なオプションは次のとおりです：

*の範囲内、の範囲外- マイル、キロメートル*
{% endhint %}

たとえば、さまざまな機能をデモンストレーションするために使用しているバケーションアプリを考えてみましょう。すべての計画された旅行を表示するが、近日中に行われる旅行とそうでない旅行を区別する方法が欲しいとします。上記の例では、現在の日付と現在の日付から1週間の間にその旅行が行われる場合にのみ、砂時計アイコンの表示を変更しました。

## ヘルプ

データ入力がフィルタリングや検索条件に一致しない場合に表示される画面である空の状態を作成する方法について学びたい場合は、[このチュートリアル](/ja/how-to/how-to-create-an-empty-state.md)をご覧ください。

条件付き表示の設定方法についてさらに詳しく知りたい場合は、[The Adalo App Academy](https://appacademy.adalo.com/homepage)の[条件付き表示コース](https://appacademy.adalo.com/course/conditional-visibility-for-components)を強くお勧めします。


---

# 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/component-basics/changing-a-components-visibility.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.