小村の開発環境構築(7) GitHubのプロジェクト作成とクローン

  • こんばんは、小村だよ!

  • 今日はねー、我らが資材の根城、GitHubの初期設定をしていくよー!

  • あ、じゃあ私のGitの運用ルールについても軽く触れとかなきゃだねー!



やること

  1. Git運用ルールの確認
  2. GitHubリポジトリを新規作成
  3. Ubuntu環境にリポジトリをClone
  4. developブランチを作成してPush
  5. GitHubでdevelopブランチをデフォルトブランチに設定



前提

  • GitHubのアカウントを作成済



事前準備



Git運用ルール(暫定)

  • じゃーさっそく私のGit運用ルールについてまとめるね!

  • まとめるといっても、基本的にGitFlowのワークフローにのっとるよ!

    • 主に使うブランチは[main] [develop] [release/X.X.X] [feature/(機能名)]

    • [main]ブランチは本番稼働している資材と常に一致

    • [main]ブランチは[release/X.X.X]ブランチをマージすることで更新

    • [release/X.X.X]ブランチは[develop]ブランチからリリースタイミングで切る

    • 開発はしばらく直接[develop]ブランチを更新

    • 形が整ってきたら、[feature/(機能名)]ブランチを切って機能追加

  • ひとまずはこれで進めていくよー!

  • 何か有用な運用ルールがあれば乗り換えるかもだけどね!予定は未定!



手順

GitHubにログイン

f:id:kom314_prog:20210531233833p:plain
  • ではでは、GitHubリポジトリを作っていきましょうか!

  • 最初にRepositoriesの[New]をクリックしてねー



リポジトリを新規作成

f:id:kom314_prog:20210531234250p:plain
  • リポジトリ名のつけ方ってどうするのがいいのか毎回悩む

  • 今回はシンプルにプロジェクト名と同じに。末尾に[-ui]つけようかだいぶ悩んだ!

  • 将来的にapi用の別リポジトリを作る予定。そしたらそっちだけ[-api]つけるかなー

  • あとは最初からREADMEをつけるようにチェック。この辺は趣味だねー



HTTPSのクローン用のURLをコピー

f:id:kom314_prog:20210531234657p:plain
  • 無事リポジトリができました!一国一城の主です。王と呼べ!

  • [Code]→[Clone]→[HTTPS]のURLが必要なのでコピーしておくよ



Ubuntuリポジトリをクローン

f:id:kom314_prog:20210603211927p:plain
  • ここからはVSCodeUbuntuリモート接続済み)を使ってくよ!

  • コマンドパレットを開いて[Git Clone]を選択してね!



f:id:kom314_prog:20210603212148p:plain
f:id:kom314_prog:20210603212557p:plain
  • 先ほどコピーしたGitHubリポジトリのURLを貼り付けてー

  • クローンするフォルダを選択してー

  • クローン出来たらそのフォルダを開いてね!



[develop]ブランチを作成してpush

f:id:kom314_prog:20210603213242p:plain
f:id:kom314_prog:20210603213356p:plain
  • GitHubで最初に作成したリポジトリには[main]ブランチだけが存在するよ

    • 前は[master]だったけどいつの間にか変わってるね!
  • ではでは、先ほど説明した[develop]ブランチを作っていくよー

  • VSCode左下の[main]をクリックしてbranchのコマンドパレットを開いてね!



f:id:kom314_prog:20210603213517p:plain
f:id:kom314_prog:20210603213742p:plain
f:id:kom314_prog:20210603213952p:plain
  • [create new branch]を選択して、[develop]を入力してEnter

  • そしたらVSCode左のバー(アクティビティバー)の「ソース管理」から[push]を実行

  • 「上流ブランチないけど新しく作る?」って聞かれるのでOK押すよ!

  • 無事何も起きなければGitHub側に[develop]ブランチが生まれてるはず!



GitHubでデフォルトブランチの設定

f:id:kom314_prog:20210603214130p:plain
  • できてるね!今後はこの[develop]ブランチが主戦場になっていきます

  • ところでさー毎回[main]ブランチから[develop]に切り替えるのって面倒じゃん???

  • というわけで、デフォルトブランチを[develop]に変えていくよーーー!

  • Settingsタブを開いてね!



f:id:kom314_prog:20210603215054p:plain
f:id:kom314_prog:20210603215217p:plain
  • settingsのbranchのところから[default branch]を開いてー

  • んで[main]になってるところを[develop]ブランチに変更するよ

  • 「不具合おきてもしーらね!」って言ってくる。いやいや責任は取ってもらうで。



f:id:kom314_prog:20210603215551p:plain
  • これでデフォルトブランチ変更完了!

  • マージのルールとかも設定しようと思ったけど、個人だしひとまずはいいかなー



終わりに

  • GitHub関連の設定はひとまずこんなものかなー!

  • そのうちまたマージのルールとかつけだす予感がプンプンするぜ!

  • 次回はVSCode拡張機能についてまとめる予定だよー!

  • ではではまたねーーー!ちゃお~~~!!!