【Googleスプレッドシート】HTMLファイルでエクスポート!Webページとして公開

スプレッドシートのデータをWeb上で公開したいとお考えではありませんか。HTMLファイルとしてエクスポートすれば、ブラウザでそのまま表示できるシンプルなWebページが作れます。この記事では、GoogleスプレッドシートからHTMLファイルをダウンロードする方法と、そのファイルを実際にWeb公開する手順を詳しく解説します。公開の際に気をつけるポイントもあわせてご紹介しますので、初めての方でも安心して進められます。

HTMLエクスポートでできることとその仕組み

GoogleスプレッドシートのHTMLエクスポートは、シートの内容をテーブルタグで構成されたWebページに変換します。数式は計算結果のみが出力され、関数やスクリプトは含まれません。グラフや画像は一部対応していますが、書式は限定的に保持されます。この機能を使うと、スプレッドシートを開く環境がなくても、ブラウザさえあれば誰でもデータを閲覧できるようになります。例えば、社内向けの簡易ダッシュボードやイベントの参加者リストを公開する際に役立ちます。

HTMLファイルをエクスポートする手順

1. エクスポートしたいスプレッドシートを開く
   Googleスプレッドシートで、公開したいデータが入ったファイルを開きます。複数のシートがある場合、アクティブなシートのみが出力されます。
2. [ファイル]→[ダウンロード]→[Webページ(.html)]を選択
   メニューの「ファイル」をクリックし、「ダウンロード」にカーソルを合わせ、表示されたリストから「Webページ(.html)」を選びます。ダウンロードが始まり、拡張子が.htmlのファイルが保存されます。
3. ダウンロードしたHTMLファイルを確認する
   ダウンロードフォルダに「スプレッドシート名.html」というファイルが保存されています。ダブルクリックしてブラウザで開くと、スプレッドシートのデータがテーブルとして表示されます。デザインは簡素ですが、データ自体は正しく反映されています。
4. 必要に応じてHTMLを編集する(オプション)
   公開前にヘッダーやフッターを追加したい場合は、テキストエディタでHTMLファイルを開いて編集できます。CSSを追加して見た目を整えることも可能です。ただし、スプレッドシートから再エクスポートすると上書きされるので注意してください。

エクスポートしたHTMLファイルをWeb公開する方法

ダウンロードしたHTMLファイルをインターネット上に公開するには、いくつかの方法があります。ここでは代表的な3つを紹介します。

Googleドライブで手軽に公開する

1. GoogleドライブにHTMLファイルをアップロードする
   Googleドライブにアクセスし、「新規」→「ファイルのアップロード」で先ほどダウンロードしたHTMLファイルをアップロードします。
2. 共有設定で「リンクを知っている全員」に変更する
   アップロードしたファイルを右クリックし「共有」→「共有可能なリンクを取得」で、アクセス権を「リンクを知っている全員に表示」に設定します。これで誰でも閲覧可能になります。
3. 公開URLをコピーして配布する
   発行されたリンクをコピーし、メールやチャットで共有すれば、受け取った人はブラウザでスプレッドシートの内容を見られます。ただし、Googleドライブ上ではHTMLが直接表示されず、ダウンロードを促される場合があります。その場合は、リンクの末尾を「?export=download」から「?export=view」に変更すると、ブラウザ内で表示されるようになります。

GitHub Pagesで公開する(高度な利用)

バージョン管理やカスタムドメインを使いたい場合は、GitHub Pagesが適しています。手順は以下の通りです。

1. GitHubにリポジトリを作成し、HTMLファイルをアップロードする
   GitHubアカウントで新しいリポジトリを作成し、エクスポートしたHTMLファイルをアップロードします。ファイル名を「index.html」にすると、リポジトリのルートで自動的に表示されます。
2. リポジトリの設定でGitHub Pagesを有効化する
   リポジトリの「Settings」→「Pages」で、ソースを「main」ブランチに設定して保存します。数分後、「https://あなたのユーザー名.github.io/リポジトリ名/」で公開されます。
3. リンクを共有する
   表示されたURLをコピーして共有します。更新がある場合は、新しいHTMLファイルをアップロードするだけで自動的に反映されます。

HTMLエクスポートの注意点と制限事項

HTMLエクスポートにはいくつかの制限があります。公開前に必ず確認してください。

数式や関数は結果のみ出力される

スプレッドシート内の数式は計算結果の値として固定されます。関数やスクリプトは実行されません。そのため、動的な集計や更新が必要な場合はHTMLエクスポートは不向きです。代わりに、スプレッドシートの「Webに公開」機能(埋め込みコード)を検討してください。

画像やグラフは一部非対応

セル内に貼り付けた画像や、グラフオブジェクトはHTMLに変換されない場合があります。特に画像は代替テキストとしてファイル名が表示されるだけのことが多いです。グラフは画像として出力されることもありますが、品質やレイアウトが崩れる可能性があります。重要なビジュアル要素がある場合は、事前に別途画像として保存し、手動でHTMLに埋め込む必要があります。

書式が完全に保持されない

フォントサイズや色、セルの結合など一部の書式は保持されますが、条件付き書式やセルの背景パターンなどは無視されます。公開前にHTMLファイルをブラウザで開き、見た目が意図通りか確認してください。もし不十分なら、CSSを直接追加して調整します。

文字コードの問題に注意

エクスポートされるHTMLの文字コードはUTF-8です。通常は問題ありませんが、古いブラウザや特定のサーバー環境では文字化けが発生することがあります。その場合は、HTMLファイルの先頭に「」が記述されているか確認してください。

大量データの場合のファイルサイズ

数千行以上のデータがあると、HTMLファイルのサイズが大きくなり、読み込みに時間がかかります。また、ブラウザが応答しなくなる恐れもあります。大量データを公開する場合は、データを分割するか、代わりにCSVエクスポートと簡易ビューアを組み合わせることをおすすめします。

各エクスポート形式の比較

まとめ

GoogleスプレッドシートからHTMLファイルをエクスポートすると、データをシンプルなWebページとして公開できます。手順はたった3ステップで完了します。公開方法としては、Googleドライブの共有リンクが最も手軽です。より本格的な公開をしたい場合はGitHub Pagesがおすすめです。ただし、数式や画像が保持されない点には注意してください。データの性質に合わせて、PDFやExcel形式と使い分けるとよいでしょう。ぜひ、この記事を参考にスプレッドシートのデータをHTMLで公開してみてください。