ハウツー

ZIPでまとめたサイトをアップロードして共有URLを発行する方法

HTMLが1枚だけならそのまま渡せますが、CSSや画像、JavaScriptを含むサイトは複数ファイルがバラバラになりがちです。ギガサイト便なら、それらをZIPにまとめてドロップするだけで一括公開され、その場で共有URLが発行されます。この記事ではZIP公開の流れと準備のコツを紹介します。

ZIPでまとめると何が便利か

CSSや画像、JavaScriptを使ったサイトは、ファイルを個別に渡すと参照関係が崩れて表示がうまくいかないことがあります。ZIPにまとめれば、関連ファイルを一つの塊として一度に渡せます。

ギガサイト便のトップページにZIPをドロップすると、その場で展開されて共有URLが発行されます。会員登録なしでも公開できるため、ちょっとした確認用のサイトでも気軽に共有できます。

発行されるURLはサブドメイン形式で、HTTPSが自動で付き、CDNのエッジ配信で表示も速くなります。受け取った相手はリンクを開くだけで、デザインや画像込みの状態を確認できます。

アップロード前の準備

うまく表示させるには、ZIPの中身を整えておくことが大切です。サイトの入口になるファイルはindex.htmlにしておくと、URLを開いたときに最初に表示されます。

CSSや画像へのリンクは相対パスで書いておくと、公開後の場所が変わっても参照が崩れにくくなります。逆に、自分のパソコン内だけで通用する絶対パスが残っていると画像が出ないことがあります。

不要な隠しファイルや作業用のフォルダが混ざっていないかも確認しておくと、ZIPが軽くなり展開もスムーズです。

最短手順:まずこの3ステップで完了

ZIPでまとめたサイトをアップロードして共有URLを発行は、最初に全体像を押さえると迷いません。細かな設定に入る前に、ファイルを準備し、共有条件を決め、公開後に相手と同じURLで確認する流れを作ります。

手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

  • 1. 共有するHTML/ZIPを整理し、不要ファイルや秘密情報を除く
  • 2. 認証方式、公開期限、差し替え有無を決めてURLを発行する
  • 3. シークレットウィンドウとスマホで開き、相手への依頼文を添えて送る

ZIPをドロップして共有URLを発行する手順

準備したZIPを使って、実際に共有URLを発行する流れは次のとおりです。ドロップから発行までは数ステップで完了します。

  1. 公開したいファイル一式をZIPにまとめる
  2. ギガサイト便のトップページを開く
  3. ZIPファイルをドロップ領域に放り込む
  4. 展開が終わり共有URLが発行されるのを待つ
  5. 発行されたURLを開いて表示を確認する
  6. 必要に応じて認証方式や公開期限を設定する

公開後に整えられること

発行されたURLは、認証方式をURLのみ・パスワード・メール認証・会社ドメイン認証から選べます。社外に出す前のサイトなら、認証を付けて関係者だけに見せると安心です。

公開期限を設定すれば、確認が終わった頃に自動で閲覧できなくなります。無料プランでは最長7日まで設定できるため、短期の確認用途にちょうど合います。

カスタムスラッグでURL末尾を分かりやすい言葉に変えたり、QRコードで配布したりもできます。用途に合わせて、発行後の細かな調整を加えていきましょう。

中身を差し替えたいとき

公開後に修正が入っても、同じURLのままファイルを差し替えられます。リンクを送り直さずに中身だけ更新できるので、レビュー中の細かな手直しに向いています。

差し替えても相手に渡したリンクは変わらないため、再度共有する手間がありません。アクセスログで誰がいつ見たかも分かるので、更新前後で確認状況を追うこともできます。

よくある質問

ZIPに入れられるのはどんなファイルですか?

HTMLに加えて、CSSやJavaScript、画像などサイトを構成するファイルをまとめて入れられます。これらを一つのZIPにすると、関連ファイルごと一括で公開できます。

アップロードに会員登録は必要ですか?

会員登録なしでも公開できます。トップページにZIPをドロップするだけで、その場で共有URLが発行されます。

公開したサイトはどんなURLになりますか?

サブドメイン形式の共有URLが発行されます。HTTPSが自動で付き、CDNのエッジ配信で表示も速くなります。受け取った相手はリンクを開くだけで閲覧できます。

公開後に中身を直したい場合はどうしますか?

同じURLのままファイルを差し替えられます。リンクを送り直す必要がないため、レビュー中に修正が入ってもURLを変えずに最新版を見てもらえます。

最短で進める場合でも省略しないほうがよい確認は何ですか?

不要ファイルや秘密情報の除去、スマホ表示確認、共有相手と期限の明記は省略しないほうが安全です。URLを作る速さより、誤共有を防ぐことを優先します。

関連記事

ハウツー

ZIPで共有するときのフォルダ構成とindex.htmlの置き方

ZIPをアップロードしたのに画像が出ない、CSSが効かないという問題の大半はフォルダ構成に原因があります。ルート直下へのindex.html配置と相対パスの保ち方を中心に、表示崩れを防ぐ構成を解説します。

4分で読める
ハウツー

公開を一時停止して後で再開する方法

レビューが一区切りしたページを消さずに止めておきたいときに役立つ一時停止機能。再度見せる予定があるなら URL ごと削除より手戻りが少なく済みます。公開を止めて後から再開する考え方と具体手順を整理します。

4分で読める
ハウツー

公開前に表示をプレビュー確認する方法

共有リンクを送ったあとに表示崩れや画像抜けに気づくと相手に余計な手間をかけます。配信後の見え方を事前に自分の目で確かめておけばこうした事故を防げます。公開前プレビューの考え方と確認すべきポイントをまとめます。

4分で読める
ハウツー

公開を始める日と終わる日を指定して共有する方法

発表前は隠しておき、レビュー期間中だけ見せたい資料に最適な設定があります。公開開始日と終了日を指定して期間内だけ閲覧できる共有を組み立てる考え方と手順を紹介します。

4分で読める
ハウツー

公開期限を後から短くして早めに閉じる方法

思ったより早く確認が終わったなら、余った期間を長く公開し続けるより早めに閉じるほうが安全です。公開期限を前倒しして早く閉じる手順と、閉じる前後に配慮すべきことをまとめました。

4分で読める
ハウツー

公開URLをX(Twitter)でシェアして見栄えよく見せる方法

X に URL を貼っても味気ないリンクのままになってしまう経験はありませんか。OGP の設定次第で画像付きカードとして表示できます。シェアを見栄えよくするための設定方法と確認ツールの使い方を解説します。

5分で読める
「ハウツー」の記事をもっと見る →