• ガイド
  • Form App

イントロダクション

Table of contents

Form App とは?

Form Appは、Newtプラットフォーム上で動作するフォームを作成するためのアプリケーション(App)です。Form Appは、フォームを実装するために必要不可欠なバックエンド機能群と、それらを利用するためのエンドポイント(URL)を提供します。

Form Appの特徴は、次の3つのポイントに集約できます。

ポイント① 簡単に導入することができる

導入方法は非常にシンプルです。あなたのHTMLフォームにForm Appのエンドポイントを貼り付けるだけで、スパム対策やメール通知、外部サービス連携など強力なバックエンド機能を備えたフォームを設置することができます。

<!-- 名前、メールアドレス、本文を送信する最もシンプルなコード例 -->
<form method="post" action="https://yourspace.form.newt.so/v1/DmmyDmmy">
  <input type="text" name="name" />
  <input type="email" name="email" />
  <textarea name="body"></textarea>
  <button type="submit">Submit</button>
</form>

また、Form Appは実行環境をほとんど選びません。一般的なWebサイトだけでなく、Webアプリ、スマートフォンアプリ、デスクトップアプリ、Webサーバーなど、あらゆる環境・言語・フレームワークと連携させることができます。

ポイント② 必要なバックエンド機能が揃っている

フォームからデータを取得した後は、そのデータをNewt管理画面上で素早く確認することができるのはもちろんのこと、管理者宛にメール通知を行ったり、送信者宛に自動返信メールを送信したり、Webhook機能やZapier連携を活用して5,000以上のサービスと接続、ワークフローを自動化することもできます。

Form Appを使った既存業務とのインテグレーションをぜひ楽しんでください。

ポイント③ Newt CMSとの併用で、シームレスなサイト管理体験を実現

Newtが提供するForm Appのユニークな点は、こうした所謂 “ヘッドレスフォーム” を、Newtの “ヘッドレスCMS” と1つのスペース上で一緒に利用することができる点にあります。

Jamstackの勃興により、モダンなWebサイト制作現場ではヘッドレスCMSの活用が進みましたが、その際によく課題になるのが「フォームをどうやって構築するか?」についてです。この問題に対しては既にいくつかのソリューションが存在します。しかし、その多くはコンテンツ管理とフォーム管理を異なるツール上で別々に行わなければならないという点において、サイト管理者に対して最適な体験を提供できていない状況にあると言えます。

Newtでは、CMS App(ヘッドレスCMS)と、Form App(ヘッドレスフォーム)を1つのスペースで一緒に管理することができます。もうフォームのためだけに新しいサービスを契約する必要はなく、コンテンツ管理とフォーム管理を1つのサービス上でシームレスに行うことが可能になります。

また、この2つのAppの間に優劣関係がなく、それぞれがNewtのトップレベル機能として最適化されたUI、バックエンド処理、インフラを持っています。これは「CMSをフォームとして流用するアプローチ」や「CMSにフォーム機能を付属させるアプローチ」とも異なる全く新しいアプローチです。Newtはこうしたアプローチによって、CMSとフォームの併用やフォーム単体での利用など、様々なユースケースに柔軟に対応し、最適な体験を提供することができます。

Form App の機能一覧

Form Appで利用できる機能は下記の通りです。 全ての機能を無料プランからご利用いただけます。

機能説明
受信トレイエンドユーザーから収集したデータを一覧表示
ファイルアップロード画像ファイルなどのバイナリデータをPOST、ストレージにアップロード
スパム対策Google reCAPTCHA v3によるBotや攻撃、不正アクセスの検知
受信通知メール新着メール受信時に、任意のメールアドレス宛に通知を送信
自動返信メールフォームに投稿したユーザーに対して自動応答メールを送信
独自ドメイン設定独自ドメインのメールアドレスから各種メールを送信
カスタムリダイレクトフォームをPOST後、任意のページにリダイレクト
CSVダウンロード収集したデータをCSVファイルでダウンロード
Appロール(権限管理)フォームやメッセージに対する操作権限を設定
Webhook新着メッセージの受信をトリガーにWebhookを送信
Zapier連携Google SheetsやSlack, MailChimp, Airtableなど5,000以上のサービスと連携
NewtMade in Newt