広告

Flutterラボの

プレミアム会員になる

【プログラミング初心者】 Git入門⑦ -Source Tree編-

2020.09.28

はじめに

Git入門【プログラミング初心者】|Hatchout School@Flutter毎日更新|note note.com

Source Treeとは

①〜⑥までに学んだ全ての処理をコマンドを使用することなく、全てUI上で行うことができます。Git GUIを使用すればGitコマンドを覚える必要がありませんが、実際にコマンドを打つことでどのような処理が行われているのか把握することが目的で前章のような説明を行いました。

Source Treeのダウンロード

下記のリンクからSource Treeのダウンロードを行ってください。

Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your reposit www.sourcetreeapp.com

ホーム画面の表示

ダウンロードが完了したら、アプリを開いてホーム画面を開きましょう。ホーム画面ではローカルに保存しているレポジトリーの一覧が表示されています。Windows PCの方は少し見え方が違っている可能性があります。それでは画面上部に表示されている、Newボタンからレポジトリを追加していきます。

画像21

ローカルレポジトリから追加する場合

Git入門②の内容を行います。まずは既存のローカルレポジトリから追加するという項目をクリックします。

画像3

フォルダーの場所を指定してください。今回はHomeフォルダ内にtestフォルダを作成したのでそれを指定します。

画像1

"開く"をクリック

Master ブランチが開かれました。

画像5

リモートレポジトリから追加する場合(Clone)

ローカル環境にレポジトリーが存在せず、GitHubサーバーからレポジトリをクローンしたい場合、

画像4

下記の欄に必要な情報を入力し、クローンボタンをクリックします。

画像6

Masterブランチが開かれました。

画像5

コミットしてみる

Git入門③の内容を行います。まずはtest.txtファイルに変更が加わったことを確認します。確認後Source Tree上部にあるCommitボタンをクリック

画像13

Commitしたいファイルを選択します。今回は一つしか存在しないのでそれをチェックします。Gitコマンドでいうgit addの部分を行っています。

選択が完了したら下部のコメントを追加しましょう(任意)。その後右下のCommitボタンをクリックして完了です。

画像22

master

画像15

チェックアウト

ブランチ間のチェックアウト(移動)を行うにはブランチ名をダブルクリックで行うことが可能です。左側のドットが現在チェックアウトされているブランチを表しています。

画像23

ブランチ作成

Git入門④での内容を行います。ブランチの作成は添付してあるリンクからご参照ください。作成したいブランチの親ブランチにチェックアウトしていることを確認後、Branchボタンをクリックします。

画像12

作成したい子ブランチの名前を設定し、Create Branchボタンをクリックするとブランチを作成できます。

画像8

developブランチが作成された後、チェックアウトされたことが確認できました。

画像17


マージしてみる

Git入門⑤での内容を行います。今回はmasterブランチを元にdevelopブランチをマージ(結合)を行います。まずはmasterブランチにチェックアウトされていることを確認します。

画像16

確認できたらマージボタンをクリックします。

画像12

マージを行いたいブランチを選択します。今回は最新の変更が含まれるdevelopブランチを選択しました。

画像19

画面かぶに表示されているチェックボックスを以下のようにし、よければOKボタンをクリックしてください

画像19

マージが完了すると以下のように樹形図のような画面が表示されます。これでマージは成功しました。

画像21

プッシュしてみる

Git入門⑥の内容を行います。

コミットが完了した後、プッシュボタンをクリック。

画像12

プッシュしたいブランチを選択してください。今回は、事前にリモートの設定を行ったという形で進みます。よければOKボタンをクリックしてプッシュは完了です。

画像20


共同プロジェクトのすすめ

例えば他の開発者の形と共同プロジェクトでGitサーバーを使用していると仮定します。その際にブランチごとにタスクを分担するのがベストだと思われます。実際に分担されたブランチごとに代表者がプルを行いdevelopブランチなどにマージして、再度プッシュを行う。このようなプロセスでプロジェクトを進めてみましょう。

プルしてみる

まずはプルボタンをタップ、

プルしたいブランチを選択し、OKボタンをクリックします。

画像13

画像22

無事ブランチがプルされ、チェックアウトが実行されていたら成功です。

まとめ

Source Treeを使用してGUI上でリポジトリのバージョン管理について紹介しました。希望があればSource Treeについて細かい記事を掲載していきたいと思います。

プログラミングで副業!アプリ開発学習 | ONthe UMEDA 企業のファン獲得から個人の生活品質向上まで、ますます需要の高まる"アプリ"の開発を、ご自身のペースで学べる教材・学習サポー onthe.osaka



Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)