問い合わせフォームは送れていた。でも通知が来ていなかった

Mon, 07 Sep 2026 09:00:00 +0900

ブログの問い合わせフォームを見直していて、変なことに気づきました。

フォームに入力して送信すると、「お問い合わせありがとうございます」のページへ移動します。送った内容も Cloudflare の KV に保存されています。

ここまでは動いていました。

でも、私には何の通知も来ません。

誰かが問い合わせを送っても、自分から Cloudflare の管理画面を見に行かない限り気づけない状態でした。

問い合わせなんて、そんなにたくさん来ないとは思います。だからといって、せっかく来た問い合わせに気づかないのはさすがにまずいです。

そこで今回は、フォームにスパム対策を付け、送信内容を保存したあと、メールでも通知するところまで作りました。

途中で Cloudflare のメール機能を使おうとしてやめ、最終的には Resend というメール送信サービスを使っています。

今回作ったもの

先に全体を図にすると、こうなります。

読者がフォームを送る
        ↓
Turnstileで人間か確認する
        ↓
問い合わせ内容をCloudflare KVに保存する
        ↓
Resendから通知メールを送る
        ↓
Google Workspaceの受信箱に届く

知らない名前がいくつか出てきますが、役割は単純です。

フォームを表示しているのは Hugo ですが、送信後の処理は Cloudflare Pages Functions で動かしています。

最初に行ったのはスパム対策です。

Cloudflare Turnstileのwidgetをフォームへ置き、送信されたtokenをPages FunctionからCloudflareへ送り、本物かどうかを確認します。

画面にTurnstileが表示されているだけでは対策になりません。サーバー側でも確認する必要があります。今回は確認結果に加えて、フォーム用の action とブログの hostname が一致するかも見ています。

設定に使う鍵は二つあります。

secret keyはCloudflare PagesのSecretに入れました。リポジトリや作業メモには書きません。

ここで早速つまずきました。

CloudflareのAdd Widget画面でブログのHostnameを追加しようとしたら、候補が No results のまま進まなかったのです。最終的には Turnstile Spin という別の作成画面から、同じHostnameを登録できました。