1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VS Code の GUI操作・コマンドパレットで Git を扱う【その1】

Last updated at Posted at 2025-02-17

普段 Git コマンドで扱っている内容を、VS Code の GUI やコマンドパレットで行う場合、どういった操作になるのかが気になって試したものです。
(※ Git の利用について、GUIフロントエンドを使ったりしたこともありましたが、最近はコマンドでちょこちょこ利用している感じの状況でした)

試してみた内容

今回は、VS Code の GUI操作・コマンドパレットで以下を試してみました。

  • リポジトリの初期化
  • git add、git commit
    • コミットメッセージを Copilot に決めてもらう
  • ブランチの作成・切り替え・マージ

リポジトリの初期化

まずはリポジトリの初期化です。
コマンドだと git init になりますが、それを VS Code の GUI操作かコマンドパレットを利用して行う方法を見ていきます。

なお、どちらも VS Code で特定のフォルダを開いた状態で行っています。

GUI操作

GUI操作で行う場合、画面左の「ソース管理」から行います。

その中の「リポジトリを初期化する」を押します。

2025-02-15_19-01-45.jpg

これで完了です。

コマンドパレット

以下はコマンドパレットを使ったやり方です。

「git ini」あたりまで入力すると、「Git: リポジトリの初期化」という項目が出てくるので、それを選びます。

2025-02-16_00-37-04.jpg

そうすると、以下の対象とするワークスペース フォルダーの選択画面が出てきます。
特定のフォルダを開いた状態で実行すると、一番上にそのフォルダが出てくるかと思いますので、それを選びます。

2025-02-16_00-41-48.jpg

これで完了です。

確認

上記を実行したフォルダで、初期化ができているか(また、現在のディレクトリが Git のワークツリー(作業ディレクトリ)内にあるかを)を確認してみます。

Windows のコマンドプロンプトで dir /a を実行して、.git が存在するかどうかを見てみました(Mac の場合は ls -la で)。

そうすると以下のとおり、 .git が作成されているのが確認できました。

2025-02-15_19-05-45.jpg

また、現在のディレクトリが Git のワークツリー(作業ディレクトリ)内にあるかを確認できるコマンドもあるようでした。
以下のコマンドを実行して、true が返ってくるかどうかで確認できるようです。

git rev-parse --is-inside-work-tree

なお true が返ってこないパターンでは、 fatal: not a git repository (or any of the parent directories): .git と返ってくるようです。

git add、git commit

次に「git add」「git commit」を試します。
その前準備のために、左メニューのエクスプローラーを選び、ファイルの作成を行います。

そして、適当な内容のファイルを作成した以下の状態から、add・commit を行っていきます。

2025-02-16_01-16-40.jpg

GUI操作

GUI操作で試してみます。

git add の操作は、画面左の「ソース管理」を開いた後に、以下の「+」アイコンを押下すれば OK です。

2025-02-16_01-25-09.jpg

そうすると以下のように、「ステージされている変更」という項目ができ、その下に先ほどのファイルが表示された状態になります。

2025-02-16_01-25-27.jpg

あとは、コミット用のメッセージの入力をして、コミットボタンを押せば完了です。

2025-02-16_01-28-01.jpg

そうすると、画面左の下側のほうでコミットに関する情報が出てきているのが確認できます。

2025-02-16_01-29-17.jpg

これで完了です。

git add を省略する

すべての変更を反映して問題ない場合の話になりますが、今回の流れで直接コミットすることもできます。

git add にあたる操作なしにコミットを進めると、以下のようなダイアログが出てくるため、ここで「はい」を選ぶことでコミットを完了させられます。

2025-02-16_02-16-27.jpg

コミットメッセージを Copilot に決めてもらう

上記のコミットメッセージの入力ですが、以下の星みたいなアイコンを押すと、Copilot がコミットメッセージを書いてくれるようです。

2025-02-16_02-09-53.PNG

今回は適当な変更をしたので、中身は漠然としたメッセージになっています。もっと複雑な変更を加えた時のものでも試してみたいところです。

コマンドパレット

次にコマンドパレットによる操作です。

「git stage ch」あたりまで文字を入れたところ、「Git: すべての変更をステージ」「Git: 変更をステージ」が出てきます。

2025-02-16_01-35-50.jpg

今回の単一のファイルを開いた状態で「Git: 変更をステージ」を実行しても、「Git: すべての変更をステージ」を実行しても結果は変わらないので、どちらかを実行します。

あとは、コマンドパレットで「git comm」あたりまで入力すると、「Git: コミット」が表示されるのでこれを選びます。

2025-02-16_02-03-14.jpg

そうすると、コミット時のメッセージを表示する画面が開くので、そこに適当なメッセージを入れました。

2025-02-16_02-04-41.jpg

その後、画面右上のチェックマーク型のアイコン(「コミットメッセージを受け入れる」という意味のもの)をクリックすれば、コミット完了です。

2025-02-16_02-06-01.jpg

ブランチの作成・切り替え・マージ

ブランチの作成・切り替え・マージも試してみます。

直近で書いた以下の記事の内容をもとに進めてみようと思います。

●git でブランチを扱ってみるテスト用の手順(switch・checkout の話も少し) - Qiita
https://qiita.com/youtoy/items/e681362c8560f9e5a509

進める流れ

ここで試してみることを、最初にリストで示します。

  • ブランチの作成
  • ブランチの切り替え
  • マージ

GUI操作

画面左下に現在のブランチが表示されている部分があるので、そのブランチ名の部分を選択します。

2025-02-17_13-07-39.jpg

その後、画面上部中央で出てくる項目に「+新しいブランチの作成...」があるので、それを選択します。

2025-02-17_13-08-21.jpg

そうすると、画面上部中央でブランチの名前の入力を求められるので、ブランチの名前を入力します。

2025-02-17_12-51-03.png

これらの操作によりブランチが作成され、作成したブランチに切り替えた状態となります。

ブランチの切り替えは、先ほどと同様に画面左下のブランチ名を選択して行います。

2025-02-17_13-04-08.jpg

そうすると、選択可能なブランチの一覧が出るので、切り替えたいブランチを選択します。

2025-02-17_12-57-48.jpg

あとは、マージを試してみます。

まずはマージ先になるブランチへの切り替えを行います。
マージ先のブランチに切り替えた後の状態で、画面左の「ソース管理」の「・・・」を選び、そこから「ブランチ」⇒「マージ...」を選びます。

2025-02-17_13-25-27.jpg

そうすると、画面上部中央でマージ元となる候補が表示されるので、その中のマージ元になるものを選択すればマージは完了です。

2025-02-17_13-29-14.jpg

コマンドパレット

コマンドパレットで「git bra」などと入力していくと、「Git: ブランチの作成」という項目が出てくるので、それを選択します。

2025-02-17_12-57-32.png

その後、ブランチの名前の入力を求められるので、ブランチの名前を入力することでブランチの作成が行えます。

ブランチの切り替えについては、コマンドパレットで「git check」などと入力していくと、「Git: チェックアウト先...」という項目が出てくるので、それを選択します。

2025-02-17_12-57-32.jpg

その後、ブランチを含むリストが表示されるので、ここで切り替えたいブランチを選択します。

2025-02-17_12-57-48.jpg

あとは、マージを試してみます。

まずはマージ先になるブランチへの切り替えを行います。
マージ先のブランチへの切り替え後、コマンドパレットで「git mer」あたりまで入力すると、「Git: マージ...」が表示されるのでこれを選びます。

2025-02-17_13-15-25.jpg

あとは、表示された一覧からマージ元を選択すれば OK です。

2025-02-17_13-15-54.jpg

参照した情報や記事など

以下は、今回参照した情報や記事です

ChatGPT の deep research

今月(2024年2月)に ChatGPT の Plusプランから Proプランへの切り替えを行い、deep research が使える状況になっています。

それを試してみる意味で、最近は調べ物をするときに deep research でも調査を依頼してみるということをやっています。

今回も、例えば以下の内容などを試してみています。

2025-02-16_01-18-33.jpg

Web の記事

以下は、今回の内容をまとめるにあたって参照した Web記事です。

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?