マスターコース

1

コースの概要

全1chapter

約4分

当コースの導入Lessonとして、Codexで何ができるのかを概観します。本コースで制作する4つの完成品（カフェのホームページ／付箋ボードアプリ／AIコーチ付きトレーニング管理アプリ／業務効率化の実行例）をデモで確認し、5つのパートで進む学習の全体像と到達目標を共有します。

2

Codexとは・できること

全2chapter

約9分

OpenAIのAIコーディングツール「Codex」の概要と基本概念を理解します。ChatGPTなどのチャット型AI、そしてClaude Codeとの違いを整理し、Codexが得意な領域を把握します。あわせて活用例を通じて、このコースで何が作れるようになるのかを具体的にイメージします。

3

料金プランとセットアップ

全2chapter

約14分

Codexを使い始めるための準備を整えます。料金体系と本講座で使用するプランの考え方を確認し、ChatGPTアカウントの作成からデスクトップアプリの導入、クイックツアーまでを実画面で進めます。

4

ビジネス利用における注意点

全1chapter

約6分

業務でCodexを使う前に押さえておきたい注意点を学びます。扱ってよい情報と避けるべき情報の線引き、生成結果を人の目で確認することの重要性など、安全に使い続けるための判断基準を身につけます。

5

Codexの基本操作とバイブコーディング

全2chapter

約16分

Codexアプリの画面構成と操作方法を一通り習得します。あわせて、日本語で指示しながら実装を進める「バイブコーディング」の基礎知識と注意点を学び、以降の実践パートに入る準備を整えます。

6

実践①：カフェのホームページ — 基礎知識・制作

全2chapter

約7分

架空のカフェサイトの制作に取りかかります。完成イメージを先に確認したうえで、HTML（骨組み）・CSS（装飾）・JavaScript（動き）の役割と「プロジェクト＝ファイル一式」という考え方を押さえます。作業フォルダを指定し、ざっくりした指示だけでホーム／メニュー／店舗案内／アクセスの4ページのたたき台を生成します。

7

実践①：カフェのホームページ — ブラッシュアップ・公開

全3chapter

約13分

たたき台に修正指示を重ねてサイトを仕上げ、Webに公開します。ダミー画像の埋め込み、アニメーション・レスポンシブ対応でリッチ化したあと、サーバー・ドメイン・IPアドレスの基礎を4ステップで理解し、Cloudflare Pagesへのファイルアップロードで公開・表示確認まで行います。

8

実践②：付箋ボードアプリ — 基礎知識・開発

全2chapter

約15分

Webアプリ開発に進みます。完成形の動作イメージを確認し、Web制作との違い、アプリ開発で増えるファイル（.env／.gitignore）、ローカルサーバー・ビルド・デプロイといった用語を押さえます。そのうえで、付箋の作成・配置・ドラッグ移動・編集・削除・保存ができる基本形を開発します。

9

実践②：付箋ボードアプリ — デザイン・機能追加

全2chapter

約10分

動くようになったアプリの見た目と使い勝手を高めます。レイアウト崩れの修正からデザインのブラッシュアップ（付箋の色分け・影・手書き風フォント・ボード背景）へ指示を重ね、さらに検索や色フィルタなどの機能を追加します。API連携なしで作れるアプリの例もあわせて確認します。

10

実践②：付箋ボードアプリ — GitHub連携・公開

全4chapter

約15分

作ったアプリをGitHubで管理し、公開を自動化します。バージョン管理の必要性とGit／GitHubの違いを理解し、アカウント作成からCodexとの連携、プライベートリポジトリへの初回プッシュと差分確認までを行います。最後にCloudflare PagesをGitHub連携方式で設定し、修正のプッシュが公開サイトへ自動反映される状態をつくります。

11

実践③：トレーニング管理アプリ — 全体像・使用技術※9/2(水)公開

全3chapter

約7分

AIコーチ付きトレーニング管理アプリの開発を始めます。記録からAIコーチのフィードバック、経験値・レベル、推移グラフまでの完成デモで到達点を共有し、フロントエンド開発→バックエンド開発→テスト→公開という流れを確認します。API通信とデータ保存の考え方もここで押さえます。

12

実践③：トレーニング管理アプリ — モック制作・生成AI機能※9/2(水)公開

全3chapter

約25分

画面だけのモックアップから、AIが動くアプリへ育てます。記録入力・履歴・推移グラフ・メニュー提案枠・ステータスの画面を作り、Google AI StudioでGemini APIキーを取得。.envに設定して連携し、トレーニングメニュー提案機能を実際に動かします。

13

実践③：トレーニング管理アプリ — AGENTS.md・仕上げ・限定公開※9/2(水)公開

全3chapter

約15分

アプリを仕上げ、限られた相手にだけ公開します。Codexが参照する説明書「AGENTS.md」を対話形式で作成してルールを固定し、AIコーチングを主役に据えたフィードバックやコーチのキャラ選択、経験値・レベル制と推移グラフを実装します。ベーシック認証とIP制限の基礎を学び、二重のアクセス制限をかけて公開します。

14

業務効率化：議事録整形・文書AI検索・並列実行※9/9(水)公開

全4chapter

約12分

プログラミング以外の日常業務にCodexを活かします。ファイル整理・資料作成・並列処理の事例を確認したうえで、会議の文字起こしを要約／決定事項／ToDo（担当・期限）の書式へ自動整形、資料フォルダを横断したAI検索、複数タスクの並列実行（バイパスモードの解説を含む）をハンズオンで体験します。

15

付録：スマホアプリ開発と今後の学習※9/9(水)公開

全2chapter

約8分

Web以外への広げ方と、コース修了後の道筋を確認します。スマホアプリ開発の可能性とPlanモードの使い方に触れ、今後の学習ステップを網羅的に提示してコースを締めくくります。