Claude Design + Codex で $900K のアプリを 13 分で Vibe Coding した方法
ChatGPT Codex 5.5 と Claude AI を使用して Calendly をクローンし、1行のコードも書きませんでした。このビデオでは、2026 年に Google ログイン、Google Calendar 同期、Remotion ビデオを備えた完全なカレンダー予約アプリを Vibe Coding する方法をお見せします。SaaS アプリを立ち上げたい場合、これは正確な始め方です。
説明全文
ChatGPT Codex 5.5 と Claude AI を使用して Calendly をクローンし、1行のコードも書きませんでした。このビデオでは、2026 年に Google ログイン、Google Calendar 同期、Remotion ビデオを備えた完全なカレンダー予約アプリを Vibe Coding する方法をお見せします。SaaS アプリを立ち上げたい場合、これは正確な始め方です。 🎯 Build Your Store AI: https://www.buildyourstore.ai/0a44 🚀 さらにアイデアが欲しい? 無料ニュースレターに参加: https://www.thebreadcrumb.co/ 使用ツール - ChatGPT Codex: https://chatgpt.com - Claude Design: https://claude.ai - Remotion: https://remotion.dev - Supabase: https://supabase.com - Vercel: https://vercel.com - GitHub: https://github.com タイムスタンプ 00:00 イントロ 00:51 SaaS ビジネスの利点 03:42 Codex 5.5 のセットアップ 05:12 ChatGPT Codex - 機能を構築 07:55 Breadcrumb ニュースレター 08:31 Claude Design - フロントエンド設計 12:17 スポンサー 14:00 Codex - 機能を構築 18:44 Codex - Google ログインを追加 19:02 Remotion - マーケティングビデオを作成 23:02 Codex - Google Calendar を接続 お問い合わせ: [email protected] #vibecoding #chatgpt #claudecode
チャプター
- 0:00 Intro
- 0:51 Benefits of Saas Business
- 3:42 Setting Up Codex 5.5
- 5:12 ChatGPT Codex - Build Features
- 7:55 Breadcrumb Newsletter
- 8:31 Claude Design - Front End Design
- 12:17 Sponsor
- 14:00 Codex - Building Functionality
- 18:44 Codex - Adding Google Login
- 19:02 Remotion - Creating Marketing Video
- 23:02 Codex - Connect Google Calendar