【初心者から】Codex入門：はじめてのバイブコーディング！VScode上でChatGPT系開発ツールを使ってみよう！

このコースでは、次世代のAI開発環境 Codex を実際に触りながら学び、アプリケーション開発からデータ分析、デザイン連携や決済システムの実装まで幅広く体験できるように構成されています。
「AIを使ってみたいけど、どこから始めたらいいのか分からない」という方でも安心できるよう、インストールから丁寧に解説。さらに、実際にアプリを作成していくステップを通じて、自然と開発スキルが身につくようにデザインしています。

主な学習内容

• Codex IDEの基本操作
  VS Codeの導入、Codex IDEのインストール、日本語化やショートカット設定まで、環境構築の基礎をしっかり学びます。

• Codexを使ったアプリ開発
  Git連携、データベース接続、UI変更を実際に体験。さらに、データ分析やタイピングゲームなど、小さなアプリ開発を通じて実践的に学びます。

• Codex Cloud & CLIの活用
  クラウド環境でのタスク実行や各種設定に加え、CLIを使った効率的な開発手法も取り上げます。

• MCP（Modular Codex Plugin）の応用
  Supabase、Stripe、PlayWright、Figmaなどの外部サービスと連携し、実際に決済やテスト、デザインインポートまで行えるように。

• アプリ開発の総合演習
  最後は「自分のアプリを作る」ステップへ。これまで学んだ内容を活かして、ゼロから完成までの流れを体験します。

◯目次

1. 紹介

   1. 紹介

   2. 受講の進め方

   3. 受講特典

2. Codex IDEを使ってみよう！

   1. このセクションについて

   2. vscodeダウンロード

   3. Codex IDEインストール

   4. vscode日本語化

   5. vscodeの機能について

   6. vscode画面サイズ変更

   7. ChatGPTログイン

   8. ChatGPT Plusプラン加入

   9. コーポレートサイト作成

3. Codexについて

   1. このセクションについて

   2. 基礎解説Codexについて

   3. Codex設定 ユーザー

   4. Codex設定 ワークスペース

   5. Codex設定 ショートカット

4. Codex IDEを使いこなす

   1. このセクションについて

   2. Git連携

   3. Gitの簡単な解説（飛ばしても構いません）

   4. アプリ作成

   5. DB連携

   6. Gitに反映

   7. UI変更

5. Codex Cloud

   1. このセクションについて

   2. 初期設定

   3. タスク実行

   4. 各種設定

6. Codex IDE実践

   1. このセクションについて

   2. データ分析

   3. タイピングゲーム

   4. 文字数カウントアプリ（プロンプトテンプレートを使ってみる）

7. Codex CLIを使ってみよう！

   1. このセクションについて

   2. GPT-5-Codexについて

   3. Codex CLIについて

   4. Codex CLIのインストール

   5. スラッシュコマンド

   6. 簡単にアプリを作ってみよう

8. MCPを活用する

   1. このセクションについて

   2. MCPについて

   3. Serenaについて

   4. Serena MCPインストール

   5. Serena MCPを用いた実装

   6. Supabaseについて

   7. Supabase MCPインストール

   8. Stripeについて

   9. Stripe MCPインストール

   10. Stripe MCPによる決済システム実装

   11. PlayWrightについて

   12. PlayWright MCPインストール

   13. PlayWright MCPによるテスト実行

   14. Figmaとは

   15. Figma MCPインストール

   16. Figma MCPによるデザインインポート

9. アプリを作ってみよう

   1. このセクションについて

   2. アプリ作成1

   3. アプリ作成2

10. ボーナスレクチャー

    1. ボーナスレクチャー