費用・期間・依頼方法更新日
#Studioから移行すると、なぜ作り直しになるのですか?
「別のサービスへ移したいのに、書き出しのボタンが見つからない」。移行を考え始めた人が、最初に戸惑うところです。
実際のところ、Studioではデザインやページ情報、HTMLなどのソースコード、そしてCMSに溜めた記事データを外部へ一括出力する機能を提供していません。そのため、別のシステムへ移行するときは、新しい環境の上でデザインを最初から組み直す作業がどうしても発生します。ただし、すべての情報が取り出せないわけではなく、問い合わせフォームに届いた回答データについてはエクスポート機能の案内にある通り、CSVファイルとしての保存が可能です。記事の本文や画像も、公開中のページから取り出して移行先へ入れ直せます。フォームそのものと計測タグは、移行先で設定し直してください。
移すページの洗い出しには、Studioのサイトマップの設定が使えます。有効にすると/sitemap.xmlにページの一覧が出ます。ただ、モーダルとnoindexにしたページは一覧に入りません。そうしたページは別にメモしておかないと、移し忘れが出ますね。
#移行費用のうち、データ抽出とデザイン再現の費用は、それぞれ何で決まりますか?
データ抽出とデザイン再現では、費用を左右するものが違います。データの側は「どれだけの量を移すか」、デザインの側は「1ページにどれだけ手がかかるか」で金額が動きます。
まず、Studioからは記事データをファイルで受け取れません。移行するコンテンツの件数や保管されている文章量が多ければ多いほど、取り出しと移管先への流し込みにかかる工数は増加していく傾向にあります。フォームの回答履歴だけは管理画面からCSV形式でダウンロードできるものの、ページの文章やメディアの抽出は手作業や個別処理が必要になるため、件数そのものが見積もりを左右する要素です。移行先がWordPressの場合、取り込みの手順は移行元によって違うので、作業の進め方は制作会社ごとに変わるでしょう。
一方のデザインは、ページ数に加えて、デザインの種類と1ページに載せる情報の量で変わります。デザインの種類が増えたり、1ページあたりの要素が複雑になったりするほど作業時間も伸びるためです。逆に、記事ページのように同じ型を使い回せるページは、比較的まとまりやすいでしょう。
見積もりを頼む前に、手元の原稿・写真・図版を一覧にしてください。すでにある素材と、新しく作る素材を分けて伝えると、制作会社は作業の範囲を絞って見積もれます。
#StudioはHTMLを書き出せないので、Astroでも作り直しになりますか?
最新のWebフレームワークであるAstroを選べば、Studioのサイトをコードとして吸い上げて作り直しを避けられるのではないかと考える方もいるでしょう。
移行先をAstroにする場合であっても、サイト全体の作り直しは避けられません。HTMLエクスポートの案内にある通り、StudioにはサイトのHTMLコードを外部へ書き出す機能が用意されていないためです。手元にコードがない以上、Studioの公開画面を見本にしながら、Astro専用のファイル形式でマークアップをゼロから組み立て直す必要があります。
そのかわり、組み直す段階ではAstroの仕組みが役立ちます。作成したコンポーネントはビルド時やリクエスト時にHTMLへ変換され、ヘッダーなどの共通部品として使い回せる設計です。Studioで作った見た目を部品ごとに書き起こせば、記事ページのように繰り返すページは一度作れば済みますね。
また、getStaticPaths()が返すparamsで生成するパスを決められるので、Studioのときと同じパスでページを作れます。ただし、パスが同じでも、ドメインが変わる場合やhttpからhttpsに変わる場合はURLの変更にあたります。旧URLから新URLへの恒久的な転送の設定をしないと、検索から来ていた人を取りこぼしかねません。
なお、フォームのように動きが必要な部分は、@astrojs/cloudflareアダプターを使うと、Cloudflare PagesのPages Functions上でサーバー側の処理を動かせます。静的なページだけのサイトより作業は増えますが、Astroだけでまとめる道もあります。
#作り直しでも費用を抑える方法はありますか?
あります。いちばん効くのは、移行とデザインの刷新を同時にやらないことです。
Webサイトの移行に合わせてデザインやコーディングを全面的に見直すと、追加費用が膨らみやすくなります。今のデザインをそのまま再現するのか、デザインとコーディングまで作り直すのかで、作業の量が変わります。移すフォームの数も作業の量に響くので、使っていないフォームを移行前に減らしておくと、頼む範囲を絞れます。
見た目の刷新は、移行が落ち着いてから別に頼む形でも間に合います。ただ、後に回せば合計額が下がるとは限らないので、同時に頼む場合と分ける場合の両方で見積もりを取って比べてください。
もうひとつの工夫は、不要になったページを整理して移行対象を絞り込むことです。ただし、古いページを単純に削るだけでは検索エンジンからの評価を落としかねません。サイト移転時に行う変更を一度に1つだけに留めることや、引き継がないページには404または410のステータスコードを返し、関連性の低い1つのURLへ無理に一括転送することは避ける手順が大切になります。
最終的な金額は、移すページや必要な機能を伝えたうえでの見積もりで決まります。はまれぽに頼む場合の費用は、料金ページ(/ryokin/)の計算例と無料サイト診断(/shindan/)で確かめられます。
こんな聞き方も
- Studioはデータをエクスポートできないので、移行は作り直しの費用になるのですか?
- StudioはHTMLを書き出せないので、Astroでは作り直しになりますか?
- 移行費用のうちデータ抽出とデザイン再現はそれぞれいくらくらいですか?
- studio エクスポート できない 作り直し 費用
- studio html 書き出し できない astro 作り直し
- 移行 費用 データ 抽出 デザイン 再現
あわせて知りたい(関連する疑問)
QStudioの画像を一括でダウンロードできますか?
Studioに登録した写真やイラストなどの画像ファイルは、管理画面からまとめて一括ダウンロードできるのかと気になるところですね。まとめて受け取れる前提で進めるのは難しいでしょう。画像だけを特別に持ち出せる仕組みに頼って、移行の段取りを組むことはできません。
管理画面のアップロードパネルでは、ファイル名やフォルダ名で検索できます。移したい画像の名前がわかっていれば、探す時間は短くできます。
公開中のサイトから集めるなら、HTTrackのようなソフトがあります。Webサイトを巡回して、HTMLや画像をパソコンへ保存するソフトです。ただし、公開画面から取得した画像はWeb表示用に圧縮されている場合が少なくありません。保存したあとに各ページと見比べて、抜けている画像を確かめてください。印刷用や元データとして残したい写真があるときは、制作当時の元ファイルが社内PCやストレージに残っていないか確認しておきましょう。
もうひとつ気をつけたいのが、画像がどこに置かれているかです。Studioの画面には、プロジェクト内に直接アップロードしたファイルだけでなく、外部サーバーに配置された画像のURLを指定して配置した素材も含まれます。外部から読み込んでいる素材はStudioの内部ストレージに存在しないため、管理画面上を探しても見つかりません。外部に置いた画像は、元の保存先から取り出したほうが早い場合もありますね。
Q記事が多いと、費用はどこで増えますか?
記事が少ないサイトと多いサイトでは、デザインの費用より、記事を移す作業の費用に差が出ます。
本文の取り出し、見出しや画像の配置、公開日やカテゴリの設定といった作業が、記事の件数分だけ積み上がります。
URLが変わる移行では、記事の中にある内部リンクも新しいURLへ直さなければなりません。WordPressでも、古い場所を指している画像やメディアのリンクは、新しい場所へ書き換える必要があります。移行するページ数が多いほど解決すべき問題に遭遇する可能性が高くなるため、記事が多いサイトでは移行後のリンク切れを点検する工数も見積もりに反映されます。
とはいえ、全件を手で打ち込むしかないわけではありません。たとえばmicroCMSには、CSV一括登録の手順に記載があるように、CSVファイルからコンテンツを一括登録する機能が備わっています。ただ、StudioからはCMSのデータを直接書き出せないため、公開画面から抽出した記事データを移行先の入力仕様に合わせて整えなければなりません。しかも、microCMSのリッチエディタはすべてのHTML記法に対応しているわけではなく、取り込み対象の中に1件でも入力エラーがあると、その時点で一括登録の処理全体が中断されてしまいます。記事が増えるほど、こうしたタグの崩れを手作業で直す時間が増えていく仕組みです。
QFigmaのデータがあればStudioのデザインを再現しやすいですか?
「制作のときのFigmaが残っているなら、作り直しも早く済むのでは」と期待する人は多いでしょう。
Figmaのファイルでは、レイアウト、色、文字の設定を確認できます。移行先で組み直すときの仕様書として使えるので、公開ページから余白や文字の大きさを測る手間は減ります。
ただし、Figmaデータがあるからといって移行費用が無条件に下がるわけではありません。実際、Studioは公開後もレイアウトや文章、画像を編集でき、更新の操作をすると公開サイトに反映されます。公開後に直した部分をFigmaに戻していなければ、Figmaと今のサイトは見た目が違っています。Figmaは下書きとして使い、公開ページと突き合わせながら組み直してください。
権限も確かめておきます。閲覧権限しか持たないアカウントの場合、ファイルの所有者がコピーと共有を許可していないと画像やアイコン素材を書き出せません。前の制作会社がファイルを持っている場合は、移行を頼む前に許可をもらっておきましょう。
ちなみに、StudioにはFigma to Studioという機能もありますが、これはFigmaのデザインをStudioへ取り込むためのものです。Studioから別のサービスへ移すときには使えません。
この内容をChatGPTで相談