ホーム / 動画

ChatGPT Codexを使ってあらゆるWebアプリを構築する方法(10分で完成)

Rajeevdaz · Rajeevdaz · ·7:31 ·10.1K 回視聴
ChatGPT Codexを使ってあらゆるWebアプリを構築する方法(10分で完成)

このビデオでは、OpenAIのChatGPT Codexを探索し、単一のプロンプトだけを使ってわずか10分で完全に機能するWebアプリを構築します。コーディングスキルは不要です。YouTubeサムネイルの顔を置き換えるアプリを構築しました。

説明全文

このビデオでは、OpenAIのChatGPT Codexを探索し、単一のプロンプトだけを使ってわずか10分で完全に機能するWebアプリを構築します。コーディングスキルは不要です。 YouTubeサムネイルの顔をアップロードしたポートレートに置き換えるサムネイル顔交換アプリを構築しました。Codexのセットアップ、GitHubへの接続から、ライブサーバーへの最終アプリのデプロイまで、プロセス全体をご説明します。 学習内容: ChatGPT Codex(Web版)のセットアップと使用方法 より良い出力のための構造化プロンプトの作成方法 CodexをGitHubリポジトリに接続する方法 リファレンス画像を使用してアプリのUIを改善する方法 フォローアッププロンプトを使用して問題を繰り返し修正する方法 VPSサーバーにアプリをデプロイする方法 🔧 使用ツール: ChatGPT Codex: https://chatgpt.com/codex ⏱️ タイムスタンプ: 0:00 — Codex紹介 0:40 — Codexとの初期設定 1:44 — プロンプト作成とアプリ構築 3:22 — UIの改善 4:36 — アプリのテスト 5:24 — フォローアッププロンプトで問題を修正 6:12 — 最終結果 無料および有料ChatGPTユーザーが利用可能です。Macは不要です。 Codexで自分のアプリを構築してみたら、コメントで教えてください。 📩 コラボレーションやパートナーシップについて: [email protected] #openaicodex #buildwithai #vibecoding

チャプター

  1. 0:00 Codex Intro
  2. 0:40 Setting up Codex and GitHub
  3. 1:44 Writing the prompt & Building app
  4. 3:22 Improving the UI
  5. 4:36 Testing the app
  6. 5:24 Fixing issues with follow-up prompts
  7. 6:12 Final result
YouTube で見る コンテンツは元の公開元サイトにあります。
OpenAI Codex でのデザインに関する developer のリソースとして、Codex-Design コミュニティ向けに厳選しました。