Repolode
投稿する
xaboy

xaboy/form-create

JSONデータからフォームを生成・検証・送信できる、8つのUIフレームワークに対応したローコードVueフォームコンポーネント。

代替できる製品:Jotform

GitHub で見る公式サイト
スター
7,118
フォーク
1,106
未解決の Issue
30
最終コミット
4 日前

これは何？

FormCreateは、JSONの定義からフォーム一式を生成します。各フィールドの型、選択肢、ルール、連動設定をデータとして定義すると、コンポーネントが動的な描画、データ収集、検証、送信を処理します。

Element Plus、Ant Design Vue、Naive UI、Arco Design、TDesign、OpenTiny（Tiny Vue）、モバイル向けのVantなど、8つのUIフレームワークに対応しています。フィールド同士の連動、サブフォーム、グループ化されたセクションを利用でき、任意のVueコンポーネントやHTMLタグをフィールドとして使用できます。JSONスキーマを視覚的に作成できるフォームデザイナーのパッケージもあり、デスクトップ版とモバイル版がそれぞれ用意されています。

Vue 2、Vue 2.7、Vue 3にはそれぞれ別のブランチで対応しているため、使用するVueのバージョンに応じて適切なパッケージを選ぶ必要があります。

主な機能

  • 01JSONデータからフォームを生成し、描画、検証、送信を処理
  • 02Element Plus、Ant Design Vue、Vantなど8つのUIフレームワークに対応
  • 03フィールドの連動、サブフォーム、グループ化されたセクションに対応
  • 04任意のVueコンポーネントやHTMLタグをフィールドとして使用可能
  • 05デスクトップとモバイルに対応したビジュアルフォームデザイナーを搭載
  • 06フォームインスタンスの参照や操作に使えるAPIを提供

ユースケース

  • 官公庁、OA、ERP、ECのバックオフィスシステムで管理フォームを構築
  • ビジュアルデザイナーを使い、開発者以外がフォームのレイアウトを定義
  • 同じフォームのロジックをデスクトップとモバイルのVueアプリで利用

クイックスタート

  1. 1

    使用するUIフレームワーク向けのパッケージをインストールします（Vue 3版、element-plusの例）

    npm install @form-create/element-ui@next

収録されている特集

Android アプリとスマホツールフロントエンドのフレームワークとUIコンポーネント

トピック

#vue#low-code#form#form-builder#json-schema#ui-components#mobile#ant-design-vue#arco-design#element-plus

よくある質問

form-create とは？
JSONデータからフォームを生成・検証・送信できる、8つのUIフレームワークに対応したローコードVueフォームコンポーネント。 FormCreateは、JSONの定義からフォーム一式を生成します。各フィールドの型、選択肢、ルール、連動設定をデータとして定義すると、コンポーネントが動的な描画、データ収集、検証、送信を処理します。
form-create は無料で使えますか？ライセンスは？
form-create は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
form-create は今もメンテナンスされていますか？
活発にメンテナンス中。form-create の最終コミットは 2026年11月3日 です。
form-create は何に使えますか？
官公庁、OA、ERP、ECのバックオフィスシステムで管理フォームを構築 ビジュアルデザイナーを使い、開発者以外がフォームのレイアウトを定義 同じフォームのロジックをデスクトップとモバイルのVueアプリで利用
form-create のインストール方法は？
使用するUIフレームワーク向けのパッケージをインストールします（Vue 3版、element-plusの例）: npm install @form-create/element-ui@next
form-create はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/xaboy/form-create

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト