データ・デザインの移行 更新日 2026年10月24日
目次
Studioのテンプレートで作ったサイトは、何が持ち出せて何が持ち出せませんか? StudioサイトのHTML・CSSをブラウザから保存して移行に使えますか? Studioのサイトを記録として残すには、どの方法を組み合わせればよいですか? Studioのストレージ容量はプランごとにどのくらいですか? 脱Studioの移行代行にはどんなサービスがありますか?
# Studioのテンプレートで作ったサイトは、何が持ち出せて何が持ち出せませんか? 「テンプレートを買って作ったサイトだから、データごと手元に持ち出せるはず」と考える人もいます。ところが、Studioにはデザイン、ページ情報、ソースコード、Studio CMSのデータを書き出す機能がありません(エクスポート機能の案内 )。他のサービスへ移るときは、移行先でこれらを作り直すことになります。テンプレートから始めたサイトだけを別扱いにする例外も、ヘルプには書かれていません。
一方で、取り出せるデータもあります。
フォームの回答:回答一覧画面の右上にある3点メニューから、CSV形式でまとめてダウンロードできます 回答に添付されたファイル:その回答の詳細画面から1件ずつ保存できます 持ち出せないもの:デザイン、ページ情報、ソースコード、CMSの記事データ
CSVに出せるのは、Studioに保存されている回答だけです。プランの閲覧上限を超えた回答は出力できないので、契約を変える前に一度ダウンロードしておくと手元に残せますね。
もうひとつ、テンプレートに最初から入っていた画像やフォントは、テンプレートごとに個別の利用条件が決められていることがあります。移行先でも同じ画像を使うつもりなら、テンプレートの説明欄で条件を確かめてから使ってください。
# StudioサイトのHTML・CSSをブラウザから保存して移行に使えますか? ブラウザの保存機能を使って画面のHTMLやCSSを手元に残せば、そのまま別のサーバーにアップロードして移行できるのでしょうか。ブラウザの保存機能を使えば、公開中のページをファイルとして手元に残すことはできます。ただ、そのファイルが移行先でそのまま動くサイトになるわけではありません。
たとえばブラウザで完全保存を選んだ場合でも、元のHTMLリンクのつながりが崩れてしまうケースが見られます。また、サイトクローンツールなどを使っても、認識できないJavaScriptの処理が抜け落ちてしまい、崩れた画面しか再現できない事態が起こります。Studioのページは画面の動きをJavaScriptで組み立てている部分があるため、保存したファイルを開いても、公開中のサイトと同じ見た目や動きになるとは限らないでしょう。
そのため、ブラウザで保存したファイルは、作り直すときの見本として残しておくのが現実的な使い道です。文章の確認や、レイアウトをどう再現するか考えるときに手元で開けるのは役に立ちますね。移行先の新しいサイトの土台としてそのまま流用するのは、表示や動作の不具合を抱えたまま公開することになりかねないので避けてください。
# Studioのサイトを記録として残すには、どの方法を組み合わせればよいですか? 既存サイトのデザインや掲載内容を記録する手段として、ページ全体の画像保存とURL一覧の作成を組み合わせるやり方が役立ちます。
サイトマップでページの一覧を取る ページ全体のスクリーンショットで見た目を残す 画像のURLをコピーして控える 旧URLと新URLの対応表を作る
Studioでは設定画面の一般項目で機能を有効にすると、「/sitemap.xml」という共通のアドレスでサイトマップが作られます。設定方法の詳細はStudioのサイトマップ設定 で確認できますよ。ただし、このファイルには通常の固定ページやブログ記事が含まれるものの、ポップアップで開くモーダルや、検索除外(noindex)を指定したページは記載されません。抜け漏れがないように管理画面のページ一覧と見比べる確認が欠かせませんね。
見た目をそのまま残したいときは、Google Chromeの開発者ツールが便利です。画面の検証を開いてデバイスモードに切り替え、メニュー内の「Capture a full size screenshot」を実行すると、スクロールしないと見えない領域も含めて1枚の縦長画像として保存できます。画像のURLは、DevToolsのNetworkパネルで該当するリクエストを右クリックし、CopyからCopy URLを選べばコピーできます。
移転後にアドレスが変わる場合は、検索エンジンからの評価を落とさないためにも、旧サイトのアドレスと新サイトのアドレスを1対1で対応させた一覧表を準備しておきましょう。
# Studioのストレージ容量はプランごとにどのくらいですか? サイト内にたくさんの画像や動画を掲載している場合、Studioのストレージ残量はどのくらい残されているでしょうか。契約しているプランによって、プロジェクトごとに使える容量の上限が定められています。
プラン名 プロジェクトごとの容量上限 Free 5GB Mini / Personal 10GB Business / Business Plus 100GB Enterprise カスタム(案内上は上限なし)
Enterpriseは、料金表では「カスタム」と書かれていますが、容量制限の案内では「上限なし」となっていて、表記がそろっていません。Enterpriseを使っている場合は、契約時の条件で確かめるのが早いでしょう。
プラン全体の容量とは別に、1ファイルの上限もあります。どのファイル形式でも、アップロードできるのは1ファイル1GBまでです(ストレージ容量の制限 )。また、使用量にはゴミ箱に入れたファイルも含まれます。ゴミ箱から完全に削除すると空きが増えますが、契約の上限そのものが広がるわけではありません。
もし移行に合わせて月額費用の低い下位プランへ切り替えるなら、事前に保存データを整理しておく必要があります。利用中のデータ量が変更先の上限を超えていると、サイトが自動で非公開になってしまう仕組みだからです。旧サイトをしばらく残しておきたい人ほど、ここでつまずきやすいですね。
今の使用量と上限は、デザインエディタで画面左のアップロードパネルを開くと、下部のストレージバーに表示されます。
# 脱Studioの移行代行にはどんなサービスがありますか? 移行代行は、公開中のStudioサイトをもとに、移行先で作り直す形になります。Studioにはデータを書き出す機能がないため、公開ページを見ながら組み直す方式です。
Studioからの移行にかかる費用は、Studio移行センターの料金ページ(/ryokin/)の計算例と、無料サイト診断(/shindan/)で確かめられます。
はまれぽメモ
はまれぽ調べ(2026-10-21)では、現役のStudioサイトは全国77,664件あり、すでに移った先はCloudflare 1,940件、Vercel 1,004件、Netlify 210件でした(過去分含む)。はまれぽはテンプレート製のサイトも公開ページから文章と画像を取り出し、URLを変えずにAstro×Cloudflareへ移管します。
こんな聞き方も Studioのテンプレートで作ったサイトを他のサービスに持ち出せますか? studio cms テンプレート StudioサイトのHTML・CSSをブラウザから取得できますか? Studioの公開サイトをブラウザからHTMLとして保存して参考にできますか? wgetやHTTrackでStudioサイトを丸ごと保存できますか? 保存したStudioサイトをローカルで開くと表示が崩れるのはなぜですか? サイト全体をフルページのスクリーンショットで残す方法は? Studioのサイト画像を右クリックで保存できない時はどうしますか? Studioのストレージ容量はプランごとにどのくらいですか? ペライチで作ったサイトは他のサービスへ移行しやすいですか? formrunを移行先のサイトに埋め込めますか? URL対応表のスプレッドシートのテンプレートはありますか?
あわせて知りたい(関連する疑問) Q ペライチで作ったサイトは他のサービスへ移行しやすいですか? 1ページ完結のWebページ作成で親しまれているペライチは、他のツールへ簡単に引っ越しできるのでしょうか。ペライチも、Studioと同じくサイトを書き出す機能がありません。他のサービスへ移るときは、基本的に移行先でページを作り直すことになります。
とはいえ、ペライチで作るサイトは単一のランディングページなどページ数がごく少ない傾向がありますね。移行の費用は、ページ数と機能で変わります。
移しやすさが大きく変わるのは、URLの扱いです。独自ドメインでサイトを公開していれば、別のサービスへ移ったあとも同じURLを使い続けられます。ペライチが用意するサブドメインで公開している場合は、この話は当てはまりません。
ペライチで取ったドメインを別の管理会社へ移すときは、ページの移行とは別に移管の手続きがいります。購入から60日以上たっていて、有効期限が15日以上残っていることが条件です(ドメインの外部移管 )。更新日が近いと移管できない期間に入るので、手続きの時期は早めに決めておくと慌てずに済みますね。
もしURLが変わるなら、旧URLと新URLの対応を表にまとめ、転送の方法を決めてから移行を始めます。ペライチ側で転送を設定できるかは、別に確かめてください。
Q formrunを移行先のサイトに埋め込めますか? Studioで使っていたformrunの問い合わせ窓口を、移行先のサイトでもそのまま継続して使いたいと考える人は少なくありませんね。formrunで作ったフォームは、コードの埋め込みに対応しているWebサイトであれば、別のサービスへ移った後も引き続き利用できます。formrunのフォームは、フォーム編集画面で取得したiframeのコードを貼り付けて外部ページに設置する仕組みです(formrunの埋め込み手順 )。Studio以外では、Squad beyondも設置手順を用意しています。
ただし、コードを貼り直すだけでは終わりません。formrunの管理画面側で、設置先となる新しいサイトのアドレスをすべて登録しておく決まりになっています。通信の保護(https)や「www」の有無も含めて正確に入力しないと、送信時にエラーが出てしまいます。移行でドメインが変わる場合は、ここを忘れやすいでしょう。
設置を終えたら、実際に自分で文字を入力してテスト送信を行い、正常に届くか確かめておきましょう。必須項目を空けたまま送るとエラー表示でフォームの長さが変わるので、iframeの高さが足りているかもあわせて見ておきます。
なお、Studioの事案のお知らせ では、埋め込んだ外部フォームから外部サービスへ直接送信された回答は、流出した可能性のある情報に含まれません。一方、Studioに貼り付けた埋め込みコードは対象に入っています。コードにAPIキーやトークンなど秘密の値を書いていたなら、外部サービス側で新しい値に切り替えてください。
Q 有料素材やテンプレートのライセンスはサイトを移しても有効ですか? 一度お金を払って購入した素材であっても、画像の配布元から個別に購入したものと、Studioのストアで購入したテンプレートとでは、適用の条件が大きく異なります。
Studio.Storeで手に入れたテンプレートは、1回の購入につき1つのプロジェクトだけで使うルールです。さらに、テンプレートを元にして立ち上げたプロジェクトを複製する機能も認められていません。Studioの利用規約 においても、テンプレートの権利は作成したデザイナーにあり、事前の承諾がないまま他者へ権利を再許諾することは禁じられています。移行先のサービスで同じデザインを再現してよいかは、これらの条件だけでは読み取れません。気になるときは、テンプレートデザイナーに直接相談できます。
これに対して、外部の素材サービスは条件の決め方が違います。Adobe Stockでは「エディトリアル専用」以外の素材をWebサイトに使えますが、別々の顧客が同じ素材を使うなら、顧客ごとにライセンスを取らないといけません。制作会社が複数の取引先のサイトを移すときは、ここで抜けが出やすいですね。素材ごとに、購入時の規約を手元に残しておいてください。
Q 低画質になった画像をAIでアップスケールして使えますか? 手元に元の画像ファイルが残っておらず、公開画面から拾った小さな画像しか手に入らない場合、AIで画質を高めて移行先に使い回せるでしょうか。近年のAIツールを使えば、解像度の低い画像からピクセル数を増やして高精細に見せる補正自体は行えます。たとえばAdobe Camera Rawに搭載されている超解像機能を使うと、画像の縦横のピクセル数をそれぞれ2倍に引き上げ、全体の画素数を4倍に拡大できます。
ただ、AIによる拡大処理は前後の情報から推測してピクセルを描き足す処理です。小さな文字や企業のロゴマーク、商品の細かな輪郭などは、処理の過程で形が歪んだり線がぼやけたりすることがあります。商品写真やロゴは、拡大後に元と見比べてから使ったほうが安心でしょう。
そもそも、Studio上にアップロードされた画像の扱いについても確かめておきたいところです。Studioは2025年5月の更新で、アップロードした原本の自動圧縮とリサイズをやめました(画像が粗く見えるときの対処 )。原本は元の画質とサイズのまま残り、表示するときに画面サイズに合わせた画像が出し分けられます。
サイト上で画像が粗く見える原因としては、表示サイズと原本の解像度が合っていないことがあります。この場合は、アップロード前に画像のピクセル数を実際の表示サイズに近づけるのが対処です。見た目が粗いだけなら、手元にある元データを使い直せば、AIで拡大しなくても済むかもしれません。この更新より前にアップロードした画像に同じ扱いが当てはまるかや、原本をダウンロードできるかまでは、案内に書かれていません。
この内容をChatGPTで相談
前のQ&A Studioから移行したあと、飲食店のメニュー写真は自分で差し替えられますか?次のQ&A Studioのアニメーションやインタラクションを移行先で再現するにはどうしますか?