未ログイン状態で閲覧中
  • 投稿日:2026/01/15
  • 更新日:2026/01/17
つまずかない!バイブコーディング実践スタート手順

つまずかない!バイブコーディング実践スタート手順

  • 1
  • -
会員ID:cBpNQHjc

会員ID:cBpNQHjc

この記事は約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でリポジトリを作成する

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:cBpNQHjc

投稿者情報

会員ID:cBpNQHjc

パンダ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません