概要
Uguisu Form は、お問い合わせ・資料請求・申込みなどのフォームをクラウド上で作成し、投稿内容を管理者へのメール通知と自動返信で届けるフォームメーラーです。作ったフォームはiframe・HTMLフォーム・embed.jsの3通りで既存サイトに埋め込めます。

課題
- Gmailなどの受信要件が厳しくなり、フォームから送ったメールが迷惑メールに入ったり届かなかったりする
- フォームを狙ったスパム投稿が多く、対応に手間がかかる
- 項目やデザインを少し変えるだけでも制作会社に頼む必要があった
- 受信したメールがPCのメールソフトに散らばり、対応履歴を追いにくい
制作内容
PHPとSQLiteで、フォームの作成・公開から受信の管理までをひとつにまとめたWebアプリを一から開発しました。フォームは「入力 → 確認 → 完了」の3ステップで、管理画面から項目・文言・デザインをその場で変更できます。
- SSL・SPF・DKIM・DMARCに対応したメール送信で、高い到達率を確保
- 返信先(Reply-To)を投稿者のアドレスに設定し、通知メールからそのまま返信可能
- ハニーポットとフォームごとのブラックリストでスパム投稿を拒否し、拒否回数も集計
- フォレスト(森林系)・オーシャン・サンド・モノクロ・ネイビーなどのテーマとアクセントカラーで、サイトになじむデザインに

主な機能
- フォームビルダー(項目・必須・文字数・住所・リンク・ファイル添付)
- 管理者通知・自動返信メール(テンプレート編集可)
- クラウド上の受信履歴管理・CSV入出力
- ファネル分析・項目ごとの離脱分析、Googleアナリティクス連携
- 外部サイト埋め込み(配置・幅・余白を設定可能)
- 複数ユーザー・ロール別の権限、フォームの担当移譲
- パスキーによる管理画面ログイン
技術スタック
PHP 8.3 / SQLite / HTML・CSS・バニラJavaScript / SMTP送信
