マンガで学ぶ♪バイブコーディング講座④Git管理で生成AIと自分の作業を区別しよう

バイブコーディング

バイブコーディングを分かりやすくご紹介するために、漫画を始めてみました^^

今回は第4回目。ひつじのバイブコーディング学校がスタート。最初の授業です。よかったら、読んでみてくださいね。



Git管理で生成AIと自分の作業を区別しよう

バイブコーディングでWebアプリを作るとき、AIにコードを書いてもらうだけでなく、自分の作業ときちんと切り分けておくことも大切です。

そこで出てくるのが「Git(ギット)」。Gitについて、もう少し詳しくお伝えしていきますね。

Gitとは?

Gitは、いつ・だれが・なにを変更したかを記録できる、バージョン管理システムです。
Webアプリ開発では、ほぼ必須といっていいくらい、重要なしくみです。

バイブコーディングでのGitの使い方

バイブコーディングは、いってみれば、生成AIとの共同作業です。

生成AIに作業を任せると、うっかり既存のコードを書き換えられてしまったりするかもしれません。

そんなときにも、Gitで作業を区切っておけば、「ここまでは自分がやった」「ここから先はAIがやった」とちゃんと見分けがつきます。

 Gitの4つの基本ステップ

Gitには、以下のような基本ステップがあります。

  • 📝 ステージング: 変更したファイルの中から、記録に残したいものを「準備エリア」に移す

  • 💾 コミット: 準備エリアの内容を「確定した記録」として保存する

  • ☁️ プッシュ: ローカル(自分のパソコン)の記録を、GitHubなどのリモートリポジトリにアップロードする

  • 📥 プル: リモートリポジトリの変更を、自分のパソコンやサーバーに反映する

バイブコーディングではステージングやコミットを活用しよう

生成AIに作業を頼む前に、まずは自分の変更をステージングしておきましょう。作業がある程度まとまっていれば、コミットまでしてからAIにパスすると安心です。

実際の方法は、下記の動画版を見てみてくださいね。6分あたりから、ステージングとコミットを実施しています。

↓↓

バイブコーディングのリスクと対策①|Laravel開発で起こった事件・Git管理でプロジェクトを守る方法

 大きな機能追加には「ブランチ」も活用しよう

Devin や Claude Code などを使って、大きな機能をまとめてAIに追加してもらうときには、ブランチの活用もおすすめです。

「ブランチ」とは、メインの開発ラインから枝分かれした別の作業スペースのこと。

チーム開発では、外部の人に依頼するときにブランチを使うのが基本ですが、 バイブコーディングでも、AIを“外部の開発者”として扱うイメージでブランチを使うと安全です。

さいごに

「マンガで分かるバイブコーディング」で、楽しみながら、バイブコーディディングを学んでもらえたら嬉しいです。

「面白い」「続きみたい」と思っていただけたら、ぜひ、Xでフォローしてくださいね。新しくマンガを書いたら、Xに投稿していきます。

 

★第1回目から読みたい!と思ったらこちらから★

バイブコーディング

お仕事のご相談・お問い合わせ窓口

お問い合わせフォームへ

開発案件・法人研修・コンサルティング実施しています。 お気軽にお問い合わせください。
ご挨拶&サービスご紹介動画ございます。

お問い合わせフォームへ

お仕事のご相談・お問い合わせ窓口

お問い合わせフォームへ

こちらよりお気軽にお問い合わせください。 ご挨拶&サービスご紹介動画ございます。

お問い合わせページを見てみる

【Laravelの教科書・プレゼント】

Junko
Laravelの使い方を覚えたい!と思ったら、ぜひ、役立ててほしいです。 基礎編は無料でプレゼント中です♪
ひつじプログラマ
会員制サイトをいちから作っていくよ。ボタンをクリックして詳細を見てね。
Laravelの教科書の詳細を見る

最新版テキストに加え、Laravel8版~Laravel11版もご用意しています♪

【無料プレゼント】

「LaravelでWebアプリをいちから作れるようになりたい!」

そんなLaravel初心者のあなたへ【Laravelの教科書】基礎編プレゼント中! 会員制フォーラムサイトを学習しながら作れます。

詳細はこちらをクリック

最新版テキストに加え、Laravel8版からLaravel11版もご用意しています♪

Laravelの本を書きました。


ひつじが目印♪

Laravelの使い方を分かりやすく解説した書籍を出版しました。 ご好評につき、最新版に対応した改訂版を2025年7月に発売
書店やAmazon等のオンラインショップにて販売中です。 詳しくは下記ボタンをクリック

書籍の詳細を見てみる

Laravelの本書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravelの使い方を分かりやすく解説した書籍を出版しました。ご好評につき最新版対応の改訂版発売。書店やAmazon等のオンラインショップにて販売中です。

書籍の詳細を見てみる
Twitter始めました。
40代からプログラミング!
タイトルとURLをコピーしました