Repolode
surveyjs

surveyjs/survey-library

React、Angular、Vue、プレーンなJavaScriptで、JSON定義のフォーム、アンケート、クイズ、複数ステップのウィザードを表示するオープンソースのJavaScriptライブラリ。

代替できる製品:TypeformSurveyMonkey

スター
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. 1

    Reactのレンダリングパッケージをインストールする

    npm install survey-react-ui
  2. 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 の数値は毎日更新されます。

関連プロジェクト