XAMPPで作ったLaravelプロジェクトをGitHubにアップする。*for Windows

そのままタイトル通りの記事になります。超初心者で、とりあえずGitHubにアップする手順を手っ取り早く確認したい、と言う方には読んでもらえる価値があるかも。環境はWindowsです。
※Git自体の説明はしていません。あくまでGitHubにアップする手順しか解説していません。

#1. Gitをダウンロードする
手順１： 以下のサイトからGitをダウンロードします。
https://gitforwindows.org/
↓↓ 赤枠の部分からダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/fa8c781f-f112-633b-cdc3-cc707bcbf02b.png)

手順２： ダウンロードしたらインストールします。インストールする際の諸々の設定に関しては、特にカスタムせずにデフォルトのままで進めて問題ありません。
細かくカスタムされたい方は、↓↓こちらのサイトで詳しく説明されていたので、おススメです。
https://eng-entrance.com/git-install

#２： Git Bashで確認する
手順１： インストールが終わったら、Git Bashを立ち上げて確認していきます。
Git BashはGit for Windowsをインストールした時に、自動的にインストールされているので、もう既にお使いのコンピューターに入っています。
Windowsのスタートメニューに『git』と入力すると、Git Bashが出てきますので、それを立ち上げます。

↓↓ここに『git』と入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/2460ec45-6603-df16-3d07-4bb9d36771af.png)

手順２： 正常にGitがインストールされているかを確認します。Git Bash（以後、ターミナルと称します。）に、『git version』と入力します。
以下画像のようにバージョン情報が出てくれば、正常にインストールされています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/4891d36a-59f9-a67e-0597-7c34ee2227d6.png)

#３：GitHubでアカウント登録する
GitHubにまだアカウントを持っていない場合は、以下のサイトからアカウント登録します。
https://github.com/
アカウントの登録方法は沢山の分かりやすい記事がありますので、そちらでご確認を。因みに、noteで以下の記事を発見しました！
https://note.com/snmal_jp/n/n3ef510a8181e

#４：Gitの初期設定をする

手順１： ターミナルからGitのコマンド操作をする為に、初期設定をしていきます。ユーザー名、メールアドレス、使用するエディターの３つの設定を行います。コマンドは以下の通りです。
ユーザー名：『git config --global user.name "Tomochan-taco"』（"Tomochan-taco"の部分は、ご自身のGitHubのユーザー名を入れてください。）
メールアドレス：『git config --global user.email ******@gmail.com』（******@gmail.comの部分は、ご自身のメールアドレスを入れてください。）
使用するエディター：『git config --global core.editor "code --wait"』（"code --wait"の部分は、ご自身の使用するエディターを入れてください。これはVisual Studio Codeの場合です。他に例えばATOMとかだったら、"atom --wait"です。）

↓↓ 以下の画像は、メールアドレス部分のみ隠させてもらいました。(*'ω'*)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/712f0c09-41ce-3501-ca24-b0889fb84b97.png)

手順２： 設定確認をします。『git config user.name』『git config user.email』『git config core.editor』のコマンドで、それぞれ確認することができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/ab12bf89-4ab2-5562-626f-86bdb90e865b.png)
他にも『git config --list』で、設定項目を一度に確認することができます。また、『cat ~/.gitconfig』で設定ファイルの中身を確認することができます。

#５：gitディレクトリを作成する
git add や git commit コマンドを操作する為に必要となる、gitディレクトリを作成します。
※ コマンドの意味については、Gitの構造自体の説明が必要となりますので、ここでは省きます。

手順１： どこにでもいいので、新規フォルダを作ります。
とりあえず私の場合は、Cドライブのユーザフォルダの個人フォルダ（C:\Users\TOMOKO OHASHI）に『restaurant_menu』という名前でフォルダを作ります。（『restaurant_menu』っていうプロジェクト名のアプリを作ったんです。。チュートリアルを後日公開予定♪ww ）

手順２： 『restaurant_menu』フォルダに、XAMPPで作ったLaravelのプロジェクトの中身（C:\xampp\htdocs\restaurant_menuに作ったもの。）をドカーンと全部移動します。

手順３： ターミナルに戻り、cdコマンドで、『restaurant_menu』フォルダに移動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/33f00d77-1a96-0e9e-acb3-25cbeb80b795.png)
※ C:\xampp\htdocs に作ったプロジェクトのフォルダを、そのままgitディレクトリにしても問題ない場合は、手順１～手順３をすっ飛ばしてもらって構わないです。

手順４： 『git init』コマンドで、gitディレクトリを作成します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/508bffb1-ff9e-9c30-6132-36218c1536df.png)

手順５： 『ls -a』コマンドで、フォルダの中を確認してみます。lsコマンドは、-aオプションをつけると隠しファイルも見れるようになるので、『.git』ディレクトリも見れています。（『.git』ディレクトリは元々隠しファイルになっています。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/d8095646-e3ee-4239-19df-e52bc3c0b9d2.png)

↓↓こちらの画面でも、隠しファイルにチェックを入れると、『.git』ディレクトリが作成されていることが確認できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/f7cd490b-7de1-f7b6-5c87-8e62a3e34990.png)

#６：git add をする
『git add』コマンドを実行して、ステージに追加します。今回はワークツリー全体を追加するので、『 git add . 』と打ちます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/9a82d629-e43f-71f2-0be5-7b4dca6536d1.png)

#７：git commitをする
『git commit』コマンドを実行して、レポジトリに記録します。
登録しておいたエディタが立ち上がりますので、必要なメモがある場合は記載して閉じます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/80ea8d4d-ab6d-d6ab-993c-8fc3dab00ee8.png)

#８：GitHubで準備する
GitHub側でレポジトリを作る準備をします。GitHubにサインインしておきます。

手順１： 画面右側上部のアカウントボタンをクリックして、Your Profileをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/2dac0ace-4c9b-8454-52ac-bf56a2a8848c.png)

手順２： 『Repositories』をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/c91abf26-68a1-57f9-cc98-bbeb2d03b3de.png)

手順３：  『New』をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/ecc23535-bf05-f167-70a0-4d9a9b842b28.png)

手順４： レポジトリ名を入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/03f479bb-1efb-5e1c-1b53-33a339edafad.png)

手順５： レポジトリ名を入力したら、後は特に何も変更せずに『Create repository』をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/53a3c3a6-6028-f656-9ee6-269843496923.png)

手順６： すると、以下のような画面となりますので、赤枠の部分をコピーしておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/abeccdbe-6a93-41c1-2ef9-a332f5e7a20d.png)

#９：Pushする
手順１： ターミナルに戻ります。まずはGitHubのリモートレポジトリを登録します。前回の手順６でコピーしておいたコマンドをターミナルに貼り付けます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/83552379-7a56-a4d2-882c-48a74eff5775.png)

『git remote add origin <URL>』ですが、このコマンドは、originという名前のショートカットで、GitHubのリモートレポジトリを登録するよ、という意味になります。

手順２： 『git push -u origin master』コマンドを実行して、pushします。ここで-uオプションをつけると、これ以降は『git push』だけでpushできるようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/7e892d17-38fb-8645-4c96-4372b130a80b.png)

git pushコマンドは、『git push <リモート名> <ブランチ名>』という構造になり、originとmaterは、それぞれデフォルトのレポジトリ名とブランチ名になります。詳しくは、以下のQiitaの記事で解説がありました！
https://qiita.com/seri1234/items/e651b3e108a695a92809

#10：アップされているかを確認する
GitHubのサイトに戻って、\<code\>の部分をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/86855c41-8405-62ea-f990-80d9ec5261dd.png)
すると、以下画像のようにソースコードが無事アップロードされています！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235741/c9ce2378-624d-6b5a-775f-7e4a3f38d3ab.png)

以上で完了です！