Google ドライブの HTML ファイルを、ページとして表示・共有する方法

ChatGPT や Gemini に作ってもらったページの .html ファイルを、Google ドライブに入れた場面を考えます。自分のスマホで見え方を確かめたいし、取引先にも見てもらいたいときです。

ドライブの共有リンクを送れば済みそうに見えます。けれど相手に届くのはページではなく、ファイルです。

このガイドは、ドライブの HTML ファイルについて Google のヘルプに書かれていることと、自分のブラウザで開く方法、そして URL にしてページとして見せる方法を説明します。Google のヘルプとドキュメントは、2026 年 10 月 15 日に確認しました。

ドライブで HTML ファイルを開いたときに起きること

Google のヘルプ Google ドライブに保管可能なファイル によると、ドライブにはどんな形式のファイルも保存できます。プレビューに対応する一般的なファイル形式の「マークアップ、コード」欄には、.HTML が並びます。同じ欄に載るのは .CSS や .PHP、.JS、.java、.py です。HTML は文書や画像ではなく、CSS や JavaScript、Python と同じコードのファイルとして扱われます。

同じヘルプによると、ドライブのプレビューは元のファイルを簡易的に表示したもので、実際にファイルを開いたときの表示とは少し違うことがあります。ページの形に描かれるのか、コードが表示されるのか、スクリプトが動くのかは、確かめたヘルプに記載がありませんでした。ドライブの画面上での検証はしていません。

• Web ページとしての配信は、2016 年に終わった。 Google の 告知（2015 年 8 月 31 日）によると、ドライブの Web ホスティングは 2015 年 8 月 31 日から非推奨になりました。Google Apps の利用者も、googledrive.com/host/ のアドレスで配信できたのは 2016 年 8 月 31 日までです。告知が案内していた Google のヘルプ「Host webpages with Drive」を開くと、この告知へ転送されます。
• Gemini のキャンバスは、Gemini で開く。 Google ドライブに保管可能なファイル のヘルプによると、Gemini とのチャット、キャンバス、生成されたメディアには、ドライブの標準のプレビューがありません。クリックすると、Gemini のウェブアプリの中で開きます。キャンバスで作ったページを人に見せる手順は、ガイド Gemini で作ったページを、URL で人に見せる方法 で説明しています。
• ほかのアプリで開くこともできる。 ヘルプ Google ドライブ用アプリを使用する によると、ファイルを右クリックして「アプリで開く」にカーソルを合わせ、Google Workspace Marketplace から追加したアプリを選ぶと、そのアプリで開けます。多くのアプリは、製造元が独自の利用規約とプライバシー ポリシーを設けています。開くときに、ドライブの一部やすべてのファイルを見る許可を求められることがあります。HTML を開くアプリは、このガイドでは試していません。

目的別の 3 つの方法

このあとの表の内容は、Google のヘルプと Convika の仕様で確かめました。表の「—」は、その列があてはまらないことを示します。

ほかの公開先との違いは、Netlify Drop や GitHub Pages とあわせて、ガイド HTML ファイルを、どのスマホでも開けるリンクで共有する方法 の比較表に並べています。

自分のブラウザで表示する

パソコン

まずはファイルをパソコンに保存します。ファイルをダウンロードする 手順のとおり、drive.google.com で対象のファイルをクリックし、右クリックして「ダウンロード」をクリックしてください。

ダウンロードした .html ファイルを Chrome で開くときは、Chrome のキーボード ショートカット にあるように、Windows なら Ctrl+O、Mac なら ⌘+O を押してファイルを選びます。

ダウンロードできないときは、ファイルのオーナーが閲覧者のダウンロードを止めているか、Chrome でサードパーティの Cookie をブロックしていることがあります。Chrome でサードパーティの Cookie をブロックすると、ドライブからダウンロードできなくなります。ヘルプにはドライブだけ Cookie を許可する手順もあります。

ダウンロードしたファイルは、Convika の無料の HTML ビューアー でも開けます。枠にドラッグするか、「HTML ファイルを選ぶ」から選ぶと、CSS と JavaScript が動く状態でページを表示します。ファイルはブラウザが読み込むだけで、Convika には送られません。「スマホ」に切り替えると、スマホの画面幅での見え方も確かめられます。

人から共有されて受け取ったファイルなら、心当たりのないものは開かずに送った人に確かめてください。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外します。外すと、ページのスクリプトは動かず、フォームも送信されません。

スマホ

先にファイルを端末へ保存します。

iPhone は、ファイルをダウンロードする（iPhone） の手順どおりに進めます。ドライブのアプリでファイルの横にある「その他」アイコンをタップし、「アプリで開く」、「ファイルに保存」の順に進んで保存先を選び、「保存」を押してください。

Android は、同じヘルプの Android 向けの手順 に沿って、ファイル名の横にある「その他」アイコンから「ダウンロード」をタップします。データセーバーがオンのときは、ダウンロードの項目を使えません。

保存したら、iPhone は Safari、Android は Chrome で HTML ビューアー を開き、「HTML ファイルを選ぶ」から保存したファイルを選びます。人から受け取ったファイルで心当たりのないものは開かずに送った人に確かめてください。気になるものは、パソコンと同じく選ぶ前に「スクリプトを動かす」のチェックを外します。

iPhone の「ファイル」アプリで保存したファイルをタップすると、プレビューが開きます。2026 年 10 月 6 日に Apple の iPhone シミュレーター（iOS 26.3）で試したところ、このプレビューはページの JavaScript を動かさず、ネットから画像やフォントを読み込みませんでした。なお、ドライブのアプリの中で HTML ファイルがどう表示されるかは試していません。

ドライブの共有リンクで相手に届くもの

Google のヘルプ Google ドライブのファイルを共有する の手順では、ファイルを選んで共有アイコンをクリックし、「一般的なアクセス」で「リンクを知っている全員」を選んで役割を「閲覧者」にします。「リンクをコピー」を押してから「完了」を押し、コピーしたリンクを送ります。ヘルプによると、リンクを知っている全員がファイルを使え、Google アカウントへのログインはいりません。閲覧者のダウンロードは初めから有効で、オーナーが止めることもできます。

相手に届くのは、ファイルです。ドライブは Web ページを配信しないため、リンクの先にあるのはページの URL ではなく、ドライブの中のファイルそのもの。相手の画面でページがどう表示されるかは、相手の端末とアプリしだいで、Google のヘルプには書かれていません。

• 会社や学校のアカウント。 ヘルプによると、職場や学校を通じて取得した Google アカウントでは、組織の外のユーザーとファイルを共有できないことがあります。
• 共有はいつでも止められる。 ヘルプ 共有を停止、制限、変更する によると、ファイルを共有したあとで、いつでも共有を止められます。「一般的なアクセス」を「制限付き」に戻すと、開けるのは権限のある人だけになります。

ページを直してもらう制作会社やエンジニアに渡すなら、ファイルのままの共有で足ります。ページを見てもらうだけの相手には、URL を送ります。

HTML ファイルを URL にして、ページとして見せる 4 つの手順

ボックスで作るプレビューのリンクが開けるのは 3 分間 だけです。自分の画面で見え方を確かめるためのリンクです。人に送るのは、ページを受け取って公開した URL です。

1. ファイルをボックスに入れる

ドライブからファイルをダウンロードしてから、ページ冒頭の ボックス に .html のファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。

アカウントもメールアドレスもいりません。受け付けるのは、2 MB までの .html か .htm のファイル 1 つか、そのコードです。

2. 自分の画面で見え方を確かめる

「プレビューができました」と出たら「プレビューを開く」を押し、レイアウトが崩れていないか、画像が表示されるかを確かめます。

このプレビューは、検索エンジンに載せないよう指示しています。安全のため、ページのスクリプトとフォーム、Google マップや YouTube の埋め込みは止まっています。

3. ページを受け取って、公開する

「このページを受け取る（無料・カード不要）」を押して登録すると、アップロードしたページがそのままアカウントに入り、スクリプトや埋め込みも動きます。ただし、スクリプトからほかのサイトへの通信は、受け取ったあとも止まります（有料プランのアクセス解析ツールを除く）。プレビューの時間が過ぎても、同じ画面から受け取れます。

管理画面で「公開する」を押すと yourpage.convika.page のようなアドレスで公開され、この URL は「公開停止」を押すまで変わりません。Free プランはカード登録なしで使え、1 ページを公開できます。

4. 公開した URL を送る

公開した URL をコピーして、メールや LINE、Slack のメッセージに貼ります。相手は Convika のアカウントがなくても、タップかクリックだけでブラウザでページを開けます。

LINE での送り方は、ガイド HTML ファイルを LINE で送る方法 で説明しています。

共有したページを検索結果に出さない設定

家族やクラス、チームだけにページを見せたいときは、公開するときの確認画面で「一般公開」か「限定公開」かを確認してください。2026 年 7 月、Claude の「リンクで共有」で共有したチャットやアーティファクトが、Google や Bing の検索結果に出ていたと報道されました（The Decoder、GovInfoSecurity）。The Decoder は、共有ページに noindex のタグ（検索エンジンに、結果に載せないよう伝える印）がなかったようだ、と伝えています。Anthropic は、共有リンクは利用者自身が広めない限り見つからない、と説明しました。

Convika では、無料の「一般公開」で公開したページは、検索結果や Convika のギャラリーに出ることがあります。確認画面で「限定公開」を選ぶと（Pro・1年パス）、Convika は検索エンジンに、ページを検索結果に出さないよう伝えます（noindex）。ページはサイトマップにもギャラリーにも載りません。URL を持っている人は、これまでどおり開けます。パスワードもアカウントもいりません。

ただし、限定公開でも、URL を転送された人はページを開けます。決まった人だけに開いてほしいときは、「パスワードを知っている人だけ」を選んでパスワードをかけてください。パスワードは Pro（月 ¥1,800）の機能です。反対に、広く見てもらいたいページは無料の「一般公開」で公開できます。設定はあとから「サイト設定」で切り替えられます（限定公開に変えるには Pro・1年パスが必要です）。

受け取ったページでできること

ページにお問い合わせや申し込みのフォームを付けるなら、管理画面で「フォームを追加する」を押します。届いた送信内容を残せるフォームが入ります。Free プランでは、フォームの送信は月 50 件まで一覧に出ます。

公開したページの訪問数は、国、デバイス、どこから来たかとあわせて、直近 90 日分見られます。だれが開いたかはわかりません。自分で開いた分も数えます。

受け取っても動かない処理もあります。Convika のページは、自分のアドレス以外からデータを取得できません。ほかのサイトのデータやスプレッドシートを読み込むスクリプトは動かないため、作った AI に直接頼んで書き直します。

画像が表示されないとき

ページの中で images/photo.png のように書いた画像は、HTML ファイルと同じ場所にある別のファイルを指しています。ドライブから HTML ファイルだけをダウンロードしたり、アップロードしたりすると、画像は一緒に来ません。そのため表示されなくなります。

パソコンの Chromium で試した結果は、ガイド HTML ファイルを LINE で送る方法 に載せています。

Convika が公開するのは、1 つの HTML ファイルです。画像は https:// から始まる URL で読み込むか、コードに埋め込みます。埋め込んだ画像も 2 MB の上限に含まれます。パソコンの中の画像を読み込んでいるページをボックスに入れると、そのファイル名が一覧で出ます。

作った AI には「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。

Google サイトや Apps Script で公開する場合

Google のサービスで HTML を Web に出すなら、ドライブではなく Google サイトか Apps Script を使います。どちらも HTML のコードを貼るか書いて使います。

Google サイトの ヘルプ によると、パソコンからアップロードできるのは .jpg、.png、.gif 形式の画像ファイルです。HTML のコードは「挿入」から「埋め込む」を選び、「埋め込みコード」に貼ります。無料でできることと独自ドメインのつなぎ方は、Google サイトは無料で使える？ にまとめました。

Apps Script では、ドキュメント のとおり、プロジェクトに HTML ファイルを追加して doGet 関数を書きます。ウェブアプリとしてデプロイすると URL が発行されます。そのページは、悪意のある HTML や JavaScript から利用者を守るため、iframe のサンドボックスの中で表示されます（出典: HTML サービスの制限）。

よくある質問

Google ドライブの HTML ファイルを表示するには？

パソコンならファイルをダウンロードしてブラウザで開き、スマホなら端末に保存してから HTML ビューアー で開きます。

パソコンではファイルを右クリックして「ダウンロード」を選び、ダウンロードしたファイルをブラウザで開きます。Chrome なら Ctrl+O（Mac は ⌘+O）でファイルを選べます。スマホの場合は、ファイルを端末に保存してからブラウザで無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から指定してください。ビューアーはファイルをアップロードせずに、スクリプトも動く状態で表示します。心当たりのないファイルは開かずに、送った人に確かめてください。人から受け取ったファイルで気になるものは、選ぶ前に「スクリプトを動かす」のチェックを外します。なお、ドライブのプレビューは Google のヘルプによると元のファイルを簡易的に表示したもので、実際に開いたときの表示とは違うことがあります。

Google ドライブで HTML がプレビューできないのはなぜ？

Google のヘルプには、HTML がプレビューできない理由は書かれていません。

ヘルプは .HTML をプレビューできる「マークアップ、コード」のファイルに挙げていて、プレビューは元のファイルを簡易的に表示したものだと説明しています。Gemini のキャンバスは、プレビューではなく Gemini のウェブアプリで開きます。ページの見た目を確かめるなら、ファイルをダウンロードしてブラウザか HTML ビューアーで開いてください。人から受け取ったファイルで心当たりのないものは開かず、送った人に確かめます。気になるものをビューアーで開くときは、選ぶ前に「スクリプトを動かす」のチェックを外します。ダウンロードもできないときは、ファイルのオーナーがダウンロードを止めていないか、Chrome でサードパーティの Cookie をブロックしていないかを確かめてください。

Google ドライブで HTML を Web ページとして公開できる？

Web ページとしては公開できません。

Google の告知によると、ドライブの Web ホスティングは 2015 年 8 月 31 日から非推奨になり、googledrive.com/host/ のアドレスでの配信は 2016 年 8 月 31 日に終了しました。「リンクを知っている全員」に共有すれば、リンクを知っている人はログインなしでファイルを使えますが、相手が受け取るのはファイルです。ページとして公開するなら公開先に置きます。このページのボックスに入れて Convika の Free プランで受け取れば、カード登録なしで公開でき、URL は公開を止めるまで変わりません。Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。

Google ドライブの HTML ファイルを Chrome で開くには？

ドライブからファイルをダウンロードし、Chrome で Ctrl+O（Mac は ⌘+O）を押して開きます。

このショートカットは、パソコンのファイルを Chrome で開く方法として Chrome のヘルプに案内されています。人から受け取ったファイルで心当たりのないものは開かず、送った人に確かめてください。開いたページはそのパソコンの中のファイルなので、ほかの人には見えません。人に見せるなら、ファイルを公開して URL を送ります。

Google ドライブの HTML で画像が表示されない原因は？

画像の場所が images/photo.png のように書かれていて、画像ファイルが一緒にダウンロードまたはアップロードされていないためです。

このような書き方は、HTML ファイルの隣にある別のファイルを指しています。HTML ファイルだけをダウンロードしたりアップロードしたりすると、画像は手元やサーバーに届きません。画像を表示させるには、https:// から始まる URL で読み込むか、コードに直接埋め込みます。Convika のボックスでは、パソコンの中の画像を読み込んでいる場合にそのファイル名が一覧で表示されます。なお、ドライブのプレビューで画像がどう扱われるかは、Google のヘルプには書かれていません。

Google ドライブで HTML ファイルを共有する手順は？

ファイルを選んで共有アイコンをクリックし、「一般的なアクセス」で「リンクを知っている全員」を選んでリンクをコピーします。

画面で「リンクをコピー」を押してから「完了」を押してください。コピーしたリンクを送れば、相手は Google アカウントにログインしなくてもファイルを使えます。ただし、相手に届くのは Web ページではなくファイルです。ページとして見てもらうなら、HTML ファイルを公開してその URL を送ってください。