Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
初心者向けCodex CLI バイブコーディング 基礎マスターコース
Rating: 3.8 out of 5(255 ratings)
4,064 students

初心者向けCodex CLI バイブコーディング 基礎マスターコース

初心者のためのOpenAI Codex CLI活用術 バイブコーディングで学ぶJavaScript・HTML・CSSによるWebサイト、アプリ、Chrome拡張機能制作
Last updated 9/2026
Japanese
Japanese [Auto],

What you'll learn

  • OpenAIのCodex CLIの基本操作と効率的な使い方を理解できる
  • バイブコーディング形式でJavaScript・HTML・CSSを使ったWebサイトやシンプルなアプリを作れるようになる
  • 基本的なWebサイト制作の流れを学び、自分の作品をインターネット上に公開できる
  • Chrome拡張機能の基本的な仕組みと作り方を理解できる
  • AIによるコード補完や提案を活用して、開発の効率を上げる方法を身につけられる
  • 個人開発に役立つ小規模な制作物を、自分で企画し形にできるようになる

Course content

11 sections • 58 lectures • 3h 20m total length
  • はじめに1:04
  • このコースで学ぶこと、学ばないこと2:13
  • Codex CLI対象のOS0:56
  • Codex CLIの料金プラン1:53
  • 主に使用するもの1:16
  • 主に使用するもの(テキスト)0:23
  • 講師自己紹介(ハチコ)0:28
  • 講師自己紹介(けいすけ)1:06

Requirements

  • パソコンの基本操作(ファイル保存やテキスト入力など)ができる方
  • インターネット接続環境とGoogle Chromeブラウザを利用できる方
  • OpenAIアカウントを作成し、Codex CLIを利用できる環境を準備できる方
  • JavaScript・HTML・CSSに興味があり、Webサイトや簡単なアプリを作ってみたい方

Description

【受講をご検討中の方へ】

最近CodexはCodex CLIに加え、アプリ版、VS Code拡張機能版が登場し、より手軽に導入できるようになりました。
本コースでは、それぞれの使い分けについて簡単にご紹介しておりますが、Codex CLI を主に取り扱っています。

あらかじめご了承のうえ、ご受講いただけますと幸いです。

尚、後半でご紹介している「Codexを用いた具体的な開発例」は全て 収録当時のCodex CLI で実演しておりますが、やりとりの流れや考え方などは、アプリ版や拡張機能版を使う際にも参考にしていただけます。

---

このコースは、プログラミング初心者がOpenAIのCodex CLIを使って、JavaScript・HTML・CSSを活用したWebサイト、アプリ、Chrome拡張機能をゼロから制作できるようになるための実践型講座です。
授業は「バイブコーディング」形式で進行し、講師と一緒にリアルタイムでコードを書きながら学ぶため、つまずきやすいポイントもその場で解決できます。
基礎文法から始まり、インタラクティブなWebアプリや便利なChrome拡張機能の開発まで、ステップバイステップでスキルを習得。AIによるコード支援を活用し、効率的かつ楽しくプログラミングを学びたい方に最適な内容です。

Who this course is for:

  • OpenAIのCodex CLIを使ってプログラミングを始めたい初心者の方
  • JavaScript・HTML・CSSを使ってWebサイトやアプリを作ってみたい方
  • バイブコーディング形式で楽しくコードを書きながら学びたい方
  • Chrome拡張機能の開発に興味がある個人開発者や学生