HTMLをメール添付で送る方法の限界
もっとも手軽なのは、HTMLファイルをそのままメールやチャットに添付する方法です。ただし、受け取った相手の環境によっては、レイアウトが崩れたり、そもそも開けなかったりします。
とくにスマートフォンでは、添付されたHTMLがブラウザではなくテキストとして表示されることがあります。画像やCSSを別ファイルで参照している場合は、リンク切れで真っ白なページになることも珍しくありません。
「自分の手元では正しく見えるのに、相手には崩れて見える」という行き違いは、添付方式で起こりやすい典型的なトラブルです。
- スマホでブラウザ表示にならず、中身が読めない
- 相対パスで参照した画像・CSSがリンク切れになる
- 社外の相手だと、添付ファイル自体がブロックされる
- どのファイルが最新版か分からなくなる
URLで共有すれば「相手の環境」を気にしなくていい
HTMLをURLとして公開すれば、相手はブラウザでリンクを開くだけです。あなたが意図したとおりの見た目を、PCでもスマホでも同じように確認してもらえます。
URL共有には大きく分けて、GitHub PagesやVercelなどにデプロイする方法と、共有専用サービスで一時的に公開する方法があります。長期運用するWebサイトなら前者が向いていますが、確認してもらうだけのHTMLなら、アップロードしてURLを作るほうが圧倒的に速い場面があります。
デプロイ環境の構築には、アカウント連携やビルド設定が必要です。一度きりのレビューや提案のために、そこまで手間をかける必要はありません。
相手別：おすすめのHTML共有方法
HTMLファイルをURLで共有は、共有相手によって最適な方法が変わります。社内、クライアント、複数人、スマホ中心、メール・LINE経由など、相手の状況に合わせてURLの渡し方と制限を決めます。
手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。
- 社内少人数: パスワードまたは会社ドメイン認証で短期レビューにする
- クライアント: パスワードと期限を付け、確認観点を明記する
- 大人数: メール認証や会社ドメイン認証で転送リスクを下げる
- スマホ確認: QRコードや短い依頼文を添え、実機で開いてもらう
共有方法は「目的」で選ぶ
どの方法が最適かは、何のために共有するかで決まります。次の3つに当てはめると判断しやすくなります。
- ファイル添付: とにかく今すぐ送りたい。相手が同じ環境で開ける前提なら最速
- 本格デプロイ: 長期運用するサイト。独自ドメインや継続的な更新が必要なとき
- 一時URL共有: レビュー・提案・AI生成物の確認。期限や認証を付けたいとき
レビュー目的なら「認証」と「期限」を先に決める
公開URLを作るときに見落としがちなのが、誰に見せるかという視点です。URLを知っていれば誰でも見られる状態でよいのか、パスワードをかけるのか、会社のメールドメインを持つ人だけに限定するのかを、共有前に決めておきます。
社外秘の提案資料やAIで作った検証ページは、検索エンジンに出さない（noindex）だけでは不十分です。閲覧者そのものを絞る設計にしておくと、URLが第三者へ転送されても安心できます。
あわせて公開期限も決めておきましょう。期限を切らずに公開し続けると、古い確認用URLがいつまでも残り、後から「これはまだ生きているURLなのか」と混乱する原因になります。
共有前に相手へ伝えておくと迷わない3点
URLだけを送ると、相手は何を見ればよいのか迷いやすくなります。レビュー目的なら、リンクと一緒に確認観点・期限・返信方法を短く添えるだけで戻しが速くなります。
とくにAI生成HTMLは、見た目の良し悪しだけでなく、スマホ表示や画像切れ、文言の違和感も見てほしいことがあります。最初に観点を指定しておくと、あとから同じ説明を繰り返さずに済みます。
- 見てほしい範囲: ファーストビューだけ、全ページ、スマホ表示など
- 返事がほしい期限: いつまでに確認してほしいか
- 指摘の返し方: チャットのスレッド、メール、ドキュメントなど
ギガサイト便で共有する手順
ギガサイト便は、この一時URL共有に特化したサービスです。登録なしでも、トップページにファイルをドロップすればその場でURLが発行されます。実際の流れは次のとおりです。
- HTMLファイル、またはCSS・画像を含むZIPをアップロードする
- 認証方式（URLのみ・パスワード・メール認証・会社ドメイン認証）を選ぶ
- 公開期限を設定する
- 発行されたURLを相手に送って確認してもらう
- 修正が入ったら同じURLのままファイルを差し替える（リンクを送り直す必要はありません）
URLを送る前の30秒チェック
HTMLファイルをURLで共有するときは、発行した直後に一度だけ「相手の立場」で開いておくと手戻りが減ります。ログイン済みの管理画面ではなく、別ブラウザやシークレットウィンドウで確認すると、認証や期限の設定ミスに気づきやすくなります。
とくにレビュー依頼では、URLが開けるかどうかだけでなく、画像・CSS・スマホ幅・パスワード入力までを軽く見てから送るのが安全です。短い確認でも、相手から「見られません」と戻ってくる回数を減らせます。
- 別ブラウザまたはシークレットウィンドウで共有URLを開く
- 画像・CSS・フォントが抜けず、最初の画面が意図どおり表示されるか見る
- 設定した認証方式（URLのみ・パスワード・メール・会社ドメイン）が期待どおり動くか確認する
- 公開期限と、相手に返事をもらう期限を依頼文に添える
よくある質問
HTMLファイルを共有するのに会員登録は必要ですか？
ギガサイト便では、トップページからHTMLやZIPをドロップするだけで、登録なしにその場で認証付きURLを発行できます。継続して管理したい場合や認証方式を細かく設定したい場合は、無料アカウントを作成するとサイト一覧から管理できます。
共有したURLは検索結果に出てしまいますか？
一時公開されたページにはnoindexが設定されるため、通常は検索結果に表示されません。ただしnoindexはアクセス制御ではないので、URLを知っている人には見えます。関係者以外に見せたくない場合は、パスワードやメール認証を併用してください。
後からHTMLの内容を差し替えられますか？
はい。同じURLを保ったままファイルを差し替えられます。レビューで指摘を受けて修正したあとも、新しいリンクを送り直す必要はありません。
スマホからアップロードして共有できますか？
ブラウザが動く端末であれば、スマートフォンからでも操作できます。ファイルを選んでアップロードすれば、PCと同じようにURLが発行されます。
相手がスマホで見る場合は何に注意すべきですか？
URLを送る前に実機またはスマホ幅で表示を確認し、長いパスワードや複雑な手順を避けます。QRコードや短い依頼文を添えると開封率と確認精度が上がります。
URLを発行したらすぐ相手に送っても大丈夫ですか？
送る前に、別ブラウザやシークレットウィンドウで一度開くのがおすすめです。ログイン状態に依存していないか、画像やCSSが抜けていないか、認証や期限が意図どおりかを30秒だけ確認してから共有すると、相手側のつまずきを減らせます。