HTMLファイルを他の人に送る方法：LINE・メール・Slackで「開ける」形にする

結論：相手にクリックひとつでページを見てもらいたいなら、.html ファイルそのものではなく、HTMLをHTTPSのURLに置いてから、そのリンクを送るのが確実です。リンクならブラウザが開いて、デザインどおりのページが表示されます。ファイルのまま送ると、相手はダウンロードしてからブラウザで開く必要があり、スマホではそこでつまずくことがよくあります。

なぜ .html ファイルをそのまま送るとうまくいかないのか

• LINEやSlackなどのチャット：.html はWebページではなく、ただのファイルとして扱われます。相手の画面にはファイルのカードが出るだけで、開くにはダウンロードして別のアプリで開く手間がかかります。どう表示されるかは相手の端末やアプリのバージョンにもよります。
• メールの添付：スマホのメールアプリは、.html の添付をWebページとして表示しないことが多く、ソースコードが見えたり、ダウンロードを求められたりします。会社のメールでは、.html の添付自体がブロックされることもあります。
• コードをチャット欄に貼る：相手に見えるのはタグの羅列で、ページではありません。
• file:// で始まるパスを送る：それはあなたのパソコンの中の場所です。相手の端末にはそのファイルがありません。

つまり、送るべきなのは「ファイル」ではなく「URL」です。

まず、手元のHTMLがどちらのタイプか確認する

• 1ファイルで完結しているもの：スタイルが <style>、スクリプトが <script> の中にあり、すべてが1つの .html に入っている。ChatGPTやClaudeが作るランディングページ、レポート、小テストの多くはこれで、いちばん簡単に公開できます。
• プロジェクト一式：index.html のほかに css/、js/、images/ フォルダがある、またはReactやVueのプロジェクト。この場合はHTMLを1つアップロードしても足りません。フォルダやZIPを受け付けるホスティングを使うか、画像やCSSを1ファイルにまとめ直す必要があります。

1ファイルのHTMLをURLにする手順（dochostの場合）

1. dochostを開き、HTMLを貼り付けるか .html ファイルをアップロードします。アカウント登録は不要です。
2. 形式がHTMLになっているか確認し、プレビューで見出し、日本語の表示、画像、ボタンをチェックします。
3. 公開範囲を選びます。「非公開」は「みつける」に載らず、リンクを知っている人だけが開ける設定です。リンクを渡された人は誰でも開けるので、パスワード保護とは違います。
4. 「リンクを作る」を押して、共有リンクをコピーします。
5. ログインしていない場合は、公開後に編集用リンクも表示されます。これを開いた人はページを書き換えられるので、自分だけで保管し、閲覧用として送らないでください。

リンクができたら、送り先に合わせて送る

LINE・Slack・Teamsなどのチャット

• まず自分宛て（LINEの「Keepメモ」や、Slackの自分とのDMなど）にリンクを送り、スマホで開いて表示を確認します。
• 問題なければ相手やグループに送ります。リンクと一緒に「何のページか」を一言添えると、怪しいリンクと思われにくくなります。

メール

• .html を添付するのではなく、本文にリンクを貼ります。
• 相手が保存用にファイルも必要なら添付してもかまいませんが、見てもらう用にはリンクを本文に書いておきます。

資料・名刺・QRコードに載せる

• こうした用途ではリンクが長く使えることが前提です。dochostの無料プランのリンクには期限があります（公開7日間、非公開3日間）。長く使うなら、有料プランの無期限リンクにするか、長期公開向けの別サービスを選んでください。

ほかの方法との比較

選び方の目安：

1. 1ページを数日だけ数人に見せたい（レビュー、デモ、提出物）：コードを貼るだけでリンクになるサービスがいちばん手早く済みます。
2. 複数ファイルのプロジェクト：Netlify Dropのようにフォルダを受け付けるサービスを使います。
3. 独自ドメインで長く運用する正式なサイト：GitHub Pagesや静的サイト向けのホスティングのほうが合っています。

よくある失敗

• 日本語が文字化けする：ほとんどは <head> に <meta charset="utf-8"> がないのが原因です。
• 画像が表示されない：images/photo.png のような相対パスで手元の画像を参照しています。HTMLだけをアップロードしても、画像は一緒に上がりません。公開されている画像のURLにするか、画像をHTMLに埋め込んでください。
• スマホでレイアウトが崩れる：<meta name="viewport" content="width=device-width, initial-scale=1"> が抜けています。横に長い表は、横スクロールできる要素で囲むと読みやすくなります。
• 編集用リンクを送ってしまった：編集用リンクではページを書き換えられます。送るのは共有リンクだけにしてください。
• 個人情報やAPIキーが残っている：公開したページは、リンクを知っている人なら誰でも見られます。公開前に実名、電話番号、APIキーなどを消してください。

続けて、ChatGPTやClaudeが作ったHTMLの場合の注意点はChatGPTやClaudeで作ったHTMLをURLで共有する方法にまとめています。

よくある質問

アカウントを作らずにHTMLをリンクにできますか？

できます。dochostの無料プランは登録なしで公開でき、1ページ1 MBまで、同時に公開できるのは10ページまでです。Netlify Dropも登録なしで試せますが、サイトを残すにはアカウントへの紐づけが必要です。

リンクはどのくらい使えますか？

サービスによって違います。dochostの無料プランは、公開ページが7日間、非公開ページが3日間で期限切れになります。Pro（月額$7、年払いなら$59/年）は無期限のリンクで、パスワード保護やリンク名の指定も使えます。Proの無料トライアルはカードの登録が必要で、終了前に解約しなければ月額$7で継続されます。

相手は何かインストールする必要がありますか？

ありません。スマホやパソコンのブラウザでリンクを開くだけです。

特定の人だけに見せることはできますか？

dochostの「非公開」は「みつける」に載らないだけで、リンクを知っている人は開けます。閲覧を本当に制限したいなら、パスワード保護（dochost Pro）か、アクセス制御のある別のサービスを使ってください。

複数ファイルのプロジェクトもdochostで送れますか？

送れません。dochostが公開できるのは、1つのHTMLファイルかMarkdownファイルだけです。複数ファイルのプロジェクトはNetlify Dropなどフォルダを受け付けるサービスを使うか、AIに頼んで1ファイルで完結するHTMLに書き直してもらってください。