# hCaptcha を使用する
> Formspree Docs · フォームとプロジェクトの設定 · 2025年11月18日
[hCaptcha](https://www.hcaptcha.com/) のボット検出サービスを Formspree で使用して、フォームを保護できます。hCaptcha はプライバシー、アクセシビリティ、カスタマイズ性に重点を置いた Google reCAPTCHA の代替手段です。
まず、[hCaptcha ダッシュボード](https://dashboard.hcaptcha.com/overview) にアクセスします。サイトを追加（または既存のサイトを使用）してドメインを追加します。エンタープライズ向けの高度な機能や、無料アカウントで利用できる機能もあります。必要に応じて設定して **Save** をクリックします。
作成後、利用可能なサイトのリストとサイト名の下に表示される **Site key** を確認できます。
**Site key** をコピーします。このキーは HTML フォームコードの設定に使用します。
次に、[アカウント設定ページ](https://dashboard.hcaptcha.com/settings/secrets)にアクセスして **Account-level Secret** をコピーします。このキーは Formspree のフォーム設定に使用します。
**Site Key** と **Secret** の両方を用意したら、Formspree フォームの設定タブにアクセスし、CAPTCHA が有効になっていることを確認します。
**Adjust settings** をクリックして **Secret Key** を貼り付けます。**Save** をクリックします。
最後のステップは、フォームコードに **hCaptcha** を追加することです。div コンポーネントに **Site key** を貼り付ける必要があります。標準的なフォーム設定では、次のように追加できます。
```html
hCaptcha Demo
```
また、AJAX を使ってフォームを送信することもできます。以下の例で、jQuery を使用して hCaptcha でフォームを送信する方法を確認してください。
```html
hCaptcha Demo
```
ローカルで開発している場合、[hCaptcha はローカルホスト（127.0.0.1）でホストされているアプリでは実行できない](https://docs.hcaptcha.com/#local-development)ことに注意してください。これを回避するには、ホストエントリを設定するか、ngrok などの HTTP トンネリングサービスを使用する必要があります。