ユースケース

フリーランスが納品物を共有・確認してもらう方法|HTML成果物をクライアントに見せる手順

作ったHTMLをどうやってクライアントに見てもらうか、ファイルをそのまま送るべきか悩むフリーランスは少なくありません。この記事では、納品前の成果物を相手の手間なく確認してもらい、修正や承認までスムーズに進めるための共有方法を、具体的な手順とあわせて整理します。

なぜ「ファイルをそのまま送る」だけでは確認がうまくいかないのか

コーディングが終わったHTMLをZIPで圧縮してメール添付やチャットで送る、というのは多くのフリーランスが一度はやる方法です。ただ、この渡し方だとクライアント側に負担が残ります。ZIPを解凍し、index.htmlをダブルクリックして開く、という操作は非エンジニアにとって意外とハードルが高く、「開けません」という連絡が返ってくることも珍しくありません。

さらに、ローカルで開いたファイルは画像やCSSのパスがずれて崩れて表示されることがあります。制作者の手元では正しく見えているのに、相手の環境では文字だけが並んでいる、といった行き違いが起きると、本来不要なやり取りに時間を取られます。

確認のたびに修正版を送り直すのも手間です。「最新版はどれか」が双方で曖昧になり、古いファイルを見たまま指摘が来る、という混乱も生まれます。納品前のプレビューは、相手が迷わず見られて、いつでも最新が映る状態をつくることが肝心です。

URLで渡せば、相手はクリックするだけで確認できる

この問題を根本から解決するのが、成果物をブラウザで開ける共有URLとして渡す方法です。クライアントはリンクをクリックするだけで、制作者が意図した通りの見た目を確認できます。解凍もファイルを開く操作も不要なので、スマートフォンからその場で目を通してもらうこともできます。

とはいえ、自分でサーバーを借りてアップロードし、デプロイ設定をする、というのはWeb制作が本業でないと面倒に感じる作業です。確認のためだけにそこまで準備したくない、というのが正直なところでしょう。

「ギガサイト便」は、AIなどで作ったHTMLやHTML・CSS・JS・画像一式のZIPを、認証付きの共有URLとして公開できるサービスです。サーバー構築やデプロイ設定は不要で、ファイルをアップロードすればそのまま見てもらえるURLが手に入ります。確認用のプレビューを手早く用意したいフリーランスに向いた選択肢です。

この業務で使うときのおすすめ設定

フリーランスが納品物を共有・確認してもらう方法|HTML成果物をクライアントに見せる手順を業務で使うなら、共有前・レビュー中・差し替え・クローズの4段階で考えると運用しやすくなります。成果物を作るだけでなく、誰がいつ何を確認したら完了なのかを先に決めます。

対象読者がそのまま使える依頼文テンプレ、推奨認証方式、公開期限、レビュー完了条件を追加。 レビュー中は新しいリンクを何度も作るより、同じURLで差し替えて「最新版はこのURL」と統一すると確認漏れを減らせます。

  • 共有前: HTML/ZIP、表示崩れ、機密情報、認証方式を確認する
  • レビュー中: 観点、締切、返信先、差し替えルールを明記する
  • 差し替え: 同じURLで更新し、最新版だけを見てもらう
  • クローズ: 承認後に期限切れ・非公開化・最終版保存を行う

納品物を共有URLにして確認してもらう手順

実際にHTML成果物を共有URLにして、クライアントに確認してもらうまでの流れを順を追って説明します。アカウントを作らずトップページから試すこともできますが、納品案件では公開期限や見せる相手をきちんと管理できる無料アカウントの利用がおすすめです。

  1. 無料アカウントを作成し、サイト一覧の画面を開く。
  2. 完成したHTMLファイル、または一式をまとめたZIPをアップロードする。
  3. アップロード時のセキュリティスキャンの警告を確認し、問題がなければ進める。
  4. 見せる相手に応じて認証方式(パスワードやメール認証など)を選ぶ。
  5. 公開期限を案件のスケジュールに合わせて設定する。
  6. 必要ならURL末尾のスラッグを案件名などに編集する。
  7. 発行された共有URLをクライアントに送り、確認を依頼する。

「誰に見せるか」を選んで未公開の成果物を守る

納品前の成果物は、まだ世に出していない制作物です。リンクが第三者に渡ったり、検索結果に出てしまったりするのは避けたいところ。だからこそ、見せる相手を絞り込める仕組みが重要になります。

認証方式は用途に合わせて選べます。社内に広く共有してほしいなら「リンクを知っていれば閲覧できる」設定、相手が限られるなら「パスワード認証」、本人確認まで求めるなら指定したメール宛のワンタイムで確認する「メール認証」、先方の社員全員に見せたいなら特定のメールドメインを持つ人だけが見られる「会社ドメイン認証」が使えます。

一時的に公開したページには検索エンジン向けのnoindexが付くため、通常は検索結果に表示されません。ただしnoindexはあくまで検索回避のための指定で、アクセスを制限する仕組みではない点には注意してください。確実に相手を限定したい場合は、パスワードやメール認証といった認証方式を組み合わせるのが安全です。

修正・差し替えと、公開期限・ログの管理

確認は一度で終わらないのが普通です。クライアントから修正依頼が来たら、手元のファイルを直して同じURLのまま差し替えられます。新しいリンクを送り直す必要がないので、「最新版はどれか」という混乱がなくなり、クライアントは前回と同じURLを開くだけで修正後の状態を確認できます。

公開期限を設定しておけば、確認期間が過ぎたページは自動的に閲覧できなくなります。納品済みの古いプレビューがいつまでも残り続ける心配がなく、案件ごとに見せる期間を区切れます。

誰がいつアクセスしたかはアクセスログで確認できます。「リンクは送ったけれど見てもらえているか分からない」という状況を減らせるので、確認の催促やスケジュール管理にも役立ちます。

アップロード時のセキュリティスキャンで安心して渡す

AIツールで生成したHTMLには、意図せず外部スクリプトへの依存や、テスト用に書いたままのキーらしき文字列が残ってしまうことがあります。納品物としてそのまま渡す前に、こうした点に気づけると安心です。

アップロード時にはセキュリティスキャンが走り、APIキーらしき文字列、外部フォームへの送信、外部スクリプトへの依存、静的公開に不要なファイルなどの兆候を検出して警告します。内容を理解したうえで、そのまま公開するかどうかを自分で選べます。

納品前のひと手間として、こうしたチェックを挟んでおくと、クライアントに見せる成果物の品質と信頼性を保ちやすくなります。共有URLでの確認は、ただ見せるだけでなく、渡す前の最終確認の場としても機能します。確認から修正、そして納品までの一連の流れを、サーバーの準備なしに一つの仕組みでまとめられるのは、フリーランスにとって大きな身軽さにつながります。

よくある質問

HTMLの成果物をクライアントに見せるのに、サーバーやドメインは必要ですか

共有URLとして公開できるサービスを使えば、自分でサーバーを借りたりデプロイ設定をしたりする必要はありません。ファイルやZIPをアップロードするだけで、相手がブラウザで開けるリンクが発行されます。確認のためだけに環境を準備する手間を省けます。

納品前のプレビューが検索結果に出たり、第三者に見られたりしませんか

一時公開のページにはnoindexが付くため、通常は検索結果に出ません。ただしnoindexはアクセス制御ではないので、相手を確実に限定したい場合はパスワード認証やメール認証を設定してください。会社ドメイン認証を使えば、先方の社員だけに見せることもできます。

クライアントから修正依頼が来たら、毎回新しいリンクを送り直すのですか

同じURLのままファイルを差し替えられるので、リンクを送り直す必要はありません。クライアントは前回と同じURLを開くだけで、修正後の状態を確認できます。最新版がどれか分からなくなる混乱も防げます。

確認用に公開したページをずっと残しておくのは不安です。期限を区切れますか

公開期限を設定でき、期限が切れると自動的に閲覧できなくなります。確認期間を案件のスケジュールに合わせて区切れるので、古いプレビューが残り続ける心配がありません。誰がアクセスしたかはアクセスログでも確認できます。

レビュー完了の条件はどう決めるとよいですか?

確認観点、締切、承認者、差し替え後の再確認有無を先に決めます。「誰がOKと言ったら完了か」を明確にすると、共有URLが増えても混乱しにくくなります。

関連記事

ユースケース

コンサルが成果物HTMLを共有する方法

HTMLで仕上げた分析レポートや提案資料を、閲覧者を絞りながらクライアントへ渡したいコンサルタント向け。ファイル共有サービスより管理しやすい方法を選べるかどうかを判断できます。

7分で読める
ユースケース

ライター・編集者が記事プレビューを共有する方法

公開前の記事プレビューをクライアントに確認してもらう際、実際のレイアウトを正確に伝えながら未公開原稿が外部に流れないようにしたい編集者・ライター向けに、認証付き共有の手順をまとめました。

5分で読める
「ユースケース」の記事をもっと見る →