ウェブホスティングプランには、さまざまなオプションと価格帯があります。世界最大のウェブサイトをホストする能力を持っているより高価なプランがありますが、あなただけのシンプルなウェブサイトのためのシンプルなホスティングソリューションが必要な場合はどうなりますか？

静的なウェブサイトや小規模なウェブアプリケーションであれば、無料のホスティングプランがあり、あっという間に運用を開始することができます。有料のホスティングよりも少し設定が必要ですが、無料で利用できるのは価値のあるトレードオフです。

GitHubページもその一つです。今回は、***GitHubページで簡単なウェブサイトをホストする方法を紹介します。

ギズビーページは何ですか？

注：GitHubのページでホストするためには、ウェブサイトのコード全体にアクセスする必要があります。このオプションは、通常、ウェブサイトのコードをゼロから書く場合に最も効果的です。

GitHub Pagesは、GitHubが作ったサービスで、ウェブサイトやウェブアプリケーションを無料のGitHubリポジトリに保存して公開することができます。

完全なウェブサイトと、ウェブサイト上の「ページ」と考えることができる「プロジェクトウェブサイト」を無制限にホストすることができます。サイトコードは指定のGitHubリポジトリに保存され、それをGitHubが任意のパソコンやタブレットに公開し、閲覧できるようにします。

手順は簡単ですが、もうひとつポイントがあるので、その実現方法から説明しましょう。

githubの基礎知識

GitHubは、コンピュータプログラマーに人気のあるバージョン管理サービスで、コードの保存と管理にGitを使用しています。コードは、クラウドサーバー上の単なるコンテナであるリポジトリに保存され、すべてのコンピュータからコードにアクセスすることができます。

Gitをインストールした後、GitHubのウェブサイトまたはコマンドラインから新しいリポジトリを作成することができます。リポジトリには名前が付けられ、公開または非公開にすることができ、あらゆる言語のコードを保存することができます。リポジトリを作成したら、Gitを使ってサーバーからコードを取り出して変更を加え、再びGitHubにアップロードすることができます。

Gitは、Gitのウェブサイトにアクセスし、インストール手順に従って、PCやMacコンピュータに簡単にインストールできます。Gitには多くのことがありますが、Gitの基本を学び、非常に迅速に使用することができます。

GitHubはプログラミングの世界ではすでに有名な存在で、GitHubのページはすでに使い方を知っていると非常に便利なものになるのです。

githubのページで設定する

GitHubのページを使ってウェブサイトをホストするプロセスは、3つのステップに単純化することができます。

1. GitHubのアカウントを作成する いくつかのルールで新しいリポジトリを作成する コードを編集し、GitHubにアップロードしてサイトを公開する

静的なウェブサイトをGitHubのページでリアルタイムに公開する方法の詳細を見てみましょう。HTMLの知識が必要ですので、今のうちにHTMLの基本をおさらいしておきましょう。

githubのアカウントを作成する

この時点で Git がインストールされていなければ、GitHub Basics に戻って Git が完全にインストールされていることを確認しましょう。GitHubでコードを管理するために、Gitが必要です。登録はGitHubのウェブサイトから行ってください。

ユーザー名を決め、メールアドレスとパスワードで登録する必要があります。ユーザーネームは、ウェブサイトを立ち上げるために重要なものになります。登録が完了したら、ホームページからログインしてサイトを立ち上げてください。

githubリポジトリの作成

GitHubのホームページでは、左端に'Repositories'のセクションがあります。この画面では、すべてのリポジトリの一覧と、新しいリポジトリを作成するための 'New' ボタンが表示されます。

新規作成」をクリックすると、リポジトリの情報を入力する新しい画面が表示されます。まず、リポジトリ名を入力する必要があります。リポジトリ名は以下のようにします。[USERNAME]は必要なユーザー名です。

[USERNAME].github.io

たとえば、ユーザー名が Jake であれば、リポジトリ名は Jake.github.io となります。 これは非常に重要なステップです。 GitHub Pages はリポジトリをアクティブなサイトとして識別し、コーディングするための空のコンテナとは見なさないのです。

ユーザー名を入力した後、リポジトリに詳細を追加するためのオプションの説明を入力できます（例：「My Sports Site」）。

public」または「private」を選択すると、他のユーザーがリポジトリを変更できるかどうかを制御できます。publicは誰でも変更でき、privateは自分だけが変更できることを意味します。

最後に、リポジトリ用にReadmeファイルを作成することができます。これは単にプロジェクトのドキュメントを保存するために使用します。

入力が完了したら、「リポジトリの作成」をクリックして完了です。

ウェブサイトの編集とアップロード

GitHub上でリポジトリが稼働している状態で、コマンドライン・ターミナルにアクセスします。プロジェクトを保存したい場所に移動し、以下のコマンドを実行します。[USERNAME]を実際のユーザー名に置き換えることを確認してください。

git clone https://github.com/[USERNAME]/[USERNAME].github.io

gitの「クローン」機能は、単にあなたのコンピュータにリポジトリをコピーして、コードを編集できるようにするものです。このコードに加えた変更は、コマンドラインからメインリポジトリに保存することができます。

リポジトリがフォルダに格納されたので、ターミナルを使用して、またはコンピュータ上のフォルダをクリックして、そのフォルダに移動します。このフォルダーにあるファイルをindex.htmlにする。このHTMLファイルには、あなたのコードが保存されます。

テキストエディタでHTMLファイルを開き、「Hello」と入力した行を追加します。これは、テキストを表示し、サイトが正しく動作することを確認するための行にすぎません。

次の git コードを実行することで、リポジトリに変更を保存できるようになりました。

git add --allgit commit -m "Save changes"git push -u origin master

git add-all は、あなたが行ったすべての変更を保存するキューに追加します。git commit は、オプションの -m フラグを使って変更を準備し、このコミットで何が変更されたのかの説明を追加します。(「変更を保存する」はその一例です。最後に、gitpush が変更を完了させ、新しいコードをリポジトリにロードします。

githubのWebサイトをチェックする

いろいろとありましたが、これで最終的な仕上がりが見えてきましたね。お気に入りのウェブブラウザを起動し、https://[username]に移動します。ここで、[username]は同様にあなたのリポジトリ名で置き換えてください。

あなたのウェブサイトがライブで公開されるのを見ることができますパソコン、タブレット、**のどのブラウザーでも見ることができます。機能的にも十分なウェブサイトです。

無料ウェブホスティングの選択肢を増やす

GitHubのページで無料でホストされているウェブサイトを作る方法がわかったので、どんな種類の静的ウェブサイトでも作ることができます。開発者や小規模なソリューションが必要な個人の方におすすめです。

GitHubのページよりも強力なものが必要な場合は、無料のウェブホスティングサービスをチェックしてみてください。