Formsを使い、PHPなどのサーバーサイドコーディング無しで、HTMLのみでお問い合わせ機能を実装する方法を紹介していきます。Forms」を使い、PHPなどのサーバーサイドコーディング無しで、HTMLのみでお問い合わせ機能を実装する方法を紹介していきます。Formsを使うとHTMLにNetlify専用のタグを埋め込めば、Netlify側で自動でフォームタグを認識し、お問い合わせの内容をNetlify側の管理画面で受け取ることができます。formsの公式ドキュメントにサンプルとして掲載されてあるコンタクトフォームのコードを使いながら、解説していきたいと思います。Formsタグが追加されたHTMLをアップロード下記フォームのサンプルコードをGitHubのレポジトリにプッシュします。Netlify自体の使い方が分からない方は、前回に書いた記事で静的WebサイトをGitHub経由でホスティングする方法を解説していますので、静的ページをホスティングするところまで、完了させて下さい。埋め込めば、送信されたコンタクトの内容がNetlifyの管理画面上で受け取れるようになります。name="contact"の部分が管理画面で識別できる問い合わせフォームの名前になります。同一Webページ内に複数の問い合わせフォームがある場合は、このformの名前を変えることにより、管理画面で異なるフォームとして管理できるようになります。試しに、コンタクトフォームがアップされたURLにアクセスして、お問い合わせ内容を入力し、送信して見て下さい。Formsにアクセスすると、送信されたお問い合わせ内容が表示されていることが確認できると思います。部分が、追加したコンタクトフォームの名前になります。お問い合わせが送信されたら、通知を受け取る毎回お問い合わせがあるかどうか、Netlifyにアクセスして確認するのはとても大変です。辿ると、フォームが送信されたらSlackの通知を送るか、内容をemailとして受け取るなどのアクションを起こすことができます。notificationを選んだ画面で、ここでどのアドレスに送信するかなどを設定します。コンタクトフォームによって、送信先を切り替えることもできるので、とても便利ですね。料金体系について料金については、月100件以上フォームから送信される、もしくはフォームから送信されたファイルが月10MBを超えると従量課金が開始されます。詳しくは、Netlifyの公式ドキュメントをご参照お願いいたします。→NetlifyGitHubとNetlifyで静的サイトをホスティングするまでの流れ静的WebサイトホスティングサービスNetlifyを使って、Webサイトをホスティングするまでの手順を解説していきます。Hostingがあります。PostsTwitter。