誰でもバイブコーディングで作れる実践的なWeb・アプリサービス

CODEX · VIBE CODING · WEB & APP

AIで作った最初の画面を、
人々が使うサービスとして完成させてみましょう。

顧客が予約し、管理者が運営する実践プロジェクト。
Codexとともに作り、実際に確認しながら、WebサービスからAndroidアプリまで拡張します。

自分で作ったサービスで広告収益と月額サブスクリプション収益に挑戦してみましょう。
無料公開サービスでGoogle AdSenseの広告収益を狙ったり、
繰り返し必要とされる機能をSaaSとして提供し、月額料金を受け取ること。
その目標に向かって自ら作り、公開し、改善する力を身につけます。

💭 一人で作ったデモはうまくいったのに、
機能が増えるにつれて行き詰まり始めたなら

紹介画面や簡単な計算機は、AIを使えばすぐに作れます。しかし、会員、データ、予約、管理者機能がつながると、画面だけでは分からない問題が生じます。

• ログインはできるけれど、情報はきちんと保護されるでしょうか？自分の予約が正しく表示されても、別のアカウントでアクセスすると他人の予約まで表示されることがあります。

• 予約ボタンは機能しても、最後の1席は誰が取るのでしょうか？ 1人で押したときは正常でも、2人が同時に申し込んだり、管理者が承認したりすると定員を超える可能性があります。

このような状況を予想して確認してこそ、自分一人で実行したデモを、他の人が利用するサービスへと発展させることができます。

⚠️「エラーだけなくして」と繰り返すと、
修正した後に、さらに行き詰まる可能性があります

結果を確認する基準なしにAIの修正だけを受け入れると、目の前の症状が消えても原因が残ることがあります。例えば、次のような状況が起こる可能性があります。

• 検索エラーをなくすためにアクセス制限を解除したら？データは再び表示されますが、他の人の情報まで見えてしまう可能性があります。機能と権限を併せて確認する必要があります。

• 予約の重複を防ぐためにボタンだけを無効化したら？別のウィンドウや繰り返されたリクエストでは、重複予約が残る可能性があります。画面外の処理ルールも必要です。

失敗したリクエストと正常な部分を区別し、修正後に確認すべき基準を知ることで、同じことの繰り返しから抜け出せます。

🛠️ 開発者の設計と検証を学べば、
AIに任せるべきことも明確になります

• 作る前に関係性とルールを決めます。顧客と管理者の利用フローを描き、会員・クラス・回次・予約データを関連付けます。権限と予約状態、定員などのルールをMD企画書と完了基準として残します。

• 作成した後は、失敗するケースまで確認します。 異なるアカウント、重複リクエスト、最後の1枠などの条件で検証します。自動テストとビルド・型チェックを活用し、誤った修正は記録を確認して元に戻します。

この講座では、この2つを企画から実装、修正、デプロイまで繰り返します。AIが「完了した」と言った後に、自分で確認するための基準を整えるプロセスです。

🧭 良い説明を聞くだけでは、
自分のサービスを完成させるのは難しいです

• 例をそのままなぞるだけでは、要件が変わったときに行き詰まります。予約構造を自分のビジネスに合わせて変更するには、画面だけでなくデータや権限において何が変わるのかを判断する必要があります。

• 理論を理解していても、デプロイ経験がなければリリースで行き詰まることがあります。実際のURLでログインや環境設定を確認し、エラーを見つけ、アップデートをロールバックするところまで経験する必要があります。

そのため、1つの予約サービスを最後まで作り上げ、最後には講義の範囲外である自分の要件を自ら実装・検証する卒業プロジェクトへとつなげます。

🚀 20年にわたるWeb・アプリ開発の経験を、
皆さんの最初のサービスにつなげます

Web・アプリ開発に20年間携わってきたタニが、企画し、小さく作り、確認し、公開する実務プロセスをご案内します。コードが生まれる場面だけでなく、何を依頼し、どのような結果を確認すべきかも一緒に扱います。

完成する成果物はオフラインクラス予約サービスです。顧客の申し込みから管理者の承認、Webへのデプロイとアプリへの拡張まで続く流れを体験し、次のアイデアにも応用できる開発手法を身につけましょう。

WebからAndroidアプリまで、1つのサービスとしてつながる成果物の概念例です。

📌 この講義の特徴

• 1つのサービスを最初から最後までつなげます。紹介画面から始め、会員・予約・管理者機能、デプロイと運用、Androidアプリまで拡張します。

• Codexを使う作業習慣を身につけます。目標と範囲、完了条件を伝え、プロジェクトの作業ルールと作業記録をもとに次の開発へつなげます。

• 正常な動作と防ぐべき動作を併せて扱います。データアクセス権限、定員超過、重複リクエストを実装段階から検証します。

• 失敗を修正するプロセスも実習します。エラーの位置を特定し、誤った修正を復元しながら、意図的に壊された機能を修正する課題で確認します。

このような方におすすめです

作りたいものはあるけれど、その先の工程を一人でつなげるのが難しかった方は、一緒に始めてみましょう。

🎯 受講後には

• 画面・データ・権限・完了基準を盛り込んだMD企画書にアイデアを整理するプロセスを経験します。

• 顧客の会員登録・予約・キャンセルと、管理者のクラス管理・承認・却下が連携した予約Webサービスを作成します。

• 別のアカウントや不正なリクエストで権限を確認し、自動テストとエラー解決のプロセスを実践します。

• GitHubとVercelを利用してWebサイトを公開し、環境設定・エラー記録・バックアップ・ロールバックなど運用の基本を扱います。

• 同じプロジェクトをAndroidアプリへ拡張し、テスト配布の準備をします。

• 卒業プロジェクトで自分の要件を1つ自ら実装し、検証します。

🛠️ こんな内容を学びます

オフラインクラスの予約サービスを4つの段階で発展させます。決済はテスト環境での実践的な拡張として、iOSは選択プロセスとして扱います。

以下のGIFは学習の流れを説明するコンセプトアニメーションです。

👨‍💻 この講義を作った人

こんにちは！👋
AIで作る一人ビジネスについて語る開発者、タニです。

Web・アプリ開発の経験20年、フリーランス開発者として13年。
Samsung電子・LGなどの大企業プロジェクトで設計と開発を経験しました。

現在はAIを活用してウェブサイトやアプリを自ら作り、実際のユーザーが利用するサービスへと発展させる方法を研究し、共有しています。YouTubeでは開発プロセスとともに、アドセンス、コンテンツの収益化、1人ビジネスに挑戦する話をしています。

この講義では、現場で培った経験をもとに何を作るかを決め、AIに依頼し、結果を確認し、公開したサービスを改善するプロセスをご案内します。皆さんのアイデアを自ら実装し、収益化に挑戦できる開発の基盤を一緒に築いていきます。

💼 経歴

• Web・アプリ開発歴20年

• フリーランス開発経験13年

• サムスン電子・LGなど大企業のプロジェクト設計・開発経験

• 企業ITシステムの企画・設計・開発経験

🎥 YouTube・AIで作る一人ビジネス

AIを活用したWeb・アプリ制作、バイブコーディング、アドセンスとコンテンツ収益化の経験を共有します。
講義でお会いする説明方法と実際の制作過程を、チャンネルで先にご確認ください。

▶ タニのYouTubeチャンネルを見る

📋 受講前の参考事項

実習環境と追加費用、選択コースの範囲を確認してから始めてください。