A Day in the Life

おたよりフォームを作った

まったくもってサイトにリアクションがないのは寂しい、かといって Disqus のようなコメントフォームを設置するのはどうなんだろうなーと思って、ちょうどよい距離感かもしれないないメールフォームであるところの「おたよりフォーム」を作ってみた。

記事下部から送れると思うので、お気軽におたよりください。

静的サイトでのメールフォームの実装

100通までは無料らしい Getform と、スパム投稿防止のため reCAPTCHA v3 で実装した。Getform のドキュメントには reCAPTCHA v2 でも動くようなのでまずそちらで作ってみたら、うまく動かず v3 にしたらあったりと動いた罠…。時間を無駄にした。

このサイトは Firebase hosting なのだけど、netlify だとデプロイ時に HTML を置換していい感じに form 送信したデータを取得できるようになる機能があるのか。なにそれすごい。

Netlify comes with built-in form handling. Our build bots do it by parsing your HTML files directly at deploy time, so there's no need for you to make an API call or include extra JavaScript on your site.

関連するかもエントリー

おたよりフォームが届いていなかった(お詫び)・おたよりフォームの削除 / 2020年12月20日
ジョグング+朝散歩40分。波が細い直線のようになっていた。あまり見かけない顔の海。同じところを何度も撮っていると、同じような構図に飽きてくるので色々考えるのだけど、それも楽しい。昼間は Auto Takumar を持って散歩する。安価なオールドレンズでも、また写りが違って十分楽し...
ジョグング+朝散歩40分。波が細い直線のようになっていた。あまり見かけない顔の海。同じところを何度も撮っていると、同じような構図に飽きてくる...
Firebase Cloud Functions でのメールフォーム用 function を作る
いわゆるメールフォーム機能がほしい。基本無料で使えて、SPAMは弾いて、自分にメールが届けばok、という単純な要件なので、Cloud Fuctions for Firebase で作った。TypeScriptでの実装例はこんな感じ。https://gist.github.com/...
いわゆるメールフォーム機能がほしい。基本無料で使えて、SPAMは弾いて、自分にメールが届けばok、という単純な要件なので、Cloud Fuc...
ふるさと納税の季節・おたよりフォームの復活 / 2020年12月22日
やっぱ横浜西口じゃん。朝ジョギング15分。今日は久しぶりに雲がかっていた。ふるさと納税選び(主に妻が)の季節。昔はコストパフォーマンスが高い実用的なものを、と選んでいたけど、今は地場の特産品で美味しそうなやつとか、地場産業的なもの(町工場で作ってるものとか)とかで選んでいる。と言...
やっぱ横浜西口じゃん。朝ジョギング15分。今日は久しぶりに雲がかっていた。ふるさと納税選び(主に妻が)の季節。昔はコストパフォーマンスが高い...