Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Visual Studio Codeでイシューやプルリクの作成からマージまでをやってみよう

Visual Studio Codeでイシューやプルリクの作成からマージまでをやってみよう

Visual Studio CodeでGitを操作する手順を補足資料的に作成したものです

Ishimoto Tatsuya

January 23, 2023
Tweet

More Decks by Ishimoto Tatsuya

Other Decks in Technology

Transcript

  1. Visual Studio Codeで
    イシューやプルリク作成から
    マージまでをやってみよう
    日本仮想化技術株式会社
    VirtualTech.jp
    2023/01/23
    1

    View full-size slide

  2. Visual Studio Codeを使用して、イシューやプルリクエストの作成からマージまでの流れを説明したもので
    す。
    具体的には、次のような内容を取り扱っています
    • イシューの作成
    • プルリクエストの作成
    • プルリクエストへのコメント
    • プルリクエストのマージ
    • リポジトリの削除
    2
    概要

    View full-size slide

  3. 拡張機能のインストール
    3

    View full-size slide

  4. 4
    プルリクエストには、次の拡張機能が必要です。
    - GitHub Pull Requests and Issues

    View full-size slide

  5. 5
    拡張機能をインストールしたら
    GitHubにサインインします。

    View full-size slide

  6. 10
    サインインが完了したら
    すでに作成されているプルリクエストやイシューを一覧で見ることができます。
    ※今回は、いずれも未作成です

    View full-size slide

  7. 高度な設定
    11

    View full-size slide

  8. 12
    プルリクエスト一覧の取得条件をカスタマイズすることも可能です。
    ※今回は特に何も変更する必要はありません

    View full-size slide

  9. 13
    イシュー一覧の取得条件をカスタマイズすることも可能です。
    ※今回は特に何も変更する必要はありません

    View full-size slide

  10. イシューの作成
    14

    View full-size slide

  11. 15
    イシューを作成します

    View full-size slide

  12. 16
    1行目: タイトル
    3行目: 担当者名。「@〜」と記述
    4行目: ラベル
    6行目:〜 本文
    2、5行目の空行は必要です。消さないように注意しましょう

    View full-size slide

  13. 17
    イシューの作成が完了したら、通知が表示されます。

    View full-size slide

  14. 19
    VS Code上の場合の見た目
    イシューと紐づくブランチをチェックアウトすることも可能

    View full-size slide

  15. プルリクエストの作成
    20

    View full-size slide

  16. 21
    プルリクエストを作成します

    View full-size slide

  17. 22
    マージ元とマージ先が間違っていなければ、作成をクリックします。
    タイトルや説明欄は、後で編集することも可能です。

    View full-size slide

  18. 23
    GitHubっぽい画面ですが、完全にシュミレートしているわけではない
    日々のアップデートで徐々に使い勝手はよくなっている印象

    View full-size slide

  19. プルリクエストへのコメント
    24

    View full-size slide

  20. 25
    プルリクエストを作成後は、コードの数字上にカーソルを持ってい
    くと、+ボタンが表示されるようになる
    +ボタンをクリックすると、コメントを追加できる

    View full-size slide

  21. 27
    パネルからコメントを一覧で確認することもできる

    View full-size slide

  22. プルリクエストをマージ
    28

    View full-size slide