アンケート、試験、投票、クイズを作成できるオープンソースのフォームビルダー。オンラインでのデータ分析とエクスポートにも対応。
surveyjs/survey-library
React、Angular、Vue、プレーンなJavaScriptで、JSON定義のフォーム、アンケート、クイズ、複数ステップのウィザードを表示するオープンソースのJavaScriptライブラリ。
代替できる製品:Typeform
SurveyMonkey
- スター
- 4,925
- フォーク
- 928
- 未解決の Issue
- 457
- 最終コミット
- 16 時間前
これは何?
SurveyJS Form Libraryは、React、Angular、Vue 3、プレーンなJavaScriptで構築されたWebアプリケーションに、動的なJSONベースのフォームやアンケートを表示します。フォームの構成、バリデーション、条件分岐、ナビゲーション、外観はすべてJSONのフォーム定義で設定でき、回答はブラウザーで収集されます。
フレームワークに依存しないsurvey-coreパッケージがフォームモデル、バリデーション、計算、ローカライズ、ナビゲーションを担い、各フレームワーク向けの別個のUIパッケージが表示を処理します。SurveyJSのバックエンドは必須ではなく、送信データはアプリケーションが利用する任意のサーバー、API、データベースに送られます。
複数ステップのフォーム、ポップアップアンケート、クイズ、採点式アンケート、計算フォームを対象としています。フォーム定義は手動で記述するほか、AIで生成したり、別ツールのSurveyJS Creatorで視覚的に作成したりできます。
主な機能
- 01React、Angular、Vue 3、プレーンなJavaScriptでJSON定義からフォームを表示
- 02表示条件、分岐、計算値、バリデーションに対応
- 03複数ステップのウィザード、クイズ、採点式アンケート、ポップアップアンケートを搭載
- 0420種類以上の組み込み質問タイプとカスタム質問コンポーネントを提供
- 05右から左に記述する言語への対応や組み込みテーマを備えたローカライズ機能を提供
- 06SurveyJSサーバーを必須とせず、任意のバックエンドやデータベースに回答を送信
ユースケース
- ReactまたはAngularのWebアプリに、複数ステップの登録フォームや申込フォームを追加する
- Webサイト内に採点式クイズや知識テストを作成する
- 製品にポップアップ形式のフィードバックアンケートや顧客満足度調査を埋め込む
- 項目同士が連動する計算フォームを作成する
クイックスタート
- 1
Reactのレンダリングパッケージをインストールする
npm install survey-react-ui - 2
Reactのスタートガイドに従って、JSON形式のフォーム定義をレンダリングする
使う前に知っておきたいこと
- レンダリングパッケージはフレームワークごとに異なるため、アプリに合ったもの(React、Angular、Vue 3、またはプレーンなJavaScript)を選ぶ必要があります。
- Creatorを使ったビジュアルなフォーム作成や一部のテーマアダプターなどの高度な機能は、別製品またはアドオンであり、このライブラリには含まれていません。
トピック
よくある質問
- survey-library とは?
- React、Angular、Vue、プレーンなJavaScriptで、JSON定義のフォーム、アンケート、クイズ、複数ステップのウィザードを表示するオープンソースのJavaScriptライブラリ。 SurveyJS Form Libraryは、React、Angular、Vue 3、プレーンなJavaScriptで構築されたWebアプリケーションに、動的なJSONベースのフォームやアンケートを表示します。フォームの構成、バリデーション、条件分岐、ナビゲーション、外観はすべてJSONのフォーム定義で設定でき、回答はブラウザーで収集されます。
- survey-library は無料で使えますか?ライセンスは?
- survey-library は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- survey-library は今もメンテナンスされていますか?
- 活発にメンテナンス中。survey-library の最終コミットは 2026年11月6日 です。
- survey-library は何に使えますか?
- ReactまたはAngularのWebアプリに、複数ステップの登録フォームや申込フォームを追加する Webサイト内に採点式クイズや知識テストを作成する 製品にポップアップ形式のフィードバックアンケートや顧客満足度調査を埋め込む 項目同士が連動する計算フォームを作成する
- survey-library のインストール方法は?
- Reactのレンダリングパッケージをインストールする: npm install survey-react-ui Reactのスタートガイドに従って、JSON形式のフォーム定義をレンダリングする
- survey-library はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/surveyjs/survey-library
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
アンケート、クイズ、投票向けのオープンソース対話型フォーム作成ツール。ホスト型クラウドとセルフホストに対応。
ノーコード編集、埋め込みフォーム、通知、各種連携、自前でのホスティングに対応したオープンソースのフォームビルダー。
Nextcloud向けのセルフホスト型フォーム・アンケートアプリ。自分のサーバーで質問票を作成し、回答を収集できます。
アプリ内、Webサイト、リンク、メールでアンケートを実施できる、Qualtricsの代替となるオープンソースのアンケートプラットフォーム。
アンケート、採点付き試験、問題バンク演習に対応するセルフホスト型プラットフォーム。AIによるフォーム作成支援と回答分析機能を備えています。