websites.new

CMSの制限、ローカライゼーションの価格、およびコードファーストのオプション

Designerの機能では手狭になったチーム向けのWebflowの代替サービス.

無料評価01 / 02

ステップ1・ウェブサイト

どのサイトを診断しますか?

公開ページのみ対象です。ログイン不要、コードのインストール不要、一切の義務もありません。レポートのリンクは非公開となっており、メールで1回のみ送信されます。1接続あたり1時間に3回のチェックが行われます。詳しくは次をご覧ください: プライバシーポリシー.

Webflowサイトは問題なく動いていることもあれば、すでに限界に当たっていることもあります。どちらでも、必要なのは好みの話ではなく証拠です。このページでは、限界がどこにあるのか、コードのエクスポートで何が残るのか、そして今の設定が業務に合わなくなったとき、どの代替案がチームに向いているのかを説明します。無料の評価サービスは、公開ページを検査して100点満点でスコアを出します。ログインはしません。分析データも見ませんし、チームメンバーへのインタビューもしません(そのため、編集者が「Designer」をどう感じているかは分かりません)。

このページの内容 9つのセクション
  1. 01成長中のチームがWebflowの代替手段を探すのはなぜでしょうか?
  2. 02WebflowのCMS、ローカライズ、およびプランの制限は、どのような点で影響を及ぼすのでしょうか?
  3. 03Webflowのコードエクスポートでは何が得られ、何が得られないのでしょうか?
  4. 04Webflowの代替ツールの中で、ビジュアル編集機能を維持しているものはどれですか?
  5. 05コードファーストのスタックは、どのような場合にWebflowに勝るのでしょうか?
  6. 06決定する前に、ご自身の Webflow サイトをどのように確認すればよいでしょうか?
  7. 07すべての選択肢を1つのリストにまとめます
  8. 08よくある質問
  9. 09次に読む

成長中のチームがWebflowの代替手段を探す理由?

代替案を探すタイミングは、Webflowが動かなくなったときではありません。サイトがチームの働き方に合わなくなったときです。この違いは大事です。CMSのアイテム数は増え続け、運用するサイトごとにプランの費用が倍になり、対応する言語ごとにローカライゼーションの費用も膨らみます。また、Designerに組み込んだロジックは、レビュー担当者が確認できない場所にブラックボックスとして残ってしまうことがあります。

制限内に収まるマーケティングサイトなら、Webflowは向いています。まずそこをお伝えしておきます。私はレガシーシステムやWordPressの環境を最新のスタックへ移行する仕事をしているので、双方の立場がよくわかります。プラットフォームの限界を超えることもあります。一方で、移行する根拠が不十分なまま、早すぎる時期に離れてしまうこともあります。無料の診断サービスを使えば、ご自身のページがどちらに当たるかが客観的にわかります。1ドルも使う前に、これを知っておく価値は十分にあります。

ツールを選ぶ前に、まず自分のサイトがどの制限に先に当たりそうかを見てください。その結果で、プラットフォームを変えるのか、プランを上げるのか、何もしないのかが決まります。そして「何もしない」も、きちんとした結論の一つです。

WebflowのCMS、ローカライズ、およびプランの制限がどこで問題となるか?

サイトが大きくなると、CMSアイテム数、ローカライズ費用、帯域幅の追加オプションが先に効いてきます。計算はすぐ面倒になります。Webflowの計算ツールでは、ビジネスプランはCMSアイテム2,000件、コレクション20件、帯域幅100 GB、新しいプレミアムプランはCMSアイテム20,000件、コレクション40件、帯域幅50 GBです。ただし、帯域幅は直感と逆に働くことがあります。Webflow自身の例でも、59ドルの請求額が65ドルになっており、実際にはさらに高くなる可能性があります。

「Localize」プランでは、「Essential」プランならロケールごとに月額9ドル、「Advanced」プランなら29ドルが加算されます。「Localize URLs」と訪問者のルーティング機能は、「Advanced」プランでしか使えません。ここは見落としやすい制約です。コレクションの一覧表示は、ページネーションを入れない限り、一度に100件までです。Teamプランが必要なら、年間契約で月額2,500ドルです。更新日も必ず見てください(表示価格より大事なことがあります)。FreelancerおよびAgency Workspacesでは、既存のサイトへの変更が2026年6月29日、または2026年11月16日から適用されます。

Webflowのコードエクスポートでは何が得られ、何が得られないのでしょうか?

コードをエクスポートすると、ページは静的なフロントエンドアセットとして出力されます。ただし、CMSコンテンツ、フォーム、サイト内検索、主要なロケール以外のすべてのロケールは含まれません。これは見た目だけの話ではなく、実際に動かない部分が出るという話です。エクスポートしたサイトではコレクションリストが空で表示され、以前コンテンツが入っていた場所は空白になります。ユーザーアカウントも、Eコマース、パスワード保護、コードコンポーネントと同じく、エクスポートされません。

コンテンツを手作業で取り出すことはできますが、それだけで完全な移行にはなりません。CMSコレクションはCSV形式でダウンロードでき、リッチテキストはHTML、複数参照フィールドはカンマ区切りのテキストになります。画像やファイルのリンクはWebflowでホストされているURLを指すため、元のサイトを削除するとリンクが切れます。なので、先にすべてのアセットをダウンロードしておいてください。フォームの送信データは「サイト設定」からCSV形式でダウンロードできますが、新しいエントリを受け取るにはサードパーティのサービスが必要です。

ホスティングは別枠で考えてください。エクスポートしたファイルを使うには、自分で選んだウェブホストと、自分で設定する外部フォームハンドラーが必要です。どちらもエクスポート機能の中には入っていません。

Webflowの代替ツールで、ビジュアル編集機能を維持しているものはどれですか?

ビジュアル編集を残したいなら、Framer を使うか、Storyblok や Sanity を自社のフロントエンド上のビジュアル編集レイヤーとしてつなぎます。まず上限を見てください。サードパーティの比較によると、Framer Pro は年間契約で 1 サイトあたり月額 30 ドル、10 の CMS コレクションと 2,500 アイテムまで使えます。この上限は、Webflow Premiumの40コレクション、20,000アイテムより低いため、移行前にコンテンツ量を数えてください。2人目のエディターを追加する場合、Framerでは20ドルですが、Webflowでは39ドルのフルライセンスが必要です。

Sanity Visual Editing では、フロントエンドから Sanity Studio へクリックするだけで編集できるライブプレビュー機能をご利用いただけます。Next.js や Astro にも対応しており、すべての Sanity プランに含まれています。ただし、1つだけ犠牲になる点があります。 Webflowの単一のキャンバスは利用できなくなります。コンテンツを視覚的に編集すると、レイアウトの変更がコードに反映されます。しかし、開発者にはTypeScriptで定義されたコンテンツモデルが提供され、ユーザーにはフィールドレベルまたはドキュメントレベルのローカライズ機能が利用可能になります。

コードファーストのスタックがWebflowに勝る場合とは?

サイトにアプリケーションロジックやパーソナライゼーションがある場合、またはリリースごとにコードレビューが必要な大きな編集チームがある場合は、Webflowよりコードファーストのスタックが合います。作業内容から逆算して選んでください。コンテンツサイトやマーケティングサイトならAstroです。デフォルトの出力は静的で、ローダーを通じてどんなソースからでもコンテンツコレクションを読み込めます。訪問者ごとにロジックを実行するなら、SanityやContentfulなどのヘッドレスCMSと組み合わせてNext.jsを選んでください。

その代わり、支払うものがあります。ここははっきりしたトレードオフです。Sanity Visual Editingを追加しない限り、編集者はWebflowのビジュアルキャンバスを使えなくなります。プラグインは自分で保守するコードになり、ホスト型の管理画面は、自分で設定するStudioに置き換わります。Vercelでは、頻繁に変わるページに「Incremental Static Regeneration」を使うこともできます。キャッシュしたページを配信しながら、バックグラウンドで再生成する機能です。単純なマーケティングサイトなら、これらはどれも不要かもしれません。もちろん、それでも問題ありません。

決定を下す前に、ご自身の Webflow サイトをどのように確認すればよいでしょうか?

自分のサイトを見るには、ホームページのURLで無料診断を実行し、8つの柱それぞれで何が評価されているかを確認してください。診断では、ホームページに加えて最大8つのサンプルページを対象に、レスポンスヘッダー、マークアップ、構造化データ、見出し、スクリプトと画像の比重、robotsファイルやカノニカルタグのシグナルを調べます。スコアは100点満点で、評価帯は「良好」(80~100点)から「レガシー状態」(0~39点)までです。

このツールにも限界があります。ログイン、アナリティクスの閲覧、フィールドパフォーマンスデータの取得、編集者へのインタビューは行いません。そうした背景は、ご自身で補ってください。所要時間は約2分で、費用はかかりません。レポートのリンクを1回送るために職場のメールアドレスの入力が必要で、1接続あたり1時間に3回までチェックできます。また、サイトがダウンしている場合は、スコアの代わりにアーカイブデータが表示されます。

すべての選択肢を1つのリストにまとめます.

01 · Framer

Framerは、デザインファーストのキャンバスと組み込みのCMSを持つビジュアルサイトビルダーです。チームで視覚的な編集を続けたい場合や、コンテンツ数が少ない場合に向いています。

02 · ヘッドレスCMSを採用したAstro

Astroは、デフォルトで静的ページを出力するコンテンツサイトやマーケティングサイト向けで、任意のソースからコンテンツを読み込みます。開発者が高速なページ表示、コードレビュー、好みのCMSの利用を重視する場合に向いています。

03 · Sanity を使用した Next.js

Next.jsはアプリケーション、パーソナライゼーション、サーバーロジックを担当し、Sanityはビジュアル編集ができる、カスタマイズ可能な「Studio」を提供します。編集者が多く、サイトがパンフレットではなく製品に近い機能を持つ場合に向いています。

04 · Next.js をフロントエンドに採用した Storyblok

Storyblokは、開発者がNext.jsで作ったフロントエンドの上に載せるビジュアルエディタを備えたヘッドレスCMSです。編集担当者はページ内をクリックして編集したい、でも開発者はコードの管理権限を手放したくない、という場合に向いています。

05 · Builder.io

Builder.ioは、開発者が管理するコードのフロントエンドにつなぐビジュアル編集レイヤーです。マーケティング担当者がリリースを待たずにページを組み立てたい場合に向いています。

06 · ブロックテーマを採用したWordPress

ブロックテーマを使ったWordPressでは、ホスト型またはセルフホスト型の管理画面、豊富なプラグインカタログ、ブロックベースのページ編集が使えます。チームがすでにWordPressに慣れていて、デザインキャンバスよりプラグインを必要としている場合に向いています。

07 · Squarespace

Squarespaceは、テンプレート、ホスティング、シンプルなエディタをまとめたオールインワンのホスト型ビルダーです。サイトの規模が小さく、複雑な要素を避け、開発者に頼らず作りたい場合に向いています。

08 · Wix Studio

Wix Studioは、クライアントやブランドのサイトを視覚的に作る代理店や社内デザイナー向けのホスト型ビルダーです。コードを書かずに、デザインキャンバスとマネージドホスティングを使いたいチームに向いています。

09 · ペイロード

Payloadは、開発者がTypeScriptで設定し、フロントエンドと並べて動かすコードファースト型のヘッドレスCMSです。コンテンツモデルと管理画面を、サイトと同じリポジトリで管理したい場合に向いています。

10 · Ghost

Ghostは、記事、会員制度、ニュースレターを中心にしたパブリッシングプラットフォームです。サイトの主役が出版物で、マーケティングページが副次的な場合に向いています。

11 · Webflow をご利用ください

Webflowを使い続ければ、使い慣れたデザイナー、ホスティング、CMSをそのまま使えます。マーケティングサイトがCMSの制限内に収まり、1つの言語で公開していて、レビュー担当者が確認できない場所に隠れたロジックがないなら、Webflowで足ります。多くのチームにとっては、それがいちばん現実的な選択です。

よくある質問.

01Webflowは、マーケティングサイトとして今でも良い選択肢でしょうか?

はい、サイトの利用が制限内に収まっていれば可能です。判断基準はそこにあります。Webflowの「Business」プランではCMSアイテム2,000件とコレクション20件、新しい「Premium」プランではアイテム20,000件とコレクション40件まで使えます。1つの言語で公開し、少人数のチームで編集し、Designerに隠れたロジックがないなら、現状維持は賢い判断です。近代化に失敗したわけではありません。

02Webflowのサイトをエクスポートして、自分でホスティングすることはできますか?

ページをコードとしてエクスポートすることはできますが、CMSの機能、フォーム、サイト内検索、主要なロケール以外のローカライズされたコンテンツはエクスポートできません。コレクション一覧は空で表示されます。CMSのデータとフォームの送信データはそれぞれCSV形式でダウンロードでき、好みのホストやフォームツール上でそれらの部分を作り直せます(この作り直しには実際かなり時間がかかります)。

03Webflowの代替として、AstroとNext.jsのどちらを選べばよいでしょうか?

サイトがコンテンツ中心、またはマーケティングページ中心なら、「Astro」を選んでください。デフォルトで静的に出力されるためです。アプリケーション性やパーソナライゼーションが必要な場合、あるいは編集者が多数いる場合は、SanityやContentfulなどのヘッドレスCMSと組み合わせて「Next.js」を選びます。ただし、どちらを選んでも、ビジュアル編集機能を別途追加しない限り、編集者はWebflowのビジュアルキャンバスを使えなくなります。予算は先に見ておいてください。

04この無料診断では、私の Webflow サイトについてどのような情報が得られますか?

本サービスが分析するのは、ホームページと最大8つのサンプルページです。8つの評価項目に沿って、100点満点のスコアを1つ返します。分析範囲は意図的に絞っています。見るのはレンダリング、ヘッダー、スクリプトの負荷、構造化データです。ログインはしません。アナリティクスデータの読み取りや、実環境でのパフォーマンスデータの収集も行いません。そのため、編集者の使い勝手はご自身で判断していただく必要があります。

無料の自動診断

あなたのサイトの実力を確かめましょう.