TT Lab
料金プラン

한국어 English 日本語

はじめる
ブログ

ブログ

フォームビルダー2026 — Typeform / Tally / Formspree / JotForm / Paperform / React Hook Form 徹底比較

2026-05-16 · 28 分で読めます · #form-builder#forms#typeform#tally#formspree#jotform#google-forms#microsoft-forms#webflow-forms#hubspot-forms#wufoo#fillout#paperform#survicate#surveymonkey#react-hook-form#formik#netlify-forms#cloudflare-forms#deep-dive#japanese

プロローグ — なぜ「フォーム」という小さな宇宙は終わらないのか

2026年でも人々はフォームを作り続けている。イベントの参加申込、履歴書の受付、顧客満足度アンケート、ベータ版のウェイトリスト、社内の休暇申請、決済直前の配送先入力 — どんな会社でも月に最低1〜2個はフォームを作る。そして「ただのフォームなのに、なぜこんなにツールが多いんだ?」という疑問は終わらない。

答えはシンプルだ。「フォーム」という言葉が意味するものが多すぎる。マーケターのフォームと開発者のフォームはまったく別のツールを使う。個人のサイドプロジェクトのフォームとエンタープライズHRのフォームは価格帯もワークフローも違う。モバイルアプリ内の決済フォームと、会議後に送る満足度フォームは、そもそも別の技術スタックを持つ。

この記事は2026年現在のフォームツール全体の地図を描く。SaaSビルダー・無料の覇者・開発者向けバックエンド・JAMstackネイティブ・JSライブラリ — まず4つの陣営に分け、その中で誰が何が得意で何が苦手かを見る。14章、500行ほど。次回フォームを作るとき「今回は何を使う?」という5分の迷いを減らすことが目的だ。

主な変化は3つ。

では始めよう。

1章 · 2026年フォームビルダー地図 — 4つの陣営

ツールを一列に並べると比較ができない。まず4つの陣営に分けよう。

陣営コアモデル代表的ツール
SaaSフォームビルダーUIで作り、ホスティングも提供Typeform, JotForm, Paperform, FillOut, Wufoo, Cognito Forms, MakeForms
無料デフォルト大きなプラットフォームの付属物Google Forms, Microsoft Forms, Tally (無料モデル)
開発者向けフォームバックエンド自分でHTMLを書き、送信のみ受けるFormspree, Formspark, Basin, Netlify Forms, Cloudflare Forms
JSライブラリ (アプリ内フォーム)アプリ内のフォームコンポーネントReact Hook Form, Formik, TanStack Form

この分類は完璧ではない。Tallyは1と2に同時にまたがる(無料 + SaaS)。Webflow FormsとHubSpot Formsは4陣営のどれにもぴったり当てはまらない(CMS埋め込み型)。Survicate・SurveyMonkeyは1に近いが「アンケート特化」というもう一つの軸を持つ。

それでも、この4陣営を頭に入れてツールを見ると違いが見える。誰がフォームを作り、誰が受け取り、どこにホスティングされ、データはどこに流れるか — この4つの質問への答えがそのまま陣営になる。

SaaSフォームビルダーの本質は「非開発者がドラッグ&ドロップで作り、ホスティングまで提供される」だ。Typeform・JotForm・Paperformはすべて本質的に同じ。URL1つでフォームを共有し、回答が自動でダッシュボードに溜まる。差別化要素はデザイントーン・価格・統合(integration)・回答数の上限。

無料デフォルトは「すでに使っている大きなプラットフォームにおまけで付くフォーム」だ。Google FormsはWorkspace、Microsoft Formsは365。どちらも無料だがデザインの自由度と結果の可視化は平凡。Tallyは違う。別会社だが無料モデルを無制限まで押し進めた。

開発者向けフォームバックエンドは陣営が全く違う。フォームUIは自分でHTML/Reactで作り、<form action="..."> のaction URLだけをバックエンドが提供する。回答はメール・Slack・Webhookに流れる。デザイン自由度は最大、ロックインは最小。

JSライブラリはまた別の世界。フォームがアプリの一部であるとき — 会員登録、設定、決済 — 別ホスティングのフォームではなくアプリ内のコンポーネントが必要。React Hook Formが事実上の標準だ。

2章 · Typeform — 会話型フォームのデザイン王者

Typeformは2012年にスペインのバルセロナで始まった。「1回に1つの質問を見せる会話型フォーム」というシンプルなアイデアでSurveyMonkey・Google Formsの全盛期を打ち破った。2026年現在は米国のプライベートエクイティThoma Bravoのポートフォリオ内にあり、2024年に追加の資金ラウンドをクローズした。

長所は明確だ。

短所も明確だ。

いつTypeformを選ぶか? 回答率がビジネスに直結する場面 — メールキャプチャ、ベータ版ウェイトリスト、イベント申込。デザイントーンがブランドに直結するD2C企業、そして回答を他のSaaSに流す必要があるマーケティングチーム。

いつ避けるか? 回答数が多い一般アンケート(従業員満足度など) — 単価コストが爆発する。データを自分でコントロールする必要がある場合。

3章 · Tally — 無制限無料の覇者(ベルギー)

Tallyは2021年にベルギーで始まった小さな会社だ。2025年にシードラウンドをクローズしたが、ビジネスモデルは依然としてシンプル。無制限のフォーム、無制限の回答、無制限のフィールド、無制限のユーザー — 無料。 有料(Tally Pro、月額$29)はカスタムドメイン、ファイルアップロード上限の拡張、回答の部分保存などの付加機能のみ提供。

このモデルがなぜ可能か? Tallyは小さなチーム(2026年時点で10人前後)で運営され、インフラがシンプルで、マーケティング費用がほぼゼロ(口コミ)。そして無料ユーザーのデータを広告に売らない(GDPR出身のベルギー企業という大きな信頼要素)。

長所はシンプル。

短所もある。

いつTallyを選ぶか? 個人・小さなチーム・非営利、回答数が多くデザインが平凡でも構わないすべての場面。ベータ版ウェイトリスト、イベント申込、コンテンツ購読、サイドプロジェクトの「Contact Us」フォーム — ほぼどこでも。

いつ避けるか? ブランドデザインが絶対的なD2Cマーケティング、エンタープライズのセキュリティ・監査要件がある場所。

4章 · Formspree — 開発者向けフォームバックエンドの元祖

Formspreeは2014年に始まった最も古い「フォームバックエンド」サービスだ。仕組みはシンプル。HTMLフォームの action 属性にFormspreeのURLを入れると、フォーム送信がFormspreeサーバーに送られ、そこからメール・Webhookに転送される。

<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>

これだけ。フォームUIは自分のReact/HTMLで作り、バックエンドはFormspreeが処理する。

長所は明確だ。

短所もある。

いつFormspreeを選ぶか? Next.js・Astro・Hugo・Jekyllのような静的サイトの「Contact Us」「Subscribe」フォーム。開発者がフォームを描き、回答だけメールで受けたいとき。

類似サービスにFormspark、Basin、Static Formsがある。価格は同様のレンジ(月額10〜10〜25)だが、無料枠と付加機能が少しずつ異なる。

5章 · JotForm · Wufoo — クラシックSaaSビルダー

JotFormは2006年からある。Wufooは2006年に始まり、2011年にSurveyMonkeyに買収された。両者ともフォームビルダーの「第一世代」だ。

JotFormの強みは圧倒的な機能の幅。

価格は 無料プラン(月100送信)、Bronze月額$34、Silver月額$39、Gold月額$99。JotFormは価格対比の機能量が圧倒的。

Wufooの強みは安定性と整ったUI。2006年から大きな問題なく動いてきたフォームビルダー。しかしSurveyMonkey買収後は新機能の追加がほぼ止まっている。2026年現在、Wufooを新規で選ぶ会社はほぼない。

いつJotFormを選ぶか? 決済・PDF・HIPAAのいずれかが必要な場合。医療、非営利、小規模ビジネスの決済フォーム。

いつWufooを選ぶか? すでに使っているなら継続。新規ならほかの選択肢を見る。

6章 · Google Forms · Microsoft Forms — 無料デフォルトの双子

両ツールの本質は同じ。すでにGoogle WorkspaceまたはMicrosoft 365を使っているなら、追加費用なしで即座にフォームを作れる。 回答は自動でSheets/Excelに流れ、権限は会社ドメイン基準で管理される。

Google Forms

Microsoft Forms

いつ選ぶか? 社内フォーム(休暇申請、満足度調査、ランチアンケートなど)ならほぼ常にどちらかが正解。外部に見せるフォーム(ランディングページ、マーケティングキャンペーン)には不向き — ブランドトーンが合わない。

7章 · Webflow Forms · HubSpot Forms — CMS埋め込み型

この2つは「フォームのためのツール」ではなく、すでに別の大きなツールを使っているときにその中に入っているフォームだ。

Webflow Forms

HubSpot Forms

いつ選ぶか? すでにWebflowまたはHubSpotを使っているなら迷わず内蔵フォームを使う。別のツールを追加する費用・複雑性のほうが通常大きい。

8章 · FillOut · Paperform · MakeForms — デザイン重視の新世代

この3つは2020〜2024年に登場した「次世代フォームビルダー」。Typeformよりデザイン自由度が高い、Notion・Airtableとの統合が強い、またはマルチページフォームが強い。

FillOut

Paperform

MakeForms

いつ選ぶか? NotionチームならFillOut。デザインが絶対ならPaperform。安く始めたい小さなチームならMakeForms。

9章 · Survicate · SurveyMonkey · Cognito Forms — アンケート特化

フォームとアンケート(survey)は似ているが違う。アンケートは回答分析が核心、フォームは回答収集が核心。

SurveyMonkey

Survicate

Cognito Forms

いつ選ぶか? 学術アンケート = SurveyMonkey。SaaS内のNPSウィジェット = Survicate。非営利・小規模ビジネスの計算フォーム = Cognito。

10章 · React Hook Form (RHF) — JSライブラリの標準

ここから陣営が違う。アプリ内のフォーム — 会員登録、設定、決済 — は外部のSaaSフォームでは賄えない。直接Reactコンポーネントとして作る必要がある。

2026年時点でReact Hook Form(RHF)が事実上の標準だ。ダウンロード数でFormikを超えたのが2022年、2026年現在のnpm週間ダウンロードは約1000万回を超える。

コアコードはこんな形。

import { useForm } from 'react-hook-form'

function ContactForm() {
  const { register, handleSubmit, formState: { errors } } = useForm()

  const onSubmit = (data) => {
    console.log(data)
  }

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('email', { required: true })} />
      {errors.email && <span>Email is required</span>}
      <button type="submit">Submit</button>
    </form>
  )
}

長所は明確。

短所もある。

いつRHFを選ぶか? 新規Reactプロジェクトのフォームは事実上ほぼ常にRHFが正解。Next.js、Remix、Astroどこでも。

11章 · Formik · TanStack Form · Formspark · Basin — その他の選択肢

Formik

TanStack Form

Formspark · Basin

12章 · Netlify Forms · Cloudflare Forms — JAMstackネイティブ

Netlify Forms

<form name="contact" data-netlify="true">
  <input type="email" name="email" />
  <button type="submit">Send</button>
</form>

Cloudflare Forms

いつ選ぶか? Netlifyにホスティングするならネットフライ Forms。Cloudflareにホスティングするなら Cloudflare Forms。両方とも「すでにインフラがそこにあるから、追加ツールなしでフォームを受け取ろう」が本質。

13章 · Formie · フォームツールのCMSプラグイン陣営

WordPress・Craft CMS・Drupalのような伝統的CMSにはフォームプラグイン陣営が別にある。

これらのツールは「CMSの上にフォームを乗せる」点でSaaSフォームと本質が違う。回答がCMSのデータベースに保存され、フォームがサイトと同じホスティング上で動く。

いつ選ぶか? サイトがすでにWordPress・Craft・Drupalなら迷わずその中のフォームプラグインを使う。別のSaaSフォームビルダーは通常過剰。

14章 · AI in フォーム — Typeform AI · Tally AI Logic · JotForm AI

2025年からフォームビルダーにAIが本格的に入った。3つのパターンがある。

1. AIフォーム生成 — 「顧客満足度フォームを作って」のような自然言語プロンプトでフォーム自動生成。

2. AI Logic (動的分岐) — 回答に応じて次の質問を動的に生成。

3. AI回答要約 — 数百件の回答を自動要約・テーマ分類。

注意点: AIフォーム生成は初回利用では魔法のようだが、1年使うと結局は自分で手直しすることになる。自然言語で作ったフォームはトーンが一貫しなかったり、マーケティングファネルの微妙な違いを捉えられなかったりする。AIは初稿生成器としてのみ使い、本番版は自分で磨くのが正解。

15章 · 韓国・日本のローカル選択肢

韓国

日本

なぜローカルツールが生き残るか?

16章 · 誰が何を選ぶべきか — 決定ガイド

個人のサイドプロジェクト

小さなマーケティングチーム

アンケート/市場調査

開発者 / Next.js

エンタープライズ HR / 医療

すでにツールがある場合

エピローグ — フォームという小さな宇宙

この記事を書きながら改めて感じた。「フォーム」というシンプルな言葉の裏に30年分のツールエコシステムがある。1995年のFileMakerから始まり、1999年のSurveyMonkey、2006年のWufoo/JotForm、2012年のTypeform、2014年のFormspree、2018年のReact Hook Form、2021年のTally、2025年のCloudflare Forms。

ツールが多いのは、私たちが人々に尋ねる方法が多様だからだ。1行のメールキャプチャと、50問の従業員アンケートと、決済まで含むイベント申込は同じ「フォーム」だが同じツールで解決しない。

2026年の答えもシンプルではない。ただし大きな絵は明確になった。

次回フォームを作るときに5分の迷いが減ることを願って、この記事を閉じる。

参考 / References

ログインするといいねできます

コメント

まだコメントはありません。

ログインするとコメントできます