Studio.Dropとは？189ページのサイトを発表当日に移行して分かったこと

アーム代表の伊藤です。
Studio.Dropは、Studio株式会社が2026年9月1日に発表した「Agentic Web Platform」で、公開中のホームページをURLひとつで移行し、AIとの対話で更新・運用まで完結させる新サービスです（クローズドベータ・招待制）。

発表当日にStudio.Dropへ実運用中のサイト189ページを移行できたので、再現度と編集の実際、Studio.Assistantとの違い、制作の現場での活かし方までを体験ベースで整理します。

Studio.Dropはまだクローズドベータです。数字も評価も現時点の一断面である前提で、ここから順に見ていきます。

189ページが12分で「もう1つの本番」になった│Studio.Drop移行の実力

• WebGL背景まで本番と見分けがつかない
• 関門は所有者確認と高速モードだけ
• やらなかったことまでログに残る

手順の話はあとに回してまずは再現性のチェックから。本番とStudio.Dropの複製を並べます。

トップページ（本番）

まずは本番環境のトップページです。

トップページ（Studio.Dropの複製）

同じトップページの複製です。Studio.Dropのプレビューには左下にバッジが自動で付くので、見分けはそこが目印になります。

コラム詳細ページ（本番）

つぎに下層です。本番のコラム詳細ページを載せます。

コラム詳細ページ（Studio.Dropの複製）

その複製です。本文のマーカー装飾から右カラムのカードまでそのまま再現されていて、静止画でも実物でも、違いを見つけられませんでした。

確認できた再現度

• WebGL背景：描画パラメータ（速さ・ゆがみ・色）ごと複製し、本番と同じ設定値で動作
• ヘッダー・フッター：1箇所直せば全ページに反映される仕組み

コラムとお知らせも「記事」として移行された

ページの複製とは別に、microCMSで運用しているコラム93本とお知らせは、Studio.Dropの記事管理機能へ「記事」として取り込まれていました。タイトル・説明文・更新日・OGP画像まで一覧に整理され、壊れていたカテゴリ表示の一部は移行時に修復されています。運用を引き継ぐ道具として、ここまで含めて「移行」と呼んでいる設計です。

驚いたのは再現度ではなかった

個人的に高く評価しているのは、再現度そのものより移行ログの透明さです。Studio.Dropの管理画面には「検索や無限スクロールは、元のページに存在しないため追加していません」「実績紹介は独自の並び順があるため現状を維持しています」と、やらなかったことと、その理由まで明記されていました。

AIによる移行で怖いのは、気を利かせたつもりの改変です。少なくとも今回の移行では、元に無い機能を勝手に足す挙動は確認されませんでした。

移行の手順│やったことはURL入力だけ

あとはエディタを開くだけです。左に移行ログが並んだ状態で、再現されたサイトが開きます。

インポートの前に1つだけ関門がある│所有者確認と「高速モード」

他人のサイトも写せてしまうのでは？

URLを入れて終わり、ではありません。Studio.Dropのインポート画面には「このサイトの所有者です（またはコンテンツを複製する権利があります）」という確認が置かれていて、他社のサイトを丸ごと写す道具にならないよう線が引かれています。

「高速モード」は何が速いのか

あわせて「高速モード」のスイッチがあり、有効にするとrobots.txtを無視して速く取得する代わりに、サイトを配信しているサーバーへ負荷がかかる可能性があると明記されています。アームは自分のサイトなので高速モードを有効にして実行しました。

権利と負荷の説明を先に読ませてから実行させる設計は、業務ツールとして誠実です。自分が管理していないサイトで試すときは、高速モードを入れる前にサイトの所有者と相談してください。

移行レポートに「何を・どう複製したか」が全部残る

Studio.Dropには移行レポートが自動で残ります。そこには、HTML・CSS・JSと画像などの素材を機械的に複製する方式で移行したこと、テキスト13ファイルと画像など250ファイルを取り込んだこと、全ページで同一だった20個の共通ブロックを部品として切り出したことまで記録されていました。

移行の中身を後から検証できる形で残す作りで、Studio.Dropを業務で使う道具として信頼できます。このレポートは、後述の開発者モードからいつでも開けます。

移行レポートとは別に、エディタ左の「AIが行ったこと」パネルにも、AIが実行したタスクが1件ずつ記録されます。今回の移行では106件のタスクが並び、失敗した8件もそのまま表示されていました。

画像もフォントも「アセット」に自動で整理される

Studio.Dropの管理画面には「アセット」というファイル置き場があり、移行したサイトの画像・フォント・faviconなどが自動でフォルダに整理されて入っていました。CMSでいうメディアライブラリにあたる場所です。ファイルのアップロードもフォルダの追加もここから行えるので、サイトの素材を1箇所で握れるのは運用側にはありがたい作りです。

astroフォルダに並ぶ謎の242件

ちなみにastroフォルダを開くと、ハッシュ名のファイルが242件並んでいて一見ゴミの山に見えます。正体は日本語Webフォントを軽く配信するための分割ファイル（サブセット）で、ビルドが生成したものまで忠実に複製された結果です。消すと文字の表示が壊れるので、そのままにしておくのが正解です。

Studio.Dropの評価まとめ│×は「未検証」の1つだけ

移行・編集の6項目と、復元・料金・速度の3項目に分けてまとめます。

• 料金：ヘルプにStandard 4,980円・Pro 29,800円（税込/月）と明記。AIクレジットはStandardの月次枠が1,000（Proの枠は記載なし）

公開当日、Studio代表の石井穣さんにも記事を見つけていただきました。

自分で直すか、AIに頼むか。Studio.Dropの編集は「両方が正解」だった

• AIは範囲を守り、手順をログに残す
• 生のコードやMCP接続の道もある
• 全変更に履歴があり、すぐ戻せる

移行したサイトをどう編集するのか。エンジニアの知人から「編集はGUIでできるのか、それともエージェント経由でHTMLをいじってもらう感じなのか」と聞かれましたが、Studio.Dropを試した答えは両方が正解でした。しかも生のコードを開ける道まで用意されています。順に見ていきます。

Studio.DropのAI利用には、月ごとの上限がある

AI EditなどStudio.Drop側のAI機能は月間クレジット制（料金プランとは別枠）で、管理画面のメーターで残量を確認できます。リセットは毎月1日（UTC）。上限に達すると性能の低いAIに切り替わり、さらに使うとAIによる編集は翌月まで停止します（手動の編集・保存・公開は可能。公式ヘルプ「利用上限と対応範囲」・2026年9月17日確認）。

アームの環境では、移行から本記事の一連の実測までで32%を使いました（無料トライアル中の表示。トライアル中の枠の実量は未公表です）。

サイトの中身はAIの学習には使われない

AIに任せるとなると気になるのが、サイトの中身がどこへ行くのかです。指示やコンテンツは処理のために外部のAIサービスへ送信されますが、AIモデルの学習には利用しないと利用規約に明記されています。一方で生成結果の正確性は保証されないため、公開前の確認は人の仕事です（利用規約第6条）。

Design Modeは、画面を見たまま直せるエディタだった

Studio.DropのDesign Modeに入ると、画面左にheader・main・sectionといったHTMLの構造がそのままレイヤーとして並びます。見出しをクリックすると選択枠とツールバーが現れ、フォント・サイズ・色・揃え・幅をその場で変更でき、ダブルクリックすればテキストを直接書き換えられます。

操作感はFigmaに近く、デザインツールを触ったことがあれば迷いません。

AI Editは指示の範囲を守り証拠を残す

まずは40秒の小さなテスト

試しにStudio.DropのAI Editへ「コラム記事のh1タイトルの文字色だけを赤に変えてください。他は何も変えないでください」と指示すると、約40秒で完了しました。

注目したいのは、「対象のコラム記事を確認」「指定箇所を確認」「タイトル文字色だけを変更」と、AIが踏んだ手順がログとして残ることです。指示の範囲外に手を出した形跡はありませんでした。Studio.Dropに大きな編集を任せる前の試金石として、この小さなテストはおすすめです。

文言と色をひとつの指示で

もう一歩踏み込んで、文言と色をひとつの指示にまとめる変更も試しました。

お悩みページの見出しに「文言を『ホームページはあるのに、問い合わせがまったく来ない』に変え、文字色を赤にしてください。他は何も変えないでください」と頼むと、Studio.Dropは6件の手順を踏んで、文言と色の2点だけを同時に変更しました。1回の指示に複数の変更を混ぜても、範囲は崩れませんでした。

「要素を選択」でまとめて指示

指示の対象を言葉で説明したくないときは、チャット欄の「要素を選択」ボタンが使えます。ページ上の要素を直接クリックすると、選んだ箇所がチャット欄にチップとして積まれていき、離れた場所にある複数の要素を選んで、まとめて1つの指示を出せます。

実際に4つの段落を選び、「この4箇所の語尾をそろえて」のような横断修正を1回で頼めました。ページ数の多いサイトほど時間の差が出ます。

図版の生成までやる。しかも失敗を隠さない

図版までは無理だろうと試した

文言修正の先も試しました。「いま開いているページのコンテンツに合う図版を生成して、適切な位置に入れてください」と頼むと、Studio.Dropはお悩みページの本文を読み、「問い合わせを生む、3つの掛け算」という図版を作って見出しの直下に挿入しました。スマートフォンでは縦型レイアウトに切り替わる、という説明付きです。

続けて「もっとスタイリッシュでグラフィカルに。背景とのコントラストも意識して」と重ねると、ダーク背景にゴールドとコーラルを差し込んだデザインへ作り直されました。

失敗がそのまま画面に残っていた

このとき、2回目の作業ログ8件のうち1件には失敗の表示が残っていました。結果の図版は問題なく表示されており、うまくいかなかった手順まで隠さず見せるのは移行ログと同じ思想です。

生成された図版をそのまま採用するかの判断は人に残りますが、叩き台が数分で出てくる価値は大きいと感じます。

ノーコードの皮の下に生のコードがある

Studio.Dropには、移行された生のファイルをそのまま開ける「開発者モード」があります。発表当日は画面右下の丸い点から入れましたが、ベータ期間中で入り口のUIは頻繁に変わっています（2026年9月4日にも配置の変化を確認しました）。機能そのものは健在です。

中を開けると見慣れたファイルが並んでいた

移行されたHTMLやCSSのファイルがそのまま並び、aaam.jpのindex.htmlを開くと、メタタグからOGPの設定までシンタックスハイライト付きで原文のまま表示されました。保存・履歴・プレビューリンクのボタンがそろい、生のファイルを直接書き換えられる作りです。

移行レポートには、ページは素のHTMLファイルとして配信されるとも明記されています。ノーコードの顔とコードの顔を行き来できるので、エンジニアと組む運用でも詰まりません。

MCP接続でClaude CodeなどのAIエージェントからも操作できる

Studio.Dropの管理画面にはMCP接続の設定があり、Claude Code・Cursor・Codexなど手元のAIツールへ、自分のメンバー権限を渡せます。手順は3ステップで、ターミナルでコマンドを1行実行し、ブラウザーに開く承認画面で許可すれば完了。トークンを手でコピーさせない認証の設計です。

接続したツールからは、編集に加えてフォーム・アクセス解析・Search Consoleの確認までできると説明されています（2026年9月時点の管理画面の記載）。エンジニアが自分の開発環境からStudio.Dropのサイトを運用する道が、正式に用意されているということです。

AIに任せる怖さは「戻せること」で消す│全変更にバージョン履歴

Studio.Dropでは、移行・自動最適化・AIの編集・手動編集のすべてが時系列の履歴として残り、各時点をプレビューしてから復元できます。実際に、AIに変えさせた文字色をワンクリックで元に戻せました。

AIに任せる怖さは「戻せること」でしか消えないので、この設計は、Studio.Dropを運用に使ううえでの生命線だと思います。

Studio.AssistantとStudio.Dropは「似て非なる」AI│担当する工程が別

• Assistantは「作る前」を速くするAI
• Dropは「公開後」を止めないAI
• 対象も最大10ページとサイト全体で別

Studio.AssistantとStudio.Dropは、どちらもStudio株式会社のAIサービスですが、担当する工程がまったく違います。

Studio.Assistantはヒアリングから情報設計・デザイン生成までを担う「ゼロから作る」ための制作支援ツールで、対象は小〜中規模の複数ページ（1回の生成は最大10ページ）。対してStudio.Dropは、公開中のサイトを引き継いで「公開後の更新・運用」を担うプラットフォームです。

作る前を速くするのがStudio.Assistant、公開後を止めないのがStudio.Dropと覚えると取り違えません。

ではどっちを選べばいい？

2つは競合ではなく、制作の時間軸の別の場所に立っています。

Studio.Assistantで叩き台を作り、Studioで公開し、公開後の運用をStudio.Dropが引き継ぐ。公式がこう説明しているわけではありませんが、並べてみると1本のリレーとして読めるラインナップです（この整理はアームの見立てです）。

Studio.Assistantの実力は、別記事で詳しく書いています。70%まで10分で作る速さと、そのまま納品できない30%の中身まで、今回と同じ実務者目線のレビューです。

Dropで移行したサイトは、Studio本体へ移せる？

Studioを使い慣れている人ほど、自然に浮かぶ疑問です。移行したサイトを、いつものStudioのプロジェクトとして開けないのか。

アームでも探しました。エディタのメニューにもプロジェクト設定にも、それらしい機能はありません。ヘルプも「利用上限と対応範囲」から用語集まで読みましたが、Studio本体への移管や書き出しに触れた記載は見つかりませんでした（2026年9月4日時点）。

Studio.Dropは「Studio本体への入口」ではなく、独立した運用の場と考えておくのが、現時点では安全です。移行を試すときは、このサイトはDropの中で運用し続ける前提で判断してください。

現場で始まっているStudio.Dropの使い方│作り手の活用シーン4つ

• 自分のサイトが最初の実験台になる
• AIで作ったものの置き場が手に入る
• 運用だけ引き受ける契約の入り口にも

ここからはサイトを作る側の現場でどう役に立つかです。発表から数日、実際に手を動かした人たちの報告を公開されている投稿から追うと、使い方は大きく4つのシーンに集約されつつあります。アームの実測と重ねて順に見ていきます。

他社のサイトを勝手に取り込んでいいのか

運用代行の入り口として魅力的な一方で、気になるのが権利です。答えは利用規約が明確でした。インポートできるのは、自分が権利を持つか、権利者の許諾を得たサイトだけ。ユーザーは権利を侵害しないことを表明保証します。

違反すれば、事前の通知なしに利用停止・アカウント削除・コンテンツ削除まであり、権利を侵害されたと考える第三者のための報告フォームも用意されています（Studio.Drop利用規約第5条・第9条・2026年9月1日改定版）。「引き取る」前に必ず持ち主の許諾を取る。ここが実務の線です。インポート画面の所有者確認のチェックは、この規約の入り口にあたります。

どれも「作る」仕事ではなく「止めない」仕事です。Studio.Dropは、その止めない仕事の道具として設計されています。

Studio.Dropの料金

• 料金プランはStandardとProの2つ
• AIの利用枠は料金プランとは別枠
• 判断は外注の料金と比べてから

機能の次は料金です。Studio.Dropの料金は、公式ヘルプ「トライアルと料金」に明記されています（2026年9月17日確認）。

料金プランは2つだけ

14日間の無料トライアルがあり、トライアル中の公開には有料プランの開始が必要です。注意したいのはページ数で、101ページ以上はStandardの料金では公開できません。アームのような189ページのサイトは、実質Proの料金帯になります（エディタにも「100ページを超えています。公開するにはProへ変更してください」と表示されました）。

料金とは別枠のAIクレジット

料金の見落としどころは、AIの利用量が料金プランとは別のクレジット枠で管理されることです。挙動は編集の章で書いたとおりで、上限に達すると性能の低いAIに切り替わります。

外注の料金とどう比べるか

アームの見立てでは、月に数件の更新をそのたび外注しているサイトなら、置き換えを検討する価値がある料金です。外注の月額料金との比べ方は、こちらのコラムで書いた「時間に換算する」物差しがそのまま使えます。

正式リリースで料金体系が変わる可能性はあります。契約の前に最新の料金を公式ヘルプで確認してください。

Studio.Dropが刺さるサイト、まだ待つべきサイト

• 「直せない状態」の解消に刺さる
• 会員・決済など動的機能があるなら待つ
• 迷ったら「そのまま活かしたいか」で判断

どんなサイトならStudio.Dropを検討する価値があるのか。実測とアームの実務経験から、相性をひと目で判定できる形にしました。

◎に共通するのは「作り直したい」ではなく「直せない状態を解消したい」という悩みです。直したいのに直せないまま流れる時間は、請求書に載らない機会損失になります。Studio.Dropの設計は、まさにこの層に向いています。

迷ったら「いまのサイトをそのまま活かしたいかどうか」で切り分けてください。活かしたいならStudio.Dropを試す価値があり、変えたいなら先にリニューアルの設計です。

Studio.Dropの現時点の注意点

ベータ版が抱える具体的な8つの穴

• クローズドベータの招待制（待機リスト）
• AIの利用枠は料金と別で追加パックも買える
• sitemap自動生成なし。SEOは手動前提

発表当日のベータ版なので、Studio.Dropを割り引いて見るべき点も書いておきます。

• Studio.Dropはクローズドベータの招待制で、利用には待機リストへの登録が必要です（2026年9月17日確認）
• Studio本体（Studio.Design）の古い基盤で作られたサイトは、現在URLインポートに対応していません。Studioサイトを取り込む場合は、新基盤に切り替えてから試すよう公式Xが案内しています（2026年9月4日）
• Studio.Dropの料金はヘルプに明記されています。Standardが月額4,980円（公開100ページまで）、Proが月額29,800円（ページ数上限なし・いずれも税込）。無料トライアルは14日間で、トライアル中の公開には有料プランの開始が必要です（2026年9月17日確認）。ベータ期間中の無料トライアルは1アカウントにつき10プロジェクトまで・通算10回までで、プロジェクトを削除しても枠は戻りません（公式ヘルプ「トライアルと料金」・2026年9月17日確認）
• AIの利用は月間クレジット制で、Standardの月次枠は1,000クレジット（Proの枠は記載なし）です。足りない分は追加パックを買えます。使用量の実測は編集の章に書いたとおりです
• バージョン復元の直後に、画面が1分ほど固まる場面がありました。復元自体は正常に完了しています
• sitemap.xmlやrobots.txtの自動生成、Search Consoleへのサイトマップ自動送信は「現在ありません」とヘルプに明記されています。公開後のSEO運用は手動前提で計画してください
• ベータ版のデータは、正式リリースへの移行やベータ版の終了に伴って削除される可能性があると利用規約に明記されています（第10条）。必要なデータの控えは自分で持っておいてください
• 今回確認したのは移行と編集までで、Studio.Dropで公開したあとの表示速度など、公開後の挙動そのものは未検証です

StudioやFramerと何が違う？「引き継ぐ」から始まるのはStudio.Dropだけ

• StudioもFramerも「これから作る」道具
• 多い相談は作り直しより「直せない」
• その空白へ正面から当てた設計

大きな違いは起点です。StudioもFramerも「これから作るサイト」の道具として設計されていますが、Studio.Dropは「もう公開されているサイト」を出発点にします。

なぜ「引き継ぐ」が刺さるのか

サイトの相談で実際に多いのは「作り直したい」ではなく「作った会社と疎遠になって直せない」という状況で、そこへ正面から当てた製品はこれが初めてだと感じています。

StudioとFramerそのものの解説は、次の記事で詳しく書いています。

Studio.Dropはなぜ「Agentic Web」なのか│AIに読まれるサイトの前提

そもそも「Agentic Web」ってなに？

最後にStudio.Dropの肩書きに戻ります。「Agentic Web Platform」のAgentic Webとは何を指すのか。この語の定義は公式の発表にありませんが、開発元は理念記事のなかで、ホームページの役割は人だけでなくAIも参照する公式な情報源へと広がりつつあり、情報が増えるほど「誰が発信した、いま有効な公式情報なのか」という信頼が希少になる、という見立てを示しています（出典: Studioブログ「なぜStudio.Dropを作ったのか」・2026年9月1日）。

検索エンジンに加えてAIエージェントが読みに来るWebで、サイトを公式情報の置き場として捉え直す。Studio.Dropの「Agentic」は、この文脈で読むのが自然です（アームの解釈）。

同意する。ただし順序がある

この見立てにはアームも同意見です。ただし実務では効果の順序に注意が要ります。

Google検索の生成AI機能（AIによる概要など）での表示回数を、アームのサイトで28日分実測したところ、通常検索で上位にいる記事にはAI経由の表示が3桁付いていた一方、AI検索向けの節を足しただけで順位のないページは、6ページ合計でわずか2回でした。

AIは、順位のないページを拾い上げてくれる裏口ではありません。人にもAIにも参照される公式情報源への道は、内容を更新し続けて検索面で評価されるという、従来どおりの表口につながっています。

移行すればAIに読まれるの？

Studio.Dropへ移行しただけで「AIに読まれるサイト」になれるわけではない、と押さえておいてください。看板が示す未来と現在地の間にあるのは、更新が止まらない体制という、地味な前提です。Studio.Dropが解こうとしているのはまさにその前提のほうなので、名前と道具の設計は矛盾していません。ただ、移行の効果を見積もるときは、この順序を取り違えないでください。

移る前に数えておくこと

ここまで前のめりに書きましたが、ツールを替えるだけで運用が回り始めるわけではありません。決め手は「月々の更新作業が、誰の何分になるか」の総量です。

いまの体制で月に何件の更新が発生し、どこで止まっているのかを先に数える。この棚卸しなしにStudio.Dropへ移しても、止まる場所が変わるだけです。

Studio.Dropで移したサイトのSEO・AIOはアームにご相談ください

Studio.Dropが引き受けるのは、更新の手間までです。前の節で書いたとおり、移しただけで検索の順位やAIからの引用が上がるわけではありません。sitemap.xmlも自動では作られず、AIに頼んで作らせる必要があります。何を書き足してどこから直すか。そこはサイトの持ち主が決める仕事として残ります。

アームは自社サイトをStudio.Dropへ移した経験があり、ふだんから検索とAIでの表示を毎月測りながら直しています。移したあとのサイトで、狙う検索語を決めて、ページと記事を直し、順位とAIでの表示を測るところまで、月額でお引き受けします。移したサイトのSEO・AIOをアームに相談するからご連絡ください。移行がまだの段階でも大丈夫です。

よくある質問

Studio.Dropは、189ページの移行を発表当日にこなす実運用向きの作り

• 公開中のサイトをURLで移行しAIとの対話と直接編集で運用する道具
• 189ページを約12分で移行し再現度と移行ログの透明さを確認
• 移す前に今のサイトの更新がどこで止まっているかを数える