This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 3 years have passed since last update.

GitHub Pagesを使ったホームページの公開方法について

Last updated at 2020-08-07Posted at 2020-08-05

全体図

キーワードとその関係図を把握してもらい、重要な注意事項の説明をへてGitHub Pagesを使ったホームページの公開方法を解説します。

それぞれのキーワードと関係図

【重要】 Git自体の詳しい解説は行いません

バージョンコントロール技術のGitに関する詳しい説明は今回行いません。

理由としては、今回のウェブアプリを公開する手段において知らなくても実現できる事と、いわゆる黒い画面のターミナルに慣れていないと迷子になる初心者殺しの技術であり、この説明だけで数時間はかかる為です。

なお、バージョンコントロール技術は複数人で大きなプロジェクトを行うときに、誰がどこをどのように変更したかを更新毎に記録していく機能です。

今回は超入門者を対象に趣味開発から始めてもらうので、今は詳細に説明するタイミングではないと判断しました。

ではなぜ、この方法を選んだのかというと、以前はDropBox、Google Drive等のクラウドストレージサービスをウェブサーバとして使う事ができたのですが、様々な事情によってそれが不可能になり、黒い画面のターミナルを使わずにホームページ公開を無料でできる現在の手段としてGitHub Pagesが適している為です。

その為、今回はGitがどういうものかを簡単に説明しますが、詳細説明や質問への回答は控えさせていただきます。

GitHub Pagesについては動画解説も含めて行います。

こちらの能力(Gitによるバージョンコントロール)は転職の数ヶ月前に習得を始めても問題なく、ここでつまづくより、先に一通りウェブアプリケーションを作れる能力に専念しないと階段から転げ落ちるので注意が必要です。

ホームページを公開するのが目的なので、「Git」や「GitHub」の説明はさらっと聞いておいて、「GitHub Pages」の使い方を把握することに努めましょう。