0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?