1
1

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.

【初心者】GitとGithubの扱い方をまとめてみました

Posted at

はじめに

個人での開発をスムーズに進めるため、また”チーム開発”をするときのためにも、**『Gitの概念や扱い方』**をしっかり理解しておく必要があると感じました。

僕が今参加している**『あべちゃんのフロントエンド塾』**でも”サブ課題”として掲げられているので、学習した内容をアウトプットしていこうと思います。

Git

Gitとは**「バージョン管理ツール」**です。

開発をしていると、「エラー」が発生することは日常茶飯事で、そういったときにGitを使うことで**”エラーが出る前のデータ”**に戻したりすることが出来ます。

ゲームなどでいうところの**「セーブ、ロード」**みたいなものだと捉えています。

###【コマンド一覧】

僕がよく使うコマンドを書き出していきます。

###git clone
後述する"Github"上に**「リモートリポジトリ」がある場合、git clone リモートリポジトリのURLとすることで、自身の「ローカルリポジトリ」**にデータを”クローン”することが出来る。

###git pull
git cloneのようにリモートリポジトリからローカルリポジトリへ、データをコピーできる。

###git init
ローカル環境で作ったディレクトリを”リポジトリ”に変換するためのコマンド。

###git add
何かのファイルに変更を加えた場合に、git add ファイル名とすることで、そのファイルを**”インデックス”**に登録することが出来る。
また、git add .とすることで、変更を加えたファイル”全て”をまとめてインデックスに登録することも可能。

###git commit
git addしたファイルをgit push出来るようにするために、コミットする必要があります。
git commit -m "コメント"とすることでpushする前の準備が整います。
”コメント”と書いてある部分には「どのような変更を加えたのか」という**”メモ”**を簡潔に残すことが出来ます。

###git status
ローカルリポジトリの”コミットの状況”などを見ることが出来ます。
まだgit addgit commitされていないファイルがあると”赤字”で表示されます。

git checkoutでブランチを切り替える際にも、コミットされていないファイルなどがあるとエラーになるので、git statusでこまめに確認をする。

###git remote add origin
git remote add origin https://github.com/ユーザーネーム/リポジトリネーム.gitのようにすることで、Githubのリモートリポジトリとローカルリポジトリを連結することが出来ます。

###git push
リモートリポジトリにローカルリポジトリのデータを登録するコマンド。
git push origin mainのように入力します。

###git log
git commitをしていくと"ログ"という「セーブポイントの記録」みたいなものが貯まっていきます。
git logをすることで、それらを見ることが出来て、さらにgit log --onelineとすることで、たくさんコミットがある場合はそれらを**”1行”**ずつの、簡潔な表示にして見ることも可能です。

###git reset --hard HEAD
たとえば、一度git commitして”セーブ”したあとに、そこから更にファイルに変更を加えたとします。
でも「やっぱりこの変更微妙かもしれない」となったときにgit reset --hard HEADとすることで、”最後にコミット(セーブ)した場所”まで”リセット”することが出来ます

###git branch
基本、アプリなどを開発してリリースする場合は"mainブランチ"を使うことになるのですが、「何か修正・変更を加えたい」となったときにmainブランチで作業をしてしまうと、そのアプリを実際に使っている人たちにバグなどの影響を与えてしまうかもしれません。

なので、そういった修正などは”別のブランチ”を用意して、その中で作業をしていきます。

git branch ブランチ名とすることで、新しいブランチを作成出来て、git branchだけ入力すれば”現在作成されているブランチ”を一覧で見ることが出来ます。その中でも”色の付いている”ブランチ名は、”今自分がいるブランチ”ということを表しています。

###git checkout
git checkout ブランチ名とすることで、すでに作成しているブランチに”移動する”ことが出来ます。
ちなみにgit checkout -b ブランチ名とすると、”新しくブランチを作りつつ、そのブランチに移動”することが出来て便利です。

Github

GithubとはGitをオンライン上で管理するサービス。

”リモートリポジトリ”というものを作って、そこにデータを保存したり、そこからデータを取り出して色んな人と共同作業を出来るようにしたり、”静的”なアプリであればそこで作成したURLからそのアプリをブラウザで閲覧することもできます。

【リモートリポジトリを作る】

画面右上にある**「New repository」**をクリック。

FF196BE5-EAD0-40F7-8BB4-1240EC10EC5D_1_201_a.jpeg

上から順に、

  1. 好きなリモートリポジトリの名前を付ける。
  2. 世界中に公開してもいい場合は「Public」、嫌な場合は「Private」を選択。
  3. 最後に「Create repository」でリモートリポジトリを作成。

F1D9A27F-07BF-482D-8C14-2D6ABAB1AAD1_1_105_c.jpeg

最後に、このような画面になってリモートリポジトリの完成です。

E26197FB-7F25-42C7-9EEC-7DAD8D54E39E_1_201_a.jpeg

まとめ

基本的な内容を、自分なりにまとめてみました。

今回あらためて調べ直したことによって、git mergeコンフリクトの解消プルリクの作り方など、あまり個人開発では触れていなかった部分を学ぶことができました。

冒頭でも言ったように、GitやGithubをしっかりと理解して使いこなせれば、開発をより「スムーズ、安全に」進めていくことができます。

今回学んだことを、自身の開発のなかでどんどん使っていき、体に染み込ませたいと思います。

まだまだ荒削りな記事ですが、自身の成長とともに内容をアップデートしていきたいと思っています。
また、記述内容に誤りなどもあるとは思いますが、フィードバック頂けますと幸いです。

最後までお読みいただき、ありがとうございました!

参考

1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?