- 投稿日:2026/01/15
- 更新日:2026/01/17
この記事は約5分で読めます
要約
VSCode+Codex+GitHubを使った「バイブコーディング」を、完全初心者でも迷わず進められる手順として整理しました。GitHub連携で詰まりやすいポイントも回避でき、そのまま実践・共有できる内容です。実際につまずいた実例を基にしているため、同じ失敗を避けられるかと。
バイブコーディングとは
AI(ChatGPT / Codex など)と対話しながら、雰囲気(=バイブ)でテンポよくコードを書いていく開発スタイルのこと。
典型的な流れ
1. やりたいことを日本語で伝える
2. AIがコードを生成
3. 動かして確認
4.「ここを直したい」と伝える
5. またAIが修正
この繰り返しです。
ゴール(ここまで行けば成功)
✅VSCodeでプロジェクトフォルダを開いている
✅Gitが初期化され、main ブランチが存在する
✅GitHubと正しく接続されている
✅Codexでそのまま開発を始められる
事前に必要なもの
✅GitHubアカウント
✅ChatGPTアカウント
✅VSCodeインストール済み
✅VSCodeでCodexをインストール済み
✅Gitインストール済み
※ Macは基本不要/Windowsは https://git-scm.com/ からインストール
手順
STEP 1:GitHubでリポジトリを作成する
続きは、リベシティにログインしてからお読みください