StudioのサイトやCMS記事をHTMLやCSVとして書き出すことはできますか?

結論

Studioには、作成したWebサイトのデザインやページ情報、HTMLなどのソースコード、CMS記事のデータを外部へ書き出す機能が備わっていません。フォームから送信された回答データのみCSV形式でダウンロードできますが、CMSの記事やサイト全体を別の環境へ移すには、移行先での再作成や手作業でのデータ移行が前提となります。

データ・デザインの移行更新日

Studioで書き出せないものは何ですか?

「せめてブログ記事だけでもCSVで出せないか」と管理画面を探す人は多いのですが、そうした項目は見つかりません。書き出せないデータは、デザイン、ページ情報、HTMLなどのソースコード、CMSのモデル構成と記事の内容です。他のサービスへ移るときは、エクスポートできないデータの案内のとおり、移行先で改めて作ります。

データStudioから書き出し
デザイン・ページ情報できない
HTML・CSS・JavaScriptなどのコードできない
CMSのモデル構成と記事できない
フォームの回答CSVでダウンロードできる

なお、問い合わせなどのフォームに届いた回答データだけは例外で、回答一覧の画面右上にある3点メニューからCSV形式でダウンロード可能。名前は同じCSVでも、CMS記事は対象外です。

一方で、外部からStudioへデータを持ち込む機能に目を向けると、WordPressの標準エクスポート機能で出力したXMLファイルを取り込む仕組みが備わっています。ただし、WordPress以外のブログシステムやCSV形式によるインポートはできません。この機能で取り込んだ記事は「下書き」の状態で保存されるため、公開サイトへ載せるには確認と公開ステータスの変更作業が必要になります。

StudioのCMS記事を書き出す公式機能がない場合、どうやって取り出しますか?

公式のエクスポート機能が用意されていない場合、蓄積した記事をどうやって取り出せばよいでしょうか。公開中のサイトから1本ずつ集めるのが現実的なやり方です。

Studioヘルプのサイトマップ仕様に記載がある通り、サイトマップ機能を有効にしてサイトを公開すると、サイトのドメインの後ろに「/sitemap.xml」を付けたアドレスにアクセスできるようになります。このファイルには、モーダルやnoindex設定を除くすべての静的ページと動的ページが含まれ、CMSで公開した記事も自動的に反映される仕組みです。下書きの記事も公開されていないので、当然ながら載りません。サイトマップのURL一覧と、管理画面のCMS一覧を見比べて漏れを拾うのが安全でしょう。

一覧をもとに各ページへアクセスし、本文や画像をコピーするか、プログラムを使って公開画面のHTMLから記事要素を抽出します。ただし、取り出したデータをそのまま別のシステムへ流し込めるわけではありません。もうひとつ、ドメインやパーマリンクが変わる移転では、現行のURLと新URLの対応表を用意してリダイレクトを設定する準備も欠かせませんね。

StudioのData Connect APIでCMSを書き出せますか?

書き出せません。Data Connect APIは、外部サービスや自社のデータベースが公開しているAPIからデータを取ってきて、Studioの動的リストや動的ページに表示する機能です。データの流れは外からStudioへの一方向で、Studio CMSの記事を外へ出す仕組みではありません。

Studio公式のData Connect API解説で示されている通り、GETとPOSTのどちらを利用する場合でも外部からのデータ取得専用であり、Studio側から外部データを作成したり更新したりすることは不可能です。

使えるプランも決まっています。

プラン一覧のエンドポイント詳細のエンドポイント
Business1つまで利用不可
Business Plus制限なし制限なし
Enterprise制限なし制限なし

以前のAPI連携(Beta)は、2026年4月17日に正式版が始まったことで新規の利用が終わりました。すでに作った連携データは全プランで使えますが、今後も使い続けられる保証はなく、新しい公開基盤でもサポートされません。

ちなみに、この機能を使っているサイトは、不正アクセスに関するお知らせも確認してください。Data Connect APIやAPI連携(Beta)に登録した外部サービスのAPIキーやトークンは、暗号化して保存していたものも含め、内容を知られた可能性があります。外部サービスで新しいキーを発行し、Studioの設定を更新してから、古いキーを失効させる順番で進めましょう。逆の順番にすると、サイト上の連携が止まる場合があります。

StudioのEnterpriseプランならデータの書き出しを相談できますか?

最上位の法人向けプランであるEnterpriseを選べば、個別の相談として記事データの書き出しに応じてもらえるのでしょうか。相談すること自体はできます。ただ、書き出しに応じてもらえる前提で移行の予定を組むのは避けたほうがよいでしょう。残念ながら、Enterpriseであっても管理画面からデザインやCMSデータをワンクリックで書き出す公式機能は存在しません。

Enterpriseは大規模な法人向けのプランで、見積もりをもとに内容を柔軟に組めます。要件に合わせてセールス担当が提案する形で、相談は専用フォームから受け付けています。一方、書き出せないデータの案内にはEnterpriseだけの例外は書かれていません。契約ごとに何ができるかは、問い合わせてみないとわからない部分です。

バックアップについても誤解されやすい点があります。Studioは公開時に公開データを、デザインデータは操作のたびに定期的にバックアップして保管しています。ただ、これはStudio側で保管しているという話で、利用者がそのデータを受け取れるという意味ではありません。

Studioの書き出しについて英語の情報はありますか?

「日本語の情報だけで判断していいのか」と迷ったときは、英語版の公式ヘルプも見られます。HTMLの仕様を解説する英語記事には「Studio.Design doesn't offer a way to export your site's HTML code.」とはっきり書かれており、HTMLコードの書き出しは提供していないと説明されていました。英語版で案内されているのも、WordPressから書き出したXMLファイルをStudio CMSへ取り込む手順にとどまります。

ところで、Webflowの公式ドキュメントでは、CMSのコレクション項目をCSV形式でインポートできるだけでなく、CMSデータベースをCSVファイルへエクスポートする機能が標準で紹介されていました。

ただし、ノーコードツールならではの共通の壁も存在します。Webflowのコード出力仕様によると、有料ワークスペースプランでWebサイトのHTMLコード自体を書き出せるものの、CMSのコンテンツやコレクションリストの機能は出力対象から除外されます。コードを書き出したサイトでは、記事一覧などが動かないわけです。ノーコードのサービスで「見た目のコード」と「記事のデータ」を別々に扱うのは、Studioに限った話ではないようです。

こんな聞き方も

  • StudioのサイトをHTMLとして書き出すことはできますか?
  • Studio CMSの記事データを書き出す方法はありますか?
  • StudioのCMS記事を書き出す公式機能がない場合、どうやって取り出しますか?
  • StudioのData Connect APIは外部データを表示するための機能で、CMSを書き出すものではないのですか?
  • StudioのEnterpriseプランなら、データの書き出しを相談できますか?
  • Studio(studio.design)のHTML・CSSの書き出しについて、英語の情報はありますか?
  • studio.design export html
  • Studio CMS CSV 出力

あわせて知りたい(関連する疑問)

Qブラウザで保存したHTMLを移行先で使えますか?

公開中のWebページをブラウザの保存機能でダウンロードすれば、移行先のサーバーでそのまま再利用できるでしょうか。資料として手元に残すには役立ちますが、そのまま新しいサイトとして動かすのは難しいと考えたほうがよいでしょう。

手動での保存挙動については、Firefoxのページ保存ヘルプが参考になります。「Web ページ、完全」を選べば表示中の画像も含めて保存できますが、元のページにあったHTMLのリンク関係が保たれないケースがあります。もう一方の「HTML のみ」を選んだ場合は画像データが保存されませんね。

保存したHTMLファイルをCloudflare Pagesのような静的ホスティングへ配置すれば、単純な静的ページとして画面を表示すること自体は技術的に不可能ではありません。ただ、Studioのページを保存したものが正しく動く保証はなく、記事を追加したり直したりするCMSの機能もありません。WordPressなど他のCMSへ移す場合も、各システムに応じた専用の取り込み手順やプラグインが必要となるため、ブラウザ保存したHTMLをそのまま記事としてインポートすることはできませんね。

QmicroCMSへ移す場合はどの形式にすればよいですか?

ブログを例にすると、タイトル、本文、サムネイル画像、カテゴリーの4項目を持つ記事なら、microCMSにその4つのフィールドを持つリスト形式のAPIを作り、CSVにまとめて管理画面から一括で登録します。microCMSには特定のCMSから移すための専用機能はないので、データの持ち方を先に決めてから流し込む順番になります。

Studioから移すときに気をつけたい点は次のとおりです。

  • 文字コードはUTF-8(BOMなし)で保存する
  • 使えるのはリスト形式のAPIだけ
  • リッチエディタ欄にはHTML文字列を入れるが、microCMSのリッチエディタが対応する範囲のタグに限られる
  • 画像欄にはmicroCMSで配信している画像のURLを入れる

プランごとに一度に取り込めるコンテンツ件数にも制限が設けられています。microCMSの料金プランを確認すると、無料のHobbyプランでは最大1,000件、Teamプランでは最大2,000件まで。記事数が多いブログを移行する際は、CSVファイルを件数上限に合わせて小分けに分割して登録を進めるとスムーズですね。CSVのほかに、POST APIやPUT APIを使ってプログラムで登録する方法もあります。

Q記事が多いと移行費用は上がりますか?

ブログ記事を何百本も公開している場合、外部の制作会社に依頼する引っ越し費用はやはり高くなるのでしょうか。上がりやすいと考えておいてよいでしょう。見積もりを頼むときは、固定ページの数、CMSのモデル数と記事の件数、フォームの数や項目、予約・決済・会員などの外部サービスとの連携を伝えます。記事の件数は、その中でも作業量に響く項目です。

金額が膨らみやすい背景には、StudioにCMSデータを一括出力する機能がないという事情が存在します。一般的なブログの引っ越しのようにデータベースを丸ごと移し替えることができないため、移行代行サービスでは公開中のWebページから記事データを1本ずつ回収して新しいCMSへ登録し直す手法をとることも珍しくありません。記事数が増えるほど、本文の抽出や画像の保存、フィールドごとの整形作業に割く工数が直接積み上がる仕組みです。

Studioからの移行にかかる費用は、Studio移行センターの料金ページ(/ryokin/)の計算例と、無料サイト診断(/shindan/)で確かめられます。記事数が多いサイトほどデータの抽出漏れや画像リンク切れが起きやすいため、移行対象の記事を事前に厳選しておくことが費用を抑えるポイントです。

出典

この内容をChatGPTで相談

無料診断