移行の判断更新日
#Studio・Webflow・Wixで書き出せるデータはどう違いますか？
Studioで記事や画像を取り出せずに苦労したあとだと、次のサービスでは「やめるときに何を持ち出せるか」を先に知りたくなりますよね。三つを並べると、持ち出せる範囲はかなり違います。
| サイトのコード | CMSの記事データ | サイトを別の場所で動かす |
|---|
| Studio | 書き出せない | 書き出せない | できない |
|---|
| Webflow | 有料Workspaceプランで書き出せる | コレクションごとにCSV | 書き出したコードで可（機能に制限あり） |
|---|
| Wix | —（外部で動かせない） | コレクションごとにCSV | できない |
|---|
Studioには、デザイン、ページ情報、ソースコード、CMSのデータを出す標準の書き出し機能がありません。例外として、フォームの回答一覧はCSVで手元に保存できます。
Webflowは三つの中でいちばん多く持ち出せますね。有料のWorkspaceプランなら、HTML・CSS・JavaScript・画像などの素材をまとめて書き出せます。ただ、サイト単位のSiteプランだけでは、コードは出せません。CMSのコレクションはコードとは別に、CSVで保存する形です。
Wixも、CMSのコレクションはCSVで書き出せます。一方で、WixのサイトはWixのサーバー上でしか動かせず、別のホスティング先へ移して使い続けることはできません。記事データは持ち出せても、サイトそのものは置いていくことになります。
#Webflowのコード書き出しではCMSの内容も一緒に持ち出せますか？
Webflowからコードを書き出せば、ブログやお知らせなどのCMS記事もすべてそのまま静的ファイルとして持ち出せるのでしょうか。答えを言えば、書き出されるHTMLやCSSの中にCMSのデータや表示機能は含まれません。
Webflowのコードエクスポート機能は、サイト全体の骨組みとなるデザインや静的ページのHTML、スタイルシートを書き出すための仕組みです。コード書き出しの対象外にCMSの内容と機能が含まれていて、書き出したサイトではコレクションリストが空の状態で表示されます。コレクションページも、CMSの項目とつないでいた部分には何も出ません。
CMSのほかにも、書き出したコードに引き継がれないものがあります。
- ユーザーアカウントとEコマースの内容・機能
- フォーム送信の処理
- サイト内検索
- パスワード保護
- 多言語サイトの主言語以外のページ
CMSに蓄積したテキストを持ち出す際は、コードとは別にCMSパネルからコレクションごとにCSVファイルとして書き出しましょう。一度に出せるのは1コレクションずつで、全件の書き出しにはアーカイブした項目も入ります。このCSVを使えば、別のWebflowサイトや他社ツールへ記事データを移管する土台になりますね。
#Webflowへ移ったらCMSデータをCSVで定期的にバックアップすべきですか？
はい、取っておいたほうがいいです。特に記事の一括更新や新しいデータのインポートの直前には、手元へCSVを書き出しておくと戻しやすくなります。
Webflowにも標準のバックアップはあります。ただ、日時を決めて取る予約機能はなく、自動保存50回ごとに復元ポイントが作られる仕組みです。これはWebflowの中で以前の状態へ戻すためのもので、記事データを手元に置いておく役目は果たしません。コードの書き出しにもCMSのデータは含まれないため、記事を自分の手元に残す方法はCSVだけになります。
CMSのデータをCSVで保存する手順はシンプルです。ダッシュボードのCMSパネルから対象となるコレクションを開き、エクスポートの操作を実行するだけで手元にファイルが保存されます。表示中の言語の項目しか出ないので、多言語サイトでは言語ごとにファイルを分けて保存してください。
もうひとつ、CSVに入るのはWebflow上の画像URLなので、CSVだけ保存していても、サイトを消した時点で画像は見られなくなります。記事で使った画像やファイルは、CSVとは別にダウンロードしておきます。
頻度に公式の決まりはありません。記事を多く更新した月の終わりや、まとめて項目を書き換える前に、日付を付けたファイル名で残しておくのが一つの目安です。
#書き出しやすさ以外に、Webflow・Wixを選ぶ前に考えることは？
持ち出せる範囲だけで比べると、Webflowが一歩リードして見えますね。ただ、移った後の数年をどう運用するかで、向き不向きは変わります。
Wixを選ぶなら、長く使い続ける前提で考えることになります。Wix Editorでは別のテンプレートへ変更したい場合、新しいサイトを最初から立ち上げ直さなければなりません。既存の有料プランを新サイトに付け替えても、旧サイトの内容や一部の機能は引き継がれず、テンプレート変更でSEOに影響が出ることもあります。デザインを大きく変えたくなったときの手間まで含めて見ておきたいところです。
Webflowの場合は、どのプランで契約するかが効いてきます。いざというときにコードを書き出したいなら有料のWorkspaceプランが要り、Siteプランだけでは出せません。サイトを公開するためのSiteプランと、複数人での共同作業やコード書き出しを行うWorkspaceプランは別々の契約です。公開用のSiteプランの月額や、税金がどのように加算されて請求されるかは、契約前にWebflowの料金ページで確かめておきましょう。
フォームの扱いも見落としがちです。さらにコードを外部サーバーへ書き出して公開する場合、フォームの送信処理機能はコードに含まれないため、問い合わせフォームを動かすには外部サービスとの連携設定を自分たちで整えなければなりません。問い合わせが事業の入り口になっているサイトなら、移行前に代わりのサービスを決めておきましょう。
こんな聞き方も
- webflow ロックイン エクスポート
- webflow cms csv エクスポート
- webflow cms 定期 バックアップ csv
- wix webflow エクスポート できる
- webflow コード 書き出し cms 制限
- wix cms csv エクスポート
あわせて知りたい（関連する疑問）
QWixのCMSデータはCSVでエクスポートできますか？
Wixで作成したブログやお知らせなどのCMSデータは、CSVファイルとして外部へ取り出せるのでしょうか。結論として、CMSのコレクション機能で管理しているデータであれば、標準機能を使ってCSV形式でエクスポートできます。手順は次のとおりです。
- サイトのダッシュボードでCMSを開き、対象のコレクションを選ぶ
- More Actionsを押し、Export to CSVを選ぶ
- 書き出す範囲を選んでExportを押す
- 準備ができたらDownload Fileで保存する
書き出す範囲は3種類から選べます。コレクション全体を選ぶと、非表示のフィールドやシステムのフィールドまで入ります。今かけているフィルターに合う項目だけを出すこともでき、もうひとつはフィールド名だけの書き出しです。フィールド名だけを選ぶと記事の本文や値は入らないので、バックアップや移行に使うなら全体か絞り込みを選んでください。詳しい操作はCMSコレクションの書き出しで確認できます。
ところで、CSVの日時の列はUTC+0で出力されます。Wixの管理画面上では日本時間などの利用者のタイムゾーンへ自動変換されて表示されているため、他サービスへ移す際には9時間の時差を考慮してデータを扱う必要がありますね。移行先で日付を並べ直すときは、この差を先に直しておきましょう。
書き出したCSVは他のアプリでも使えますし、WixからWebflowへ記事を移す材料にもなります。とはいえ、持ち出せるのはあくまでCMSの記事データで、ページのデザインやサイトの仕組みはWixに残ります。CSVが出せるからといって、サイトごと身軽に動けるわけではありません。
QStudioからWebflowへCSVで直接移せますか？
Studioで運用してきた記事資産をそのままWebflowへ移したいとき、CSVをワンクリックで書き出してインポートできれば移行作業も手軽に思えますね。しかし現在の仕様では、StudioからCMSデータをCSVとして直接書き出してWebflowへ渡すことはできません。StudioでCSVとしてダウンロードできるのはフォームの回答で、記事データとは別物です。
Studioにはインポート機能としてWordPressのXMLファイルを読み込む仕組みがありますが、これは外部からデータを取り込むための機能です。詳しくはStudioのWordPressインポート仕様でも確認できますが、この機能を使ってStudio内のデータを外部へ出力することはできません。
そのため、Webflowに読み込むCSVは自分で作ることになります。手元に原稿が残っていればそこから、なければ記事を一つずつ確認して表に起こす作業です。CSVは、列を「タイトル」「本文」「公開日」のような項目に、行を記事1本ずつにあてて作ります。
Webflowに取り込むときは、CSVの各列をWebflow側の項目に対応付けましょう。項目名を変えたり、日付の形式をそろえたり、二つの項目をまとめたり分けたりする調整も出てきます。いきなり全件を入れず、数件のサンプルで項目の型が正しく入るかを確かめてから本番に進むと、やり直しが少なくて済みますよ。
画像も同じCSVで取り込めますが、条件があります。画像はインターネット上で公開されている必要があり、CSVにはその画像のURLを書きましょう。Studioから画像を取り出せていない場合は、まず画像を集めて置き場所を用意するところから始まります。
QWebflowからStudioのようにまた移ることになったら大変ですか？
Studioから出るときと比べれば、Webflowから出るときの手間はかなり軽くなります。ただし、書き出したデータを別のツールでそのまま再現できるわけではなく、手作業での再構築や仕様の調整は避けられません。
StudioではStudioのHTMLコード外部出力仕様にあるようにHTMLコード自体の外部出力が一切行えませんが、Webflowであれば有料のWorkspaceプランを契約していればHTML、CSS、JavaScript、画像素材をまとめて書き出せます。さらにCMSに登録したテキストデータも、コレクションごとにCSV形式でエクスポート可能です。文章の資産を手元に確保できるだけでも、ゼロから原稿を探し直す手間に比べれば移管作業は進めやすいでしょうね。
もっとも、持ち出せるのは「形」と「データ」までです。書き出したコードにはCMSの機能もフォーム送信の処理も入らないため、次のサービスでは記事一覧の表示や問い合わせフォームを動かし直すことになります。CMSの記事も、CSVから移行先の項目に合わせて取り込み直しましょう。
あわせて、CSVに入る画像やファイルのURLはWebflow上のもので、元のサイトを削除するとリンクが切れます。移行が終わって新しいサイトで画像が表示されるのを確かめるまでは、Webflowのサイトを消さずに残しておくか、画像とファイルを個別に保存しておきましょう。
ちなみに、Webflowの会員ログイン機能User Accountsを使っているサイトなら、この機能がいまも使えるのか、終了の時期や代わりの方法が示されていないかを、移行の計画を立てる前にWebflowのヘルプで確かめておきましょう。
この内容をChatGPTで相談
