43
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

githubとsourcetree連携(画像あり、初めての方向け)

Last updated at Posted at 2017-10-26

githubとsourcetreeの連携について、画像付きのものがなかったのであげます。(検索能力がないだけかもしれません。すみません)
sourcetreeで新規リポジトリを作るところから、githubと連携するまでの一連動作をまとめます。
sourcetreeとgithubのアカウントは取得済みであることが前提です。

#sourcetreeでリポジトリをつくる
まずは、自分がgithubで公開したいプロジェクトをgitで管理する。
そしてgitに上がったものがgithubにさらにアップロードされる感じです。

ではまず、リポジトリを作成します。
sourcetreeを起動すると、下の画面が出てきます。
上の部分にある「新規リポジトリ」を押します。
スクリーンショット_2017-10-22_22_57_03.png

そうするとこのプルダウンが出てきますので、「ローカルリポジトリを作成」ボタンを押します。
スクリーンショット_2017-10-22_22_58_00.png

ローカルリポジトリの作成画面になりますので、「保存先のパス」に自分の開発中のアプリケーションが置いてあるパスを記入します。
ここはfinder(macの場合)を見ればわかるかと思います。
例えば、Userフォルダのmynameのworkフォルダにあるexampleというプロジェクトならば、
User/myname/work/example のような感じでパスをいれます。
パスを記入し、okを押せばgitの管理画面に行きます。
スクリーンショット 2017-10-26 23.31.03.gif

これでプロジェクトをgitで管理できるようになりましたので、githubにあげる準備をしましょう。

#githubのURLを確認する
githubのトップはこのような画面になりますので、start projectをクリックしてください。
スクリーンショット_2017-10-22_23_02_39.png

リポジトリ作成画面になりますので、お好きな名前をつけていただいて(写真はexample)、下の緑色のcreate repositoryボタンを押しましょう。
 スクリーンショット 2017-10-22 23.02.54.gif

作成すると、URLが表示されます(SSHの隣にあるやつ)。このURLはあとで使うので、コピーしておいてください。そのあとsourcetreeに戻ります。
スクリーンショット 2017-10-22 23.03.11.gif

#sourcetreeでgithubのURLを登録する。
sourcetree、gitの管理画面の右上にある設定ボタンを押します。
スクリーンショット 2017-10-22 22.59.13.gif

この画面になりますので、上のタブのリモートを押します。
スクリーンショット_2017-10-22_22_59_22.png

下の画面になります。最初にこの画面に来た時はおそらく何もないはずです。(写真はすでにありますが。。。) 何もない場合は追加を押しましょう。 すでにある場合は、そのgitファイルがリポジトリに上がるのをよしとするなら編集。そうでなければ、追加で作ってしまいましょう。
スクリーンショット 2017-10-22 22.59.29.gif

追加を押すと下の画面になります。リモートの名前はサービスの名前でいいかと。。。(今回はexample)
その下にあるURL欄に先ほどのgithubで入手したURLを貼り付けてください。
スクリーンショット 2017-10-22 22.59.40.gif
オプションの拡張とかはひとまず置いておいて、下のokボタン

これで、githubとsourcetreeの連携は完了です。
sourcetreeでpushしたものがgithubで新規追加されていくはずです。

意外と初めてやる時はわからなくなってしまったので、参考にしていただけると幸いです。

##個人開発をされている方へ

Moverというプロダクトを開発しています。登録していただくと、開発したプロダクトのテスト利用を依頼し、フィードバックをもらうことができます。自分のプロダクトを公開して個人開発を加速させましょう!! 現在僕のアカウントも登録されているので、そちらにテスト利用依頼をいただければ実際に使ってみた感想などをお送りさせて頂きます。(アドバイスなどではなく、一人のユーザーとしての感想となります。) もちろん無料です。
https://mover-web.herokuapp.com/

Screen Shot 2020-05-19 at 4.36.42 PM.gif

43
43
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
43
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?