0
0

More than 3 years have passed since last update.

超簡単!!Webページを5分でインターネット上に公開する方法

Posted at

はじめに

今回は、超簡単に自分で作成したWebページをインターネット上に公開する方法を議事録として記録します!
もう知ってるよって方も多いかと思いますが、その辺はご了承下さい:bow_tone1:

※GitHubを使用して公開するので、GitHubに登録する必要があります。

Webページを公開する流れ

公開するための手順を説明していきますが、大前提として公開するWebページは完成しているものとします(笑)

GitHubに登録/ログイン

まずはGitHubにアクセスしましょう!
既にアカウントを持っている場合はそのままログインし、アカウントを持っていない場合はSignUpして下さい。
スクリーンショット 2020-06-07 15.59.19.png
登録方法についてはこちら記事を参照してもらうと分かりやすいです!
GitHubアカウント作成とリポジトリの作成手順

リポジトリの作成

次はリポジトリを作成します。
GitHubのページから新しくリポジトリを作成するか、GitHub Desktopを使用してリポジトリを追加しましょう!
915589DD-54CD-4FA4-8DA5-47BAC0F5686D_1_201_a.jpeg
07112061-6F40-4503-AB0C-3934C35B62A0_1_201_a.jpeg

リポジトリの作成方法に関してもこちらの記事を参考にしてもらうと分かりやすいです!
GitHubアカウント作成とリポジトリの作成手順

リポジトリにファイルをアップロード

リポジトリが完成したら公開するファイルをアップロードしましょう!
GitHub Desktopでリポジトリを作成した場合は既にファイルも登録されているのでここはスキップしてください。
Create new fileの場合は、直接コードを記述します。
Upload filesの場合はHTMLファイルやCSSファイル、画像などが追加できます。
9185A9CC-4544-42E5-B63C-8E3D44DE566B_1_201_a.jpeg

ページの公開

最後にアップロードしたファイルを公開します!
画面右上のSettingsをクリックします。
そして、GitHub Pages欄にあるSourceがデフォルトではNoneになっているので、master branchに切り替えます。
86C8D42C-1F7A-4A0A-9458-FBDB1ADAD305_1_201_a.jpeg

そうすると青い背景にURLが表示されるのでこれで公開は完了です!
E5A23625-D9BB-4DB8-96B7-63F7F9B7E581_1_201_a.jpeg

終わりに

いかがだったでしょうか?
簡単な作りのWebページだったり、ゲーム、ポートフォリオなどを公開するにはもってこいだと思います!!

ただし、GitHubを使用して公開するのでソースコードも公開することになってしまいます。
ソースコードを公開したくない方は注意してください!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0