Composify - Reactオープンソースのビジュアルエディタ & SDUIライブラリ
(github.com/composify-js)以前在籍していた会社で社内利用していたReactベースのビジュアルエディタを整理し、オープンソースとして公開しました。プロモーションページ、製品紹介、ブログなどで繰り返し使われるコンポーネントをあらかじめ登録しておくことで、ページ構成や修正作業を非開発者が直接行えるように支援するツールです。
私が在籍していた会社では、実際に全体トラフィックの半分以上をこのエディタで作成したページが処理していました。マーケティング、プロダクト、コンテンツチームが、エンジニアの助けなしでも素早くページを作成して公開できました。
動作方式はPuckやBuilder.ioに似ています。あらかじめ作成しておいたReactコンポーネントを登録し、各propをどのような形で入力させるかを設定すれば、Drag & Dropエディタですぐに利用できます。ページコンテンツはリモートサーバーに保存されるため、デプロイなしでもリアルタイムでページを更新できます。
最大の違いは、既存コンポーネントを修正しなくてもそのまますぐに使える点です。別途スキーマを新しく定義したり、コンポーネント構造を変更したりする必要なく、すでに使用中のコンポーネントをそのままエディタに接続できるよう設計しました。
- 詳しい紹介はホームページで確認できます: https://composify.js.org
- デモも用意しています: https://composify.js.org/demo
8件のコメント
仕上がりが良さそうです
ありがとうございます haha
これを作れるように会社が決断したのがうらやましいですね
会社がエンジニアリングに継続的に投資してきたからこそ、ボトムアップで良いソリューションが生まれたのだと思います（笑）
本当にすごくうらやましいですね
ちょうど似たようなソリューションを探していたので、一度使ってみます
ありがとうございます！ぜひお試しいただいて、気軽にフィードバックもお寄せください :)
今すぐ使う予定はありませんが、ひとまずブックマークしておいて、後でまた来ます（笑）