@@ -45,7 +45,7 @@ Gatsby は React で構築されています。そのため React フォーム
4545
4646### Getform
4747
48- Getform は静的サイトでフォーム送信を実現するためのフォームバックエンドプラットフォームです。無料プランもあります。まず、Gatsby サイトで投稿を受け取ることが出来るフォームの作成から始めます 。フォームを作成するとき、表示する各フィールドの ` name ` 属性をつけて、POST メソッドで Getform に送信するように設定します(name, email, message など)。
48+ Getform は静的サイトでフォーム送信を実現するためのフォームバックエンドプラットフォームです。無料プランもあります。問い合わせを受け付けるためのフォームをあなたのGatsbyサイトに設置しましょう 。フォームを作成するとき、表示する各フィールドの ` name ` 属性をつけて、POST メソッドで Getform に送信するように設定します(name, email, message など)。
4949
5050``` jsx:title=src/pages/contact.js
5151< form method= " post" action= " https://getform.io/{your-unique-getform-endpoint}" >
@@ -91,7 +91,7 @@ Netlify フォームの詳細な情報は [Netlify のウェブサイト](https:
9191
9292Formspree は寛大な無料利用プランを持つ、静的サイトからのフォーム送信をサポートするためのサービスです。ほとんど設定を必要とせずに、フォームが指定したメールアドレスにデータを直接送信する優れたツールとなります。
9393
94- Formsprees の機能を活用するためには、フォームの POST メソッドのアクションを Formspree API(メールアドレスはあなたのものに置き換えてください)向けに設定します 。そして、メールアドレスの入力フィールドの ` name ` 属性を ` name="_replyto" ` に変更します。
94+ Formsprees の機能を活用するためには、フォームの POST メソッドのアクションを ` Formspree API / あなたのメールアドレス ` に設定します 。そして、メールアドレスの入力フィールドの ` name ` 属性を ` name="_replyto" ` に変更します。
9595
9696``` jsx:title=src/pages/contact.js
9797< form method
= " post" action
= " https://formspree.io/[email protected] " > @@ -104,15 +104,15 @@ Formsprees の機能を活用するためには、フォームの POST メソッ
104104< / form>
105105```
106106
107- 変更を行ったら、フォームから初めて送信した際に 、あなたのメールアドレスに Formspree から送られるメールを使用して Formspree に登録します。その後は、フォームからの送信のすべてがあなたのメールアドレスに送信されます。登録や、設定の詳細については [ Formspree のウェブサイト] ( https://formspree.io/ ) をご覧ください。
107+ 変更後、問い合わせフォームから初めて送信した際に 、あなたのメールアドレスに Formspree からメールが届きます。そのメールから Formspree に登録します。その後は、フォームからの送信のすべてがあなたのメールアドレスに送信されます。登録や、設定の詳細については [ Formspree のウェブサイト] ( https://formspree.io/ ) をご覧ください。
108108
109- このように設定されたすべてのフォームは 、標準で reCAPTCHA を備えていますが、` name="_gotcha" ` という 隠しフィールドを追加することで Honeypot スパムフィルタリングを有効にすることもできます。
109+ Formspree で設定したすべてのフォームは 、標準で reCAPTCHA を備えていますが、` name="_gotcha" ` という 隠しフィールドを追加することで Honeypot スパムフィルタリングを有効にすることもできます。
110110
111111``` jsx
112112< input type= " text" name= " _gotcha" style= " display:none" / >
113113```
114114
115- 入力欄が非表示になっているため、Formspree はこのフィールドの値がボットのみから送信されたことを認識し、静かに無視します!
115+ 入力欄が非表示になっているため、Formspree はこのフィールドの値がボットから送信されたことを認識し、無視します。
116116
117117### 独自のサーバーで実行する
118118
0 commit comments