フリーランスの方が仕事の依頼をSNSのDMやEメールアドレスで募集しているのをよく見かけるが、トラブルにあっているのもよく見かけるので、そういう方向けにメールフォームを開設するWebサービスをリリースしたら需要あるんじゃないかと思ってリリースした。

DMやeメールのデメリット

※もちろんメリットもある。

マルウェアや不快な画像などのファイルを添付される。
誹謗中傷・いやがらせにあう。
Gmailなどのアカウントに利用しているメールアドレスを公開すると不正アクセスのリスクがある。

開発したサーピスの主な機能

ユーザー登録してメールフォームを開設し実際にお問い合わせを受け取る。
→メールアドレスを隠蔽できる。
メールフォームの入力項目を自由にカスタマイズする。
→ファイルを添付できなくする。
ユーザーは差出人の個人情報を収集し、悪意のある差出人はブロックできるようにする。
→誹謗中傷・いやがらせを防止する。

技術選定

フロントエンド

Next.js
React
Redux Toolkit
Material-UI

バックエンド

PHP
laravel 8.*
MariaDB

インフラ

Vercel（Next.jsのホスティング）
Docker
Docker Compose
AWS（APIサーバー）
- EC2
- ELB
- ACM（SSL証明書）
- RDS
- S3
- Cloud Front
- SES（メール通知）

インフラはもっと安価に構築できるが自身の学習も兼ねている（むしろそっちがメイン）

##Formbaseの機能紹介

ユーザー登録してメールフォームを開設し実際にお問い合わせを受け取る

ユーザー登録すると以下のようなメールフォームが生成されるので、生成されたメールフォームのURLを自身SNSに貼り付ける。

送信されたメッセージは登録されたメールアドレスに通知される。差出人側にも送信内容を確認するメールが届くが、ユーザーのメールアドレスが差出人に知られることはない。
メッセージ内容を確認し、イタズラ目的でない信用できるクライアントであると判断した場合のみ、その後eメールでやり取りしてもらう想定。

メールフォームの入力項目を自由にカスタマイズする

入力フィールドは複数作成することができ、それぞれ入力内容してもらいたい内容に応じて入力の形式や制御を設定することができる。
メールフォームには受付期間を設定することができ、期間限定のメールフォームの作成が可能。
また、メールフォーム自体も複数作成が可能。用途に応じてメールフォームを作成、それぞれ通知先のメールアドレスを変更できる。

ユーザーは差出人の個人情報を収集し、悪意のある差出人はブロックできるようにする

ユーザー宛に送られたメッセージはユーザーページのコンバージョンから確認することができる。

悪質な差出人であった場合はブロックをメールアドレス・セッション・IPアドレスでブロックできる。

今後のアップデート（予定）

余裕があれば

ソーシャルログイン
入力フィールドの種類を増やす
コンバージョンの集計機能
顧客管理機能
その他UIの改善

感想

Googleフォームでよくね？

Twitter