LaravelをGit管理したいなら、最初にSourceTreeをインストールしよう

Laravel入門講座

初心者向けに、Laravelのプロジェクトをエックスサーバーにデプロイ・公開方法を分かりやすく解説中です。

今回は、SourceTreeというツールのインストールと最初のコミットについて。

SourceTreeは、プログラムを管理するGitを簡単に扱うためのツールです。

じゅんこ
じゅんこ

Gitに慣れていない わたしも、SourceTreeを使って快適にバージョン管理ができました。

今回はインストールと設定方法を説明していきますね。

全体のフローはこちら。

なお、わたしのOSはWindowsで、Laravel8を使っています。

SourceTreeインストールと最初のコミット

まずはインストール手順を解説し、そのあと、最初のコミットの方法を解説します。

SourceTreeのインストール

SourceTreeを下記サイトよりインストールします。

ページを開くと、ご利用のOSに合わせたダウンロードボタンが表示されます。

わたしはWindowsユーザーなので、このように Download for Windows と出てきます。

ダウンロードしたEXEファイルを起動し、インストールをすすめていきましょう。

最初に次の画面が出てきますが、特に登録する必要がないので、スキップをクリック。

一緒にインストールするツールは、Git のみで良いかと思います。Gitにチェックが入った状態で【次へ】をクリック。

しばらく待ちます。

ツールインストール完了マークが出たら、再び【次へ】をクリック。

名前とメールアドレスを登録して【次へ】をクリック。なお、名前は既に入力されています。

次のようなメッセージが表示されます。SSHキーの読み込みは後ほど行うので、ここでは【いいえ】をクリック しておきます。

インストール完了です。早速【+ create】ボタンをクリックしましょう。

【参照】ボタンをクリックして、PC上から管理したいプロジェクトを選択します。

すると、下段に自動的にプロジェクト名が挿入されます。

プルダウンでGitが選択された状態のまま、【作成】ボタンをクリックしてください。

なお「次のアカウントでリポジトリを作成」はチェックなしでOKです。

すると、ここで「出力先ディレクトリのエラー」が表示されます。「既に存在しています。続行して、このフォルダにリポジトリを作成しますか?」と言われますが、かまわず「はい」を押します。

すると、次のような画面になります。これで、ようやくプロジェクトの登録完了となります。

SourceTreeの最初のコミット

引き続き、最初のコミットを実施していきます。

今後、SourceTreeを使ってプロジェクトのバージョン管理していきます。

そのために、まず最初に現在のファイルを登録していく作業となります。

SourceTreeの左上の【+ コミット】をクリック。

画面中央あたりの【全てインデックスに追加】をクリックします。

画面下に変更点について記載し、右下のコミットボタンをクリックします。

これで、最初のコミットが完了します。

なお今後、コミットする際には、どのような変更点があるのかをここに入れておきましょう。

後から管理しやすくなりますよ。

今後のSourceTreeの使い方

今後は、変更点を登録したい場合に、都度、コミットを行いましょう。

SourceTreeでは、変更箇所があった場合、下図のように変更したファイルが表示されます。

もし以前コミットしたときのファイルの内容を確認したい場合は、Historyメニューを選択し、確認したいコミットとファイルを選択します。

すると下図のように、右側にファイルの内容や変更点が表示されます。

以上がSourceTreeのインストール方法とコミットの方法となります。

次に、SourceTreeを使ってリモートレポジトリにプロジェクトをプッシュするための設定を進めていきます。

そのためには、まずエックスサーバー上でSSHの設定と鍵の作成を進めておく必要があります。

次回は、この部分を説明していきますね。

【Laravelをエックスサーバーで公開する方法 目次】

  1. Gitについて
  2. SourceTreeをインストール・最初のコミット(←今ここ)
  3. XserverでSSH通信と鍵を設定し、SourceTreeにも反映
  4. Xserver上にリモートレポジトリ作成・最初のプッシュ
  5. Xserver上のリモートレポジトリをクローン・プルの準備
  6. データベースの作成
  7. SSH設定とサブドメイン作成
  8. シンボリックリンクの作成
Laravel入門講座 デプロイ・エックスサーバー系

【Laravelの教科書・プレゼント】

Junko
Laravelの使い方を覚えたい!と思ったら、ぜひ、役立ててほしいです。 基礎編は無料でプレゼント中です♪
ひつじプログラマ
会員制サイトをいちから作っていくよ。ボタンをクリックして詳細を見てね。
Laravelの教科書の詳細を見る

最新のLaravel10版テキストに加え、Laravel8版・Laravel9版もご用意しています♪

【無料プレゼント】

「LaravelでWebアプリをいちから作れるようになりたい!」

そんなLaravel初心者のあなたへ【Laravelの教科書】基礎編プレゼント中! 会員制フォーラムサイトを学習しながら作れます。

詳細はこちらをクリック

最新のLaravel10版テキストに加え、Laravel8版・Laravel9版もご用意しています♪

Laravelの本を書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravelの使い方を分かりやすく解説した書籍を出版しました。書店やAmazon等のオンラインショップにて販売中です。
Laravel10対応。Laravel11サポートガイドもご用意しています。詳しくは下記ボタンをクリック♪

書籍の詳細を見てみる

Laravelの本を書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravel10対応

Laravelの使い方を分かりやすく解説した書籍を出版しました。書店やAmazon等のオンラインショップにて販売中です。

書籍の詳細を見てみる


Laravelの教科書限定コミュニティ【Laravelの教科書ラボ】はじめました。
セミナーで、StripeやChatGPT連携、デバックなど実践スキルを分かりやすく学べます。

ラボの案内を見てみる

Twitter始めました。
40代からプログラミング!
タイトルとURLをコピーしました