# ユーザー入力を検証する方法

ソフトウェアアプリケーションを構築する際に、特にユーザーからデータを収集するアプリケーションでは、入力内容の検証は重要な要素です。ユーザーデータを受け入れる際には、事前に定義されたルールや制約に準拠しているかどうかを確認する方が安全です。ユーザー入力を検証することにより、開発者は収集されたデータが正確で一貫性があり、安全に使用できることを保証できます。

Dashcombは、各入力コンポーネントに構成可能な検証機能を提供しています。これらの検証は、入力が変更されるたびに自動的に実行されます。さらに、ダッシュボードの開発者は、クエリが実行される前に検証を実行することを選択できます。これにより、データエラーや一貫性の問題に対する追加の保護層が提供され、データがデータベースに挿入される前に有効であることを確認できます。

## 入力コンポーネントの構成

まず、検証を構成する入力コンポーネントを選択してください。ダッシュボードでコンポーネントをクリックすることでこれを行えます。入力コンポーネントを選択したら、サイドバーにある「共通」セクションを見て、「入力必須」オプションを探してください。これは最も基本的な検証タイプです。「入力必須」がオンに設定されている場合、ユーザーが値を入力しなかった場合にエラーメッセージが表示されます。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-3e0ad52020315485bbd7501bbfb2e113fc40f57c%2FFrame%207.png?alt=media" alt=""><figcaption></figcaption></figure>

Dashcombは、データのタイプに応じて、よりカスタマイズされた検証オプションも提供しています。右サイドバーの下部にある「入力種別」セクションを見て、「パターン」を期待するデータに合わせて変更してください（たとえば、数値、URL、電子メール）。選択したタイプに基づいて、Dashcombは追加オプション（最小値や最大値など）を提供し、電子メールアドレスやURLが正しいかどうかを自動的にチェックします。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-e10b16a979c5597477843e40c4d832aaf3034a7d%2FFrame%208.png?alt=media" alt=""><figcaption></figcaption></figure>

指定されたルールに合致しないデータがある場合、ユーザーにエラーメッセージが表示されます。

## 検証の実行タイミングの設定

ユーザーが入力値を変更した後に検証を実行するだけでなく、ダッシュボードの開発者はクエリがトリガーされたときに検証を実行するように選択できます。これにより、データがデータベースに挿入される前にデータが有効であることが保証されます。

1. 実行するアクションの設定を開きます。たとえば、データをデータベースに挿入するフォームを送信するボタンがあるかもしれません。ボタンコンポーネントを選択し、右側のサイドバーで「onClick」アクションを設定します。
2. 「タイプ」を「クエリ実行」に変更します。「バリデーション」セクションが表示されます。
3. 「検証」セレクタを「セクション」または「全体」に変更します。「セクション」を選択すると、同じセクションコンポーネント内のコンポーネントのみが検証されます。「全体」を選択すると、現在のダッシュボード内のすべてのコンポーネントが検証されます。
4. コンポーネントのいずれかが検証に失敗した場合、ダッシュボードのUI内にエラーが表示され、クエリは実行されません。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-e29ed67faee2cc3fb526819844eaad5250458fcd%2FFrame%209.png?alt=media" alt=""><figcaption></figcaption></figure>

Dashcombの入力検証機能は、ダッシュボードのデータの正確性と信頼性を確保するための強力なツールです。Dashcombの機能により、ダッシュボードの開発者は各入力コンポーネントのデータ検証ルールを簡単に設定し、どのクエリが検証をパスする必要があるかを指定できます。不正なデータがデータベースに到達するのを防ぐことで、開発者はデータとダッシュボードの完全性を保護できます。

\\
