初心者の初心者による初心者のためのGit入門

どうも!ハナキノボル(@novl_h)です。

今回は、タイトル通り、「Git」についてまとめていきます。

プログラミング未経験、エンジニア未経験、開発経験なし、これからプログラミングを学びエンジニアになり、何かしらを開発していきたい方に、超初心者目線でGitについてまとめました。

難しい言葉や用語はなるべく取り除いています。

この記事を読んで、何となーーーーく理解出来るくらいにわかりやすくまとめました。

そもそも、Gitってなに?

そんなあなた

  • 猿でもわかるGit入門を舐める程度でいいので最後まで読みましょう。
  • 連載Git入門!←どちらかというと先にこっちを読んだ方がいいかもしれませんね。Gitでどんなことができるのか、便利さだったり、必要性を学べます。

え、猿以下じゃんって思ったあなた

  • 大丈夫です。最初はみんなそんなもんです。
  • Git とは、つまり、WEBエンジニアにとっては、なくてはならない存在になりつつあるものなんだ。それくらいはわかったと思います。

Gitの基本的なコマンド集

このページを開いておけばGitの基本的なコマンドには困らない。そんな基本コマンドを書いておきます。

ブランチを作成する

$ git branch 新しいbrach名

ブランチを切り替える

$ git checkout 切り替えたいbranch名

現在のブランチの状態を確かめる(変更したファイルないかな?等)

$ git status

indexに追加する

$ git add .

コミットする

$ git commit -m “コミットメッセージ”

(コミットや索引に追加する前に)変更したファイルをもとに戻したい

$ git checkout .

ブランチ一覧を見る

$ git branch

チェックアウトしているブランチには星マークがつきます

コミットログを見る

$ git log -5

で、直近から5つ前までのコミットログ(ID,コミットメッセージなど)を見れます

SourceTreeを学ぶ

スクリーンショット 2016-02-11 19.43.16
Gitの基本のき・Gitのコマンドを学んだら次は「SourceTree」について学びましょう!

SourceTreeってなんやねん

  • 簡単に言うと「Git を超便利に使うためのツール」です
  • GUI(グラフィカルユーザーインターフェース)なのでとっても見やすいし超便利
  • 短い文章でわかりやすく紹介しているサイトがあるので参考にしてみてください → こちら

SourceTreeを実際に使ってみよう

前提

  • SourceTree ダウンロード済み
  • Gitlab アカウント作成済み

Gitlabでプロジェクトを作成

  1. 緑の[+ New Project]を押す

スクリーンショット 2015-08-24 9.20.08.png

  1. Prject path : 適当なプロジェクト名
  2. Visibillity Level : 任意で選択

スクリーンショット 2015-08-24 9.20.34.png

クローン

  1. httpsを選択しURLをコピーする

スクリーンショット_2015-08-24_9_43_57.png

  1. SourceTree を開く
  2. ファイル を選択
  3. 新規/クローンを立ち上げる を選択
  4. 下記の画面が表示される
  5. + 新規リポジトリ を選択
  6. URLからクローン を選択

スクリーンショット 2015-08-24 9.14.13.png

  1. ソース URL : 先ほどコピーしたURLをペースト
  2. 保存先のパス : 任意
  3. 名前 : 任意
  4. クローン をクリック

スクリーンショット 2015-08-24 9.50.28.png

ファイル編集/ステージ/コミット

  1. なんらかのファイルを作る(テキストファイルやhtmlファイルが好ましい)
  2. 保存先を先ほど設定したディレクトリの中に保存
  3. この時点で下記画像のような状態になっていることを確認

スクリーンショット 2015-08-24 10.29.28.png

  1. 先ほど作成したファイル のチェックボックスにチェックを入れる
  2. 下記画像のようにファイルが ステージ されたことを確認

スクリーンショット 2015-08-24 10.29.41.png

  1. 画面下方にコメント欄に
  2. ①コミットでの変更内容の要約
  3. ②変更した理由
  4. を入力
  5. コミット を押す

スクリーンショット_2015-08-24_11_18_08.png

プッシュ

  1. メニューバーの プッシュ をクリック
  2. 編集したファイルが属するブランチのチェックボックスにチェックをつける

スクリーンショット_2015-08-24_11_25_09.png

いかがでしたか?

Gitは、WEBエンジニアにとってなくてはならない存在です。この記事は、冒頭にも書いた通り、全くの未経験の方向けに書いたものです。Gitの奥はとてもとても深いものなので、この記事を参考にして、少しでもGitの世界に近づいていただければと思います。

※この記事は以前「Qiita」でまとめた記事から転載しています。

この記事の後によく読まれています!

プログラミングの独学は無理?挫折する3つのポイントと対処法を伝授
更新日 : 2019年5月22日
プログラミングは必須!現代の3種の神器と言われるビジネススキルとは
更新日 : 2019年5月28日
【現役エンジニアが徹底比較】PHPかRuby勉強するならどっち?
更新日 : 2019年6月12日

LINEで送る
Pocket

書いた人

ハナキ ノボル

ハナキ ノボル

侍エンジニア塾ブログ編集長。オウンドメディア運営、コンテンツマーケティング、SEO対策が得意分野です。プログラミングはすべての人が学ぶべきスキルだと思っています。0→1を作り上げるエンジニアはとてもかっこいい職業で世の中のイメージ(3K)を変えたい!と密かに思ってます。現在Swiftを勉強中。音楽鑑賞が趣味で、ライブやフェスによく行きます。
インスタやってます。
ツイッターやってます。
ブログやってます。

おすすめコンテンツ

あなたにぴったりなプログラミング学習プランを無料で診断!

プログラミング学習の効率を劇的に上げる学習メソッドを解説