Chatwork で HTML ファイルを送ると開けない? リンクで見せる方法
要約
Chatwork のヘルプに載っているプレビューの対象は画像、PDF、音声・動画、テキストなどで、HTML は入っていません。パソコンでは、投稿されたファイル名をクリックするとダウンロードが始まり、相手は保存したファイルをブラウザで開き直すことになります。ページとして見てもらうなら、ファイルではなく URL を送ります。このページのボックスに HTML ファイルを入れればプレビューができ、Convika の Free プランで受け取って公開すると、Chatwork に貼れる URL になります。相手はアカウントなしで、クリックやタップだけでページを開けます。
Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで
目次
ChatGPT や Claude に作ってもらった見積もりの比較表や、1 枚の提案書の HTML を、取引先とのチャットに添付した。返ってきたのは「開けません」「文字がずらっと出ます」のひと言。Chatwork で送った HTML は、ページではなく、ダウンロードするファイルとして届きます。
このガイドでは、Chatwork に HTML ファイルを添付したときに起きることと、URL にして送る手順、相手を絞りたいときやスマホで見てもらうときの注意を順に説明します。Chatwork の仕様は、2026 年 10 月 20 日に Chatwork のヘルプセンターで確かめました。Chatwork の画面では試していないため、ボタンやアイコンの名前はヘルプの表記のまま書きます。
Chatwork に HTML を添付するとどうなる
Chatwork のヘルプ ファイルを送信(アップロード・添付)する によると、ファイルはチャットの「クリップ」アイコンから選ぶか、チャットにドラッグ&ドロップして送ります。1 ファイル 5 GB まで送れるので、HTML ファイルも添付はできます。困るのは、受け取った側です。
- HTML はプレビューされない。 同じヘルプによると、チャットにサムネイルが出るのは画像で、画像以外でプレビューされるのは PDF と音声・動画です。HTML は入っていません。
- パソコンでは、ダウンロードになる。 ヘルプ ファイルをアップロード/ダウンロードする には「チャットに投稿されたファイル名をクリックすると、ダウンロードが開始します」とあります。相手は保存したファイルを探して、ブラウザで開き直すことになります。ファイルの開き方に慣れていない人は、ここで止まります。
- スマホのアプリの一覧にも、HTML はない。 iOS 版 でプレビューできるのは画像、動画・音声、PDF、テキスト(.txt や .rtf など)、Excel・Word・PowerPoint で、Android 版 は画像、動画・音声、PDF、.txt です。Android 版では、それ以外のファイルはダウンロードしてから開きます。iOS 版のヘルプには「一部非対応の拡張子がございます」とだけあり、HTML がどう表示されるかは書かれていません。
- CSS や画像を分けたページは、そのままでは届かない。 ヘルプ ファイルをアップロード(添付)・ダウンロードできません によると、ドラッグ&ドロップでフォルダーを送れるのは zip に圧縮したときだけです。zip で送っても、相手は展開してから HTML を開く必要があります。
- 送った人がチャットを出ると、ファイルが消えることがある。 ヘルプ どのような場合にファイルは削除されますか? によると、チャットを退席したユーザーがアップロードしたファイルは、退席時にすべて削除されます(組織契約で、同じ組織のユーザーがチャットに残っている場合は残ります)。
- 会社の設定で、送れないこともある。 プロフェッショナルプラン(エンタープライズプラン)で「ファイル送信を禁止する」「ファイルのダウンロードを禁止する」が設定されていると、ファイルのアップロードもダウンロードもできません。
相手に必要なのがコードなら、ファイルのままでかまいません。HTML を直してもらう制作会社には、添付で送れば足ります。ページを見てもらうなら、URL を送ります。
HTML ファイルを URL にして Chatwork に貼る 4 つの手順
ここで作る URL は、Convika に置いたページの URL です。見積もりや社内の数字を載せる前に、社外のサービスに置いてよいか、会社のルールを確かめてください。
1. ページを 1 つのファイルにまとめる
Convika が受け付けるのは、.html か .htm のファイル 1 つ(2 MB まで)か、同じコードの貼り付けです。
CSS や画像を別のファイルに分けているなら、作った AI に「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。
2. ボックスにファイルを入れて、プレビューを確かめる
ページ冒頭のボックス にファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
「プレビューができました」と出たら「プレビューを開く」を押し、表や文字の崩れがないかを確かめます。スマホで見る相手がいるなら、スマホでも開いておきましょう。このプレビューを開けるのは 3 分間 だけで、スクリプトとフォームは止めて表示します。
3. 無料で受け取って、公開する
Chatwork に貼るのは、プレビューのリンクではなく、ページを受け取って公開した URL です。
「このページを受け取る(無料・カード不要)」を押して登録すると、ページがそのままアカウントに入り、スクリプトも動くようになります。管理画面で「公開する」を押すと、はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プランかを選びます。無料で公開したページは、下に Convika のバナーが出ます。公開したページの URL は、「公開停止」を押すまで変わりません。Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。
4. Chatwork のチャットに URL を貼る
公開した URL をコピーして、メッセージに貼り付けて送ります。相手は Convika のアカウントがなくても、リンクを押せばページを開けます。
Chatwork のヘルプは、URL がリンクプレビューされない理由の一つに「OGPが設定されていないURL」を挙げています。チャットにページのタイトルや画像を出したいなら、作った AI に「OGP のタグ(og:title、og:description、og:image)を入れて」と頼んでから公開してください。
相手を限定したいとき
公開したページは、URL を知っている人ならだれでも開けます。
Convika では、公開するときの確認画面で「一般公開」か「限定公開」を選べます。無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。限定公開(Pro・1年パス)を選ぶと、Convika はページを検索結果に出さないよう検索エンジンに伝え(noindex)、サイトマップにもギャラリーにも載せません。Chatwork に貼った URL を開くのにパスワードやアカウントはいらず、URL を転送された人もそのまま開けます。限定公開は Pro(月 ¥1,800)と 1年パスの機能です。
公開したあとでも、「サイト設定」から切り替えられます。限定公開に変えるには Pro か 1年パスが必要です。
決まった相手だけに見せたいなら、パスワードをかけます。「サイト設定」の「閲覧パスワード」でパスワードを設定すると、訪問者にはまずパスワードの入力画面が出て、正しいパスワードが入るまでページは表示されません。一度入力したブラウザでは、7 日間は入力なしで開けます。パスワードは Pro と 1年パスの機能です。URL をチャットに貼り、パスワードは別のメッセージか電話で伝えます。くわしくは HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。
見せ終わったら、管理画面の「公開停止」で止められます。止めたあとは、その URL ではページが開きません。添付したファイルなら、相手がダウンロードした分は手元に残ります。
スマホの Chatwork アプリで開く
ファイルの場合、Android 版では HTML をダウンロードしてから、別のアプリで開くことになります。URL なら、相手はメッセージのリンクをタップするだけです。
ページがスマホの幅に収まるかは、HTML の書き方で決まります。表が横にはみ出すなら、AI に「スマホの幅でも表が読めるようにして」と頼んで作り直してください。
直したページは、管理画面の「新しいバージョンのアップロード」で入れ替えて公開します。URL は変わらないので、チャットに貼ったリンクを送り直す必要はありません。ファイルで送っていると、古い版と新しい版がチャットに並び、相手がどちらを開いたかわからなくなります。
ほかの送り方との違い
| 送り方 | 相手に届くもの | 相手がすること | 直したとき | 開かれたかがわかる |
|---|---|---|---|---|
| Chatwork に添付 | HTML ファイル | ダウンロードして、ブラウザで開き直す | 直したファイルを送り直す | ヘルプに記載なし |
| Google ドライブのリンク | ドライブ上のファイル | ファイルとして開く(ページとしての配信は 2016 年に終了) | 未確認 | 未確認 |
| Convika の URL | ページの URL | リンクを押す | 新しいバージョンを公開しても URL は同じ | 日ごとの訪問数を直近 90 日分 |
Convika で公開したページは、日ごとの訪問数を、国、デバイス、どのサイトから来たかとあわせて見られます。だれが見たか(名前やメールアドレス)まではわかりません。提案書を送った相手が開いたかどうかの目安になります。
ドライブの場合は Google ドライブの HTML ファイルをページとして表示・共有する方法、メールで送る場合は HTML ファイルをメールで送る方法 で説明しています。
よくある質問
Chatwork で html ファイルを送れる?
送れます。チャットの「クリップ」アイコンからファイルを選ぶか、チャットにドラッグ&ドロップします(1 ファイル 5 GB まで)。ただし、Chatwork のヘルプにあるプレビューの対象に HTML は入っておらず、相手はダウンロードしてから開くことになります。ページとして見てもらうなら、HTML を公開して URL を送ってください。
html を添付したのに開けない
Chatwork はチャットの中で HTML をページとして表示しません。パソコンではファイル名をクリックするとダウンロードが始まるので、保存したファイルをブラウザで開いてもらいます。CSS や画像を別のファイルに分けた HTML は、ファイル 1 つだけでは見た目が崩れます。相手の手間をなくすなら、ページを Convika で公開して、その URL を貼ってください。
Chatwork に html を貼り付けて表示できる?
できません。Chatwork のヘルプで使えると書かれている装飾は、罫線や囲み枠などの Chatwork 独自のタグ([hr]、[info]、[code])で、HTML のタグでページを表示する方法は載っていません。コードを文字のまま見せたいなら [code] タグで囲み、ページとして見せたいなら、コードを Convika のボックスに貼り付けて公開した URL を送ります。
社外の人にも見せられる?
見せられます。Convika で公開したページの URL は、Convika のアカウントがない人でも開けます。Chatwork のチャットに取引先がいれば、その URL を貼るだけです。URL を知っている人ならだれでも開けるので、相手を限りたいときは Pro か 1年パスでパスワードをかけてください。社外に出してよい内容かは、先に会社のルールを確かめてください。
出典
- ファイルを送信(アップロード・添付)する(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
- ファイルをアップロード/ダウンロードする(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
- 閲覧できるファイルの種類は?(iOS)(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
- 閲覧できるファイルの種類は?(Android)(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
- ファイルをアップロード(添付)・ダウンロードできません(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
- どのような場合にファイルは削除されますか?(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
- 投稿に装飾はできますか?(Chatwork ヘルプ) (2026 年 10 月 20 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法LINE で HTML ファイルを送ると相手のスマホしだいで開けないため、ファイルではなく URL を送ります。ChatGPT や Claude で作った HTML を URL に変えて、トークに貼るだけで見てもらう手順を説明します。
- Slack に HTML ファイルを送って、ページとして見てもらう方法Slack に HTML ファイルを添付してもページとしては表示されません。HTML を Web ページとして公開し、発行した URL をチャンネルに貼ってチームや Slack コネクトの相手に見てもらう手順を解説します。
- HTML ファイルをメールで送って、相手にページとして見てもらう方法HTML ファイルをメールに添付すると、届くのはファイルで、開き方は相手のメールアプリしだいです。会社の設定で止められることもあります。このガイドは Gmail・Outlook・iPhone での添付の手順と、URL を本文に貼って送る方法を説明します。
- Teams に投稿した HTML ファイルを、ページとして見てもらう方法Teams に投稿した HTML ファイルは、ページではなく SharePoint か OneDrive のファイルとして届きます。このガイドは、表示されない・動かないときに Microsoft の資料でわかることと、URL にして社内の人に見てもらう手順を説明します。
- HTML ファイルを、どのスマホでも開けるリンクで共有する方法HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。