Studioの事案で漏えいの可能性があるデザイン関連の情報は何ですか？
管理画面で作っていたデザインや、CMSに入力した記事の下書きまで漏れてしまったのかと、不安に感じる場面もありますね。答えは含まれる、です。本件で外部へ流出した可能性がある情報には、デザインエディタで配置した画面要素や設定値、CMSに登録していた記事や画像などのコンテンツが含まれます。さらに、制作中の画面を関係者へ見せるためのライブプレビューURLや、パスワード保護ページに設定していたパスワードも対象に含まれていました。この流出の可能性は、Studioを利用しているすべての登録顧客に及んでいます。特定のプロジェクトに限った話ではありません。調査において第三者が実際にこれらのデータを持ち出したという事実は確認されていませんが、外部から取得できる状態にあったことを踏まえ、持ち出されたものとみなして対応が進められました。Studio公式のセキュリティ通知でも、対象範囲と経緯が開示されています。
ライブプレビューURLは、発行済みのものを削除します。共有を続けるなら新しいURLを発行し直してください。削除すると古いURLは開けなくなるので、クライアントに送ったリンクも差し替えが要りますね。
パスワード保護ページのパスワード自体は平文ではなくハッシュ化されて保管されていましたが、計算によって元の文字列を割り出される危険を完全には排除できない状態でした。また、閲覧制限を設けていたページであっても、Studioの基盤上で管理されているデータである以上、流出の可能性から除外されるわけではありません。パスワード保護機能についても、プロジェクトの設定画面から一般、パスワード保護の順に進み、新しいパスワードを入力して保存した上で、サイト全体の更新を実行して反映させます。ちなみに、Studioのパスワード保護はサイト全体にかける機能で、ページごとには設定できません。
公開前のデザインや非公開ページが漏えいした場合、どんなリスクがありますか？
まだ世に出ていないWebサイトの画面や非公開のコンテンツが外部から見られる状態だったとき、具体的にどのような問題が起きるのでしょうか。最も懸念されるのは、新商品の告知やキャンペーンの予告、あるいは社内限定の共有事項といった機密性の高い情報が、正式な公表前に第三者の目へ触れてしまう危険です。そこに何を載せていたかで影響の大きさは変わります。
ライブプレビューURLについて、発行済みのURLが直接特定された事実は見つかっていません。閲覧の被害が起きたと決まったわけではありませんが、公開日まで伏せておきたいページほど、URLの削除を先に済ませたいところです。
もうひとつ気をつけたいのが、本物そっくりの偽サイトです。本物のWebサイトと同じレイアウトや配色、ロゴの配置をそのまま複製した偽サイトが立ち上げられると、訪問者が本物と信じ込んでIDやパスワード、連絡先を入力してしまう恐れがあります。Studioから流出したデザインが悪用された例は、いまのところ報告されていません。それでも、公開前のデザインがまるごと手に入れば、偽サイトを作る手間はかなり減るでしょう。
あわせて注意したいのが、漏洩した情報をもとにした不審な接触です。メールアドレスなどの連絡先が合わせて流出していた場合、運営者や関係者を装った詐欺的な案内が届く二次的な被害にも警戒を払わなければなりません。
制作会社として、クライアント案件のデザインが漏えい対象だった場合どう報告しますか？
クライアントには、Studioが公表した事実と、その案件で何を載せていたかをあわせて早めに伝えます。報告に入れたい事実は次のとおりです。
- 不正アクセスが確認された期間：2026年9月30日〜10月1日
- データを外部から取得できる状態だった期間：10月14日まで
- 第三者による実際の取得：確認されていないが、取得されたものとみなして対応中
- 対象：デザインエディタ・CMSの内容、フォームに送られた内容、ライブプレビューURL
期間は2つに分かれています。9月30日から10月14日までを侵入された期間として書くと、不正アクセスの期間とずれてしまうので気をつけてください。
制作会社側で実施した安全対策の進捗も合わせて報告します。発行済みだったライブプレビュー用URLの削除を完了したか、共有が必要な案件で新しいURLへの差し替えを済ませたかを明記します。依頼事項を「対応済み」とまとめず、案件ごとに確かめてから伝えましょう。
個人データの取り扱いを任されている場合、報告が必要な事態では、原則として委託元のクライアントと委託先の制作会社の両方に、委員会への報告と本人への通知の義務があります。委託先は、報告義務のある委託元へ決められた事項を速やかに伝えれば、この義務を免除されます。この「速やか」の目安は、事態を知ってから概ね3〜5日以内です（個人情報保護法の通則編ガイドライン）。
委員会への報告そのものにも期限があります。速報は発覚から概ね3〜5日以内、確報は30日以内が基本です。不正な目的で行われたおそれがある場合、確報は60日以内になります。
また、案件のフォーム機能に個人情報が含まれていた場合、Studio側が用意した連名報告を利用するか、委託元独自で報告を上げるかの相談も進めます。
Studioのデザインを画像やPDFで残しておくにはどうしますか？
制作したWebサイトの画面やレイアウト情報を別の形式で手元に保管しておきたい場合、どのような手順をとればよいでしょうか。Studioには、デザインやページ情報、ソースコード、CMSのデータを外へ書き出す機能がありません（エクスポートに関するヘルプ）。手元に残すには、ブラウザに表示したページを画像かPDFにして保存します。
もっとも手軽なのは、Google Chromeの印刷機能を利用してページをPDF形式で保存する手順です。印刷メニューを開き、送信先としてPDF保存を選ぶことで、ドキュメントとしてページ全体の見た目を手元に保管できます。
また、縦に長いWebページを1枚の画像としてきれいに残したいときは、Chromeに搭載されている開発者向け機能（DevTools）のデバイスモードを活用するのが便利です。画面上で検証ツールを開き、端末のプレビュー表示に切り替えた後、右上のメニューから「Capture a full size screenshot」を実行すると、スクロールしないと見えない領域も含めたページ全体のスクリーンショットが生成されます。
なお、Studioの管理設定からサイトマップの出力を有効にしておくと、公開サイトのドメイン末尾に「/sitemap.xml」を付けたURLで一覧を把握できます。サイトマップにはすべてのページが載るわけではありません。モーダルとnoindexを設定したページは含まれないので、エディタのページ一覧と見比べて、抜けた分を手で足してください。
残せるのは、あくまで表示された見た目です。エディタの余白やブレイクポイントの設定値までは残りません。移行先で作り直すときの見本と割り切ると、どの画面を撮るか決めやすいでしょう。
Studioに最もデザインの自由度が近い移行先はどこですか？
画面上のキャンバスで余白や並び順を直接操作できるノーコード環境と、ソースコードを書いて整える制作環境とでは、作業の手順や表現の調整方法が大きく分かれます。Studioはコードの出力やページのHTML自体に手を入れる機能を持たないため、どの移行先を選ぶとしても、過去のデータをそのまま移し替えることはできません。
| 移行先 | レイアウトの作り方 | 作り直しの進め方 |
|---|---|---|
| Webflow | 画面上でFlexbox、CSS Grid、インラインブロック、絶対配置を使い分ける | ノーコードのまま、配置を細かく調整して組み直す |
| Astro | コンポーネントの中に自分でCSSを書く | コードを書ける人が、見た目をCSSで再現する |
| WordPress（Snow Monkey） | 「追加 CSS」や子テーマで独自のCSSを足す | テーマの型に乗せ、足りない所をCSSで補う |
Studioに近い感覚で自由度の高いレイアウトを組みたい場合、有力な乗り換え先として挙げられるのがWebflowです。Webflowのデザイン機能では、FlexboxやCSS Grid、絶対配置といったCSSのレイアウト規則をGUI上で直感的に制御できます。レイアウトの指定方法を自分で選べるので、Studioで作った配置を見ながら組み直しやすいでしょう。
また、WordPressは、Snow Monkeyのようなテーマの「追加 CSS」で見た目を変えられます。ただ、子テーマはしくみを理解して使わないとリスクがあり、CSSを少し足す程度なら追加 CSSで済ませるのが無難です。
一方、コードを書ける担当者がいるならAstroも候補です。CSSを直接書くので、余白やフォントの細かい指定まで再現できます。そのぶん、更新のたびにコードを触ることになります。