Repolode
投稿する
frappe

frappe/builder

Frappe Framework向けのローコードなビジュアルWebサイトビルダー。Figma風のエディターとワンクリック公開に対応。

代替できる製品:WixWebflowFramer

GitHub で見る公式サイト
スター
2,445
フォーク
564
未解決の Issue
42
最終コミット
22 時間前

これは何？

Frappe Builderは、Frappe Framework上で動作するローコードのWebサイトビルダーです。レスポンシブ表示や組み込みのダークモードに対応したFigma風のビジュアルエディターでページをデザインし、ワンクリックでサイトを公開できます。ほかの多くのツールで作成したページを肥大化させる余分なスクリプトやスタイルを避けることを目指しています。

Frappe組み込みのCMSを使えば、サイトのデータベースからコンテンツを取得し、データ駆動型のページを作成できます。カスタマイズ機能には、グローバルスクリプト、クライアントスクリプト、ブロックごとのデータスクリプト、型付きブロックprops、プロパティやスタイルをスクリプト、ページデータ、クエリパラメーターにバインドする機能があります。組み込みの分析ダッシュボードでは、ページビュー、ユニークビジター数、上位のリファラーを確認できます。

また、BobというAIサイトビルダーも搭載しており、チャットを通じて既存のコンポーネントやテーマトークンを再利用しながらページを編集できます。影響の大きい変更については、事前に承認を求めます。Frappe Cloudへのデプロイに加え、DockerまたはBenchを使ったセルフホストにも対応しています。

主な機能

  • 01ページをデザインできるFigma風のビジュアルエディター
  • 02レスポンシブレイアウトと組み込みのダークモード
  • 03サイトのデータベースを利用したデータ駆動型ページ向けの組み込みCMS
  • 04カスタムスクリプト、型付きブロックprops、動的バインディング
  • 05ワンクリック公開と組み込みの分析ダッシュボード
  • 06チャットでページを編集するAIアシスタント

ユースケース

  • FrappeまたはERPNextのサイト上でマーケティングサイトや企業サイトを構築する
  • Frappeのデータベースのレコードを表示するデータ駆動型ページを作成する
  • フロントエンドのコードを書かずにランディングページをデザインする
  • DockerまたはFrappe BenchでWebサイトビルダーをセルフホストする

クイックスタート

  1. 1

    プロジェクトフォルダーを作成する

    mkdir frappe-builder && cd frappe-builder
  2. 2

    docker-compose.yml ファイルをダウンロードする

    wget -O docker-compose.yml https://raw.githubusercontent.com/frappe/builder/develop/docker/docker-compose.yml
  3. 3

    セットアップスクリプト init.sh をダウンロードする

    wget -O init.sh https://raw.githubusercontent.com/frappe/builder/develop/docker/init.sh
  4. 4

    コンテナを起動し、http://builder.localhost:8000 を開く（ログイン: Administrator / admin）

    docker compose up

使う前に知っておきたいこと

  • Docker を使ったセットアップには、お使いのマシンに Docker と docker-compose がインストールされている必要があります。
  • 本番環境でセルフホスティングするにはドメイン名が必要で、別のインストールスクリプトを使用するため、マネージドホスティングよりもセットアップに手間がかかります。

トピック

#website-builder#low-code#visual-editor#cms#frappe#vue#responsive-design#ai-website-builder#deployment#erpnext-website

よくある質問

builder とは？
Frappe Framework向けのローコードなビジュアルWebサイトビルダー。Figma風のエディターとワンクリック公開に対応。 Frappe Builderは、Frappe Framework上で動作するローコードのWebサイトビルダーです。レスポンシブ表示や組み込みのダークモードに対応したFigma風のビジュアルエディターでページをデザインし、ワンクリックでサイトを公開できます。ほかの多くのツールで作成したページを肥大化させる余分なスクリプトやスタイルを避けることを目指しています。
builder は無料で使えますか？ライセンスは？
builder は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
builder は今もメンテナンスされていますか？
活発にメンテナンス中。builder の最終コミットは 2026年10月20日 です。
builder は何に使えますか？
FrappeまたはERPNextのサイト上でマーケティングサイトや企業サイトを構築する Frappeのデータベースのレコードを表示するデータ駆動型ページを作成する フロントエンドのコードを書かずにランディングページをデザインする DockerまたはFrappe BenchでWebサイトビルダーをセルフホストする
builder のインストール方法は？
プロジェクトフォルダーを作成する: mkdir frappe-builder && cd frappe-builder docker-compose.yml ファイルをダウンロードする: wget -O docker-compose.yml https://raw.githubusercontent.com/frappe/builder/develop/docker/docker-compose.yml セットアップスクリプト init.sh をダウンロードする: wget -O init.sh https://raw.githubusercontent.com/frappe/builder/develop/docker/init.sh コンテナを起動し、http://builder.localhost:8000 を開く（ログイン: Administrator / admin）: docker compose up
builder はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/frappe/builder

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

関連プロジェクト