Chatwork で HTML ファイルを送ると開けない? リンクで見せる方法

要約

Chatwork のヘルプに載っているプレビューの対象は画像、PDF、音声・動画、テキストなどで、HTML は入っていません。パソコンでは、投稿されたファイル名をクリックするとダウンロードが始まり、相手は保存したファイルをブラウザで開き直すことになります。ページとして見てもらうなら、ファイルではなく URL を送ります。このページのボックスに HTML ファイルを入れればプレビューができ、Convika の Free プランで受け取って公開すると、Chatwork に貼れる URL になります。相手はアカウントなしで、クリックやタップだけでページを開けます。

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年パスでパスワードをかけてください。社外に出してよい内容かは、先に会社のルールを確かめてください。

出典

次のステップ

HTML ページにパスワードをかけて、知っている人だけに見せる方法

JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。

関連記事

人に渡す方法

記事を共有する

Chatwork にはファイルではなく URL を貼る

HTML ファイルを入れて公開すれば、取引先も同僚も、チャットのリンクを押すだけで同じページを開けます。

Chatwork に貼れる URL をつくる

Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで