<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>エンジニア | 小学生でもわかる.com</title>
	<atom:link href="https://xn--u8jvc1drbs3196d17at04j.com/tag/%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2/feed" rel="self" type="application/rss+xml" />
	<link>https://xn--u8jvc1drbs3196d17at04j.com</link>
	<description>小学生でもわかるようにやさしく説明するサイトです。</description>
	<lastBuildDate>Mon, 12 Oct 2026 18:19:25 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/icon-384x384-1-100x100.png</url>
	<title>エンジニア | 小学生でもわかる.com</title>
	<link>https://xn--u8jvc1drbs3196d17at04j.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>小学生でもわかる！「Git（ギット）」</title>
		<link>https://xn--u8jvc1drbs3196d17at04j.com/web-it/git</link>
					<comments>https://xn--u8jvc1drbs3196d17at04j.com/web-it/git#respond</comments>
		
		<dc:creator><![CDATA[shogakucom]]></dc:creator>
		<pubDate>Fri, 08 Dec 2023 00:03:52 +0000</pubDate>
				<category><![CDATA[WEB・IT]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[開発]]></category>
		<guid isPermaLink="false">https://xn--u8jvc1drbs3196d17at04j.com/?p=963</guid>

					<description><![CDATA[ゲームのセーブ機能みたい？プログラマーがみんな使っている「Git（ギット）」の秘密を、小学生向けにわかりやすく解説するよ！]]></description>
										<content:encoded><![CDATA[
<div class="kids-image-wrapper kids-eyecatch" style="margin: 28px 0; text-align: center;">
  <img fetchpriority="high" decoding="async" width="800" height="450" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」.jpg" alt="Git" class="kids-eyecatch-image wp-image-967" style="max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); display: inline-block;" srcset="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」.jpg 800w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」-300x169.jpg 300w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」-768x432.jpg 768w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」-120x68.jpg 120w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」-160x90.jpg 160w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」-320x180.jpg 320w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/小学生でもわかる！-「Git」-376x212.jpg 376w" sizes="(max-width: 800px) 100vw, 800px" />
</div>


  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked><label class="toc-title" for="toc-checkbox-1">もくじ</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">はじめに</a></li><li><a href="#toc2" tabindex="0">Gitってなに？セーブできるタイムマシン</a></li><li><a href="#toc3" tabindex="0">ブランチとマージってなに？分わかれ道みちで実験じっけん！</a></li><li><a href="#toc4" tabindex="0">なぜ世界中せかいじゅうで使つかわれるの？みんなでチームプレイ</a></li><li><a href="#toc5" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="kids-heading-2" style="margin-top: 32px !important; margin-bottom: 14px !important;"><span id="toc1">はじめに</span></h2>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">ゲームで<ruby><rb>超強力</rb><rt style="letter-spacing: normal;" aria-hidden="true">ちょうきょうりょく</rt></ruby>なボス<ruby><rb>戦</rb><rt style="letter-spacing: normal;" aria-hidden="true">せん</rt></ruby>に<ruby><rb>挑</rb><rt style="letter-spacing: normal;" aria-hidden="true">いど</rt></ruby>む<ruby><rb>前</rb><rt style="letter-spacing: normal;" aria-hidden="true">まえ</rt></ruby>、<ruby><rb>絶対</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぜったい</rt></ruby>に「セーブ」をするよね？ もしセーブを<ruby><rb>忘</rb><rt style="letter-spacing: normal;" aria-hidden="true">わす</rt></ruby>れたままボスにやられてしまったら、<ruby><rb>何時間</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんじかん</rt></ruby>もかけて<ruby><rb>手</rb><rt style="letter-spacing: normal;" aria-hidden="true">て</rt></ruby>に<ruby><rb>入</rb><rt style="letter-spacing: normal;" aria-hidden="true">い</rt></ruby>れた<ruby><rb>強</rb><rt style="letter-spacing: normal;" aria-hidden="true">つよ</rt></ruby>い<ruby><rb>武器</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぶき</rt></ruby>も、レベル<ruby><rb>上</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>げの<ruby><rb>苦労</rb><rt style="letter-spacing: normal;" aria-hidden="true">くろう</rt></ruby>もぜんぶ<ruby><rb>水</rb><rt style="letter-spacing: normal;" aria-hidden="true">みず</rt></ruby>の<ruby><rb>泡</rb><rt style="letter-spacing: normal;" aria-hidden="true">あわ</rt></ruby>……そんな<ruby><rb>悔</rb><rt style="letter-spacing: normal;" aria-hidden="true">くや</rt></ruby>しい<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>い、<ruby><rb>誰</rb><rt style="letter-spacing: normal;" aria-hidden="true">だれ</rt></ruby>だってしたくないはず。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">パソコンで<ruby><rb>長</rb><rt style="letter-spacing: normal;" aria-hidden="true">なが</rt></ruby>い<ruby><rb>作文</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくぶん</rt></ruby>を<ruby><rb>書</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>いたり、お<ruby><rb>絵</rb><rt style="letter-spacing: normal;" aria-hidden="true">え</rt></ruby>かきソフトでイラストを<ruby><rb>描</rb><rt style="letter-spacing: normal;" aria-hidden="true">えが</rt></ruby>いたりするときも<ruby><rb>同</rb><rt style="letter-spacing: normal;" aria-hidden="true">おな</rt></ruby>じ。「<ruby><rb>間違</rb><rt style="letter-spacing: normal;" aria-hidden="true">まちが</rt></ruby>えて<ruby><rb>消</rb><rt style="letter-spacing: normal;" aria-hidden="true">け</rt></ruby>しちゃった！」「<ruby><rb>昨日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きのう</rt></ruby>の<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>のほうが<ruby><rb>上手</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうず</rt></ruby>に<ruby><rb>描</rb><rt style="letter-spacing: normal;" aria-hidden="true">えが</rt></ruby>けていたのに、<ruby><rb>上書</rb><rt style="letter-spacing: normal;" aria-hidden="true">うわが</rt></ruby>き<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>しちゃったから<ruby><rb>元</rb><rt style="letter-spacing: normal;" aria-hidden="true">もと</rt></ruby>に<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せない！」と<ruby><rb>頭</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたま</rt></ruby>を<ruby><rb>抱</rb><rt style="letter-spacing: normal;" aria-hidden="true">かか</rt></ruby>えた<ruby><rb>経験</rb><rt style="letter-spacing: normal;" aria-hidden="true">けいけん</rt></ruby>はないかな？</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;"><ruby><rb>実</rb><rt style="letter-spacing: normal;" aria-hidden="true">じつ</rt></ruby>は、<ruby><rb>世界中</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかいじゅう</rt></ruby>のゲームやスマホアプリを<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>っているプログラマーたちも、<ruby><rb>昔</rb><rt style="letter-spacing: normal;" aria-hidden="true">むかし</rt></ruby>はまったく<ruby><rb>同</rb><rt style="letter-spacing: normal;" aria-hidden="true">おな</rt></ruby>じピンチに<ruby><rb>頭</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたま</rt></ruby>を<ruby><rb>悩</rb><rt style="letter-spacing: normal;" aria-hidden="true">なや</rt></ruby>ませていたんだ。<ruby><rb>何万行</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんまんぎょう</rt></ruby>もある<ruby><rb>大切</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいせつ</rt></ruby>なプログラムが<ruby><rb>消</rb><rt style="letter-spacing: normal;" aria-hidden="true">け</rt></ruby>えてしまったり、<ruby><rb>壊</rb><rt style="letter-spacing: normal;" aria-hidden="true">こわ</rt></ruby>れたりしたら<ruby><rb>大惨事</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいさんじ</rt></ruby>になってしまう。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">そこで<ruby><rb>生</rb><rt style="letter-spacing: normal;" aria-hidden="true">う</rt></ruby>み<ruby><rb>出</rb><rt style="letter-spacing: normal;" aria-hidden="true">だ</rt></ruby>されたスーパー<ruby><rb>道具</rb><rt style="letter-spacing: normal;" aria-hidden="true">どうぐ</rt></ruby>が<strong>「Git（ギット）」</strong>！ Gitを<ruby><rb>一言</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひとこと</rt></ruby>でいうと、<strong>「いつでも<ruby><rb>好</rb><rt style="letter-spacing: normal;" aria-hidden="true">す</rt></ruby>きな<ruby><rb>過去</rb><rt style="letter-spacing: normal;" aria-hidden="true">かこ</rt></ruby>のセーブポイントに<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>れる、コンピュータのタイムマシン」</strong>だよ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">これさえ<ruby><rb>知</rb><rt style="letter-spacing: normal;" aria-hidden="true">し</rt></ruby>っておけば、<ruby><rb>失敗</rb><rt style="letter-spacing: normal;" aria-hidden="true">しっぱい</rt></ruby>を<ruby><rb>恐</rb><rt style="letter-spacing: normal;" aria-hidden="true">おそ</rt></ruby>れずに<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>いっきり<ruby><rb>作品</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくひん</rt></ruby>づくりにチャレンジできるようになる。プログラマーたちが<ruby><rb>当</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>たり<ruby><rb>前</rb><rt style="letter-spacing: normal;" aria-hidden="true">まえ</rt></ruby>に<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>いこなしている「Git」のワクワクする<ruby><rb>秘密</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひみつ</rt></ruby>を、いっしょに<ruby><rb>解</rb><rt style="letter-spacing: normal;" aria-hidden="true">と</rt></ruby>き<ruby><rb>明</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>かしてみよう！</p>

<div class="kids-balloon-wrap balloon-right" style="display: flex; flex-direction: row-reverse; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #bbf7d0; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00554-3365276621-1.png" alt="はると" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #047857; background: #d1fae5; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">はると</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #a7f3d0; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; right: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #a7f3d0; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; right: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    ゲームのセーブポイントをいつでも<ruby><rb>巻</rb><rt style="letter-spacing: normal;" aria-hidden="true">ま</rt></ruby>き<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せるタイムマシンなんて、めちゃくちゃ<ruby><rb>頼</rb><rt style="letter-spacing: normal;" aria-hidden="true">たの</rt></ruby>しいじゃん！
  </div>
</div>


<div class="kids-balloon-wrap balloon-left" style="display: flex; flex-direction: row; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #fde68a; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00653-564574306-1.jpg" alt="ひまり" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #b45309; background: #fef3c7; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">ひまり</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #fde68a; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; left: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #fde68a; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; left: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    ふふ、はるとはゲームでよくセーブを<ruby><rb>忘</rb><rt style="letter-spacing: normal;" aria-hidden="true">わす</rt></ruby>れて<ruby><rb>悔</rb><rt style="letter-spacing: normal;" aria-hidden="true">くや</rt></ruby>しがっているものね。プログラミングでもセーブの<ruby><rb>仕組</rb><rt style="letter-spacing: normal;" aria-hidden="true">しく</rt></ruby>みって<ruby><rb>本当</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんとう</rt></ruby>に<ruby><rb>大切</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいせつ</rt></ruby>なのよ。
  </div>
</div>

<h2 class="kids-heading-2" style="margin-top: 60px !important; margin-bottom: 14px !important;"><span id="toc2">Gitってなに？セーブできるタイムマシン</span></h2>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">「Git（ギット）」は、コンピュータの<ruby><rb>世界</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかい</rt></ruby>で<strong>「バージョン<ruby><rb>管理</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんり</rt></ruby>システム」</strong>と<ruby><rb>呼</rb><rt style="letter-spacing: normal;" aria-hidden="true">よ</rt></ruby>ばれている<ruby><rb>便利</rb><rt style="letter-spacing: normal;" aria-hidden="true">べんり</rt></ruby>な<ruby><rb>仕組</rb><rt style="letter-spacing: normal;" aria-hidden="true">しく</rt></ruby>みなんだ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">「バージョン」というのは「<ruby><rb>作品</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくひん</rt></ruby>の<ruby><rb>版</rb><rt style="letter-spacing: normal;" aria-hidden="true">はん</rt></ruby>」のこと。ゲームで「バージョン1.0」とか「<ruby><rb>大型</rb><rt style="letter-spacing: normal;" aria-hidden="true">おおがた</rt></ruby>アップデート<ruby><rb>版</rb><rt style="letter-spacing: normal;" aria-hidden="true">はん</rt></ruby>」という<ruby><rb>言葉</rb><rt style="letter-spacing: normal;" aria-hidden="true">ことば</rt></ruby>を<ruby><rb>聞</rb><rt style="letter-spacing: normal;" aria-hidden="true">き</rt></ruby>いたことがあるよね。つまり、<ruby><rb>作品</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくひん</rt></ruby>がどんどん<ruby><rb>進化</rb><rt style="letter-spacing: normal;" aria-hidden="true">しんか</rt></ruby>していく<ruby><rb>途中</rb><rt style="letter-spacing: normal;" aria-hidden="true">とちゅう</rt></ruby>の「<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>」を<ruby><rb>表</rb><rt style="letter-spacing: normal;" aria-hidden="true">あらわ</rt></ruby>しているんだ。</p>
<h3 class="kids-heading-3" style="margin-top: 38px !important; margin-bottom: 12px !important;">ふつうの<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>と<ruby><rb>何</rb><rt style="letter-spacing: normal;" aria-hidden="true">なに</rt></ruby>がちがうの？</h3>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">ふだん、みんながパソコンで<ruby><rb>絵</rb><rt style="letter-spacing: normal;" aria-hidden="true">え</rt></ruby>を<ruby><rb>描</rb><rt style="letter-spacing: normal;" aria-hidden="true">えが</rt></ruby>いたり<ruby><rb>作文</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくぶん</rt></ruby>を<ruby><rb>書</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>いたりして「<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>」ボタンを<ruby><rb>押</rb><rt style="letter-spacing: normal;" aria-hidden="true">お</rt></ruby>すと、どうなるかな？</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;"><ruby><rb>多</rb><rt style="letter-spacing: normal;" aria-hidden="true">おお</rt></ruby>くの<ruby><rb>場合</rb><rt style="letter-spacing: normal;" aria-hidden="true">ばあい</rt></ruby>は「<ruby><rb>上書</rb><rt style="letter-spacing: normal;" aria-hidden="true">うわが</rt></ruby>き<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>」になるよね。<ruby><rb>昨日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きのう</rt></ruby><ruby><rb>書</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>いた<ruby><rb>文章</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぶんしょう</rt></ruby>に<ruby><rb>今日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょう</rt></ruby><ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しい<ruby><rb>文</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぶん</rt></ruby>を<ruby><rb>書</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>き<ruby><rb>足</rb><rt style="letter-spacing: normal;" aria-hidden="true">た</rt></ruby>して<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>すると、<ruby><rb>昨日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きのう</rt></ruby>のデータは<ruby><rb>上書</rb><rt style="letter-spacing: normal;" aria-hidden="true">うわが</rt></ruby>きされて<ruby><rb>消</rb><rt style="letter-spacing: normal;" aria-hidden="true">け</rt></ruby>えてしまう。だから、「やっぱり<ruby><rb>昨日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きのう</rt></ruby>の<ruby><rb>文章</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぶんしょう</rt></ruby>のほうが<ruby><rb>良</rb><rt style="letter-spacing: normal;" aria-hidden="true">よ</rt></ruby>かったな……」と<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>っても、<ruby><rb>前</rb><rt style="letter-spacing: normal;" aria-hidden="true">まえ</rt></ruby>の<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>には<ruby><rb>二度</rb><rt style="letter-spacing: normal;" aria-hidden="true">にど</rt></ruby>と<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せないんだ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">そこで、<ruby><rb>前</rb><rt style="letter-spacing: normal;" aria-hidden="true">まえ</rt></ruby>のデータを<ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>そうとして、こんなふうにファイル<ruby><rb>名</rb><rt style="letter-spacing: normal;" aria-hidden="true">めい</rt></ruby>を<ruby><rb>工夫</rb><rt style="letter-spacing: normal;" aria-hidden="true">くふう</rt></ruby>したことはないかな？</p>
<ul class="kids-list" style="padding-left: 24px; margin: 20px 0; font-size: 18px; line-height: 2.1; color: #333333;">
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;">「<ruby><rb>作文</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくぶん</rt></ruby>_<ruby><rb>完成</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんせい</rt></ruby>」</li>
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;">「<ruby><rb>作文</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくぶん</rt></ruby>_<ruby><rb>本当</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんとう</rt></ruby>の<ruby><rb>完成</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんせい</rt></ruby>」</li>
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;">「<ruby><rb>作文</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくぶん</rt></ruby>_これで<ruby><rb>最後</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいご</rt></ruby>_<ruby><rb>決定版</rb><rt style="letter-spacing: normal;" aria-hidden="true">けっていばん</rt></ruby>」</li>
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;">「<ruby><rb>作文</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくぶん</rt></ruby>_マジでこれが<ruby><rb>最後</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいご</rt></ruby>の<ruby><rb>最終版</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいしゅうばん</rt></ruby>」</li>
</ul>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">フォルダの<ruby><rb>中</rb><rt style="letter-spacing: normal;" aria-hidden="true">なか</rt></ruby>が<ruby><rb>似</rb><rt style="letter-spacing: normal;" aria-hidden="true">に</rt></ruby>たような<ruby><rb>名前</rb><rt style="letter-spacing: normal;" aria-hidden="true">なまえ</rt></ruby>のファイルでいっぱいになって、「<ruby><rb>結局</rb><rt style="letter-spacing: normal;" aria-hidden="true">けっきょく</rt></ruby>どれが<ruby><rb>一番</rb><rt style="letter-spacing: normal;" aria-hidden="true">いちばん</rt></ruby><ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しいやつなの！？」と<ruby><rb>大混乱</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいこんらん</rt></ruby>した<ruby><rb>経験</rb><rt style="letter-spacing: normal;" aria-hidden="true">けいけん</rt></ruby>がある<ruby><rb>人</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひと</rt></ruby>も<ruby><rb>多</rb><rt style="letter-spacing: normal;" aria-hidden="true">おお</rt></ruby>いはず！</p>
<h3 class="kids-heading-3" style="margin-top: 38px !important; margin-bottom: 12px !important;">Gitなら<ruby><rb>過去</rb><rt style="letter-spacing: normal;" aria-hidden="true">かこ</rt></ruby>の<ruby><rb>履歴</rb><rt style="letter-spacing: normal;" aria-hidden="true">りれき</rt></ruby>がぜんぶ<ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>る！</h3>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">そこで<ruby><rb>大活躍</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいかつやく</rt></ruby>するのがGitなんだ。 Gitを<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>うと、ファイルを<ruby><rb>何個</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんこ</rt></ruby>も<ruby><rb>別名</rb><rt style="letter-spacing: normal;" aria-hidden="true">べつめい</rt></ruby>で<ruby><rb>増</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふ</rt></ruby>やして<ruby><rb>散</rb><rt style="letter-spacing: normal;" aria-hidden="true">ち</rt></ruby>らかす<ruby><rb>必要</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひつよう</rt></ruby>はまったくない。ひとつのフォルダの<ruby><rb>中</rb><rt style="letter-spacing: normal;" aria-hidden="true">なか</rt></ruby>で、<strong>「いつ、<ruby><rb>誰</rb><rt style="letter-spacing: normal;" aria-hidden="true">だれ</rt></ruby>が、どの<ruby><rb>部分</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぶぶん</rt></ruby>をどう<ruby><rb>変</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>えたのか」</strong>という<ruby><rb>変更</rb><rt style="letter-spacing: normal;" aria-hidden="true">へんこう</rt></ruby>の<ruby><rb>歴史</rb><rt style="letter-spacing: normal;" aria-hidden="true">れきし</rt></ruby>が、まるでアルバムのようにぜんぶ<ruby><rb>自動</rb><rt style="letter-spacing: normal;" aria-hidden="true">じどう</rt></ruby>で<ruby><rb>記録</rb><rt style="letter-spacing: normal;" aria-hidden="true">きろく</rt></ruby>されるんだ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">ゲームにたとえるなら、セーブスロットが100<ruby><rb>個</rb><rt style="letter-spacing: normal;" aria-hidden="true">こ</rt></ruby>も200<ruby><rb>個</rb><rt style="letter-spacing: normal;" aria-hidden="true">こ</rt></ruby>もずらりと<ruby><rb>並</rb><rt style="letter-spacing: normal;" aria-hidden="true">なら</rt></ruby>んでいて、いつでも<ruby><rb>好</rb><rt style="letter-spacing: normal;" aria-hidden="true">す</rt></ruby>きな<ruby><rb>日時</rb><rt style="letter-spacing: normal;" aria-hidden="true">にちじ</rt></ruby>のセーブポイントに<ruby><rb>一瞬</rb><rt style="letter-spacing: normal;" aria-hidden="true">いっしゅん</rt></ruby>で<ruby><rb>時間</rb><rt style="letter-spacing: normal;" aria-hidden="true">じかん</rt></ruby>を<ruby><rb>巻</rb><rt style="letter-spacing: normal;" aria-hidden="true">ま</rt></ruby>き<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せるようなもの！</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">「<ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しいプログラムを<ruby><rb>書</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>いたら、バグが<ruby><rb>出</rb><rt style="letter-spacing: normal;" aria-hidden="true">で</rt></ruby>て<ruby><rb>動</rb><rt style="letter-spacing: normal;" aria-hidden="true">うご</rt></ruby>かなくなっちゃった！」という<ruby><rb>大</rb><rt style="letter-spacing: normal;" aria-hidden="true">だい</rt></ruby>ピンチが<ruby><rb>起</rb><rt style="letter-spacing: normal;" aria-hidden="true">お</rt></ruby>きても、Gitがあれば「30<ruby><rb>分前</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふんまえ</rt></ruby>の<ruby><rb>動</rb><rt style="letter-spacing: normal;" aria-hidden="true">うご</rt></ruby>いていた<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>」にボタンひとつで<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せるんだ。このタイムマシンのような<ruby><rb>安心感</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんしんかん</rt></ruby>があるからこそ、プログラマーは<ruby><rb>失敗</rb><rt style="letter-spacing: normal;" aria-hidden="true">しっぱい</rt></ruby>を<ruby><rb>怖</rb><rt style="letter-spacing: normal;" aria-hidden="true">こわ</rt></ruby>がらずに<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>いっきり<ruby><rb>挑戦</rb><rt style="letter-spacing: normal;" aria-hidden="true">ちょうせん</rt></ruby>できるんだよ。</p>

<div class="kids-vs-container" style="margin: 32px 0; color: #333333;">
  
  <div class="kids-rich-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px;">
    <div class="kids-card-warm" style="background: #ffffff; border: 2px solid #fed7aa; border-radius: 16px; padding: 22px 24px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04);">
      <div style="font-weight: bold; color: #ea580c; font-size: 20px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: #fff7ed; flex-shrink: 0;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ea580c" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" x2="12" y1="9" y2="13"/><line x1="12" x2="12.01" y1="17" y2="17"/></svg></span><span><ruby><rb>普通</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふつう</rt></ruby>の<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>（<ruby><rb>上書</rb><rt style="letter-spacing: normal;" aria-hidden="true">うわが</rt></ruby>き<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>）</span></div>
      <div style="margin-bottom: 10px; line-height: 1.85; font-size: 18px; color: #333333; padding-left: 24px; position: relative; letter-spacing: 0.03em;"><span style="position: absolute; left: 0; top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#ea580c" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><polyline points="20 6 9 17 4 12"/></svg></span><ruby><rb>古</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふる</rt></ruby>いデータが<ruby><rb>上書</rb><rt style="letter-spacing: normal;" aria-hidden="true">うわが</rt></ruby>きされて<ruby><rb>消</rb><rt style="letter-spacing: normal;" aria-hidden="true">け</rt></ruby>えてしまう！</div>
<div style="margin-bottom: 10px; line-height: 1.85; font-size: 18px; color: #333333; padding-left: 24px; position: relative; letter-spacing: 0.03em;"><span style="position: absolute; left: 0; top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#ea580c" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><polyline points="20 6 9 17 4 12"/></svg></span>「さっきの<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>に<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>したい」と<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>っても<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せない</div>
<div style="margin-bottom: 10px; line-height: 1.85; font-size: 18px; color: #333333; padding-left: 24px; position: relative; letter-spacing: 0.03em;"><span style="position: absolute; left: 0; top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#ea580c" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><polyline points="20 6 9 17 4 12"/></svg></span>ファイル<ruby><rb>名</rb><rt style="letter-spacing: normal;" aria-hidden="true">めい</rt></ruby>が<ruby><rb>増</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふ</rt></ruby>えすぎてどれが<ruby><rb>本物</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんもの</rt></ruby>か<ruby><rb>迷子</rb><rt style="letter-spacing: normal;" aria-hidden="true">まいご</rt></ruby>になる</div>
    </div>
    <div class="kids-card-primary" style="background: #ffffff; border: 2px solid #a7f3d0; border-radius: 16px; padding: 22px 24px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04);">
      <div style="font-weight: bold; color: #059669; font-size: 20px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: #ecfdf5; flex-shrink: 0;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg></span><span>Gitのバージョン<ruby><rb>管理</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんり</rt></ruby>（<ruby><rb>履歴保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">りれきほぞん</rt></ruby>）</span></div>
      <div style="margin-bottom: 10px; line-height: 1.85; font-size: 18px; color: #333333; padding-left: 24px; position: relative; letter-spacing: 0.03em;"><span style="position: absolute; left: 0; top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><polyline points="20 6 9 17 4 12"/></svg></span><ruby><rb>過去</rb><rt style="letter-spacing: normal;" aria-hidden="true">かこ</rt></ruby>のセーブポイントが<ruby><rb>順番</rb><rt style="letter-spacing: normal;" aria-hidden="true">じゅんばん</rt></ruby>にぜんぶ<ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>る！</div>
<div style="margin-bottom: 10px; line-height: 1.85; font-size: 18px; color: #333333; padding-left: 24px; position: relative; letter-spacing: 0.03em;"><span style="position: absolute; left: 0; top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><polyline points="20 6 9 17 4 12"/></svg></span>いつでも<ruby><rb>好</rb><rt style="letter-spacing: normal;" aria-hidden="true">す</rt></ruby>きな<ruby><rb>日時</rb><rt style="letter-spacing: normal;" aria-hidden="true">にちじ</rt></ruby>の<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>にタイムマシンで<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せる</div>
<div style="margin-bottom: 10px; line-height: 1.85; font-size: 18px; color: #333333; padding-left: 24px; position: relative; letter-spacing: 0.03em;"><span style="position: absolute; left: 0; top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><polyline points="20 6 9 17 4 12"/></svg></span>ひとつのファイルでスッキリ<ruby><rb>安全</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんぜん</rt></ruby>に<ruby><rb>管理</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんり</rt></ruby>できる</div>
    </div>
  </div>
</div>


<div class="kids-balloon-wrap balloon-right" style="display: flex; flex-direction: row-reverse; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #bbf7d0; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00567-3365276621.png" alt="はると" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #047857; background: #d1fae5; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">はると</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #a7f3d0; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; right: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #a7f3d0; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; right: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    なるほど！ファイルを「<ruby><rb>最終版</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいしゅうばん</rt></ruby>その2」みたいに<ruby><rb>増</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふ</rt></ruby>やさなくていいのは<ruby><rb>超</rb><rt style="letter-spacing: normal;" aria-hidden="true">ちょう</rt></ruby>スッキリするな！
  </div>
</div>


<div class="kids-balloon-wrap balloon-left" style="display: flex; flex-direction: row; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #fde68a; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00653-564574306-1.jpg" alt="ひまり" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #b45309; background: #fef3c7; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">ひまり</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #fde68a; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; left: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #fde68a; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; left: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    ええ、<ruby><rb>過去</rb><rt style="letter-spacing: normal;" aria-hidden="true">かこ</rt></ruby>のセーブデータが<ruby><rb>全部</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぜんぶ</rt></ruby><ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>っているから、「もし<ruby><rb>失敗</rb><rt style="letter-spacing: normal;" aria-hidden="true">しっぱい</rt></ruby>しても<ruby><rb>元</rb><rt style="letter-spacing: normal;" aria-hidden="true">もと</rt></ruby>に<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>せる」という<ruby><rb>安心感</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんしんかん</rt></ruby>を<ruby><rb>持</rb><rt style="letter-spacing: normal;" aria-hidden="true">も</rt></ruby>って<ruby><rb>作業</rb><rt style="letter-spacing: normal;" aria-hidden="true">さぎょう</rt></ruby>できるのよね。
  </div>
</div>

<h2 class="kids-heading-2" style="margin-top: 60px !important; margin-bottom: 14px !important;"><span id="toc3">ブランチとマージってなに？<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>で<ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>！</span></h2>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">Gitには、<ruby><rb>世界中</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかいじゅう</rt></ruby>のプログラマーが「これがないと<ruby><rb>仕事</rb><rt style="letter-spacing: normal;" aria-hidden="true">しごと</rt></ruby>ができない！」と<ruby><rb>絶賛</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぜっさん</rt></ruby>する、とっておきの<ruby><rb>機能</rb><rt style="letter-spacing: normal;" aria-hidden="true">きのう</rt></ruby>があるんだ。それが<strong>「ブランチ（branch）」</strong>と<strong>「マージ（merge）」</strong>！</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;"><ruby><rb>英語</rb><rt style="letter-spacing: normal;" aria-hidden="true">えいご</rt></ruby>で「ブランチ」は<strong>「<ruby><rb>木</rb><rt style="letter-spacing: normal;" aria-hidden="true">き</rt></ruby>の<ruby><rb>枝</rb><rt style="letter-spacing: normal;" aria-hidden="true">えだ</rt></ruby>（<ruby><rb>枝分</rb><rt style="letter-spacing: normal;" aria-hidden="true">えだわ</rt></ruby>かれ）」</strong>という<ruby><rb>意味</rb><rt style="letter-spacing: normal;" aria-hidden="true">いみ</rt></ruby>で、「マージ」は<strong>「<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>させる・<ruby><rb>混</rb><rt style="letter-spacing: normal;" aria-hidden="true">ま</rt></ruby>ぜ<ruby><rb>合</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>わせる」</strong>という<ruby><rb>意味</rb><rt style="letter-spacing: normal;" aria-hidden="true">いみ</rt></ruby>なんだよ。</p>
<h3 class="kids-heading-3" style="margin-top: 38px !important; margin-bottom: 12px !important;">メインの<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>を<ruby><rb>壊</rb><rt style="letter-spacing: normal;" aria-hidden="true">こわ</rt></ruby>さずに<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>を<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>る！</h3>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">たとえば、みんなが<ruby><rb>何日</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんにち</rt></ruby>もかけて<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>った「<ruby><rb>立派</rb><rt style="letter-spacing: normal;" aria-hidden="true">りっぱ</rt></ruby>なブロックのお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>」を<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>い<ruby><rb>浮</rb><rt style="letter-spacing: normal;" aria-hidden="true">う</rt></ruby>かべてみてほしい。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">「お<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>のてっぺんに、かっこいい<ruby><rb>大砲</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいほう</rt></ruby>を<ruby><rb>取</rb><rt style="letter-spacing: normal;" aria-hidden="true">と</rt></ruby>り<ruby><rb>付</rb><rt style="letter-spacing: normal;" aria-hidden="true">つ</rt></ruby>けてみたい！」と<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>いついたとする。でも、もし<ruby><rb>大砲</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいほう</rt></ruby>を<ruby><rb>乗</rb><rt style="letter-spacing: normal;" aria-hidden="true">の</rt></ruby>せようとして<ruby><rb>手元</rb><rt style="letter-spacing: normal;" aria-hidden="true">てもと</rt></ruby>が<ruby><rb>狂</rb><rt style="letter-spacing: normal;" aria-hidden="true">くる</rt></ruby>い、せっかく<ruby><rb>完成</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんせい</rt></ruby>したお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>がガラガラと<ruby><rb>崩</rb><rt style="letter-spacing: normal;" aria-hidden="true">くず</rt></ruby>れてしまったら<ruby><rb>大</rb><rt style="letter-spacing: normal;" aria-hidden="true">だい</rt></ruby>ショックだよね。<ruby><rb>怖</rb><rt style="letter-spacing: normal;" aria-hidden="true">こわ</rt></ruby>くてなかなか<ruby><rb>手</rb><rt style="letter-spacing: normal;" aria-hidden="true">て</rt></ruby>を<ruby><rb>出</rb><rt style="letter-spacing: normal;" aria-hidden="true">だ</rt></ruby>せないはず。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">そんなときにGitの「ブランチ」を<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>うんだ！</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">ブランチを<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>うと、<ruby><rb>今</rb><rt style="letter-spacing: normal;" aria-hidden="true">いま</rt></ruby><ruby><rb>完成</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんせい</rt></ruby>している<ruby><rb>安全</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんぜん</rt></ruby>なお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>のデータ（メインの<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>）には<ruby><rb>指一本</rb><rt style="letter-spacing: normal;" aria-hidden="true">ゆびいっぽん</rt></ruby><ruby><rb>触</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふ</rt></ruby>れずに、そこからピッと<strong>「<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>」</strong>を<ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しく<ruby><rb>生</rb><rt style="letter-spacing: normal;" aria-hidden="true">う</rt></ruby>み<ruby><rb>出</rb><rt style="letter-spacing: normal;" aria-hidden="true">だ</rt></ruby>すことができる。</p>
<h3 class="kids-heading-3" style="margin-top: 38px !important; margin-bottom: 12px !important;"><ruby><rb>失敗</rb><rt style="letter-spacing: normal;" aria-hidden="true">しっぱい</rt></ruby>しても<ruby><rb>大丈夫</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいじょうぶ</rt></ruby>！<ruby><rb>成功</rb><rt style="letter-spacing: normal;" aria-hidden="true">せいこう</rt></ruby>したら<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>！</h3>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;"><ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>の<ruby><rb>世界</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかい</rt></ruby>では、メインのお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>にはまったく<ruby><rb>影響</rb><rt style="letter-spacing: normal;" aria-hidden="true">えいきょう</rt></ruby>がないから、どんなに<ruby><rb>無茶</rb><rt style="letter-spacing: normal;" aria-hidden="true">むちゃ</rt></ruby>な<ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>をしてもへっちゃらなんだ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">もし<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>で<ruby><rb>大砲</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいほう</rt></ruby>を<ruby><rb>乗</rb><rt style="letter-spacing: normal;" aria-hidden="true">の</rt></ruby>せてみて、「うーん、お<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>の<ruby><rb>雰囲気</rb><rt style="letter-spacing: normal;" aria-hidden="true">ふんいき</rt></ruby>に<ruby><rb>合</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>わなくてかっこ<ruby><rb>悪</rb><rt style="letter-spacing: normal;" aria-hidden="true">わる</rt></ruby>いな……」と<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>ったらどうする？ <ruby><rb>答</rb><rt style="letter-spacing: normal;" aria-hidden="true">こた</rt></ruby>えはかんたん。その<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>（ブランチ）をゴミ<ruby><rb>箱</rb><rt style="letter-spacing: normal;" aria-hidden="true">ばこ</rt></ruby>にポイっと<ruby><rb>捨</rb><rt style="letter-spacing: normal;" aria-hidden="true">す</rt></ruby>てるだけでおしまい！ メインのお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>はキズひとつなく、<ruby><rb>最初</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいしょ</rt></ruby>のピカピカな<ruby><rb>状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">じょうたい</rt></ruby>のまま<ruby><rb>無傷</rb><rt style="letter-spacing: normal;" aria-hidden="true">むきず</rt></ruby>で<ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>っているんだ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;"><ruby><rb>逆</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぎゃく</rt></ruby>に、「やった！めちゃくちゃ<ruby><rb>強</rb><rt style="letter-spacing: normal;" aria-hidden="true">つよ</rt></ruby>そうなお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>になったぞ！」と<ruby><rb>大成功</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいせいこう</rt></ruby>した<ruby><rb>時</rb><rt style="letter-spacing: normal;" aria-hidden="true">とき</rt></ruby>はどうするかな？ ここで<ruby><rb>登場</rb><rt style="letter-spacing: normal;" aria-hidden="true">とうじょう</rt></ruby>するのが<strong>「マージ（<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>）」</strong>！ <ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>で<ruby><rb>成功</rb><rt style="letter-spacing: normal;" aria-hidden="true">せいこう</rt></ruby>した<ruby><rb>大砲</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいほう</rt></ruby>のデータを、メインのお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>のデータにカチッとくっつけて<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>させるんだ。これで、メインのお<ruby><rb>城</rb><rt style="letter-spacing: normal;" aria-hidden="true">しろ</rt></ruby>が<ruby><rb>安全</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんぜん</rt></ruby>にパワーアップを<ruby><rb>果</rb><rt style="letter-spacing: normal;" aria-hidden="true">は</rt></ruby>たすんだよ。</p>

<div class="kids-chain-step" style="background: #ffffff; border: 2px solid #bfdbfe; border-radius: 16px; padding: 22px 24px; margin: 20px 0; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); color: #333333;">
  <div style="margin-bottom: 12px;">
    <span class="kids-step-badge" style="background: #0284c7; color: #ffffff; font-size: 13px; font-weight: bold; padding: 4px 14px; border-radius: 12px; margin-right: 10px; display: inline-block;">STEP 1</span>
    <span style="font-weight: bold; font-size: 19px; color: #0f172a; display: inline-block; line-height: 1.5;">メインから「ブランチ（<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>）」を<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>る！</span>
  </div>
  <div style="font-size: 18px; line-height: 1.85; color: #333333; margin-top: 8px; letter-spacing: 0.03em;"><ruby><rb>今</rb><rt style="letter-spacing: normal;" aria-hidden="true">いま</rt></ruby><ruby><rb>動</rb><rt style="letter-spacing: normal;" aria-hidden="true">うご</rt></ruby>いている<ruby><rb>安全</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんぜん</rt></ruby>な<ruby><rb>本番</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんばん</rt></ruby>のデータはそのまま<ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>し、<ruby><rb>別</rb><rt style="letter-spacing: normal;" aria-hidden="true">べつ</rt></ruby>の<ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>ロードを<ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しく<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>ります。</div>
</div>


<div class="kids-chain-step" style="background: #ffffff; border: 2px solid #bfdbfe; border-radius: 16px; padding: 22px 24px; margin: 20px 0; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); color: #333333;">
  <div style="margin-bottom: 12px;">
    <span class="kids-step-badge" style="background: #0284c7; color: #ffffff; font-size: 13px; font-weight: bold; padding: 4px 14px; border-radius: 12px; margin-right: 10px; display: inline-block;">STEP 2</span>
    <span style="font-weight: bold; font-size: 19px; color: #0f172a; display: inline-block; line-height: 1.5;"><ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>で<ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しいアイデアを<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>いっきり<ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>！</span>
  </div>
  <div style="font-size: 18px; line-height: 1.85; color: #333333; margin-top: 8px; letter-spacing: 0.03em;"><ruby><rb>本番</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんばん</rt></ruby>のデータには<ruby><rb>一切</rb><rt style="letter-spacing: normal;" aria-hidden="true">いっさい</rt></ruby>キズがつかないので、どんな<ruby><rb>大胆</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいたん</rt></ruby>な<ruby><rb>改造</rb><rt style="letter-spacing: normal;" aria-hidden="true">かいぞう</rt></ruby>や<ruby><rb>挑戦</rb><rt style="letter-spacing: normal;" aria-hidden="true">ちょうせん</rt></ruby>も<ruby><rb>安心</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんしん</rt></ruby>して<ruby><rb>試</rb><rt style="letter-spacing: normal;" aria-hidden="true">ため</rt></ruby>せます。</div>
</div>


<div class="kids-chain-step" style="background: #ffffff; border: 2px solid #bfdbfe; border-radius: 16px; padding: 22px 24px; margin: 20px 0; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); color: #333333;">
  <div style="margin-bottom: 12px;">
    <span class="kids-step-badge" style="background: #0284c7; color: #ffffff; font-size: 13px; font-weight: bold; padding: 4px 14px; border-radius: 12px; margin-right: 10px; display: inline-block;">STEP 3</span>
    <span style="font-weight: bold; font-size: 19px; color: #0f172a; display: inline-block; line-height: 1.5;"><ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>が<ruby><rb>大成功</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいせいこう</rt></ruby>したら「マージ（<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>）」で<ruby><rb>本番</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんばん</rt></ruby>に<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>！</span>
  </div>
  <div style="font-size: 18px; line-height: 1.85; color: #333333; margin-top: 8px; letter-spacing: 0.03em;">うまくいった<ruby><rb>成果</rb><rt style="letter-spacing: normal;" aria-hidden="true">せいか</rt></ruby>だけをメインの<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>にガッチャンコと<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>させて、<ruby><rb>作品</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくひん</rt></ruby>をパワーアップさせます！</div>
</div>


<div class="kids-balloon-wrap balloon-right" style="display: flex; flex-direction: row-reverse; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #bbf7d0; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00554-3365276621-1.png" alt="はると" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #047857; background: #d1fae5; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">はると</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #a7f3d0; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; right: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #a7f3d0; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; right: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    <ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>を<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>って<ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>できるなら、<ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しいサッカーのフォーメーションを<ruby><rb>試</rb><rt style="letter-spacing: normal;" aria-hidden="true">ため</rt></ruby>すみたいで、めちゃくちゃワクワクするな！
  </div>
</div>


<div class="kids-balloon-wrap balloon-left" style="display: flex; flex-direction: row; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #fde68a; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00653-564574306-1.jpg" alt="ひまり" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #b45309; background: #fef3c7; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">ひまり</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #fde68a; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; left: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #fde68a; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; left: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    ふふ、<ruby><rb>失敗</rb><rt style="letter-spacing: normal;" aria-hidden="true">しっぱい</rt></ruby>してもその<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>を<ruby><rb>捨</rb><rt style="letter-spacing: normal;" aria-hidden="true">す</rt></ruby>てるだけで、メインは<ruby><rb>無事</rb><rt style="letter-spacing: normal;" aria-hidden="true">ぶじ</rt></ruby>なのが<ruby><rb>本当</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんとう</rt></ruby>に<ruby><rb>賢</rb><rt style="letter-spacing: normal;" aria-hidden="true">かしこ</rt></ruby>い<ruby><rb>設計</rb><rt style="letter-spacing: normal;" aria-hidden="true">せっけい</rt></ruby>よね。
  </div>
</div>


<div class="kids-image-wrapper" style="margin: 28px 0; text-align: center;">
  <img decoding="async" width="1365" height="596" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/merge-to-master.png" alt="merge-to-master" class="kids-post-image wp-image-966" style="max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); display: inline-block;" srcset="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/merge-to-master.png 1365w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/merge-to-master-300x131.png 300w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/merge-to-master-1024x447.png 1024w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/merge-to-master-768x335.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" />
</div>

<h2 class="kids-heading-2" style="margin-top: 60px !important; margin-bottom: 14px !important;"><span id="toc4">なぜ<ruby><rb>世界中</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかいじゅう</rt></ruby>で<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>われるの？みんなでチームプレイ</span></h2>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">Gitが<ruby><rb>世界中</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかいじゅう</rt></ruby>のIT<ruby><rb>企業</rb><rt style="letter-spacing: normal;" aria-hidden="true">きぎょう</rt></ruby>やプログラマーに<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>われている<ruby><rb>最大</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいだい</rt></ruby>の<ruby><rb>理由</rb><rt style="letter-spacing: normal;" aria-hidden="true">りゆう</rt></ruby>は、<strong>「たくさんの<ruby><rb>仲間</rb><rt style="letter-spacing: normal;" aria-hidden="true">なかま</rt></ruby>といっしょにひとつの<ruby><rb>作品</rb><rt style="letter-spacing: normal;" aria-hidden="true">さくひん</rt></ruby>を<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>る<ruby><rb>時</rb><rt style="letter-spacing: normal;" aria-hidden="true">とき</rt></ruby>に、ものすごいパワーを<ruby><rb>発揮</rb><rt style="letter-spacing: normal;" aria-hidden="true">はっき</rt></ruby>するから」</strong>なんだ！</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">みんなが<ruby><rb>大好</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいす</rt></ruby>きなゲーム『マインクラフト』や、<ruby><rb>大人気</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいにんき</rt></ruby>のスマートフォンアプリは、たった<ruby><rb>1人</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひとり</rt></ruby>で<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>られているわけではないよね。<ruby><rb>何十人</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんじゅうにん</rt></ruby>、ときには<ruby><rb>何百人</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんびゃくにん</rt></ruby>ものプログラマーやデザイナーが、<ruby><rb>毎日</rb><rt style="letter-spacing: normal;" aria-hidden="true">まいにち</rt></ruby><ruby><rb>協力</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょうりょく</rt></ruby>してひとつの<ruby><rb>大</rb><rt style="letter-spacing: normal;" aria-hidden="true">おお</rt></ruby>きなプログラムを<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>っているんだ。</p>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">もしGitがなかったらどうなると<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>う？ 「<ruby><rb>俺</rb><rt style="letter-spacing: normal;" aria-hidden="true">おれ</rt></ruby>がキャラクターの<ruby><rb>動</rb><rt style="letter-spacing: normal;" aria-hidden="true">うご</rt></ruby>きを<ruby><rb>直</rb><rt style="letter-spacing: normal;" aria-hidden="true">なお</rt></ruby>したよ！」 「あ、<ruby><rb>私</rb><rt style="letter-spacing: normal;" aria-hidden="true">わたし</rt></ruby>がモンスターの<ruby><rb>強</rb><rt style="letter-spacing: normal;" aria-hidden="true">つよ</rt></ruby>さを<ruby><rb>変</rb><rt style="letter-spacing: normal;" aria-hidden="true">か</rt></ruby>えたデータで<ruby><rb>上書</rb><rt style="letter-spacing: normal;" aria-hidden="true">うわが</rt></ruby>きしちゃった！」 なんてことになって、お<ruby><rb>互</rb><rt style="letter-spacing: normal;" aria-hidden="true">たが</rt></ruby>いの<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>ったものが<ruby><rb>消</rb><rt style="letter-spacing: normal;" aria-hidden="true">け</rt></ruby>し<ruby><rb>合</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>ってしまう<ruby><rb>大混乱</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいこんらん</rt></ruby>が<ruby><rb>起</rb><rt style="letter-spacing: normal;" aria-hidden="true">お</rt></ruby>きちゃうよね。</p>
<h3 class="kids-heading-3" style="margin-top: 38px !important; margin-bottom: 12px !important;">チーム<ruby><rb>開発</rb><rt style="letter-spacing: normal;" aria-hidden="true">かいはつ</rt></ruby>の「3つの<ruby><rb>合言葉</rb><rt style="letter-spacing: normal;" aria-hidden="true">あいことば</rt></ruby>」</h3>
<p style="font-size: 18px; line-height: 2.1; margin: 10px 0 22px 0; color: #333333; letter-spacing: 0.03em;">Gitを<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>えば、<ruby><rb>大勢</rb><rt style="letter-spacing: normal;" aria-hidden="true">おおぜい</rt></ruby>のプログラマーが<ruby><rb>同時</rb><rt style="letter-spacing: normal;" aria-hidden="true">どうじ</rt></ruby>に<ruby><rb>作業</rb><rt style="letter-spacing: normal;" aria-hidden="true">さぎょう</rt></ruby>してもデータがごちゃごちゃに<ruby><rb>壊</rb><rt style="letter-spacing: normal;" aria-hidden="true">こわ</rt></ruby>れることはないんだ。チームプレイでよく<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>われる「3つの<ruby><rb>大切</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいせつ</rt></ruby>な<ruby><rb>合言葉</rb><rt style="letter-spacing: normal;" aria-hidden="true">あいことば</rt></ruby>」を<ruby><rb>覚</rb><rt style="letter-spacing: normal;" aria-hidden="true">おぼ</rt></ruby>えておこう！</p>
<ol class="kids-ordered-list" style="padding-left: 24px; margin: 20px 0; font-size: 18px; line-height: 2.1; color: #333333;">
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;"><strong>コミット（commit）</strong>：<ruby><rb>自分</rb><rt style="letter-spacing: normal;" aria-hidden="true">じぶん</rt></ruby>のパソコンで<ruby><rb>作業</rb><rt style="letter-spacing: normal;" aria-hidden="true">さぎょう</rt></ruby>の<ruby><rb>区切</rb><rt style="letter-spacing: normal;" aria-hidden="true">くぎ</rt></ruby>りがついた<ruby><rb>時</rb><rt style="letter-spacing: normal;" aria-hidden="true">とき</rt></ruby>に、「セーブポイント」を<ruby><rb>記録</rb><rt style="letter-spacing: normal;" aria-hidden="true">きろく</rt></ruby>すること。「<ruby><rb>敵</rb><rt style="letter-spacing: normal;" aria-hidden="true">てき</rt></ruby>の<ruby><rb>動</rb><rt style="letter-spacing: normal;" aria-hidden="true">うご</rt></ruby>きを<ruby><rb>修正</rb><rt style="letter-spacing: normal;" aria-hidden="true">しゅうせい</rt></ruby>したよ」と<ruby><rb>短</rb><rt style="letter-spacing: normal;" aria-hidden="true">みじか</rt></ruby>いメモをつけて<ruby><rb>保存</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほぞん</rt></ruby>するんだ。</li>
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;"><strong>プッシュ（push）</strong>：<ruby><rb>自分</rb><rt style="letter-spacing: normal;" aria-hidden="true">じぶん</rt></ruby>のパソコンに<ruby><rb>記録</rb><rt style="letter-spacing: normal;" aria-hidden="true">きろく</rt></ruby>したセーブデータを、インターネット<ruby><rb>上</rb><rt style="letter-spacing: normal;" aria-hidden="true">うえ</rt></ruby>にある「チームみんなの<ruby><rb>共有</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょうゆう</rt></ruby><ruby><rb>金庫</rb><rt style="letter-spacing: normal;" aria-hidden="true">きんこ</rt></ruby>（GitHubなど）」へ<ruby><rb>送信</rb><rt style="letter-spacing: normal;" aria-hidden="true">そうしん</rt></ruby>して<ruby><rb>届</rb><rt style="letter-spacing: normal;" aria-hidden="true">とど</rt></ruby>けること。</li>
<li style="margin-bottom: 10px; line-height: 2.1; color: #333333;"><strong>プル（pull）</strong>：チームの<ruby><rb>仲間</rb><rt style="letter-spacing: normal;" aria-hidden="true">なかま</rt></ruby>が<ruby><rb>共有</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょうゆう</rt></ruby><ruby><rb>金庫</rb><rt style="letter-spacing: normal;" aria-hidden="true">きんこ</rt></ruby>にアップした<ruby><rb>最新</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいしん</rt></ruby>のセーブデータを、<ruby><rb>自分</rb><rt style="letter-spacing: normal;" aria-hidden="true">じぶん</rt></ruby>のパソコンにダウンロードして<ruby><rb>最新状態</rb><rt style="letter-spacing: normal;" aria-hidden="true">さいしんじょうたい</rt></ruby>に<ruby><rb>合</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>わせること。</li>
</ol>
<p style="font-size: 18px; line-height: 2.1; margin: 20px 0 22px 0; color: #333333; letter-spacing: 0.03em;">この「コミットして、プッシュして、プルする」というキャッチボールをくり<ruby><rb>返</rb><rt style="letter-spacing: normal;" aria-hidden="true">かえ</rt></ruby>すことで、たとえ<ruby><rb>日本</rb><rt style="letter-spacing: normal;" aria-hidden="true">にほん</rt></ruby>とアメリカのように<ruby><rb>遠</rb><rt style="letter-spacing: normal;" aria-hidden="true">とお</rt></ruby>く<ruby><rb>離</rb><rt style="letter-spacing: normal;" aria-hidden="true">はな</rt></ruby>れた<ruby><rb>場所</rb><rt style="letter-spacing: normal;" aria-hidden="true">ばしょ</rt></ruby>にいる<ruby><rb>仲間同士</rb><rt style="letter-spacing: normal;" aria-hidden="true">なかまどうし</rt></ruby>でも、まるで<ruby><rb>隣</rb><rt style="letter-spacing: normal;" aria-hidden="true">となり</rt></ruby>に<ruby><rb>座</rb><rt style="letter-spacing: normal;" aria-hidden="true">すわ</rt></ruby>っているかのように<ruby><rb>息</rb><rt style="letter-spacing: normal;" aria-hidden="true">いき</rt></ruby>をぴったり<ruby><rb>合</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>わせて<ruby><rb>巨大</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょだい</rt></ruby>なプログラムを<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>り<ruby><rb>上</rb><rt style="letter-spacing: normal;" aria-hidden="true">あ</rt></ruby>げることができるんだよ。</p>

<div class="kids-qa-box" style="background: #ffffff; border: 2px solid #bae6fd; border-radius: 16px; padding: 22px 26px; margin: 28px 0; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); color: #333333; letter-spacing: 0.03em;">
  <div style="font-weight: bold; font-size: 19px; color: #0284c7; margin-bottom: 12px; display: flex; align-items: center; gap: 8px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #e0f2fe; flex-shrink: 0;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0284c7" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg></span><span><strong>Q.</strong> <ruby><rb>何人</rb><rt style="letter-spacing: normal;" aria-hidden="true">なんにん</rt></ruby>もの<ruby><rb>人</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひと</rt></ruby>が<ruby><rb>同時</rb><rt style="letter-spacing: normal;" aria-hidden="true">どうじ</rt></ruby>に<ruby><rb>同</rb><rt style="letter-spacing: normal;" aria-hidden="true">おな</rt></ruby>じ<ruby><rb>場所</rb><rt style="letter-spacing: normal;" aria-hidden="true">ばしょ</rt></ruby>を<ruby><rb>直</rb><rt style="letter-spacing: normal;" aria-hidden="true">なお</rt></ruby>したらどうなるの？</span></div>
  <div style="font-size: 18px; line-height: 1.85; color: #333333; padding-top: 12px; border-top: 1px dashed #e2e8f0; letter-spacing: 0.03em; display: flex; align-items: flex-start; gap: 8px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #fef3c7; flex-shrink: 0; margin-top: 3px;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#d97706" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -3px; display: inline-block;"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg></span><span><strong>A.</strong> <ruby><rb>大丈夫</rb><rt style="letter-spacing: normal;" aria-hidden="true">だいじょうぶ</rt></ruby>！Gitが「ここがぶつかっているよ！（コンフリクト）」と<ruby><rb>教</rb><rt style="letter-spacing: normal;" aria-hidden="true">おし</rt></ruby>えてくれるんだ。<ruby><rb>勝手</rb><rt style="letter-spacing: normal;" aria-hidden="true">かって</rt></ruby>に<ruby><rb>誰</rb><rt style="letter-spacing: normal;" aria-hidden="true">だれ</rt></ruby>かのデータを<ruby><rb>消</rb><rt style="letter-spacing: normal;" aria-hidden="true">け</rt></ruby>したりせず、「どっちの<ruby><rb>変更</rb><rt style="letter-spacing: normal;" aria-hidden="true">へんこう</rt></ruby>を<ruby><rb>残</rb><rt style="letter-spacing: normal;" aria-hidden="true">のこ</rt></ruby>すか」を<ruby><rb>人間同士</rb><rt style="letter-spacing: normal;" aria-hidden="true">にんげんどうし</rt></ruby>で<ruby><rb>相談</rb><rt style="letter-spacing: normal;" aria-hidden="true">そうだん</rt></ruby>して<ruby><rb>決</rb><rt style="letter-spacing: normal;" aria-hidden="true">き</rt></ruby>められる<ruby><rb>仕組</rb><rt style="letter-spacing: normal;" aria-hidden="true">しく</rt></ruby>みがあるから<ruby><rb>安心</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんしん</rt></ruby>だよ。</span></div>
</div>


<div class="kids-balloon-wrap balloon-right" style="display: flex; flex-direction: row-reverse; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #bbf7d0; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00554-3365276621-1.png" alt="はると" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #047857; background: #d1fae5; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">はると</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #a7f3d0; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; right: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #a7f3d0; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; right: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    まるでサッカーのパス<ruby><rb>回</rb><rt style="letter-spacing: normal;" aria-hidden="true">まわ</rt></ruby>しみたいだな！みんなでセーブデータをつないでひとつのゲームを<ruby><rb>完成</rb><rt style="letter-spacing: normal;" aria-hidden="true">かんせい</rt></ruby>させるのか！
  </div>
</div>


<div class="kids-balloon-wrap balloon-left" style="display: flex; flex-direction: row; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #fde68a; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00653-564574306-1.jpg" alt="ひまり" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #b45309; background: #fef3c7; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">ひまり</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #fde68a; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; left: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #fde68a; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; left: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    その<ruby><rb>通</rb><rt style="letter-spacing: normal;" aria-hidden="true">とお</rt></ruby>りね。プログラミングって<ruby><rb>1人</rb><rt style="letter-spacing: normal;" aria-hidden="true">ひとり</rt></ruby>で<ruby><rb>黙々</rb><rt style="letter-spacing: normal;" aria-hidden="true">もくもく</rt></ruby>とするものに<ruby><rb>見</rb><rt style="letter-spacing: normal;" aria-hidden="true">み</rt></ruby>えて、<ruby><rb>実</rb><rt style="letter-spacing: normal;" aria-hidden="true">じつ</rt></ruby>はチームワークと<ruby><rb>思</rb><rt style="letter-spacing: normal;" aria-hidden="true">おも</rt></ruby>いやりが<ruby><rb>大切</rb><rt style="letter-spacing: normal;" aria-hidden="true">たいせつ</rt></ruby>なのよ。
  </div>
</div>


<div class="kids-image-wrapper" style="margin: 28px 0; text-align: center;">
  <img decoding="async" width="1024" height="1024" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/プログラマー.jpg" alt="プログラマー" class="kids-post-image wp-image-969" style="max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); display: inline-block;" srcset="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/プログラマー.jpg 1024w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/プログラマー-300x300.jpg 300w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/プログラマー-150x150.jpg 150w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/プログラマー-768x768.jpg 768w, https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/12/プログラマー-100x100.jpg 100w" sizes="(max-width: 1024px) 100vw, 1024px" />
</div>

<h2 class="kids-heading-2" style="margin-top: 60px !important; margin-bottom: 14px !important;"><span id="toc5">まとめ</span></h2>

<div class="kids-blackboard-box" style="background: #1c3d2e; border: 8px solid #a16207; border-radius: 14px; padding: 22px 26px; margin: 28px 0; color: #ffffff; box-shadow: 0 6px 18px rgba(0,0,0,0.18); position: relative;">
  <div style="text-align: center; border-bottom: 2px dashed #86efac; padding-bottom: 10px; margin-bottom: 16px; font-weight: bold; font-size: 20px; color: #fef08a; letter-spacing: 1px;">&#x1f4dd; <ruby><rb>今日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょう</rt></ruby>のまとめノート</div>
  <div class="kids-blackboard-content">
  <div style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; font-size: 18px; line-height: 1.9; color: #f8fafc;">
    <span class="kids-blackboard-badge" style="background: rgba(254, 240, 138, 0.2); color: #fef08a; border: 1px solid #fef08a; font-weight: bold; font-size: 14px; width: 26px; height: 26px; min-width: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 3px;">1</span>
    <span>Gitは<ruby><rb>過去</rb><rt style="letter-spacing: normal;" aria-hidden="true">かこ</rt></ruby>のセーブポイントをぜんぶ<ruby><rb>記録</rb><rt style="letter-spacing: normal;" aria-hidden="true">きろく</rt></ruby>して、いつでも<ruby><rb>戻</rb><rt style="letter-spacing: normal;" aria-hidden="true">もど</rt></ruby>れる「タイムマシン」！</span>
  </div>
  <div style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; font-size: 18px; line-height: 1.9; color: #f8fafc;">
    <span class="kids-blackboard-badge" style="background: rgba(254, 240, 138, 0.2); color: #fef08a; border: 1px solid #fef08a; font-weight: bold; font-size: 14px; width: 26px; height: 26px; min-width: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 3px;">2</span>
    <span>「ブランチ」で<ruby><rb>安全</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんぜん</rt></ruby>に<ruby><rb>分</rb><rt style="letter-spacing: normal;" aria-hidden="true">わ</rt></ruby>かれ<ruby><rb>道</rb><rt style="letter-spacing: normal;" aria-hidden="true">みち</rt></ruby>を<ruby><rb>作</rb><rt style="letter-spacing: normal;" aria-hidden="true">つく</rt></ruby>って<ruby><rb>実験</rb><rt style="letter-spacing: normal;" aria-hidden="true">じっけん</rt></ruby>し、<ruby><rb>成功</rb><rt style="letter-spacing: normal;" aria-hidden="true">せいこう</rt></ruby>したら「マージ」で<ruby><rb>本番</rb><rt style="letter-spacing: normal;" aria-hidden="true">ほんばん</rt></ruby>に<ruby><rb>合体</rb><rt style="letter-spacing: normal;" aria-hidden="true">がったい</rt></ruby>できる！</span>
  </div>
  <div style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; font-size: 18px; line-height: 1.9; color: #f8fafc;">
    <span class="kids-blackboard-badge" style="background: rgba(254, 240, 138, 0.2); color: #fef08a; border: 1px solid #fef08a; font-weight: bold; font-size: 14px; width: 26px; height: 26px; min-width: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 3px;">3</span>
    <span>コミット・プッシュ・プルを<ruby><rb>使</rb><rt style="letter-spacing: normal;" aria-hidden="true">つか</rt></ruby>えば、<ruby><rb>世界中</rb><rt style="letter-spacing: normal;" aria-hidden="true">せかいじゅう</rt></ruby>の<ruby><rb>仲間</rb><rt style="letter-spacing: normal;" aria-hidden="true">なかま</rt></ruby>と<ruby><rb>安全</rb><rt style="letter-spacing: normal;" aria-hidden="true">あんぜん</rt></ruby>に<ruby><rb>協力</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょうりょく</rt></ruby>してモノづくりができる！</span>
  </div>
  </div>
  <div style="position: absolute; bottom: 8px; right: 14px; font-size: 18px; opacity: 0.8;">&#x1f58d;&#xfe0f; &#x270f;&#xfe0f;</div>
</div>


<div class="kids-balloon-wrap balloon-right" style="display: flex; flex-direction: row-reverse; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #bbf7d0; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00554-3365276621-1.png" alt="はると" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #047857; background: #d1fae5; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">はると</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #a7f3d0; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; right: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #a7f3d0; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; right: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    Gitの<ruby><rb>仕組</rb><rt style="letter-spacing: normal;" aria-hidden="true">しく</rt></ruby>みを<ruby><rb>知</rb><rt style="letter-spacing: normal;" aria-hidden="true">し</rt></ruby>ったら、<ruby><rb>失敗</rb><rt style="letter-spacing: normal;" aria-hidden="true">しっぱい</rt></ruby>を<ruby><rb>怖</rb><rt style="letter-spacing: normal;" aria-hidden="true">こわ</rt></ruby>がらずにいろんなアイデアを<ruby><rb>試</rb><rt style="letter-spacing: normal;" aria-hidden="true">ため</rt></ruby>すプログラマーの<ruby><rb>気持</rb><rt style="letter-spacing: normal;" aria-hidden="true">きも</rt></ruby>ちがよくわかったぞ！
  </div>
</div>


<div class="kids-balloon-wrap balloon-left" style="display: flex; flex-direction: row; gap: 18px; align-items: flex-start; margin: 30px 0;">
  <div class="kids-balloon-person" style="flex-shrink: 0; text-align: center; min-width: 96px;">
    <div class="kids-balloon-icon" style="width: 96px; height: 96px; min-width: 96px; min-height: 96px; border-radius: 50%; overflow: hidden; border: 2px solid #fde68a; box-shadow: 0 4px 14px rgba(0,0,0,0.06); background: #fff;">
      <img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/uploads/2023/05/00659-564574306.jpg" alt="ひまり" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
    </div>
    <div class="kids-character-name" style="font-size: 13px; font-weight: bold; color: #b45309; background: #fef3c7; margin-top: 8px; padding: 2px 10px; border-radius: 12px; display: inline-block;">ひまり</div>
  </div>
  <div class="kids-balloon-content" style="background: #ffffff; border: 2px solid #fde68a; border-radius: 16px; padding: 18px 24px; font-size: 18px; line-height: 1.85; color: #1e293b; max-width: 620px; box-shadow: 0 4px 18px -2px rgba(0,0,0,0.04); letter-spacing: 0.03em; position: relative;">
    <span class="kids-balloon-tip-outer" style="position: absolute; top: 24px; left: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #fde68a; pointer-events: none; z-index: 1;"></span><span class="kids-balloon-tip-inner" style="position: absolute; top: 26px; left: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 11px solid #ffffff; pointer-events: none; z-index: 2;"></span>
    ミスをしてもやり<ruby><rb>直</rb><rt style="letter-spacing: normal;" aria-hidden="true">なお</rt></ruby>せる<ruby><rb>仕組</rb><rt style="letter-spacing: normal;" aria-hidden="true">しく</rt></ruby>みがあるからこそ、<ruby><rb>新</rb><rt style="letter-spacing: normal;" aria-hidden="true">あたら</rt></ruby>しい<ruby><rb>挑戦</rb><rt style="letter-spacing: normal;" aria-hidden="true">ちょうせん</rt></ruby>ができるのよね。……あ、でもはると、その<ruby><rb>前</rb><rt style="letter-spacing: normal;" aria-hidden="true">まえ</rt></ruby>に<ruby><rb>今日</rb><rt style="letter-spacing: normal;" aria-hidden="true">きょう</rt></ruby>の<ruby><rb>宿題</rb><rt style="letter-spacing: normal;" aria-hidden="true">しゅくだい</rt></ruby>はちゃんとセーブして<ruby><rb>終</rb><rt style="letter-spacing: normal;" aria-hidden="true">お</rt></ruby>わらせたの？
  </div>
</div>

		<div class="pochipp-box"
			data-id="970"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="on"
			data-sale-effect="flash"
			 data-cvkey="8243aabf"		>
							<div class="pochipp-box__image">
					<a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/344002fa.28691722.344002fb.e6085279/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16655117%2F%3Frafcid%3Dwsc_i_is_c6ff5a6a-12c8-4d6b-83c0-89b93400f759&#038;m=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16655117%2F%3Frafcid%3Dwsc_i_is_c6ff5a6a-12c8-4d6b-83c0-89b93400f759">
						<img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3430/9784863543430.jpg?_ex=400x400" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/344002fa.28691722.344002fb.e6085279/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16655117%2F%3Frafcid%3Dwsc_i_is_c6ff5a6a-12c8-4d6b-83c0-89b93400f759&#038;m=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16655117%2F%3Frafcid%3Dwsc_i_is_c6ff5a6a-12c8-4d6b-83c0-89b93400f759">
						改訂2版 わかばちゃんと学ぶ Git使い方入門 [ 湊川 あい ]					</a>
				</div>

									<div class="pochipp-box__info">楽天ブックス</div>
				
									<div class="pochipp-box__price">
						¥2,453						<span>（2026/10/20 04:22時点 | 楽天市場調べ）</span>
					</div>
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/s?k=%E3%82%8F%E3%81%8B%E3%81%B0%E3%81%A1%E3%82%83%E3%82%93%E3%81%A8%E5%AD%A6%E3%81%B6%20Git%E4%BD%BF%E3%81%84%E6%96%B9%E5%85%A5%E9%96%80&#038;tag=amzn027-22" class="pochipp-box__btn">
					<span>
						Amazon					</span>
									</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/344002fa.28691722.344002fb.e6085279/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16655117%2F%3Frafcid%3Dwsc_i_is_c6ff5a6a-12c8-4d6b-83c0-89b93400f759&#038;m=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16655117%2F%3Frafcid%3Dwsc_i_is_c6ff5a6a-12c8-4d6b-83c0-89b93400f759" class="pochipp-box__btn">
					<span>
						楽天市場					</span>
									</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a rel="nofollow noopener" target="_blank" href="https://shopping.yahoo.co.jp/search?p=%E3%82%8F%E3%81%8B%E3%81%B0%E3%81%A1%E3%82%83%E3%82%93%E3%81%A8%E5%AD%A6%E3%81%B6%20Git%E4%BD%BF%E3%81%84%E6%96%B9%E5%85%A5%E9%96%80" class="pochipp-box__btn">
					<span>
						Yahooショッピング					</span>
									</a>
			</div>
									</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://xn--u8jvc1drbs3196d17at04j.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	]]></content:encoded>
					
					<wfw:commentRss>https://xn--u8jvc1drbs3196d17at04j.com/web-it/git/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
