渋谷ほととぎす通信

「Unityをわかりやすく」初心者のためのゲーム作りブログ

SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法

SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法

こんにちは、Unityエンジニアのオオバです。

お悩みさん
お悩みさん
  • Sourcetreeを使ってGit操作したい
  • UnityプロジェクトをGitHubからダウンロードしたい
  • オオバ
    オオバ
    本記事ではこれらの悩みを解決します。

    何度かこのブログでも紹介しているSourcetree(ソースツリー)ですが、 git操作アプリとして完成度は高い です。

    • 見やすいUI
    • 日本語対応している

    いっしょに働くUIデザイナーやプランナーといった非エンジニアの方にオススメしています。もちろんUnityエンジニアも使っている人は多いです。

    本記事ではSourcetreeを使って、UnityプロジェクトをGitHubからダウンロードする方法をわかりやすく解説していこうと思います。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_0

    ↑今回は clone-sourcetree というUnityプロジェクトを作成し、GitHubにアップロードしました。
    URLはこちら→ https://github.com/baobao/clone-sourcetree

    記事を読みつつ、Sourcetreeの操作してみてください。より効率的に理解が深まると思います。

    ↓まだSourcetreeをインストールしていない場合はコチラの記事を参考にインストールしてみてください。

    ↓Unityプロジェクトの作り方が分からない、知りたいという方は次の記事でわかりやすく解説していますのでぜひ読んでみてください。

    👉DOTweenの教科書を読んでUnityアニメーションをプログラミングしてみよう!

    SourcetreeでダウンロードするGitHubのURLを取得

    まず最初にやるべきことは、SourcetreeでダウンロードするURLを取得することです。よくGitHubのページのURLをダウンロードURLと勘違いする人がいますが注意しましょう。

    さっそく今回のサンプルプロジェクトである「https://github.com/baobao/clone-sourcetree」にアクセスします。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_1

    次に緑色の Code ボタンをクリックしましょう。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_2

    Code から小さなバルーンが表示されます。

    • ① : SSHを選択
    • ② : コピーボタンをクリック

    git@github.com:baobao/clone-sourcetree.git という
    URLがコピーされたかと思います。このURLが SourcetreeでダウンロードするURL です。

    SourcetreeでUnityプロジェクトをダウンロード

    GitHubからダウンロードするURLを手に入れたら、次にやるべきことはSourcetreeでUnityプロジェクトをダウンロードします。

    では、Sourcetreeを起動します。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_3

    Sourcetreeを起動したときに開くこのウィンドウを リポジトリブラウザ と呼びます。

    もし、リポジトリブラウザが開かないという方は、 ウィンドウ > リポジトリブラウザを表示をクリックすると開きます。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_4

    ショートカットは ⌘ + 0です。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_5

    新規... > URLからクローン をクリックします。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_6

    上記の画像の通り、数字の順に作業していきます。

    ①ソースURLにダウンロードURLを入力

    ソースURLにGitHubページでコピーしたダウンロードURLをペーストしましょう。今回の場合は以下のURLです。

    git@github.com:baobao/clone-sourcetree.git  
    

    ↑このURLをペーストします。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_7

    カーソルを 保存先のパス に移動します。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_8

    すると左下の文字が 「これはGitリポジトリです」 に変化します。もし変化しない場合はGitHubの設定がもれているかも知れません。こちらの記事が参考になります。

    ②保存先のパスを指定

    ... ボタンをクリックして保存先を指定します。今回は例としてデスクトップを指定します。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_9

    デスクトップフォルダを選択、 開く ボタンをクリックします。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_10

    しかし、これでは意図しないダウンロードになります。

    具体的には以下の状態です。

    意図していない状態

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_11

    デスクトップ配下にclone-sourcetreeフォルダが作られず、clone-sourcetreeの中身がデスクトップ配下にダウンロード されてしまいます。本来はclone-sourcetreeフォルダの中に格納されてほしいのです。

    意図した状態

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_12

    つまり↑のような状態でダウンロードされたい。どうやればよいかこれから解説していきます。

    プロジェクト名をパスに追加する

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_13

    保存先のパス にプロジェクト名を追加します。

    Before
    /Users/ユーザー名/Desktop  
    
    After
    /Users/ユーザー名/Desktop/clone-sourcetree  
    

    すると意図したダウンロードになります。

    ③クローンボタンを押してダウンロード開始

    設定が完了したらクローンボタンを押しましょう。

    SourcetreeでUnityプロジェクトのダウンロード中

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_14

    するとダウンロードが開始します。

    ちなみにダウンロードのこと 「クローン」 、アップロードのことを 「プッシュ」 と呼びます。この際、GitHub用語を覚えておくとよいでしょう。現場では普通に飛び交います。

    ダウンロード完了したらダブルクリックで開く

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_15

    ダウンロードが完了したらリポジトリブラウザにUnityプロジェクトが追加されました。ダブルクリックしてみましょう。

    SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法_16

    これでSourcetreeから Unityプロジェクトのバックアップ ができるようになりました。

    まとめ : SourcetreeでUnityプロジェクトをGitHubからダウンロードする方法

    記事の内容を簡単にまとめます。

    • GitHubからSSHのURLを取得
    • SourcetreeのクローンURLにセット
    • 保存先はプロジェクト名を追加する

    こんな感じです。

    実際にSourcetreeを使って、記事に掲載しているURLからUnityプロジェクトをダウンロードしてみて下さい。記事を読むだけなのと、手を動かすでは理解度が全く違います。ぜひ 手を動かして 技術力を上げてみてください。

    ↓こちらの記事では実際にUnityに画像を追加してGitHubにプッシュするまでの手順を解説しています。 これから仕事でGitHubとUnityを使わないといけないという方にはおすすめの記事 です。ぜひ読んでみてください。

    「Unity初心者大学」というUnity初心者向けのYouTube始めました!!
    ぜひチャンネル登録をお願いします!

    最後まで読んでいただきありがとうございました!
    すばらしいSourceTreeライフをお過ごしください。

    オススメ記事
    検証環境
    • Sourcetre v4.1.3
    • macOS Sonoma14.0