146
191

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 5 years have passed since last update.

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

Last updated at Posted at 2015-08-24

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

146
191
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
146
191

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?