ChatworkでHTMLを共有する方法と、開けないときの対処

ChatworkでHTMLを添付するとどうなるか

ChatworkはファイルをアップロードしてダウンロードURLを発行する仕組みです。テキストや画像のプレビューには対応しますが、HTMLファイルは基本的にダウンロード対象として扱われます。受け取った側はファイルを保存してから開くことになります。

HTMLは単体では完結していても、外部のCSSやJavaScript、画像を相対パスで読み込んでいることが多く、ダウンロードしたファイルだけでは見た目が崩れたり、JavaScriptが動かなかったりします。これが「送ったのに開けない」の主因です。

さらにブラウザのセキュリティ設定によっては、ローカルに保存したHTMLが外部リソースの読み込みをブロックすることもあります。送り手の手元では正常でも、相手の環境では再現しないギャップが生まれます。

そもそもチャット添付がブラウザ表示に向かない理由

チャットの添付は「ファイルを渡す」ための機能であって、「ページとして見せる」ための機能ではありません。1枚のHTMLなら開けても、ZIPで固めたサイト一式はそのまま閲覧できません。

受け手はファイルを展開し、index.htmlを探し、ブラウザにドラッグするという手間を踏む必要があります。ITに不慣れな相手だと、ここで止まってしまいます。

確認依頼のたびにこの説明をするのは非効率です。最初から「ブラウザで開けるURL」を渡せば、相手はクリックするだけで済みます。

結論：この用途ならどちらを選ぶべきか

Chatwork HTML 共有で迷うときは、まず「本番公開したい」のか「確認用に短期間だけ見せたい」のかを分けます。前者はホスティングや開発基盤の比較、後者は認証・期限・差し替え・相手の開きやすさの比較になります。

ChatworkでHTMLを共有の判断では、機能名だけでなく、レビュー相手がアカウント作成なしで開けるか、共有後に古いURLが残らないか、修正後も同じURLで確認してもらえるかを見ます。比較して迷う場合は、まずレビュー用途か本番公開用途かを分けます。確認用なら、認証・期限・同じURLでの差し替えをまとめて扱える共有サービスで小さく試すのが安全です。

• 本番公開向き: 独自ドメイン、CI/CD、ソース管理、長期運用を重視する
• レビュー共有向き: 認証、期限、差し替え、非エンジニアへの渡しやすさを重視する
• 避けたいケース: 機密情報を含むHTMLを、認証なしの公開URLに置く
• 確認すること: 料金、公開範囲、URLの寿命、削除・差し替え手順、相手側の閲覧条件

開けないときの具体的な対処

相手がHTMLを開けないときは、まず原因を切り分けます。次の順で確認するとスムーズです。

1. 単一HTMLか、CSS/JS/画像を含むサイト一式かを確認する
2. サイト一式ならZIPにまとめ、フォルダ構成（相対パス）を崩さない
3. 相手にダウンロード後ブラウザへドラッグして開いてもらう
4. それでも崩れるなら、ブラウザで開けるURLとして発行し直して共有する

URL共有に切り替えると何が楽になるか

HTMLやサイト一式のZIPを共有URLに変換できるサービスを使うと、Chatworkにはリンクを貼るだけで済みます。受け手はクリックしてブラウザで開くだけなので、ダウンロードや展開の手順がいりません。

URLなら、修正のたびにファイルを送り直す必要もありません。中身だけ差し替えれば、同じリンクで最新版が見られる仕組みもあります。レビューのやり取りが何往復も続く案件ほど効果が大きいです。

社外メンバーがいるグループでも、URLならツールを問わず開けます。Chatworkのアカウントを持たない相手にも、リンク経由で見てもらえます。

社外と共有するときに気をつけたい認証

URL共有は便利な反面、リンクを知っていれば誰でも見られる状態になりがちです。社外秘の見積りや未公開の制作物を扱うときは、アクセス制御を併用しましょう。

ギガサイト便はHTMLやZIPをドロップすると共有URLを発行でき、URLのみ／パスワード／メール認証（ワンタイムコード）／会社ドメイン認証から認証方式を選べます。公開期限も設定でき、期限切れで自動的に閲覧できなくなります。

確認やレビューのための一時共有という位置づけなので、Chatworkでの依頼に「期限付き・認証付きのURL」を添えるという使い方が向いています。本番のWebサイト運用ではなく、見せて確認してもらう用途に絞って使うのがおすすめです。