HTMLファイルをWebサーバーなしで実行する方法！GitHubリポジトリからでもOK

2024-05-21

GitHubからHTMLファイルを直接実行する方法

一般的に、GitHubからHTMLファイルを直接実行することはできません。これは、セキュリティ上の理由と、ブラウザの動作仕様によるものです。

詳細説明

セキュリティ上の理由: GitHubは、ソースコードの共有プラットフォームであって、Webサーバーではありません。そのため、HTMLファイルを直接実行するためのセキュリティ対策が施されていない可能性があります。もし、悪意のあるユーザーがHTMLファイルに悪質なスクリプトを仕込んだ場合、そのファイルを閲覧したユーザーの端末に被害が及ぶ可能性があります。
ブラウザの動作仕様: ブラウザは、セキュリティ上の理由から、Webサーバーから取得したHTMLファイルのみを直接実行するように設計されています。これは、ローカルファイルを読み込むことで、悪意のあるスクリプトが実行されるのを防ぐためです。

代替手段

もし、GitHub上のHTMLファイルを閲覧したい場合は、以下の代替手段があります。

ファイルをダウンロードしてブラウザで開く: GitHubリポジトリからHTMLファイルをダウンロードし、ローカルに保存してからブラウザで開くことができます。
GitHub Pagesを利用する: GitHub Pagesは、静的なWebサイトをホスティングするためのサービスです。HTMLファイルをGitHub Pagesにデプロイすれば、Webサーバー経由でファイルを配信し、直接実行することができます。
ローカルサーバーを立てる: ローカルサーバーを立てて、HTMLファイルをそのサーバー上に置くことで、ブラウザから直接実行することができます。

補足

上記の代替手段は、いずれもセキュリティ対策を十分に行ったうえで行う必要があります。
特に、ダウンロードしたファイルを実行する場合は、ファイルの改ざん等に注意する必要があります。

上記の情報は、あくまでも参考情報であり、いかなる保証もいたしません。HTMLファイルを直接実行する場合は、自己責任で行ってください。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>GitHubからHTMLファイルを直接実行</title>
</head>
<body>
  <h1>GitHubからHTMLファイルを直接実行</h1>
  <p>これは、GitHubからHTMLファイルを直接実行できないことを示すサンプルコードです。</p>
  <p>ブラウザでこのページを開こうとしても、何も表示されません。</p>
</body>
</html>

このサンプルコードは、以下の内容を示しています。

HTML5の基本的な構造
タイトルの設定
本文の設定

このコードをGitHubリポジトリに保存し、ファイルをダウンロードしてブラウザで開いても、何も表示されません。これは、ブラウザがGitHubから直接HTMLファイルを実行できないためです。

このコードをブラウザで実行したい場合は、以下の代替手段があります。

ファイルをWebサーバーにデプロイする: 上記のコードをWebサーバーにデプロイし、WebサーバーのURLからアクセスすることで実行できます。
ローカルサーバーを立てる: ローカルサーバーを立てて、コードをそのサーバー上に置き、ブラウザからローカルサーバーのURLにアクセスすることで実行できます。

以下に、3つの代替手段と、それぞれの詳細、さらには注意点を詳しく説明します。

GitHub Pagesを利用する

概要: