デザインを損なわない reCAPTCHA の代わり ― ハエ叩きで人間判定

reCAPTCHA のチェックボックスや画面隅のバッジが、せっかく作ったサイトのデザインに合わない。そんな悩みから、見た目は自由に作り、判定は既存のサービスに任せる人間判定の仕組みを作りました。たとえば「動いているボールをクリックする」だけで、裏ではしっかりボット判定が行われています。

仕組み

見た目は自作。ボール、スライダー、ミニゲームなど、サイトのデザインに合わせて自由に作れます。
判定は Cloudflare Turnstile。画面に何も表示しない「Invisible」モードで、遊んでいる間に裏で人間かどうかを判定します。
サーバーで確認してから中身を返す。判定結果をサーバー側で Cloudflare に問い合わせ、人間と確認できたときだけ詳細を返します。中身は HTML や JavaScript に含まれないため、ソースを見ても読めません。

reCAPTCHA v2	「私はロボットではありません」のチェックボックスや、画像選択の画面が表示されます。
reCAPTCHA v3	操作は不要ですが、画面の隅にバッジが表示されます（非表示にする場合は、所定の文言をページに記載する必要があります）。
この仕組み	判定そのものは画面に表示されません。見えるのは自分で作った UI だけなので、サイトのデザインをそのまま保てます。

ボールをクリックする操作自体は演出で、ボット対策にはなりません。ボットを止めているのは Cloudflare Turnstile の判定と、サーバー側での確認です。見た目と守りを分けることで、デザインは自由に、守りは確実に、を両立しています。