ゼロイチ

WordpressやWEB技術ネタ

Mac WEBサービス

CUIよりGUI!GitHubをSourceTreeで利用する方法

投稿日:2016年7月22日 更新日:

GitHubで作成したリポジトリをSourceTreeで管理する手順です。

GitHubのアカウント作成をお持ち出なかったり、リポジトリをまだ作成していないかたは、一歩を踏み出せ!GitHubアカウント登録方法!を参考に事前に作業をしておいてください。また、SourceTreeをまだインストールしていない方は、Git管理のスゴイGUI!SourceTree for Mac インストール手順を参考にインストールしておいてください。

SourceTreeの接続設定

GitHubのリポジトリページに遷移します。

【Clone or download】をクリックします。

clone用URLをコピーします。

SourceTreeを起動し、【+新規リポジトリ】をクリックします。

ダイアログが開くので、【ソースURL】に先ほどGitHubで取得したclone用URLを入力します。【保存先のパス】は初期値は/Users/ユーザ名/リポジトリ名と自動入力されますが、変更は可能です。入力が完了したら【クローン】をクリックします。

ショートカットが作成されました。

SourceTreeのメインウィンドウが起動します。これで、GitHubリポジトリとSourceTreeの接続設定は完了です。

Gitの操作

実際にSourceTree上でブランチ作成やファイルの変更・追加などを行い、それがGitHub上でどのように表示されるか確認します。ここからの作業は、あくまで動作確認の意味合いですので、同じ作業をする必要はありません。ブランチの運用方法については、ブランチの運用【ブランチ】 | サルでもわかるGit入門 〜バージョン管理を使いこなそう〜のサイトが非常に参考になります。

【ブランチ】をクリックします。

【新規ブランチ】に任意のブランチ名を入力し、【ブランチを作成】をクリックします。

 

新規ファイル【index.php】を作成します。

中身はとりあえず

<?
phpinfo();
?>

に設定しておきます。

SourceTreeを見てみると、ブランチの履歴に【Uncommitted changes】ができているので、クリックします。これは、Git管理のディレクトリになにか変更(ファイルの追加・削除・中身の修正)があった場合に、差分を表示します。

今回は、index.phpファイルを追加し、中身を<? phpinfo(); ?>に設定しているので、ファイル名の先頭に新規追加マークアイコン【?】が付き、右の差分表示エリアに変更内容が表示されます。

変更ファイルをステージに移動します。

【コミット】ボタンをクリックします。

ユーザー情報が未登録の場合は上記のようなダイアログがでます。

必要情報を入力し、コミットのメッセージを記入してコミットをクリックします。

コミットが無事完了したら、ブランチを[master]に戻し、[develop]をマージします。【プッシュ】をクリックし、[master]ブランチにチェックが入っていることを確認し、[OK]をクリックします。

GitHubのアカウントの入力を求められます。ユーザー名とパスワードを入力します。

*もう一度ダイアログが出現し、正しいパスワードを入力してもプッシュできない場合は、SourceTreeでGitHubにプッシュしたとき、Password Requiredから進まないを参照してください。

GitHubに変更が反映されました!プッシュ成功です。

これでどんどんプログラミングを進めることができます。

 

PR

PR

-Mac, WEBサービス
-,

管理人

関連記事

今からでは遅い!でもやらないよりマシ!Twitterの始め方。

SNSに完全に乗り遅れてしまい、今更Twitterを始めるなんてカッコ悪い。。。 そんなことありません!やらないほうがカッコ悪いです。とりあえずアカウントは作っておきましょう。つぶやかなくても大丈夫で …

味気ないスクショにサヨナラ!無料画像編集ソフトSkitch

スクリーンショットを撮って、画像を加工して、解説をつけるーーー ブロガーなら避けては通れない作業であり、1記事書くのにも絶対一回は使うであろうツールが画像加工ツールです。 数ある画像編集ツールのなかで …

使いこなせてる?スティッキーズってホントすてっきー![Macアプリ]

Macユーザーの強い味方【スティッキーズ】。Windowsでいう付箋アプリですね。ちょっとしたメモ代わりには最適のアプリケーションです。 僕は長いことWindowsユーザーで、Macのことはスタバのシ …

お客様の住所の確認が完了していないため、お客様のお支払いは現在保留中となっていた件。Googleアドセンス

Googleアドセンスをサイトに設置してから数週間。順調にPV数を伸ばしてきました。アドセンスの収入も気になり始めたので、ちょっと報酬額を確認してみました。すると。。。 目次1 管理画面にエラーメッセ …

Macのスリープに入る時間を設定する方法

こまめにスリープ状態にすることは、セキュリティ面でも節電の面でも大切なことです。しかし、スリープへの設定時間が短すぎるとかえって作業効率が悪くなるので、最適な時間を設定することが大切です。 それではM …