【1時間でわかる】OpenAI Codex（ChatGPT）でバイブコーディング入門！IDE・CLI 版の比較と基礎を動画1本で完全理解
公開日: 2025年9月8日

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

こんにちは、とまだです！

「ChatGPTのサブスク持ってるけど、Codexって何？」
「Claude Codeは使ってるけど、Codexの違いがわからない」
「IDE版とCLI版って何が違うの？」

そんな疑問を1時間で完全解決します！

今回は、OpenAIが提供するAIエージェント「Codex」について、実際にWebサイトやランディングページを作りながら、基礎から実践まで徹底的に解説しました。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎯 この動画を見るとできるようになること

✅ CodexのIDE版(VS Code拡張)を使いこなせる
✅ CLI版でターミナルから高度な開発ができる
✅ 適切な使い分けで開発効率を最大化できる
✅ モダンなWebサイトを30分で作れる
✅ エラー対処も含めた実践的なスキルが身につく

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

💡 こんな方におすすめ

ChatGPT Plus/Proを契約している
AI駆動開発に興味がある
Claude Codeとの違いを知りたい

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🚀 さらに深く学びたい方へ

この動画は私のUdemy講座の一部から抜粋しており、Codexの基礎編となっております。

より体系的に、実践的なスキルを身につけたい方はCodex CLI/IDE 実践マスター講座をチェックしてみてください！

✨ カスタムコマンドの作成方法
✨ MCP連携で外部ツールを自在に操る
✨ Playwright や Supabase 操作も自動化
✨ Next.js × Supabaseで本格アプリ開発
✨ マークダウンプレビュー＆ユーザー認証付きの高度なメモアプリ開発

🎁 限定クーポンで90%OFF！: https://school.learning-next.app/coup...

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🔗 SNS・コミュニティ

🐦 X(Twitter): https://x.com/muscle_coding
📝 note: https://note.com/tomada
💻 Qiita: https://qiita.com/tomada
📘 Zenn: https://zenn.dev/tmasuyama1114

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

💬 Discordコミュニティ(無料)

最新情報をキャッチアップしつつ、AI駆動開発を学ぶ仲間と繋がれるDiscordコミュニティも運営してます!気軽に参加してみてください。

Discordに参加する: https://discord.gg/qZDRagzbVD

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

📚 タイムライン

00:00 - Codex とは？
04:19 - ChatGPT のサブスク登録
07:46 - Codex IDE 拡張機能を導入
11:35 - Codex IDE を使ってみよう
14:57 - 設定画面を見てみよう
22:07 - Webサイトを作ってみよう
29:33 - Codex CLI をインストール
32:50 - Codex CLI を使ってみよう
44:04 - /init で AGENTS.md を作成
52:52 - Codex で LP を作ってみよう

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━



━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

💬 コメント・質問お待ちしています!

実際に試してみた感想や、つまずいた点があればコメント欄で教えてください。
可能な限りお答えします!

チャンネル登録・高評価いただけると今後の動画作成の励みになります🙏