Webstudio

Webstudio とは何か

Webstudio（github.com/webstudio-is/webstudio）は、テンプレートを選ぶ道具ではなく、実際のウェブサイトを作るためのビジュアルビルダーです。README 自身はこれを開発者・デザイナー・職能横断チームのためのオープンソースのビジュアル開発プラットフォームと呼び、所有権を強調します。データもコンポーネントもインフラもあなたのもので、ホスティング版を使うことも自前で立ち上げることもできる、と。リポジトリの説明文はさらに、このカテゴリの簡素な側と分かれる2つの主張を足しています。任意のヘッドレス CMS に接続できること、そしてビルダーの UI が普通は見せる一部ではなく CSS プロパティをすべてサポートすることです。TypeScript で書かれており、このページを書いた時点で 8,785 スターでした。

それが実務上どういうことかは、リポジトリ自身のパッケージ一覧がよく要約しています。CSS エンジンと CSS データセット、ヘッドレス CMS のデータを取り込むコンテンツエンジン、Radix のプリミティブの上に組まれた Remix 版・React Router 版を含む React 向けコンポーネント SDK、リアルタイム共同編集のためのマルチプレイヤープロトコルと同期クライアント、さらに独自ドメイン、アセットのアップロード、フォント、画像処理、コマンドラインインターフェース。ライセンスについて README は正確で、これを土台に事業を作る前に読む価値があります。コアは AGPL-3.0-or-later、一方でアニメーション用のコンポーネントパッケージは任意提供かつプロプライエタリで、同社の EULA への同意が必要です。

ビジュアルビルダーは創業者のスタックのどこに入るか

ビルダーの価値は、きれいなページが作れることではありません。何かに気づいてから、それに手を打つまでの距離を縮めることです。コードベースでは見出しの変更はブランチとレビューとデプロイですが、ビルダーでは一日の午後と公開ボタンです。この距離が潰れると、次の4つが実際に開きます。

1. フロントエンドの工数なしのランディングページ キャンペーン、ローンチ、新しい層に向けたページが、同じ開発者をプロダクト開発と奪い合わなくなります。
2. 学んだその日に変わるコピー 商談を終え、顧客が使った言い回しを聞き、忘れる前に次の訪問者へその言葉を返せます。
3. 本当に回せる複数案 ページを2案試すのは、2案目を作るのが安いときにだけ割に合います。多くの創業者が飛ばすのは、安くないからです。
4. プルリクエストを開かない人による修正 誤字、古い価格、間違った日付を、気づいた本人が直せます。それはたいていコミット権限を持つ人ではありません。

ビルダーが変えない部分

このセクションのどのツールにも同じ正直な上限があり、ここでもはっきり書いておきます。創業者とトラフィックのあいだに立ちはだかっていたものが「ページを作ること」であった例はまれです。ビルダーは公開を速くしますが、誰も来ないページも転換するページと同じ速さで公開されます。結果を決めるものはキャンバスの外に丸ごとあります。そのページが本当に誰かの問いに答えているか、そこへ人を運ぶ何かがあるか、最初の一画面で提案が数秒で読み取れるか、です。

だから元が取れる順序は地味なほうです。どれだけ速く言えるかを最適化する前に、そのページが何を、誰に言うべきかを決めること。転換の側は訪問者を登録に変えるを、そもそも人がどう辿り着くかは新しいサイトの SEOを参照してください。ビルダーはすでに下した判断に掛ける本物の加速装置であり、判断がまだなら、間違ったページをより多く作るための高くつく手段です。

何が検証され、何が検証されないか

ビジュアルビルダーには誰も宣伝しないトレードオフがあり、それはデザインの質とは無関係です。キャンバスに打ち込んだ文字は不活性です。何とも突き合わせられないので、ページ上のあらゆる事実の主張——価格、上限、件数、前の四半期に出た機能——は、別のどこかに存在する真実の複製であり、複製は静かにずれていきます。コードベースなら、そうした事実の一部を出所に結びつけるか、少なくとも食い違ったときに落ちる検査を書けます。

この表は AgentCeres（agentceres.com の AI Growth Officer）を作った経験から書いています。私たちのマーケティングサイトにある連携一覧は、生きたコネクタカタログから生成されます。だからコネクタが本番に入ればページは勝手に更新され、誰も忘れようがありません。対してチームの担当エージェントの数は手で打ち込まれ、サイトの翻訳版すべてで繰り返され、誰かが気づくまでに二度も古くなっていました。直し方は、どのページであれその数を書いたらビルドを落とす検査を入れることでした。以上はビジュアルビルダーへの反論ではありません。ビルダーは実在の問題をうまく解いています。これは「二度と手で打ってはいけない事実」の短く意図的なリストを持つこと、そして手元のどのツールならそれを強制できるかを知っておくことへの賛成論です。