NEXMAGGitHubとSourceTreeを連携することでGitを利用した複数人でのファイル共有や管理がスムーズになります。GitHubとSourceTreeの連携方法と実際の操作についてご紹介します。20200109GitHubとSourceTreeの連携とプッシュ・プル操作テクノロジーTweetGitHubはファイルのバージョン管理システムであるGitを用い、ネットワーク上のファイルを共有・操作するためのWebサービスです。SourceTreeはGitでのファイル管理をコマンド入力ではなく視覚的な操作で行うことができるソフトウェアです。GitHubとSourceTreeを連携することでGitを利用した複数人でのファイル共有や管理がスムーズになります。今回はGitHubとSourceTreeの連携方法と実際の操作についてご紹介します。作成したSSHキーをPCに保存SourceTreeでリモートリポジトリの設定を行うGitHubにプッシュする変更点をプルするGit操作は練習して慣れようGitのファイル操作を視覚的に行えるGitHubとSouceTreeGitのファイルやフォルダ操作はコマンドで行うのが一般的ですが、使用者がコマンドに慣れている必要があります。GitHubやSourceTreeを用いるとコマンドを直接入力することなく視覚的にファイルやフォルダの操作を行うことができ、Gitコマンドの習熟度にかかわらずGitを用いたファイル共有や管理が可能になります。Gitの基本的な使い方、SourceTreeのインストールとセットアップについてはこちらの記事を確認してください。Git”https://www.pc-koubou.jp/magazine/?p=27266GitHubのアカウントをとるGitHubのアカウント登録を行います。GitHubの公式のサイトにアクセスして画面中央の緑ボタンの「GitHub登録する」をクリックします。「GitHubに登録する」をクリックそれぞれ入力する項目があるので、入力して登録します。入力項目を埋める登録したメールに認証のメールが送られるので、メールを確認して認証します。メール認証後、プランを選択します。今回は無料プランを選択して始めます。左の無料プランを選択する登録が完了するとブラウザに下図の画面が表示されます。ブラウザ上での「登録完了」画面これでGitHubのアカウントを登録することができました。次に、PCにあるリポジトリー(ファイルの置き場所)をGitHubのサーバーにSourceTreeを使ってアップするための設定を行います。SourceTreeを開いて、上部メニューの「ツール」から「SSHキーの作成/インポート」をクリックします。「SSHキーの作成/インポート」をクリックするクリックすると、新しくウインドウが開くので、そのウインドウの中の「Generate」をクリックします。「Generate」をクリックする「Generate」をクリックすると、ウインドウ内の上部に、ゲージバーが表示されます。下図のKeyの開いているエリアの部分をマウスでランダムに動かすと、ゲージが伸び、SSHキーが生成されます。キーを作成しています。間違いやすいですが、ここでいくら待ってもマウスポインタを動かさないと、SSHキーが作成されないので注意してください。Key」をクリックして保存します。今回はわかりやすいようにデスクトップに「Key」と名前をつけて保存しました。file...」の部分の文字列が後の手順で必要になるためコピーしておきます。「ssh-rsaAAA...」の文字列をコピーするGitHubでのSSHキーの登録GitHubに戻り、作成したSSHキーをGitHubに登録します。ブラウザでGitHubのページに戻り、自分のプロフィールを選択して「Settings」をクリックします。Keys」の項目を選択します。Key」ボタンが表示されるので、ボタンをクリックします。Keys」をクリックする「Title」に任意の名前を入力して「Key」の部分に先ほどコピーしたキーを貼り付けます。key」をクリックします。これで、GitHubにSSHキーを設定することができました。Keysのリストに新しく設定したSSHキーが追加されています。repository」を選択します。name」に任意のリポジトリ名を入力します。その次に「Public」と「Private」と書いてある部分ありますが、これは新しく作成するリポジトリーが、「公開する」か「非公開にする」のかのどちらかを選択することができます。repository」を押して新しくリポジトリを作成します。作成が終わると、下図のような画面が表示されていると思います。これはリポジトリーに何もファイルがないときに表示される画面です。画面中央の「git@github.com〜」の部分(赤枠)が次の手順で必要になるので、コピーしておきます。「git@github.com〜」の部分をコピーする作成したSSHキーをPCに保存SourceTreeに戻り上部メニューから「ツール」の「SSHエージェントを起動」をクリックします。「SSHエージェントを起動する」をクリックするクリックしても新しいウインドウなどが表示されるわけではなく、何も変化がないように見えますが、Windowsのツールバーのタスクトレイから新しく追加されている、「Pageant」をダブルクリックします。key」をクリックして先ほど作成した「Key.ppk」を選択して新しくキーを登録します。Key」をクリックする生成したSSHキーを選択するSourceTreeでリモートリポジトリの設定を行う再度SourceTreeの画面に戻ります。作成したリポジトリーの右上部の「リモート」タブをクリックします。右上部メニュー「リモート」クリックする次に出るウインドウメニューの「設定」を押して、リモート設定を行います。「設定」をクリックする設定画面が開けたら、上部左の「リモート」の「追加」ボタンをクリックして新しく追加します。「リモート」の「追加」をクリックするリモートの詳細設定画面では、各項目を入力する必要があります。リモート名...originを入力するURLパス...GitHubのページからコピーした部分をここに貼り付けるホストタイプ...GitHubにする上記で設定することができたら、「OK」をクリックします。設定項目を入力する登録した内容で問題がなければ、最後に「OK」を押してリモートリポジトリの設定は完了です。問題なければ「OK」をクリックして設定内容を適用GitHubにプッシュする「プッシュ」とは、自分のPCで編集を行ったリポジトリ(ローカルリポジトリ)をサーバー(リモートリポジトリ)にアップロードして反映させることを指します。左メニューの「リモート」の項目をクリックすると下に「origin」が表示されるので「originにプッシュ」をクリックします。「originにプッシュ」をクリックする表示されたウインドウから、プッシュしたいブランチ(分岐した履歴)を選び「プッシュ」をクリックしてプッシュ操作を実行します。プッシュを実行するプッシュ実行後、GitHubのリポジトリーページを更新すると、ファイルがアップロードされています。リポジトリにダウンロードすることを指します。リポジトリにプルしたいと思います。※READMEファイルとは、そのプロジェクトの説明、注意点などを簡単に表したプロジェクトの説明書を記載したファイルです。公開されているリポジトリではREADMEファイルが最初に見られることが多く、しっかり説明を記載した方がよいと言われています。詳しくは、GitHubのヘルプページなどが参考になると思いますので下記URLを参考にしてください。Inc.2019.https://help.github.com/ja/articles/about-readmesREADMEファイルの追加はとても簡単です。README」をクリックします。file」をクリックします。file」でREADMEファイルを追加するSourceTreeに戻り上部メニューの「プル」をクリックします。上部の項目から「プル」をクリックするオプションなどは特に変更する必要がないので、「OK」をクリックします。「OK」をクリックしてプルを実行するすると、自分のローカルリポジトリに「README」ファイルが追加されました。ローカルリポジトリーを見てもREADMEファイルが追加されたことが確認できます。これで、リモートリポジトリーで作成したREADMEファイルをローカルリポジトリにプルすることができました。Git操作は練習して慣れよう今回はSourceTreeとGitHubとを連携させ、実際にファイル操作を行う手順についてまとめてみました。PC上のファイル操作とは少し異なる部分もありますが、練習用リポジトリを作成して手順を繰り返したりすることで慣れていくことが大切です。GitHubとSouceTreeでGitを使いこなし、効率的な作業に役立てましょう。[IAMAS]に入学。インタラクティブ作品を作る傍ら、多数のメディアアート作品の実装を手がける。コミュニティ形成等も行っている。Reserved.記事をシェア。