一口サイズで楽しむバイブコーディング - 基礎から実践デプロイまで (Claude & Codex)
winterlood
AIはまさにあなた次第で素晴らしくなります。AI活用法 → 基礎・核心知識 → プロジェクト開発の3段階で完成する完璧なバイブコーディング。バイブコーディングを本格的に学んでみたい方のために、どんなAIを使用しても変わらない核心概念を、一口サイズに凝縮してお届けします。
入門
Web Application, Network, security training
あなたの想像が現実になる時間、「バイブコーディング」の世界へ招待します。 "コーディングは分からなくても、作りたいものははっきりしている" そんな皆さんのために、この講義を準備しました。 ChatGPTやClaudeのようなAIが登場し、誰もが開発できると言われるようになりました。しかし、実際に試してみるといかがでしょうか? - "単純なコードはうまく書いてくれるけど、ファイルが複数に増えるとAIが前の内容を忘れてしまう。" - "それっぽく見えるのに実行するとエラーが出て、直してほしいと頼むともっと的外れなコードを返してくる。" このような経験、一度はあるはずです。 私自身も、初めてAIと協業した時は同じ挫折を味わいました。AIは優れた「助手」でしたが、森全体を見ることができないという限界があったからです。しかし、OpenAI Codex CLIに出会い、「バイブコーディング(Vibe Coding)」という新しい手法を身につけることで、私の開発プロセスは完全に変わりました。 この講義は、皆さんが直面している問題を解決すると同時に、コーダーではなくAIエージェントを指揮するディレクターへと変えてくれます。私と一緒にCodex CLIという強力なツールを装備し、想像を現実にする刺激的なバイブコーディングの旅を始めてみましょう。
AIエージェント'コーデックス'と協業し、コーディングの知識がなくてもアイデアをソフトウェアとして具現化する'バイブコーディング'能力を培養する
バイブコーディングに必要な必須AI開発知識を習得することができる。
エージェントに記憶とルールを植え付けるノウハウを習得できる。
AIが作成したコードを実際のサービスに繋げることができる。
一日が遠く感じるほど目まぐるしく変わるAI技術、学ばなければ取り残されてしまいそうなのに
プログラミングをしたこともなく、不安ばかり感じていらっしゃいますか?
プロンプトエンジニアリング、コンテキストエンジニアリング..
初心者には難しすぎて、堅苦しい内容ではないでしょうか?
AIエージェントを指揮する開発者は、コードを直接作成する開発者とは次元の異なる効率と成果物を生み出します。皆さんの第一歩をサポートいたします。
基礎から応用まで、一歩ずつ着実に学ぶことができます。
AIが前の内容を忘れてしまいますか?的外れなコードを渡されてイライラしましたか?
ニュースや各種メディア、YouTubeではAIを学ぶべきだと絶えず不安を煽られますが、実際どこから始めればいいのか悩みだけが深まっていませんか?
AIが立てられた計画通りに動き、自らエラーを修正する経験を、今すぐ直接体験してみてください。
コーディングの知識がなくても大丈夫です。 AIエージェントをディレクターとして指揮する方法を身につけ、あなたのアイデアをソフトウェアとして具現化する驚きの体験を始めましょう。
コーディングの経験がなくても大丈夫です。
AIを完璧に指揮するディレクターになって、あなたの製品をじっくりと作り上げてみてください。
AIエージェントと一緒なら、アイデアがすぐに現実になります。プログラミングの知識がなくても可能です。
もはや複雑なコードを自分で書くことに挫折する必要はありません。ChatGPTやClaudeのようなAIが見落としがちな部分、つまり複数のファイルで構成されたプロジェクトの文脈を忘れてしまったり、的外れなコードを生成したりする問題を解決する「バイブコーディング」の手法を学びます。コーダーではなく、AIエージェントを指揮するディレクターとして、想像するすべてをソフトウェアとして具現化する体験をすることになります。
コーディングの経験がなくても、アイデアを現実にしたいですか?この講義は、AIエージェント「コーデックス(Codex)」と協業する「バイブコーディング」方式を通じて、複雑なコードを書く代わりにAIに明確な指示を出すディレクターになる方法をお教えします。
単なるコード生成を超えて、AIが自律的に計画・実行し、問題を解決するエージェンティックAIの概念と実際の適用法を学びます。
Codex CLIのインストールから始まり、GitとGitHubの連携、VSCodeの統合活用まで、実際のプロジェクトを段階的に作成していきます。
シングルプロンプトでのゲーム作り、セッション要約プログラムの制作、カンファレンスのランディングページ構築など、多様な実習を通じてAIと共にコーディングする能力を養います。
3Dレーシングゲーム
セッション要約プログラム
コーデックスが作るマーケティングビデオ
講義全体を通して、Codex CLI、VSCode拡張機能、MCP(Model Configuration Protocol)、スキル、Codexアプリ、Codexモバイルなど、最新のAI開発ツールと環境設定方法を詳しく案内します。
実際のプロジェクトにすぐ適用可能な設定ガイドやサンプルコード、そしてAGENTS.mdのようなコンテキスト管理のノウハウまで提供し、皆さんの開発能力を一段と引き上げます。
講義資料および実際の講義の実演風景
Section 1
生成AIの限界を超えたエージェンティックAIの概念と自律性を理解し、AIと協業する新しい開発手法であるバイブコーディングの基本原理を紹介します。AIエージェントの自律的な動作方式とその重要性を学習します。
セクション 2
Codex CLIをmacOSおよびWindows環境にインストールし、ターミナル環境を設定する方法を学びます。CLIの内蔵コマンドとAPIキーを活用したログイン、セッション管理機能を習得します。
セクション 3
開発協力の必須ツールであるGitとGitHubの基本概念を学習し、実際のプロジェクトに適用する方法を習得します。シングルプロンプトベースのレーシングゲーム開発実習を通じて、バイブコーディングを体験します。
セクション 4
VSCodeのインストールおよびコーデックスCLIのセッション管理機能を活用して、プロジェクトのコンテキストを維持する方法を学習します。セッション情報を活用した要約プログラムの開発実習を通じて、コード管理能力を向上させます。
Section 5
config.tomlファイルを活用してコーデックス環境を設定し、カスタムプロファイルやClaudeなどの外部モデルを連動させる方法を学びます。非インタラクティブモードの使用方法も習得します。
セクション 6
カスタム形式で出力を受け取り、セッション履歴を管理しながら、Codexの記憶メカニズムを理解します。システムプロンプトを活用して、カスタマイズされたAI秘書を作成する高度な技法を習得します。
セクション 7
CLIを超えてGUI環境のコーデックスアプリを探索し、ワークツリーモードを活用したフロントエンド開発の実習を行います。ブラウザ、視覚化機能およびメモリ、自動化機能を活用する方法を学びます。
セクション 8
VSCode用のCodex拡張機能をインストールしてインターフェースに慣れ、プランモードを活用して開発生産性を高める方法を学習します。
Section 9
AIに効果的にタスクを指示するプロンプトエンジニアリングの手法と、ファイルやスレッドなど多様なコンテキストを管理するコンテキストエンジニアリングを学びます。AGENTS.mdを活用したウェブアプリケーション開発の実習を含みます。
セクション 10
MCP(Multi-Command Processor)を使用して、Codexと外部ツールを連携させる方法を学習します。OpenAI Docs、Context7、Figma、Supabase、Cloudflareなど、さまざまなMCPを活用した実践プロジェクトを進行します。
セクション 11
Agent Skillsの概念とオープン標準を理解し、これを活用して企画、PRD作成、UIデザイン、データベース連携、デプロイ、およびメディア生成までを含むリアルタイムゲストブックアプリを開発します。
セクション 12
PCがなくても作業可能なCodex Cloudとモバイル環境を探索し、VSCodeでクラウド環境を使用します。ワークツリーとサブエージェントを活用した同時作業方式を実習します。
セクション 13
Spec KitおよびBMADフレームワークを通じて、仕様ベースの開発と役割ベースの製品開発を学習します。/goalループを活用して、プロジェクトの残りのエピックとストーリーを完了させる実践プロジェクトを遂行します。
コーデックス完璧ガイド著者のコーデックス入門講義
アイデアはたくさんあるけれど、コーディングの経験がなく、AIに具体的にどう依頼すればいいかわからず困っている方。ChatGPTを使ってみたことはあるけれど、実際のプロダクト開発に活用した経験がない方。
現在の会社に最新のAI開発手法とCodex CLIを活用した新しい協業スタイルを広めたい現役エンジニア。AIエージェントの自律性と問題解決能力を実際のプロジェクトに適用したい方。
プログラミングの経験は全くないが、自然言語だけで反復的な業務を処理する自分だけのアプリケーションを作りたい会社員。AIを活用してアイデアを実際のソフトウェアとして具現化する経験をしたい方。
実習環境
OS:MacOSまたはWindows(WSL2のインストールが必要)
必須インストールツール: Node.js, Git, Visual Studio Code
有料購読: OpenAI ChatGPT Plus (Cursor CLIの使用に必要)
前提知識および注意事項
プログラミングの経験がなくても大丈夫です。
自然言語ベースのアイデアをコードで具現化したい方に適しています。
AIとの協業について新しい視点を得たい方におすすめです。
本の購入は任意です。
学習資料
講義で提供されるコード例および実習資料
Codex CLI 公式ドキュメントおよび関連チュートリアル
概念の理解を助ける視覚資料およびダイアグラム
学習対象は
誰でしょう?
ChatGPTを有料購読中で、バイブコーディングを体験してみたい非専門家
OpenAIの最新技術を使ってバイブコーディングを始めたい起業家志望の方
在職中の会社に新しいAI開発手法とスキルを広めたい現役エンジニア
プログラミング経験は全くないが、自然言語を使って自分専用の業務活用アプリケーションを作りたい会社員
前提知識、
必要でしょうか?
授業でChatGPTの有料サブスクリプションを使用します。
キャリア認証
53
受講生
5
受講レビュー
4.8
講座評価
1
講座
こんにちは!ダンテです。
最近、Vibe Coding Codex完全ガイド、改めて深く学ぶインサイドReactの著者です。
CoupangやNAVERなどの有数の大企業でソフトウェアエンジニアとして勤務した経験があり、400回以上メンティーの方々にお会いし、AIエージェントの実務適用および学習方法、フロントエンド開発および学習コンサルティングを行ってきました。

今どきのバイブコーディング・コーデックス完全ガイド
教保文庫: https://bit.ly/3NU1ygt
YES24: https://bit.ly/4pQalxk
アラジン: https://bit.ly/3Zs8wvG
私のメンタリングに興味がありましたら
https://mentoring.inflearn.com/mentors/1535 をご確認ください :) nhé :)

改めて深く学ぶインサイドReact
全体
68件 ∙ (8時間 24分)
講座資料(こうぎしりょう):
全体
5件
4.8
5件の受講レビュー
受講レビュー 8
∙
平均評価 5.0
受講レビュー 4
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 4.0
修正済み
受講レビュー 9
∙
平均評価 5.0
同じ分野の他の講座を見てみましょう!