<?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>バージョン管理 | IMEER LAB｜Excel・AI・自動化ブログ</title>
	<atom:link href="https://lab.imeer.jp/tag/%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e7%ae%a1%e7%90%86/feed/" rel="self" type="application/rss+xml" />
	<link>https://lab.imeer.jp</link>
	<description>VBA・ChatGPT・WordPress、ときどき猫。</description>
	<lastBuildDate>Tue, 02 Jun 2026 23:38:11 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://lab.imeer.jp/wp-content/uploads/2026/05/cropped-847f523550b64f03abd735470ce0664c-32x32.jpg</url>
	<title>バージョン管理 | IMEER LAB｜Excel・AI・自動化ブログ</title>
	<link>https://lab.imeer.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>GitとGitHubとは？初心者向けに「変更履歴管理」を整理してみる</title>
		<link>https://lab.imeer.jp/git-github-version-control-beginner/</link>
					<comments>https://lab.imeer.jp/git-github-version-control-beginner/#respond</comments>
		
		<dc:creator><![CDATA[Nori]]></dc:creator>
		<pubDate>Tue, 02 Jun 2026 23:31:30 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[業務改善ログ]]></category>
		<category><![CDATA[AI開発]]></category>
		<category><![CDATA[branch]]></category>
		<category><![CDATA[Git]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[バージョン管理]]></category>
		<category><![CDATA[自動デプロイ]]></category>
		<guid isPermaLink="false">https://lab.imeer.jp/?p=745</guid>

					<description><![CDATA[「Gitって結局何？」「GitHubってGitと何が違うの？」「AI時代に必要って聞くけど、何が便利なの？」 最近はChatGPTやCodexでコードを書く機会が増えた。 その一方で、 みたいなことも普通に起きる。 そこ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>「Gitって結局何？」<br>「GitHubってGitと何が違うの？」<br>「AI時代に必要って聞くけど、何が便利なの？」</p>



<p>最近はChatGPTやCodexでコードを書く機会が増えた。</p>



<p>その一方で、</p>



<ul class="wp-block-list">
<li>AIが大量にコードを書き換える</li>



<li>動いていたものが急に壊れる</li>



<li>修正したら別の場所が壊れる</li>
</ul>



<p>みたいなことも普通に起きる。</p>



<p>そこで重要になってくるのが Git。</p>



<p>それはわかる。わかるが、いろいろ調べても今一つよくわからない。</p>



<p>ので、自分で記事にすることにした。</p>



<p>この記事では、</p>



<ul class="wp-block-list">
<li>GitとGitHubの違い</li>



<li>新規作成からリリースまでの流れ</li>



<li>branchを使った安全な実験方法</li>



<li>壊れた時の戻し方</li>



<li>自動デプロイ</li>



<li>セキュリティ注意点</li>
</ul>



<p>を初心者向けに整理する。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Gitがあると助かる場面</a></li><li><a href="#toc2" tabindex="0">Gitとは</a></li><li><a href="#toc3" tabindex="0">Gitがない世界</a></li><li><a href="#toc4" tabindex="0">Gitがあるとどうなるか</a></li><li><a href="#toc5" tabindex="0">GitとGitHubの違い</a></li><li><a href="#toc6" tabindex="0">Git</a></li><li><a href="#toc7" tabindex="0">GitHub</a></li><li><a href="#toc8" tabindex="0">ローカルGitだけでもかなり価値がある</a></li><li><a href="#toc9" tabindex="0">Git操作の流れ</a></li><li><a href="#toc10" tabindex="0">新規作成からリリースまでの流れ</a></li><li><a href="#toc11" tabindex="0">実際に使うコマンド</a><ol><li><a href="#toc12" tabindex="0">Git初期化</a></li><li><a href="#toc13" tabindex="0">状態確認</a></li><li><a href="#toc14" tabindex="0">変更追加</a></li><li><a href="#toc15" tabindex="0">履歴保存</a></li><li><a href="#toc16" tabindex="0">GitHubへ送る</a></li><li><a href="#toc17" tabindex="0">GitHubから取得</a></li></ol></li><li><a href="#toc18" tabindex="0">mainとbranchとは</a><ol><li><a href="#toc19" tabindex="0">main</a></li><li><a href="#toc20" tabindex="0">branch</a></li></ol></li><li><a href="#toc21" tabindex="0">branchのイメージ</a></li><li><a href="#toc22" tabindex="0">なぜbranchが重要なのか</a><ol><li><a href="#toc23" tabindex="0">branch作成</a></li><li><a href="#toc24" tabindex="0">branch切替</a></li><li><a href="#toc25" tabindex="0">branch作成＋切替</a></li><li><a href="#toc26" tabindex="0">merge（反映）</a></li></ol></li><li><a href="#toc27" tabindex="0">Gitを使ったリリースイメージ</a></li><li><a href="#toc28" tabindex="0">壊れた時の戻し方</a><ol><li><a href="#toc29" tabindex="0">変更取り消し</a></li><li><a href="#toc30" tabindex="0">過去commitを見る</a></li><li><a href="#toc31" tabindex="0">過去commitへ移動</a></li><li><a href="#toc32" tabindex="0">reset &#8211;hard は強力なので注意</a></li></ol></li><li><a href="#toc33" tabindex="0">GitHubと自動デプロイ</a><ol><li><a href="#toc34" tabindex="0">自動デプロイとは</a></li><li><a href="#toc35" tabindex="0">イメージ</a></li><li><a href="#toc36" tabindex="0">何が便利か</a></li></ol></li><li><a href="#toc37" tabindex="0">FTPは注意</a></li><li><a href="#toc38" tabindex="0">セキュリティ注意点</a></li><li><a href="#toc39" tabindex="0">APIキーをcommitしない</a><ol><li><a href="#toc40" tabindex="0">理由</a></li></ol></li><li><a href="#toc41" tabindex="0">実際に起きている事故</a></li><li><a href="#toc42" tabindex="0">.gitignore を使う</a></li><li><a href="#toc43" tabindex="0">初心者向けおすすめ運用</a><ol><li><a href="#toc44" tabindex="0">Step1</a></li><li><a href="#toc45" tabindex="0">Step2</a></li><li><a href="#toc46" tabindex="0">Step3</a></li></ol></li><li><a href="#toc47" tabindex="0">AI時代はGitが重要</a></li><li><a href="#toc48" tabindex="0">よく使うGitコマンド一覧</a></li><li><a href="#toc49" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Gitがあると助かる場面</span></h2>



<p>Gitは単なる「バックアップ」ではない。</p>



<p>実際に助かるのはこういう場面。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
・昨日動いていた状態に戻せる
・AI改修前へ戻せる
・別案を安全に試せる
・PC故障時の保険になる
・公開版だけ管理できる
・どの変更で壊れたか追跡できる
</pre></div>


<p>AI時代は特に、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>「安全に試行錯誤できること」</p>
</blockquote>



<p>の価値が大きい。</p>



	<div class="loco-comment loco-comment-right loco-comment-hint">
		<div class="loco-comment-image">
			<img decoding="async" src="https://lab.imeer.jp/wp-content/uploads/2026/05/319c037b116b468c3814717913348343-1.png" alt="ロコ" loading="lazy">
		</div>
		<div class="loco-comment-balloon">
			AIにコードを直してもらう時ほど、先にGitでセーブポイントを作っておくと安心です。
		</div>
	</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc2">Gitとは</span></h2>



<p>Gitは「変更履歴管理システム」。</p>



<p>簡単に言うと、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>ファイルのセーブポイントを残し続ける仕組み</p>
</blockquote>



<p>に近い。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc3">Gitがない世界</span></h2>



<p>Gitなしだとありがちなのがこれ。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
project_final
project_final2
project_final_last
project_final_last_fix
</pre></div>


<p>途中でどれが正しいか分からなくなる。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc4">Gitがあるとどうなるか</span></h2>


<pre class="mermaid lab-mermaid">flowchart TD

A[ファイルを編集する] --&gt; B[Gitで変更を確認]

B --&gt; C{保存する変更か？}
C --&gt;|はい| D[git add]
D --&gt; E[git commit]
E --&gt; F[履歴として保存]

C --&gt;|いいえ| G[変更を破棄]

F --&gt; H[過去へ戻せる]
F --&gt; I[変更差分を確認できる]
F --&gt; J[どこで壊れたか追跡できる]</pre>



<p>Gitは、</p>



<ul class="wp-block-list">
<li>変更履歴</li>



<li>バージョン管理</li>



<li>復旧</li>
</ul>



<p>を助ける。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc5">GitとGitHubの違い</span></h2>



<p>ここはかなり混乱しやすい。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc6">Git</span></h2>



<p>履歴管理システム本体。</p>



<p>PCだけでも使える。</p>


<pre class="mermaid lab-mermaid">flowchart TD

A[ローカルPC]

A --&gt; B[Git]

B --&gt; C[変更履歴]</pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc7">GitHub</span></h2>



<p>Gitデータをクラウド保管するサービス。</p>


<pre class="mermaid lab-mermaid">flowchart TD

A[ローカルPC]

A --&gt; B[Git]

B --&gt; C[GitHub]</pre>



<p>つまり：</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>名前</th><th>役割</th></tr></thead><tbody><tr><td>Git</td><td>履歴管理</td></tr><tr><td>GitHub</td><td>クラウド保存・共有</td></tr></tbody></table></figure>



	<div class="loco-comment loco-comment-right loco-comment-normal">
		<div class="loco-comment-image">
			<img decoding="async" src="https://lab.imeer.jp/wp-content/uploads/2026/05/469c67917f5a98d4c33f9fe5d85798b3-1.png" alt="ロコ" loading="lazy">
		</div>
		<div class="loco-comment-balloon">
			まずはGitだけでも大丈夫。GitHubは、バックアップや共有が必要になってからでも遅くありません。
		</div>
	</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc8">ローカルGitだけでもかなり価値がある</span></h2>



<p>ここは重要。</p>



<p>初心者は、</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
GitHub必須
</pre></div>


<p>と思いがち。</p>



<p>でも実際には、</p>



<ul class="wp-block-list">
<li>VBA</li>



<li>WordPress</li>



<li>Python</li>



<li>HTML/CSS</li>
</ul>



<p>くらいなら、</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
PC内Gitだけでもかなり助かる
</pre></div>


<p>まずは：</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>壊れても戻せる</p>
</blockquote>



<p>を体験するだけでも価値がある。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc9">Git操作の流れ</span></h2>



<p>初心者が混乱しやすいのが：</p>



<ul class="wp-block-list">
<li>add</li>



<li>commit</li>



<li>push</li>
</ul>



<p>の違い。</p>



<p>まずはこの流れで考えると分かりやすい。</p>


<pre class="mermaid lab-mermaid">flowchart LR

A[ファイル編集]

--&gt; B[git add

保存候補へ入れる]
B --&gt; C[git commit
履歴として保存]

C --&gt; D[git push
GitHubへ送る]</pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc10">新規作成からリリースまでの流れ</span></h2>



<p>初心者向けにかなり簡略化するとこう。</p>


<pre class="mermaid lab-mermaid">flowchart LR

A[プロジェクト作成] --&gt; B[Git初期化]

B --&gt; C[ファイル編集]

C --&gt; D[commit]

D --&gt; E[GitHubへpush]

E --&gt; F[テスト]

F --&gt; G[リリース]</pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc11">実際に使うコマンド</span></h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc12">Git初期化</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git init
</pre></div>


<p>現在フォルダをGit管理化する。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc13">状態確認</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git status
</pre></div>


<p>最重要コマンド。</p>



<p>初心者はまずこれを多用する。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc14">変更追加</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git add .
</pre></div>


<p>変更ファイルをcommit対象へ入れる。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc15">履歴保存</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git commit -m &quot;初回登録&quot;
</pre></div>


<p>セーブポイント作成。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc16">GitHubへ送る</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git push
</pre></div>


<p>GitHubへアップロード。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc17">GitHubから取得</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git pull
</pre></div>


<p>GitHub側の最新状態を取得。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc18">mainとbranchとは</span></h2>



<p>Gitで重要なのが branch。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc19">main</span></h3>



<p>本線。</p>



<p>現在の安定版。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc20">branch</span></h3>



<p>実験用コピー。</p>



<p>別世界を作るイメージ。</p>



<p>mainをコピーして、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>安全な実験空間</p>
</blockquote>



<p>を作る。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc21">branchのイメージ</span></h2>


<pre class="mermaid lab-mermaid">flowchart LR
subgraph MAIN[&quot;main（安定版）&quot;]
    M1[v1.0]
    M2[不具合修正]
    M3[v1.1]
end

subgraph BRANCH[&quot;feature-ui&quot;]
    B1[UI変更]
    B2[AI改修]
    B3[色調整]
end

M1 -. branch作成 .-&gt; B1
B1 --&gt; B2
B2 --&gt; B3

B3 -. merge .-&gt; M3</pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc22">なぜbranchが重要なのか</span></h2>



<p>AI時代は特に重要。</p>



<p>例えば：</p>



<ul class="wp-block-list">
<li>Codexで大規模改修</li>



<li>CSS全変更</li>



<li>WordPress改造</li>
</ul>



<p>を直接mainでやると危険。</p>



<p>branchなら：</p>



<ul class="wp-block-list">
<li>失敗しても捨てられる</li>



<li>mainは壊れない</li>
</ul>



<p>ので安全。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc23">branch作成</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git branch feature-ui
</pre></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc24">branch切替</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git checkout feature-ui
</pre></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc25">branch作成＋切替</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git checkout -b feature-ui
</pre></div>


<p>これをよく使う。</p>



	<div class="loco-comment loco-comment-right loco-comment-hint">
		<div class="loco-comment-image">
			<img decoding="async" src="https://lab.imeer.jp/wp-content/uploads/2026/05/319c037b116b468c3814717913348343-1.png" alt="ロコ" loading="lazy">
		</div>
		<div class="loco-comment-balloon">
			AI改修を頼む前に branch を切る、という癖をつけると事故が減ります。
		</div>
	</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc26">merge（反映）</span></h3>



<p>問題なければmainへ反映。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git checkout main
git merge feature-ui
</pre></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc27">Gitを使ったリリースイメージ</span></h2>



<p>Gitは「開発」だけではなく、</p>



<p>公開まで繋がる。</p>


<pre class="mermaid lab-mermaid">flowchart LR

A[開発]

--&gt; B[テスト]
B --&gt; C[mainへmerge]

C --&gt; D[GitHubへpush]

D --&gt; E[本番公開]</pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc28">壊れた時の戻し方</span></h2>



<p>Gitの最大価値。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc29">変更取り消し</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git restore .
</pre></div>


<p>commit前の変更を戻す。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc30">過去commitを見る</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git log
</pre></div>


<p>履歴一覧を見る。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc31">過去commitへ移動</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git checkout コミットID
</pre></div>


<p>昔の状態を見る。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc32">reset &#8211;hard は強力なので注意</span></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
git reset --hard コミットID
</pre></div>


<p>完全に戻す。</p>



<p>ただし、</p>



<ul class="wp-block-list">
<li>作業内容が消える</li>



<li>初心者は事故りやすい</li>
</ul>



<p>ので注意。</p>



	<div class="loco-comment loco-comment-right loco-comment-alert">
		<div class="loco-comment-image">
			<img decoding="async" src="https://lab.imeer.jp/wp-content/uploads/2026/05/46726c5a12f0685897e7125fbe7f4c6f-1.png" alt="ロコ" loading="lazy">
		</div>
		<div class="loco-comment-balloon">
			reset --hard は強力です。迷ったら、先に別branchを作るか、作業フォルダをコピーしてから実行した方が安全です。
		</div>
	</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc33">GitHubと自動デプロイ</span></h2>



<p>最近かなり便利。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc34">自動デプロイとは</span></h3>



<p>GitHubへpushすると：</p>



<ul class="wp-block-list">
<li>サーバーへ自動反映</li>



<li>公開サイト更新</li>
</ul>



<p>まで自動化する仕組み。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc35">イメージ</span></h3>


<pre class="mermaid lab-mermaid">flowchart LR

A[ローカルPC]

--&gt; B[git push]
B --&gt; C[GitHub]

C --&gt; D[GitHub Actions]

D --&gt; E[サーバーへデプロイ]

E --&gt; F[Webサイト更新]</pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc36">何が便利か</span></h3>



<p>例えば：</p>



<ul class="wp-block-list">
<li>WordPressテーマ</li>



<li>HTMLサイト</li>



<li>React</li>



<li>Pythonアプリ</li>
</ul>



<p>など。</p>



<p>毎回FTPアップロードしなくてよくなる。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc37">FTPは注意</span></h2>



<p>昔ながらのFTPは危険。</p>



<p>できれば：</p>



<ul class="wp-block-list">
<li>SFTP</li>



<li>SSH</li>
</ul>



<p>推奨。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc38">セキュリティ注意点</span></h2>



<p>ここはかなり重要。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc39">APIキーをcommitしない</span></h2>



<p>例えば：</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
API_KEY=xxxxx
PASSWORD=abc
</pre></div>


<p>をGit管理すると危険。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc40">理由</span></h3>



<p>Gitは履歴が残る。</p>



<p>つまり：</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>一瞬でもcommitすると履歴から掘れる</p>
</blockquote>



<p>削除しても危険。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc41">実際に起きている事故</span></h2>



<p>実際には、</p>



<ul class="wp-block-list">
<li>AWSキー流出</li>



<li>OpenAI APIキー流出</li>



<li>WordPressパスワード流出</li>
</ul>



<p>などが起きている。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc42">.gitignore を使う</span></h2>



<p>Git管理除外設定。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
.env
node_modules/
vendor/
config.local.php
</pre></div>


<p>秘密情報を除外する。</p>



	<div class="loco-comment loco-comment-right loco-comment-alert">
		<div class="loco-comment-image">
			<img decoding="async" src="https://lab.imeer.jp/wp-content/uploads/2026/05/46726c5a12f0685897e7125fbe7f4c6f-1.png" alt="ロコ" loading="lazy">
		</div>
		<div class="loco-comment-balloon">
			APIキーやパスワードを一度commitすると、削除しても履歴に残ります。公開リポジトリでは特に注意です。
		</div>
	</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc43">初心者向けおすすめ運用</span></h2>



<p>最初はこれで十分。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc44">Step1</span></h3>



<p>ローカルGit。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
PC
 └ Git
</pre></div>


<p>まずは「戻せる」ことを覚える。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc45">Step2</span></h3>



<p>GitHub Private。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
PC
 ↓
GitHub Private
</pre></div>


<p>バックアップ追加。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc46">Step3</span></h3>



<p>自動デプロイ。</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
GitHub
 ↓
サーバー
</pre></div>


<p>更新自動化。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc47">AI時代はGitが重要</span></h2>



<p>最近は特に重要。</p>



<p>AIは：</p>



<ul class="wp-block-list">
<li>一括変更</li>



<li>大量修正</li>



<li>想定外変更</li>
</ul>



<p>を普通にやる。</p>



<p>つまり、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>「戻せる前提」</p>
</blockquote>



<p>がかなり重要になる。</p>



<p>Gitはその保険。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc48">よく使うGitコマンド一覧</span></h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>コマンド</th><th>内容</th></tr></thead><tbody><tr><td>git init</td><td>Git開始</td></tr><tr><td>git status</td><td>状態確認</td></tr><tr><td>git add .</td><td>変更追加</td></tr><tr><td>git commit -m &#8220;msg&#8221;</td><td>履歴保存</td></tr><tr><td>git push</td><td>GitHubへ送信</td></tr><tr><td>git pull</td><td>GitHub取得</td></tr><tr><td>git branch</td><td>branch一覧</td></tr><tr><td>git checkout</td><td>branch切替</td></tr><tr><td>git checkout -b</td><td>branch作成＋切替</td></tr><tr><td>git merge</td><td>branch統合</td></tr><tr><td>git restore .</td><td>変更取消</td></tr><tr><td>git log</td><td>履歴表示</td></tr><tr><td>git reset &#8211;hard</td><td>強制的に戻す</td></tr></tbody></table></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc49">まとめ</span></h2>



<p>Gitは、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>「完成品保存」</p>
</blockquote>



<p>ではなく、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>「安全に試行錯誤するための履歴管理」</p>
</blockquote>



<p>に近い。</p>



<p>特にAI開発では：</p>



<ul class="wp-block-list">
<li>壊れる速度が速い</li>



<li>修正範囲が広い</li>



<li>何を変えたか追いにくい</li>
</ul>



<p>ので、Gitの価値がかなり上がっている。</p>



<p>個人開発でも、</p>



<ul class="wp-block-list">
<li>復旧性</li>



<li>実験性</li>



<li>継続改善</li>
</ul>



<p>を考えるなら、かなり重要な基盤だと思う。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://lab.imeer.jp/git-github-version-control-beginner/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
