ブラウザで動作するシンプルで使いやすいオープンソースのビジュアルWebサイトビルダー・「Webstudio」

Ads

Webstudio


Webstudioはブラウザで動作するシンプルで使いやすいオープンソースのビジュアルWebサイトビルダーです。いわゆるノーコードツールとなっており、作成したのちにそのまま公開する事も可能です。

上SSは操作ビューです。左ペインには現在プレビューされている作成中ページのDOMをツリー形式で確認出来たり、ドラッグで要素を追加できる項目などが用意されており、切り替えられるようになっています。

プレビューの各要素はマウスホバーでアウトラインと何の要素かが表示され、選択する事で右ペインにマージンやパディング、ポジションなどなど各スタイリング要素が用意されていて、選択するだけでスタイル出来るようになっています。

Ads

どこかで見たことあるなと思ったら、UIがWebflowにそっくりというか概ね同じように作られているようです。とはいえ、まだアルファ版だそうで操作性なども改善の必要もあると感じました。

Githubを良く見たらインスパイアされたと書かれていました。ライセンスはMITとの事です。開発はコミュニティベースだそうで特にロードマップは用意していないそうですが、ShopifyやGraphCMSのようなサービスのGraphQL APIと統合出来るようにする等、ざっくりと目標は決められているようです。

Webflowを使っていてコストや機能面で不満がある方はご覧になってみては如何でしょうか。

WebstudioGithub