# Adaloでの条件使用

条件を使用すると、アプリ内で動的かつインタラクティブなユーザーエクスペリエンスを作成できます。条件を理解することは、特定のアクションや振る舞いがアプリ内でいつ発生すべきかを指示することで、魅力的で応答性のあるアプリを設計するために不可欠です。

### **条件の場所:**

#### **条件付きアクション**

条件付きアクションは、アクション設定の一番下にある「詳細を表示」を選択することで、任意のアクションに追加できます。これにより、ユーザーデータや入力値などの特定の基準に基づいてアクションをトリガーできます。

以下の例では、**Logged in User>Admin**(Boolean) が **True** に等しい場合に、ユーザーを管理者画面にリンクする条件付きリンクアクションが設定されています。

<div><figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0d56ebae04b4804059d9fd7650d8759294a6c689%2FConditional%20Action%20Setup.png?alt=media" alt="" width="269"><figcaption></figcaption></figure> <figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5e41b8e186847cd5576b3e8ed0e2aa64a1430e75%2FConditional%20Action%20Filters.png?alt=media" alt="" width="270"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
**注意**: 条件付きアクションの基準が満たされない場合、ユーザーがコンポーネントをクリックしても何も起こりません。これを避けるために、アクションの条件を満たさないユーザーに適用されるフォールバックアクションの設定をお勧めします。
{% endhint %}

#### **条件付き表示**

条件付き表示は、コンポーネント設定の右上にあるケバブメニューから任意のコンポーネントに追加できます。これにより、アプリ内の要素の表示を制御し、ユーザーロールや入力値などの特定の条件に基づいてボタン、画像、テキストフィールド、および他のUIコンポーネントの表示または非表示を制御できます。

以下の例では、**Current Destination>Users**（利用可能な画面データから）が **Logged in User** を含む場合にのみ表示されるボタンがあります。

<div align="center"><figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5ebb90d33b78a8fa7348fda4c653ced06d8cb4ff%2FConditional%20Visibility.png?alt=media" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-b84bdab81c5158e34dd19a71a76ac082367af588%2FConditional%20Visibility%20Filter.png?alt=media" alt="" width="332"><figcaption></figcaption></figure></div>

{% hint style="danger" %}
**注意**: 任意のコンポーネントに多くの条件付きアクションを追加すると、エンドユーザーのアプリのパフォーマンスに悪影響を及ぼす可能性があります。
{% endhint %}

## **さらに学ぶ**

* 現在、条件付きアクションと条件付き表示には1つのフィルターしか添付できませんが、リスト、カウント、チャート、および他のコンポーネントのフィルターには好きなだけフィルターを追加できます。
* 多くの場合、条件付きアクションと条件付き表示は、セットアップが若干異なる場合でも、同じ結果やユーザーエクスペリエンスを達成するために相互に使用できます。
* データのフィルタリングや検索条件に一致しない場合に表示される画面である空の状態を作成する方法を学びたい場合は、[このチュートリアル](https://help.adalo.com/ja/how-to/how-to-create-an-empty-state)をチェックしてください。
* 条件付き表示の設定方法についてさらに詳しく知りたい場合は、[The Adalo App Academy](https://appacademy.adalo.com/homepage)の[Conditional Visibility Course](https://appacademy.adalo.com/course/conditional-visibility-for-components)を強くお勧めします。

## ヘルプ

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

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