Your cart is empty.
Keep shopping【Codex CLI】実践レベルのアプリ開発で学ぶバイブコーディング！カスタムコマンド・MCP連携の完全ガイド
2,574 students
【Codex CLI】実践レベルのアプリ開発で学ぶバイブコーディング！カスタムコマンド・MCP連携の完全ガイド
初心者も安心！OpenAI Codexの基礎から実践まで完全網羅。カスタムコマンドとMCP（Context7・Playwright・Supabase）で開発効率10倍。React/Next.jsアプリを作りながら次世代のAI開発手法を習得！
Created byとまだ Tomada
Last updated 7/2026
Japanese
Japanese [Auto],
What you'll learn
- OpenAI Codex IDE版とCLI版の両方の使い方と使い分け方
- カスタムスラッシュコマンドの作成方法と実践的な活用テクニック
- MCP（Model Context Protocol）を使った外部ツール連携の実装方法
- Context7、Playwright、Supabase MCPの設定と活用法
- Reactでのバイブコーディング実践とストップウォッチアプリ開発
- Next.js とSupabaseを使った本格的なメモアプリの開発
- マークダウン対応と全文検索機能の実装方法
- AI駆動開発における効率的なワークフローの構築方法
Explore related topics
Course content
13 sections • 70 lectures • 5h 55m total length
Requirements
- パソコンの基本的な操作ができること
- インターネット接続環境があること
- ChatGPT Plus サブスクリプション（月額$20）の契約
- 基本的なHTML/CSSの知識があるとスムーズですが、必須ではありません
- プログラミング経験は問いません！バイブコーディングで進めます
Description
本講座では、OpenAI CodexのIDE版とCLI版の両方を使いこなし、
カスタムコマンドやMCP連携といった高度な機能まで完全マスターできます。
さらに、Next.js x Supabase のメモアプリ開発を通じて、
基礎レベルだけでなく実践レベルの AI 駆動開発スキルが身につきます。
[講座の特徴]
1. IDE版とCLI版の両方を完全カバー
- VS Code拡張機能版の使い方
- ターミナルから使うCLI版の活用法
- それぞれの得意分野と使い分けのコツ
- 状況に応じた最適な選択ができるように
2. カスタムコマンドで開発効率10倍
- /review コマンドの作成をしながらカスタマイズ手法を学ぶ
- 頻繁に使う作業を1コマンドで実行
3. MCP連携で外部ツールを自在に操る
- Context7で最新ドキュメントを自動取得
- Playwrightでブラウザ操作を自動化
- Supabaseでデータベースを直接操作
- 複数MCPを組み合わせた強力な開発環境
4. 実践的なアプリ開発で即戦力スキル
- ストップウォッチアプリ開発しながら基礎を理解
- Next.js 15 x Supabaseで本格メモアプリの開発
- マークダウンプレビュー対応、全文検索機能まで実装
※デモ動画では Mac OS にて説明いたします。
【講師について】
Udemy講座17本公開、AI 駆動開発（Claude Code / Codex など）だけでも13講座を公開（2026年時点）。
複数の講座でベストセラーを獲得しており、 AI 駆動開発 のプロフェッショナルです。
本業は現役フリーランスエンジニアであり、さらに AI 駆動開発導入のコンサルティングの経験もある「とまだ」が、実践的なノウハウを惜しみなくお伝えします！
【投資対効果】
・コース料金は数日間の作業効率化で回収可能
・習得したスキルは一生もののキャリア資産
・収入アップ＆キャリアアップによる長期的なリターンが期待できます
Who this course is for:
- ChatGPTを普段使っていて、バイブコーディングでアプリを作ってみたい方
- Claude CodeやCursorユーザーで、他のAIツールも使いこなしたいエンジニア
- カスタムコマンドやMCP連携で開発効率を上げたい現役開発者
- AI駆動開発の実践的なスキルを身につけたい初中級者
- React/Next.jsをAIと一緒に学びたいフロントエンドエンジニア志望者
- チーム開発でAIツールの活用を推進したいテックリード
- 繰り返し作業を自動化して生産性を向上させたい個人開発者