--- title: "デザイナーがクライアントに確認URLを送る方法" description: "デザイナーがクライアントに確認URLを送る方法の実務手順を、共有前の準備、レビュー依頼文、認証/期限設定、差し替え運用まで整理します。" image: "https://giga-site.com/og-image.png" canonical: "https://giga-site.com/articles/designer-client-preview" markdown: "https://giga-site.com/articles/designer-client-preview/index.md" category: "ユースケース" publishedAt: "2026-06-21" updatedAt: "2026-06-25" readingMinutes: 6 --- # デザイナーがクライアントに確認URLを送る方法 制作物をクライアントに見てもらうとき、画像の添付やスクリーンショットでは実際の見え方が伝わりきりません。ブラウザでそのまま確認できるURLを渡せば、表示崩れや動きまで含めて正確にレビューしてもらえます。この記事では、確認URLの送り方と、修正のたびに送り直さなくて済む運用のコツを整理します。 > Source HTML: https://giga-site.com/articles/designer-client-preview > Article index: https://giga-site.com/articles/index.md ## 確認は「URLで渡す」が結局いちばん早い デザインのレビューを依頼する手段はいくつかありますが、画像やPDFは静的なため、フォントの実描画、ホバーやアニメーション、レスポンシブの折り返しといった動きのある部分が伝わりません。クライアントから「実機だとどう見えるの」と聞き返され、確認が一往復増えてしまうこともよくあります。 その点、ブラウザで開ける確認URLを渡せば、相手は普段と同じ環境で本物の表示を見られます。スマートフォンで開けば実機の見え方もそのまま確認でき、レビューの解像度が一気に上がります。 一方で、URLを使った確認には「誰でも見られてしまわないか」「公開したままにならないか」という不安もつきまといます。これらを解決する前提として、まずは認証と公開期限をコントロールできる共有方法を選ぶことが大切です。 ## 誰に見せるかを選べる4つの認証方式 制作中のデザインは、まだ世に出していない情報です。検索に出ないようにする配慮だけでは不十分で、URLを知った第三者が閲覧できる状態は避けたいところです。そこで役立つのが、閲覧できる相手を絞る認証の仕組みです。 用途に応じて、次の4つから選べます。社内の気軽な確認から、機密性の高い案件まで、相手と状況に合わせて使い分けると安心です。 - URLのみ: リンクを知っていれば誰でも閲覧できる、手早い共有向け - パスワード認証: あらかじめ伝えたパスワードを入力した人だけが閲覧 - メール認証: 指定したメール宛のワンタイムで本人確認してから閲覧 - 会社ドメイン認証: 指定したメールドメインを持つ人だけに限定 ## この業務で使うときのおすすめ設定 デザイナーがクライアントに確認URLを送る方法を業務で使うなら、共有前・レビュー中・差し替え・クローズの4段階で考えると運用しやすくなります。成果物を作るだけでなく、誰がいつ何を確認したら完了なのかを先に決めます。 対象読者がそのまま使える依頼文テンプレ、推奨認証方式、公開期限、レビュー完了条件を追加。 レビュー中は新しいリンクを何度も作るより、同じURLで差し替えて「最新版はこのURL」と統一すると確認漏れを減らせます。 - 共有前: HTML/ZIP、表示崩れ、機密情報、認証方式を確認する - レビュー中: 観点、締切、返信先、差し替えルールを明記する - 差し替え: 同じURLで更新し、最新版だけを見てもらう - クローズ: 承認後に期限切れ・非公開化・最終版保存を行う ## 確認URLを送るまでの手順 ここでは「ギガサイト便」を使って、制作したHTMLをクライアントに確認URLとして渡す流れを紹介します。サーバーの用意やデプロイの設定は必要ありません。 1. 完成したHTML、またはCSSやJS、画像をまとめたZIPを用意する 2. 無料アカウントを作成してサイト一覧から新規公開を始める 3. 相手に合わせて認証方式（URLのみ・パスワード・メール・会社ドメイン）を選ぶ 4. 公開期限を設定し、レビュー期間が過ぎたら自動で閲覧を止める 5. 発行された共有URLをクライアントに送る ## 修正のたびに送り直さない運用にする デザインのレビューは一度では終わらないのが普通です。フィードバックを受けて直し、また見てもらう。この往復のたびに新しいURLを発行していると、クライアントが古いリンクを開いてしまったり、どれが最新か分からなくなったりします。 同じURLのままファイルを差し替えられる仕組みを使えば、修正版をアップロードするだけで最新の内容に更新されます。リンクを送り直す必要がないので、相手は最初に受け取ったURLをブックマークしておくだけで、いつでも最新のデザインを確認できます。 あわせて、URL末尾のスラッグを案件名に分かりやすく編集しておくと管理がしやすくなります。アクセスログを見れば、クライアントが実際に開いて確認したかどうかの目安も分かります。 ## 公開期限とセキュリティで「見せたあと」を守る レビューが終わったデザインを、いつまでも閲覧できる状態にしておく必要はありません。公開期限を設定しておけば、期限切れで自動的に閲覧できなくなり、消し忘れによる情報の残留を防げます。 一時的に公開するページには noindex が付くため、通常は検索結果に表示されません。ただし noindex はあくまで検索回避であり、アクセス制御ではない点に注意してください。本当に見せたくない相手を遮断したいなら、前述の認証方式と組み合わせるのが基本です。 また、AIで生成したHTMLなどには、意図せず外部スクリプトへの依存やAPIキーらしき文字列が紛れ込むことがあります。アップロード時にはセキュリティスキャンが走り、こうした兆候や外部フォーム送信、静的公開に不要なファイルを検出して警告します。内容を理解したうえで公開を選べるので、うっかり余計なものを含んだまま渡してしまう事故を減らせます。 ## 確認URL運用をまとめる クライアントへのデザイン確認は、ブラウザでそのまま開けるURLで渡すのが最も伝わりやすい方法です。そのうえで、見せる相手を認証で絞り、公開期限で見せ終わりを管理し、差し替えで最新を保つ。この3点が押さえられていれば、レビューの往復はぐっと軽くなります。 サーバー構築もデプロイ設定も不要で、これらをまとめて扱える「ギガサイト便」のような共有サービスを使えば、制作に集中したまま確認のやり取りを整えられます。まずは手元の制作物で、相手に合った認証と期限を設定したURLを一本作ってみてください。 ## よくある質問 ### デザインの確認URLは画像で送るのと何が違いますか 画像やPDFは静的なため、フォントの実描画やホバー、アニメーション、スマートフォンでの折り返しが伝わりません。ブラウザで開けるURLなら、クライアントは本物の表示と動きをそのまま確認できます。レビューの往復が減り、認識のズレも起きにくくなります。 ### 制作中のデザインを関係者以外に見られないようにできますか はい。パスワード認証、メール認証、会社ドメイン認証から選べば、閲覧できる相手を絞れます。検索回避の noindex はアクセス制御ではないため、本当に限定したい場合は認証方式を併用するのが基本です。 ### 修正するたびに新しいURLを送り直す必要がありますか いいえ。同じURLのままファイルを差し替えられるため、修正版をアップロードすれば最新の内容に更新されます。クライアントは最初のURLを開くだけで常に最新のデザインを確認でき、リンクの送り直しは不要です。 ### レビューが終わったあとURLを公開したままにしないか心配です 公開期限を設定しておけば、期限切れで自動的に閲覧できなくなります。レビュー期間に合わせて期限を切っておけば、消し忘れによる情報の残留を防げます。アクセスログで閲覧状況の目安も確認できます。 ### レビュー完了の条件はどう決めるとよいですか？ 確認観点、締切、承認者、差し替え後の再確認有無を先に決めます。「誰がOKと言ったら完了か」を明確にすると、共有URLが増えても混乱しにくくなります。 ## 関連記事 - [フリーランスが納品物を共有・確認してもらう方法｜HTML成果物をクライアントに見せる手順](https://giga-site.com/articles/freelance-deliverable-preview/index.md) - [PMが仕様プロトタイプを共有する方法 — 認証付きURLで関係者にすばやく確認してもらう](https://giga-site.com/articles/pm-spec-prototype-share/index.md) - [スタートアップがピッチ資料を投資家に共有する方法](https://giga-site.com/articles/startup-pitch-share/index.md) - [司法書士が登記手続きの流れ・必要書類案内をHTMLで共有する方法](https://giga-site.com/articles/judicial-scrivener-registration-flow-share/index.md) - [制作会社のクライアントレビューを、共有URLで効率よく回す方法](https://giga-site.com/articles/agency-client-review/index.md) - [パーソナルジムが食事指導・トレーニング計画を会員に限定共有する方法](https://giga-site.com/articles/personal-gym-meal-plan-client-share/index.md) ```json { "@context": "https://schema.org", "@type": "Article", "headline": "デザイナーがクライアントに確認URLを送る方法", "description": "デザイナーがクライアントに確認URLを送る方法の実務手順を、共有前の準備、レビュー依頼文、認証/期限設定、差し替え運用まで整理します。", "datePublished": "2026-06-21", "dateModified": "2026-06-25", "mainEntityOfPage": "https://giga-site.com/articles/designer-client-preview", "url": "https://giga-site.com/articles/designer-client-preview", "inLanguage": "ja", "image": "https://giga-site.com/og-image.png", "articleSection": "ユースケース", "author": { "@type": "Organization", "name": "ギガサイト便" }, "publisher": { "@type": "Organization", "name": "ギガサイト便" }, "mainEntity": [ { "@type": "Question", "name": "デザインの確認URLは画像で送るのと何が違いますか", "acceptedAnswer": { "@type": "Answer", "text": "画像やPDFは静的なため、フォントの実描画やホバー、アニメーション、スマートフォンでの折り返しが伝わりません。ブラウザで開けるURLなら、クライアントは本物の表示と動きをそのまま確認できます。レビューの往復が減り、認識のズレも起きにくくなります。" } }, { "@type": "Question", "name": "制作中のデザインを関係者以外に見られないようにできますか", "acceptedAnswer": { "@type": "Answer", "text": "はい。パスワード認証、メール認証、会社ドメイン認証から選べば、閲覧できる相手を絞れます。検索回避の noindex はアクセス制御ではないため、本当に限定したい場合は認証方式を併用するのが基本です。" } }, { "@type": "Question", "name": "修正するたびに新しいURLを送り直す必要がありますか", "acceptedAnswer": { "@type": "Answer", "text": "いいえ。同じURLのままファイルを差し替えられるため、修正版をアップロードすれば最新の内容に更新されます。クライアントは最初のURLを開くだけで常に最新のデザインを確認でき、リンクの送り直しは不要です。" } }, { "@type": "Question", "name": "レビューが終わったあとURLを公開したままにしないか心配です", "acceptedAnswer": { "@type": "Answer", "text": "公開期限を設定しておけば、期限切れで自動的に閲覧できなくなります。レビュー期間に合わせて期限を切っておけば、消し忘れによる情報の残留を防げます。アクセスログで閲覧状況の目安も確認できます。" } }, { "@type": "Question", "name": "レビュー完了の条件はどう決めるとよいですか？", "acceptedAnswer": { "@type": "Answer", "text": "確認観点、締切、承認者、差し替え後の再確認有無を先に決めます。「誰がOKと言ったら完了か」を明確にすると、共有URLが増えても混乱しにくくなります。" } } ] } ```