SourceTreeのダウンロードとインストール方法

    • このページをはてなブックマークに追加

    公開日:2017年02月22日 最終更新日:2021年10月26日

    Windows OSで「Git」を使いたい方向けに「Git」のGUIツール「SourceTree」のダウンロードとインストール方法、それから「GitHub」のローカルリポジトリのクローンについても合わせて解説します。「SourceTree」を使うには「Git」や「Mercurial」のインストールが必要ですが、「SourceTree」に内蔵の「Git」を利用する事もできます。本コラムでは「Git」のインストールは完了している前提で説明します。

    「Git」をインストールして基本操作を確認したい方は、以下の関連記事を参考にインストールしてみて下さい。

    1. 「SourceTree」とは?

    SourceTree」とは、Atlassian社が提供するバージョン管理システム「Git」のGUIクライアントです。本コラムではWindows OS版について解説しますが、「Mac」でも利用することができます。また「Git」だけでなく、「Mercurial」にも対応しているフリーのソフトです。

    ▲ページトップへ戻る

    2. 「SourceTree」をダウンロードする

    それでは、「SourceTree」の公式ページからインストーラーをダウンロードしてみましょう。

    SourceTree公式ページ:https://ja.atlassian.com/software/sourcetree

    ●SourceTree

    「無料でダウンロード」もしくは「Windows 向けダウンロード」ボタンを押して「SourceTreeSetup-1.10.20.1.exe」をPC上の任意の場所に保存します。

    ●SourceTreeSetup-1.10.20.1.exe

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree2

    ▲ページトップへ戻る

    3. 「SourceTree」をインストールする

    3.1. インストール(Install)

    保存した実行ファイル「SourceTreeSetup-1.10.20.1.exe」をダブルクリックしてインストールを開始します。

    ● [Install -License agreement]

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    「利用許諾契約書」を確認したら「ライセンスに同意します」チェックボックスにチェックを入れて「続行」ボタンを押します。

    ● [Atlassian account] - Log in to your Atlassian account

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree4

    Atlassianのアカウントをお持ちの方は、「Use an existing account」をクリックして次に進みます。アカウントがない場合は「Go to My Atlassian」をクリックして下さい。

    ▲ページトップへ戻る

    3.2. Atlassianアカウントの作成

    「SourceTree」の利用には、「Atlassian」のアカウント作成が必要になります。

    ●ブラウザーの表示(My Atlassian)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree4-2

    ブラウザーが立ち上がり、「My Atlassian」へのログインページが表示されます。「Next」ボタン下の「Need an account? Sign up.」のリンクをクリックしてアカウント登録を始めます。

    ●ブラウザーの表示「Welcome to My Atlassian」

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    「Atlassian」のアカウント登録ページ(Welcome to My Atlassian)に「メールアドレス(Email address)」、「氏名(Full name)」、「パスワード(Choose a password)」を入力し「私はロボットではありません」にチェックを入れます。ロボットではないことを確認する質問が表示されますので、指示に従い「確認」ボタンを押します。

    「Customer Agreement」と「Privacy Policy」を確認したら「Sign up」ボタンをクリックして下さい。

    ●ブラウザーの表示「My Atlassian」

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree4-6

    登録したメールアドレス宛に確認メールが送信されますので、メールをチェックします。

    ●メール本文(Plese verify your email address)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    メール本文中の「Verify my email address」をクリックしてメールの認証を完了させます。

    ●ブラウザーの表示(Manage your account)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    ブラウザーが立ち上がり、アカウント設定(Account settings)のページが開きます。必須項目は氏名(Full Name)のみです。必要事項を入力したら「Save」ボタンを押して次のステップへ進みます。ブラウザーは閉じても構いません。

    ▲ページトップへ戻る

    3.3. MY Atlassianへログインする

    「Atlassian」のアカウントの登録が完了しましたので、登録したユーザーアカウントでログインします。

    ●[Atlassian account] - Log in to your Atlassian account

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    「SourceTree」のインストーラーに戻り「Use an existing account」をクリックします。

    ●「Atlassian」へのログイン

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    Atlassian へのログイン画面が表示されますので先ほど登録した「メールアドレス」、「氏名」、「パスワード」を入力して「Sign up」ボタンをクリックして下さい。

    ● [Atlassian account] - Registration Complete!

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    「Registration Complete!」のメッセージがでたら「SourceTree」のアカウント登録は完了です。「続行」ボタンをクリックしてインストール作業を続けます。

    ▲ページトップへ戻る

    3.4. GitHub へログインする

    次にリモートサーバーの設定です。「Bitbucket」や「Gitthub」のアカウントをお持ちの方は、既存のリポジトリのクローン設定をすることができます。今回は「GitHub」アカウントでの接続設定を行ってみましょう。アカウントを作成していない場合はこのステップは省略できますので「スキップ」ボタンを押してインストールを完了させます(「3.8. 「SourceTree」の起動」へ進んで下さい)。
    ※「GitHub」アカウントの作成については、関連記事の「GitHub 入門 ~アカウントを作成する方法~」をご参考下さい。

    ●[Remotes] - Connect an Account

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアsouecetree2-6

    「GitHub」のアカウントをお持ちの方は「続行」ボタンをクリックして下さい。

    ●ブラウザーの表示(GitHub ログイン)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    ブラウザーが立ち上がり「GitHub」のログイン画面が表示されますので、ユーザー名(Emailアドレス)とパスワードを入力して「Sign in」ボタンをクリックします。

    ●ブラウザーの表示(Authorize application)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアsouecetree2-11

    「Source tree」からのアクセス権限を確認するページ(Authorize application)が表示されますので各項目のアクセス権を確認して「Authorize application」ボタンをクリックします。

    ●ブラウザーの表示(Confirm password)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    パスワードの入力ページが再度表示されますので、「GitHub」アカウントのパスワードを入力して「Confirm password」ボタンを押して次のステップに進みます。

    ●ブラウザーの表示(Authentication Successful)

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree11

    「Authentication Successful」のページが表示されれば「GitHub」アカウントのリモート設定は完了です。ブラウザーを閉じて「Sorcetree」の設定に戻ります。

    次のツールのインストール設定では、バージョン管理システム「Mercurial」のダウンロードとインストールを行う事ができますが、今回は「Git」や「GitHub」を使いますので、このステップは省略します。

    ● [Install tools] - バージョンコントロールシステムのダウンロード

    スキップ」ボタンをクリックして下さい。

    ▲ページトップへ戻る

    3.5. グローバル無視設定ファイルの設定

    ● グローバル無視設定ファイル

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree18

    グローバル無視設定ファイルを作成するかしないかの確認ウィンドウが表示されますが、「No」を選択します。Gitの管理から除外するファイルを指定する設定ですが、意図しないファイルも除外してしまう可能性があります。メッセージにもあるように後で設定することもできので、今回は作成しないを選択しました。ある程度「Sorcetree」や「Git」の操作を覚えてから設定しましょう。

    ▲ページトップへ戻る

    3.6. リモートリポジトリのクローン設定

    先ほど登録した「GitHub」アカウントの「リモートリポジトリ」をクローンする設定です。「GitHub」に登録してあるリポジトリの一覧が表示されます。

    ● [Starting repository- Clone repository] - Clone GitHub repository

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    次の章で「Sorcetree」からリモートリポジトリの新規登録を行いますので、このステップは省略します。「スキップ」ボタンをクリックして下さい。

    ※ここでクローン設定する場合は、リモートリポジトリを選択し、「保存先のパス:」にローカルの作業フォルダを指定してから続行を押して下さい。

    ▲ページトップへ戻る

    3.7. SSHキーの読み込み設定

    「SSHキー」を読み込むか否かのメッセージウィンドウが表示されます。

    ● SSH キーの読み込み

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    SSHキーは後からでも設定できますので「No」を選択します。

    ▲ページトップへ戻る

    3.8. SourceTreeの更新確認

    「SourceTree」のアップデートが表示されたら「Yes」を選択してソフトウェアの更新をします。

    ●SourceTree update

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    ▲ページトップへ戻る

    3.9. SourceTree の起動

    すべての設定が完了したら「SourceTree」が起動します。

    ● SourceTree の起動

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree17

    デスクトップには「SourceTree」のアイコンが登録されました。

    ● SourceTree のアイコン

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree20

    ▲ページトップへ戻る

    4. 「GitHub」のリモートリポジトリをクローンする

    4.1. 新規/クローンを作成する

    それでは、インストール時にスキップした「Github」のリモートリポジトリをクローンしてみましょう。クローン(Clone)とは、リポジトリのことで、リモートサーバー上にあるリポジトリをローカルに複製する操作のことです。

    「GitHub」にリポジトリを作成していない場合は、関連記事の「GitHub 入門 ~アカウントを作成する方法~」を参考にリポジトリの作成をしてから作業を進めて下さい。

    ● 新規/クローンを作成する

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree21

    「SorceTree」を起動して、「新規/クローンを作成する」ボタンをクリックします。

    ▲ページトップへ戻る

    4.2. GitHubのプロジェクトを開く

    クローン対象のGitHubプロジェクトを開きます。

    ●[リポジトリをクローン]タブ

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニアSourceTree23

    「リポジトリをクローン」タブの [元のパスURL:]右横にある地球マークのアイコン(ホストされたプロジェクトを開く)をクリックします。

    ● ホストされたリポジトリ

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    「ホストされたリポジトリ」から「GitHub」のリポジトリを確認することができます。クローンするリポジトリを選択して「OK」ボタンをクリックして下さい。

    ▲ページトップへ戻る

    4.3. 保存先のパスを設定する

    「保存先のパス:」には、ローカルの作業ディレクトリを設定します。

    ● リポジトリをクローン

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    [ブックマーク]の[名前:]にブックマーク名を入力して「クローン」ボタンをクリックして下さい。

    ▲ページトップへ戻る

    4.4. ユーザー情報の入力

    コミットに紐づけるユーザー情報を入力して「OK」ボタンをクリックします。

    ● ユーザー情報の入力

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    「フルネーム」と「メールアドレス」は自身のものに置き換えて下さい。

    ● リポジトリのクローン

    SourceTreeのダウンロードとインストール方法フリーランスエンジニア案件情報 | プロエンジニア

    選択したGitHubのリモートリポジトリがブックマークに登録されました。

    ▲ページトップへ戻る

    関連記事:SourceTreeの使い方 ~リポジトリの作成からコミットまで~
    【関連記事】WindowsにGitをインストールする方法
    【関連記事】 Git for Windows の使い方 ~準備編~
    【関連記事】Git の使い方 ~リポジトリの作成とコミット~
    【関連記事】Git の使い方 ~リポジトリへ変更内容を記録する方法~
    【関連記事】git add の取り消し方法
    【関連記事】git コマンド ~コミットの取り消し~
    【関連記事】Gitでブランチを作成する方法
    【関連記事】GitHub 入門 ~アカウントを作成する方法~

    WEBアプリケーション開発の最新求人情報をチェック!

    月額単価80万円〜100万円
    勤務地 東京都 中央区
    月額単価70万円〜80万円
    勤務地 東京都 港区
    月額単価70万円〜100万円
    勤務地 東京都 千代田区
    • このページをはてなブックマークに追加

    おすすめ記事

  • ピックアップ

    正社員

    【Linux】インフラエンジニア|クラウドシステムの設計・構築

    年収 :500万円〜800万円

    スマホアプリ開発、Webシステム開発における受託プロジェクト、自社ITサービス開発などで必要となるイン...

    株式会社三恵クリエス

    フリーランス

    【AWS】インフラエンジニア★入札情報サービスのリプレイス業務

    月額単価 :80万円〜100万円

    官公庁等の入札・落札情報を検索・管理できるサービスのリプレイスプロジェクトをご担当頂きます。 ...

    フリーランス

    【JP1】サーバーエンジニア★公共・金融機関向けオープン系システム統合基盤更改

    月額単価 :70万円〜80万円

    公共・金融機関向け次期オープン系システム統合基盤更改 【工程】 要件定義・基本設計・詳細設計・...

    フリーランス

    【AWS】クラウドエンジニア ★WebマーケティングツールのAWS構築

    月額単価 :70万円〜100万円

    自社サービスであるネット広告運用管理プラットフォームやWebマーケティングツールのAWS構築案件です。 ...