小学生でもわかる AI図鑑
速報
  1. ホーム
  2. 小学生でもわかるGitとGitHub
  3. 第4話

Git & GitHub 第4話

【小学生でもわかる】公開中のページを守ったまま、別の案を試す!GitHubのブランチと衝突の直し方

自分のページを公開したあと、見出しの色やレイアウトを大きく変えてみたいのに、「直して送ったとたん公開中のページも変わる」「気に入らなかったら戻すのが大変そう」と手が止まっている人へ。この記事を読むと、公開中の中身には手をつけずに別の案を試す「ブランチ」の作り方と、試した案を本線に合流させる手順、要らない案の捨て方がわかります。

  • 0円(ブランチ・合流・衝突の直しは無料プランの機能。公開リポジトリの GitHub Pages も無料の範囲)
Xで記事を読む シェア
ブランチと衝突のカバー

どんな話?

公開中の自己紹介ページを守ったまま、ブランチ(セーブデータの分かれ道)の try-color で見出しの色を試す回です。切り替えるとフォルダの中身が入れかわること、main への合流の手順、要らない案の捨て方を書きました。後半は練習用のフォルダで同じ行を別々に書きかえて衝突させ、3つの印を読んで1つに決めてセーブするところまでです。成果物は、作業メモの4枚目「ブランチと衝突」です。

この記事でわかること

  • ブランチは、セーブデータの分かれ道。本線の main はそのままにして、分かれ道の上だけで試せる。作り方は Branch メニューの "New branch…"(例:try-color)
  • セーブのボタンは "Commit 1 file to (今のブランチの名前)"。押す前に、今どの分かれ道にいるかを見る
  • 切り替えると、同じフォルダの中身が入れかわる(制作でも、main に戻ると元の色だった)
  • 公開リポジトリに送ったブランチは、ページに出なくても、だれでも見られる
  • 合流は main に切り替えて "Merge into current branch…" → "Create a merge commit" → "Push origin"。Desktop でのブランチの削除は元に戻せない
  • 衝突は、同じ行を別々に書きかえたときに起きる。印 <<<<<<< ======= >>>>>>> の間の2案から1つに決め、印を全部消してセーブする

やることチェックリスト

0/6

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

  • 公開中のページを変えるのが不安だけれど、見出しの色やレイアウトを大きく変えてみたい人
  • 試した案を本線に合流させる手順と、要らない案の捨て方を知りたい人
  • 同じ行を書きかえて「衝突」が出たとき、印の読み方と直し方を知りたい人

この話のTIPS

  • 注意消し忘れた印は、そのままファイルの文字として残ります。自己紹介ページのファイルなら、公開ページに `=======` が並んでしまうので、保存の前に「<<<」「===」「>>>」で検索して、1つも残っていないことを確かめてください。
  • コツ衝突は、データが壊れたのではなく、2つの案がどちらも残ったまま、決めてもらうのを待っている状態です。
すべてのTIPS