セキュリティ CAPTCHA を二重化する — Turnstile + reCAPTCHA v3 のフォールバック設計
TL;DRCloudflare Turnstile を primary、Google reCAPTCHA v3 を fallback として 2 重に CAPTCHA を構える。切り替えは 2 段階: フロントで widget エラー時の自...
reCAPTCHA
セキュリティ 
PHP Vue.js問い合わせフォームを強化！reCAPTCHA利用有無の切り替えと項目追加の実装
1. はじめにこの記事では、Vue.js を使用した問い合わせフォームの機能拡張について解説します。具体的には、以下のポイントを中心に変更と追加を行いました。reCAPTCHA利用有無の切り替え機能を追加 - 環境変数からreCAPTCHA...
jQuery jQueryフォームにCSV保存機能を追加する方法
はじめに本記事では、jQuery を使ったお問い合わせフォームに、サーバーサイドでCSV保存機能を実装する方法を解説します。修正後のファイル構成今回の実装で使用するファイル構成は以下の通りです：project/│├── index.html...
PHP ReactフォームにCSV保存機能を追加する方法（CSRF対策強化版）
Reactを使ったお問い合わせフォームに「CSV保存機能」を追加する方法を解説します。CSRFトークンの有効期限を導入した高度なセキュリティ対策を実現し、送信されたデータをCSV形式で保存する仕組みを実装します。1. 実装の背景と目的お問い...
PHP Vue.js お問い合わせフォームに CSV 保存機能を追加する方法
この記事では、Vue.js を使用したお問い合わせフォームに CSV 保存機能 を追加する方法を説明します。さらに、reCAPTCHA や CSRFトークン を導入し、セキュアなフォームを実現します。プロジェクトのファイル構成以下のような構...
jQuery jQueryフォームにCSRF対策を追加する方法
はじめにWebアプリケーションを開発する際、CSRF (Cross-Site Request Forgery) 対策は欠かせません。本記事では、jQuery を使用したシンプルなフォームに、CSRF対策を実装する方法を解説します。この記事で...
PHP ReactフォームにCSRF対策を追加する方法
Reactを使用したお問い合わせフォームにCSRF（クロスサイトリクエストフォージェリ）対策を追加する方法を解説します。本記事では、以下のステップで安全なフォーム送信の実装を行います。1. 実装の背景CSRF攻撃とは、ユーザーの意図しないリ...
PHP Vue.js フォームに CSRF 対策を追加する方法
お問い合わせフォームを開発する際、CSRF（クロスサイトリクエストフォージェリ）攻撃を防ぐことは重要です。本記事では、Vue.jsとPHPを用いて、CSRF対策を組み込んだ安全なフォームを作成する方法を解説します。概要CSRF（Cross-...
jQuery jQueryフォームにGoogle reCAPTCHAを導入する方法
はじめにGoogle reCAPTCHAを利用してスパム対策を行うことは、フォームのセキュリティを向上させるための効果的な方法です。本記事では、以前作成した「jQueryで簡易ルーティングを使った問い合わせフォームの作成方法」にreCAPT...
PHP React フォームに reCAPTCHA を導入する方法
この記事では、以前作成した React フォームに Google reCAPTCHA を導入する手順をご紹介します。reCAPTCHA を追加することで、不正な送信やボットからのアクセスを防ぐことができます。1. プロジェクト構成以下は、今...
PHP Vue.jsのフォームにreCAPTCHAを導入する方法
この記事では、Vue.jsを使ったお問い合わせフォームにGoogle reCAPTCHAを導入し、スパム対策を強化する方法を解説します。このフォームは、入力画面、確認画面、完了画面の3ステップで構成され、メール送信機能も実装されています。ま...