Sourcetreeで GitHub を使う

Windows環境で Gitを使うために便利なツールとして Sourcetree があります。
インストールについてはこちら ⇒ 【初心者向け】Sourcetree をインストールする

そしてGitを使うための便利なサービスが、GitHub。
アカウント作成についてはこちら ⇒ 【初心者向け】GituHub の使い方


Gitについてはこちら ⇒ 実践git

SSH接続の準備

GitHubとの接続にはセキュアなSSH接続を使いましょう。

SSH公開鍵・秘密鍵を作成

まずは、Sourcetreeで公開鍵・秘密鍵を作成します。
メニュー[ツール]-[SSH キーの作成/インポート]を選択します。


PuTTYが立ち上がります。
「RSA」になっていることを確認して [Generate] をクリックします。



ランダムな値を生成するために、空白部分で適当にマウスを動かしてください。
プログレスバーが端に行くまで動かし続けます。


鍵ができたら、[Public key for pasting in ...] のボックス内の文字列を全選択してコピーしておきます。
あとで使うので、テキストエディタに貼り付けておいてください。

念のためSSH公開鍵も保存しておきます。[Save public key] をクリックします。
任意の場所に保存します。名前は自身が公開鍵だとわかり易いようしておくと良いでしょう（id_rsa.pub）。


次に、秘密鍵を保存します。[Save private key] をクリックします。

パスフレーズが空白なので確認メッセージがでますが、そのままOKとします。


任意の場所に保存しますが、秘密鍵なので他の人に漏れない場所にしましょう。
名前は自身が秘密鍵だとわかり易いようしておくと良いでしょう（id_rsa.ppk）。

秘密鍵を登録

メニュー[ツール]-[SSH エージェントを起動]を選択します。


何も表示されない場合、
Windowsタスクバーから、隠れたインジケータを表示してみると、「Pageant」というのがあるのでダブルクリックして開きます。


[Add Key] をクリックし、先ほど作成した秘密鍵（id_rsa.ppk）を選択します。


秘密鍵が登録されたら完了です。[Close] をクリックして閉じてください。

GitHubに公開鍵を登録

リモートリポジトリ側となるGitHubに公開鍵を登録します。
GitHubにログインしたら、右上にあるアイコンから [Settings] を選択します。


左側の [SSH and GPG keys] を選択し、[New SSH key] をクリックします。



[Title] は自身で判別ができるように適当につけます。
[Key] は先ほど作成した公開鍵のコピーした文字列を使います。
（保存した公開鍵ファイルのテキストデータをそのまま使った場合は登録に失敗します）
入力できたら [Add SSH key] をクリックします。


「SSH keys」のリストに追加できました。

GitHubのアカウント連携

Sourcetreeの [Remote]　ボタンをクリックし、[アカウントを追加]をクリックします。


「ホスティングアカウントを設定」画面が表示されるので、GitHubを選びます。
優先するプロトコルはSSHを指定。ユーザー名を指定してください（ログイン時のメールアドレスではなくユーザ名を使うこと）。
この時点では「認証に失敗しました」と表示されますが、[パスワードを再読み込み] をクリックし、正しいパスワードを入力すれば認証が通ります。


認証が通れば、GitHubアカウントに紐づいたリポジトリが読み込まれます。







もしアカウント追加でうまくできなかった場合、
（GitHubを選ぶところをGitbucketにしていたとか、ユーザ名にメールアドレスを指定したとか）
その失敗アカウントが記録されてしまっています。不要なものは削除したいですよね。

メニュー[ツール]-[オプション]を選択します。


オプションの [認証] タブから削除できそうです。


が、「削除」をクリックしても、確認メッセージが出るくせに削除されません。


調べたところ、
Sourcetreeの認証情報は、Windowsの資格情報で管理されているようです。
タスクバーの検索ボックスから検索するなどして「資格情報マネージャー」を起動します。
[Windows 資格情報] を選び、誤った情報に関連するものを削除します。


削除後、改めてオプションの認証タブを確認すると削除されているはずです。

GitHub のリポジトリをクローン

実際にプロジェクト作業を行う環境を準備するために、GitHubにあるリポジトリをクローンします。
作業を行うローカルリポジトリとなるフォルダを準備しておいてください。

Sourcetreeの [Remote]　ボタンをクリックし、表示されているリポジトリからクローンするリポジトリを選択してから、リポジトリの右側の [Clone] をクリックします。


クローンの情報設定が表示されるので入力する。

• 元のパス/URL
  自動的に入力されます
• 保存先のパス
  ローカルリポジトリを管理するフォルダパス

記入が終わったら [クローン] をクリックします。


クローンされ、リモートリポジトリの内容が、ローカルリポジトリに作成されました。



以降は、プロジェクト作業を進めてください。

Gitの使い方はこちら ⇒ 実践git

【初心者向け】GituHub の使い方

プログラミングする人にとってメジャーなサービス「GitHub」。
エンジニアだけのものではなく、エンジニアではなくても使えるし、これからのプログラミングを勉強を始める初心者にとっても当然、知っておいたほうが良い役立つサービスです。

アカウントの作成から紹介していきましょう。

「GitHub」とは？

主にはエンジニア向けのWEBサービスです。
個人・企業問わず無料で利用することができます。

何をするかものかと言うと、プログラミングしたソースコードを管理するサービスで、
「Git」を使って、Web上にコード保存・管理し、世界中に公開することができるようにしています。
「GitHub」を使って変更を共有するための仕組みを提供しているサービスです。
オープンに公開されているものは誰でも見ることができ、それについて意見を言うことができるのです。

Gitについてはこちら ⇒ 実践git

アカウント作成

公式サイトにアクセスし、ユーザ名、メールアドレス、パスワードを入力して、アカウントの作成を行ってください。



次にプランの選択します。
基本はオープンな「公開リポジトリ」です。もし「非公開リポジトリ」が欲しいのであれば有料プランを選ぶことになりますが、有料プランへの変更は後からでも可能なので、最初は無料で使えるFreeプランを使ってみましょう。
「Unlimited public repositories for free」を選んでから「Continue」をクリックします。


すると、プログラミング経験や、GitHubをどのように使う予定なのかなどのアンケートがあるので
適当に選択して「Submit」をクリックするか、よくわからなければ、画面下の 「skip this step」をクリックしましょう。



GitとGitHubについて学ぶ？と聞かれるけども、先に進みたいので「Start a project｣をクリック。



登録したメールアドレスにを認証用のメールが届いているので確認します。


認証メールが確認できたら、｢Verify email address｣をクリックします。


再度、「GitとGitHubについて学ぶ？」の画面になり、「Your email was verified.」と表示され、アカウントの作成が完了です。


「Thanks for verifying your email address.」という件名のメールが届いているはずです。

GitHubの使い方

基本的な流れはGitの手順です。

Gitについてはこちら ⇒ 実践git

まずはリポジトリを準備します。
新規作成（git init）するか、クローン（git clone）を行います。

新たにプロジェクトを作るのであれば、新規作成です。
GitHubにログインしたら右上にある「＋」マークから「New Repository」を選択します。


リポジトリの新規作成画面では、[Repository name] にリポジトリの名前を入力します。
名前の候補を提案してくれているので、リポジトリの名前に作成ルールなどの決まりが無いのなら、そのまま使うと悩まなくて済みます。
任意で [Description] にリポジトリの説明を入力します。

リポジトリの種類は「Private」は有料プランのみ作成することが可能です。
無料プランは「Public」を選択します。

リポジトリの中に予めREADMEファイルを作成しておく場合は [Initialize this repository with a README] にチェックを入れます。よくわからなければとりあえずチェックを入れておきましょう。

.gitignoreやlicenseについては後で追加や変更ができるので、両方とも「None」を選択しておきます。


入力完了し、 [Create repository] をクリックすればポジトリの作成は完了です。



以降は、プロジェクトを進めながら次の操作を繰り返すだけ。

1. ローカルにてファイルの作成・削除・変更を行う（コーディング活動）
2. 操作したファイルを作成・変更・削除をgitのインデックスへ追加する（git add）
3. インデックスした内容をローカルリポジトリにコミットする（git commit）
4. ローカルリポジトリをプッシュしてリモートリポジトリへ反映する（git push）

次は、Sourcetree と連携させます ⇒ Sourcetreeで GitHub を使う

【初心者向け】Sourcetree をインストールする

Gitは分散バージョン管理システムの１つです。
Git操作は基本的にコマンドラインでの操作です。

Gitについてはこちら ⇒ 実践git

でも、初心者的にはコンソールでのコマンド操作はちょっと苦手意識があったりします。
それよりも、直感的に操作できるGUIインターフェイスがあるほうが初心者にとっては安心して操作できますよね。

そこで、Windows上での鉄板的なGitクライアントソフト「Sourcetree」です（Macもあります）。
インストールの方法を順番に説明していきます。

「Sourcetree」とは？

「Sourcetree」は、Atlassian社が提供する無料のGitクライアントソフトです。
GUIインターフェイスを持ち、Git操作を直感的に行うことができます。

使うためには、Atlassian社へアカウント登録が必要です。メールアドレスがあれば登録できます。

ダウンロードする

公式サイトにアクセスして、インストーラーをダウンロードします。

今回は、Windows向けなので、「Windows 向けダウンロード」ボタンをクリックします。


「SourceTreeSetup-****.exe」がダウンロードできたら、実行してインストールを開始します。

インストールする

アカウント登録

「ライセンスに同意します」をチェックし、「続行」ボタンをクリックします。
（「Help improve Sourcetree by sending」はチェックあり・無しどちらでもOK）



次の画面に進むと、Atlassianのアカウントが必要となります。
まずはアカウント登録から行います。「My Atlassian を開く」をクリックします。


次に、ブラウザで次のようなページが開きます。
「Sign up for an account」をクリックして、アカウント登録を行います。


メールアドレスと名前、パスワードを入力します。
reCAPTCHAにチェックを入れてから、「Sign up」をクリックします。



そうすると、入力したメールアドレスに認証用メールが送信されます。


認証用メールが受信できたら、メール内にある「Verify my email address」をクリックし、
メールアドレスの認証を行いましょう。


次に、ライセンスの取得を行います。ライセンスといっても無料です。
名前を入力し、「ライセンスの生成」をクリックします。


取得されたライセンスを見ることができます。

アカウントにログイン

アカウント登録が完了したので、先ほどのインストーラーの画面に戻ります。
今度は、「既存のアカウントを使用」をクリックします。


すると、ログイン画面が表示されるので、先ほど登録したアカウントを使ってログインしてください。



ログインができたら、次のような画面が表示されるので、「続行」をクリックして次に進みます。

設定する

次の画面では、BitbucketやGitHubなどのサービスとの連携の設定ができますが、まずはインストール作業を終らせるために「スキップ」しておきます。後からでも設定できるので安心してください。



次に、SSHキーを読み込むか聞かれますが、これもスキップします。
「No」をクリックします。これも後から設定可能です。



次に、Windows内にGitが見つからないため、どのGitを使うか聞いて来ました。
ここでは「Sourcetree内蔵のGit」を使うほうが簡単です。
（既に、Gitがインストールされている場合は、この画面はスキップされます）


ダウンロードされ、設定されます。



次に、Mercurial（分散バージョン管理システムの１つ）が見つからないため、どのMercurialを使うか聞いて来ました。今回はGitだけ使うので、Mercurialを使用しないを選択します。


Sourcetreeの画面が出てきたら、インストールは完了です。

メールアドレスの設定

Sourcetreeを使う前に、Gitで使われるユーザー名とメールアドレスを設定しておきます。
[ツール]-[オプション] を選択します。


オプション画面が表示されるので、[全般]タブから、デフォルトユーザー情報を設定します。
フルネームとメールアドレスを入力します。


これで「Sourcetree」を使う準備が完了しました！

わかばちゃんと学ぶGit使い方入門 [ 湊川あい ]