1番安い脱毛方法!100円〜の8サロン紹介

sourcetreeの使い方は最低限これだけ!初心者向けの説明【5分でわかる】

sourcetreeの使い方を一番わかりやすく解説します。

多くのsourcetreeやgitの概念の説明を無くして、超シンプルに解説した記事です。この記事の方法では、一人でソースコードをローカルで管理したいときに使えます。

 

10秒でsourcetreeの使い方を説明する

まずは10秒で説明します。sourcetreeとはソースコード管理ツールgitの一つです。

ソースコード管理することで、以前書いたコードの履歴を遡れるよ

ニャンニャン

ゴロニャン

sourcetreeで管理した方が良い場面は、複数人で行う大規模開発のとき
使い方は、souretreeとサイトを連携する→管理するの2ステップ

ニャンニャン

ゴロニャン

sourcetreeでの管理方法は、ステージング→コミット→プル→プッシュの4ステップ

 

 

ここからは、詳細な説明をしていきます。

sourcetreeの概要は最低限これだけ押さえよう!

sourcetreeを一言で説明する

sourcetreeとはソースコード管理ツールgitの一つです。

ソースコード管理することで、以前書いたコードの履歴を遡れるよ

ニャンニャン

sourcetreeを使った方が良い場面

ゴロニャン

sourcetreeで管理した方が良い場面は、複数人で行う大規模開発のとき

例えば以下の場面で使うと、良いかと思います。

  • 複数人で開発をしているとき
  • 難しいコードをいじる場合
  • ソースコードを大きく変える時

ゴロニャン

便利なので、個人で開発するときもsourcetreeを使うようになったよ

 

sourcetreeの使い方は最低限これだけ!初心者向けの説明【5分でわかる】

ニャンニャン

まずsourcetreeをインストールして。インストールできたら以下を見てね

sourcetreeの使い方は大きく2ステップ

  1. souretreeとサイトを連携する
  2. sourcetreeでサイトを管理する

今回は説明を簡単に短くするために、以下3つの前提を置いて説明します。

  1. 一人でソースコードを管理する(私のブログの読者層はおそらく一人で小規模サイトを開発する案件がほとんどであるため)。
  2. ローカルでサイトを作成して管理する
  3. ブランチの概念は割愛。

 

1.sourcetreeとサイトを連携する

1.ローカルでサイト作成

まずはローカルでサイトを構築しましょう。wordpressサイト作成の場合は、MAMPやLocal by flywheelがありますが、後者の方が簡単なのでオススメです。

2.sourcetreeで既存のローカルリポジトリを追加

次にsourcetreeで「新規」→「既存のローカルリポジトリを追加」をクリックしましょう。

その後、先ほど作ったサイトのディレクトリを参照したら、ローカル上でサイトとsourcetreeを連携する方法は完了です。

3.オンライン上でソースコードを管理したい場合は、bitbucketを使う

さらにオンライン上でもソースコード管理をしたい場合はbitbucketを使いましょう。

 

 

 

2.sourcetreeでサイトを管理する

サイトとsourcetreeが連携できたら、次にsourcetreeでサイトを管理します。

大きく以下の4ステップです。サイトで何か変更を加えたら、変更ごとにsourcetreeに記録します。

  1. ステージング
  2. コミット
  3. プル
  4. プッシュ

1.ステージングする

まず上の赤枠1の作業ツリーのファイル左横をチェックします。これが、変更したファイルです。ファイルの中身を変更すると自動的に表示されます。

チェックするとステージングされ、ファイルが上に移動します。

2.コミット

次にコミットメッセージを書きます。例えば、「header追加」などです。簡単に言うとローカルでのファイル「保存」という感じです。

3.プル

これは、ローカル上で一人で開発している場合は行いません。リモート上で開発する場合は、誰かが編集したものがないか確認するために、リモート上に挙げられているファイルをプルします。

みんなが最終保存してリモートに挙げられているデータをサーバからローカルにダウンロードすると言うことです。

競合ファイルが出るとマージが必要ですが、ここでは初心者向けなので手順は省きます。(一人で開発しているときはマージはまず起こりません)

4.プッシュ

最後に4で、ファイルをプッシュして完成です。これは、2.のコミットのローカルでの保存とは違いサーバー上での保存になります。

 

 

sourcetreeの使い方は最低限これだけ!初心者向けの説明まとめ

sourcetreeとはソースコード管理ツールgitの一つです。

ソースコード管理することで、以前書いたコードの履歴を遡れるよ

ニャンニャン

ゴロニャン

sourcetreeで管理した方が良い場面は、複数人で行う大規模開発のとき
使い方は、souretreeとサイトを連携する→管理するの2ステップ

ニャンニャン

ゴロニャン

sourcetreeでの管理方法は、ステージング、コミット、プル、プッシュの4ステップ

 

sourcetreeでオンライン管理する場合は以下の記事をどうぞ

一番わかりやすいsourcetree/bitbucketでのwordpress管理方法(ローカル環境)