前提：なぜ静的サイトだと「フォーム」が難しいか

このポートフォリオは Next.js の output: 'export' で静的書き出しをしていて、Xserver には HTML・CSS・JS のファイルしか置かれていない（PHPやNode.jsのようなサーバー処理は動かない）。

普通の「お問い合わせフォーム」は、送信ボタンが押されたときにサーバー側のプログラムが動いて「メールを送る」処理をする。静的サイトにはその処理系が存在しないので、フォームの見た目（HTML）は自分で作れても、送信を受け取ってメールに変える部分は外部サービスに任せる必要がある。

今回は「フォームの見た目は自作したい／自動返信メールを使いたい／広告は出したくない（ロゴ程度は許容）」という条件で、複数のサービスを比較検討した。その過程と最終判断の記録。

検討した条件（優先順）

1. 自動返信メール（問い合わせた人に自動でお礼メールを送りたい）が 無料プランで使えること
2. 派手な広告表示が無いこと（サービス名のロゴ程度は許容）
3. フォームのHTML・デザインを自分で自由に作れること（サービス側の埋め込みフォームに頼らない）
4. （当初は）日本語対応も条件にしていたが、自分のサイトなので途中で条件から外した

比較したサービス

Formspree

老舗の「フォーム送信の受け皿」サービス。フォームのaction属性を発行されたURLに向けるだけで動く、一番シンプルな方式。

• 無料プラン：月50件まで
• 自動返信メールは無料プランでは不可（PROFESSIONALプラン $20/月〜が必要）
• 広告バナーは無いが、通知メールの体裁はFormspreeブランドのまま（自社ブランド化はBUSINESSプラン $60/月〜）
• ファイルアップロードも有料プランのみ

条件1（自動返信が無料で使える）を満たせず、比較検討の初期段階で候補から外れた。

Web3Forms