経緯
最近、GitHubを使おうとしていて、GitHubの流れが分からなくなくならないように、メモしました。
流れ
まず、流れをリストにします。
- GitHubのページに入って、新しくリポジトリを作る
- VSCodeにディレクトリを用意して、cloneを作る
- とりあえず、記録する
- branchを作る
- コードを書く
- Pull requestを行って、mergeする
- branchを削除する
- 終わり。
こんな感じです。
1. GitHubのページに入って、新しくリポジトリを作る
まずはリポジトリをつくります。リポジトリとは、ソースコードを管理する場所と覚えてください。
GitHubページに入ります。自分のアイコンをクリック、
“Your repositories”をクリック、画面が変わります。
“New”をクリック、
「Create a new repository」とでるので、「Repository name」の記入してください。
また、「public」か「private」か選んで(その他はデフォルトのままで大丈夫です)、”create repository”をクリックしてください。
2. VSCodeにディレクトリを用意して、cloneを作る
次にVSCodeを開いて、ディレクトリを用意して下さい。
GitHubのページの「Quick setup…..」の「https://githumb.com/mori/todoa……..」をコピーします。
また、VSCodeに移動して、ターミナルに打ち込んでいきます。
git clone コピーしたURLこれでクローンが出来ます。
lsで確認すると、”Repository name”で記入したのが表示されると思います。
cdでクローンでできたディレクトリに移動してください。
code .でVSCodeにプロジェクトが立ち上がります。
3. とりあえず、記録する
なにもしてませんが、とりあえず、記録しておきます。以下のコードをターミナルに記述してください。
git commit --allow-empty -m "first commit"“”の中はなんでもいいです。
次に以下のように記述してください。
git push origin mainこれでリモートリポジトリにPushしたことになります。
GitHubページを見ていると、”first commit”というのができてると思います。
4. branchを作る
次にbranchを作ります。
その前に今のbranchの場所を確認します。
git branchと書いてください。すると、「*」がmainのところにあると思います。「*」が付いている所が今のbranchの場所になります。
branchを作ります。
git branch todo-baseと打ってください。「todo-base」というbranchができます。
確認してみましょう。
git branchと打ってください。すると、”todo-base”というのができてると思います。
次にbranchを切り替えます。
git checkout todo-baseと打ってください。再度、
git branchをすると「*」の場所が変わっていると思います。
5. コードを書く
branchが切り替わったので、
VSCodeにコードを書いてください。
6. Pull requestを行って、mergeする
コードができたら、ターミナルに
git add .と打ってください。「add .」は今いる階層のすべてのファイルやディレクトリをステージに上げるということをしています。
次に
git commit -m "コメントを書く"で、
git push origin todo-baseと記述してください。
GitHubページを見てみると、緑色で”Compare & Pull request”とできているので、それをクリック、
“create pull request”,
“Marge pull request”,
“Confirm merge”,
と順にクリックしてください。これでマージが完了しました。これで「main」と「todo-base」が合体できました。
File changesのタブを押すと、コードの詳細が見れます。
7. branchを削除する
マージが終わったので、branchはいらなくなります。
GitHubページで”Delete branch”とあるので、それをクリックしてください。
VSCodeに戻って、ローカルのbranchも削除します。
git checkout mainでmainの戻ります。
git branch -D todo-baseで使わないbranchを消します。
git branchで確認すると、「main」だけになっていると思います。
8. Pullして、終わり。
最後に
git pull origin mainとして、GitHubページから更新したmainを引っ張ってきます。
これで終わります。
これが一連の流れです。
9. 新しいbranchを作る
終わりといいましたが、
続きです。
また、新しいbranchを作るときの話をします。
git checkout -b add-fileとすると、新しくadd-fileというbranchができて、移動もしていると思います。
そして、また、コードを記入していってください。
コードができたら、
- git add .
- git commit -m “コメント”
- git push origin add-file
と進んでいって、
GitHubページに移って
- Compare & Pull request
- Create Pull request
- merge pull request
- conform merge
- Delete branch
VSCodeで
- git checkout main
- git branch -D add-file
- git pull origin main
という感じで、また、新しいbranchを作っていくという流れです。
なにかの参考になれば幸いです。
ここまで読んでいただきありがとうございました。
スクールの紹介
ここまで読んでいただきありがとうございました。
最後に宣伝をさせてください。
技術で未来を切り拓く―あなたの夢を現実にするプログラミングスクール
Webデザインやプログラミングで成功を目指している方々にとって、このオンラインスクールは夢を叶えるための最適な場所です。皆さんのキャリアを次の段階へと引き上げるためにデザインされたこのスクールは、一人ひとりの成功を心から願い、それを実現するための全てを提供しています。ここでは、このスクールの魅力について詳しくご紹介します。
◆圧倒的な費用対効果
このオンラインプログラミングスクールは、Web系教育において最高の費用対効果を提供しています。多くの高額スクールが存在する中で、ここではリーズナブルな価格で、質の高い教材、無限のサポート、そして実際に市場で求められるスキルの習得機会を提供しています。
◆現役フリーランスの講師陣
講師たちは全員、現役のフリーランスプロフェッショナルです。市場で活躍している講師から直接、最新のトレンドや実践的なスキルを学べるのは、このスクールの大きな特徴です。
◆柔軟な学習コース
固定のコースがなく、学習者の興味やニーズに応じて自由に学習できます。進路変更も自由で、最低契約期間は1ヶ月という柔軟性を持っています。自分のペースで、自分に合った学習が可能です。
◆無制限の添削とサポート
理解できるまで、そして満足するまで、無制限に添削と質問への回答を提供しています。進路相談や技術面以外の相談にも対応しており、全面的にサポートします。
◆社長から学べる貴重な機会
デザイナー、プログラマー、ディレクター、マーケターとして豊富な経験を持つ社長から直接学べるのも、このスクールの特別な点です。他のスクールでは得られない、貴重な機会です。
◆実績作りへの徹底的なサポート
就職、転職、フリーランスとして成功するためには、高品質な実績が必要です。生徒の作品レベルを最大限に高め、市場で求められる実績を作り上げることに力を入れています。案件を取得できない生徒には、直接案件を提供することもあります。
◆メッセージからの約束
高額な授業料を支払わせて結果を出せないスクールとは違い、物理的なサポートは提供できないかもしれませんが、継続的な努力を通じて最高の結果を出せるようにサポートします。一緒に不正なスクールを撲滅し、あなたの夢を実現しましょう。
このプログラミングスクールは、Webデザインやプログラミングでの成功を目指す方々に必要な全てを備えています。今こそ、このコミュニティに参加し、あなたのキャリアを加速させる時です。
詳しくはこちら↓
