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

  • 86
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

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を学ぶ

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

プル

  1. メニューバーにある プル をクリック
  2. Gitlab に戻り更新されているか確認

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