inflearn logo
知識共有
inflearn logo

AI開発チームを運営して、決済・収益化Webサービスを完成させ、ローンチする

💸 実際に決済が発生する収益型ウェブサービスAIエージェント講座! ❗ ポートフォリオ用のウェブサイト制作はもうやめて、"在庫無限、原価0円"の<AI解説型商品ショッピングモール>を構築します! 🤖 人間の開発チームと働くように、AI開発チームメンバーと「サービス仕様書」の基礎からしっかりと構築してみましょう!

19名 が受講中です。

難易度 初級

受講期間 無制限

Next.js
Next.js
Service Planning
Service Planning
Monetization
Monetization
AI Agent
AI Agent
Vibe Coding
Vibe Coding
Next.js
Next.js
Service Planning
Service Planning
Monetization
Monetization
AI Agent
AI Agent
Vibe Coding
Vibe Coding

受講後に得られること

  • 実際の決済が発生する完成された収益型ウェブサイトの基礎(Toss Payments)

  • LLM APIを連携してAIがコンテンツを自動生成するシステム構築能力

  • AIで作成した商品を販売するウェブサービスをAIエージェントで作る方法

  • 自分のサービスのためのPRD企画書、UXフロー、DBスキーマ、API構造を自ら設計する能力



AI開発チームと一緒に
本当に収益が出るウェブサービスをローンチしよう!

実際の決済が発生するサービスの構築を目指します。

💰

どうせなら

本当に売上が出るプロダクトを作ってみましょう


講師の最新の売上内訳

講師のサービスは「今も」「実際に」収益を上げています。

講師の実際のサービス開発ノウハウを学ぶことができます。


講義を購入してくださった方々のために

収益型サービスアイデアリストファイルを共有しています。(定期的に更新されます。)


ポートフォリオ用のウェブサイトはもうおしまい!


🤖
AI開発チームに仕事を任せながら、ユーザーがお金を払ってでも使いたくなるようなウェブサービスを作ってみましょう!


💸 <AI夢占いウェブサービス>を企画から完成、デプロイまで経験しながら、
実際に収益を生み出すウェブサービスの強固な基礎を固め、AIエージェントの活用法まで身につけることができます。

*私たちが作るサイトのリンク


❗企画、設計、実装、デプロイ、管理までの全過程を直接経験しながら、自分だけの収益型ウェブサービスを作るための開発プロセスを習得できます。

メインランディングページ

Toss Payments 決済ページ

夢の入力ページ

夢占いページ

ユーザーマイページ

非会員の購入および照会ページ

管理者ページ

注文通知テレグラムボット

AIにただ
OOサイトを作って」と言っていませんか?


AIコーディングエージェントは、人間の開発者のコードだけでなくコラボレーションのスタイルまで学習しました。
人間の開発者にも「〇〇を作って」とだけ依頼しないように、

💬 質の高いプロダクトを作るためには、各コーディングエージェントに役割を付与し、明確な基準に基づいて協業するよう要請する「コミュニケーション」が必要です。


私たちはPRD(Product Requirement Documents)というサービスの機能定義書をAI開発チームと共に完成させながら、明確な方向性を持って収益型サービスを作り上げていきます。

明確なPRD作成

細部までこだわったPRD作成

PRD企画書UX FlowDBスキーマAPI構造を直接設計し、
ソーシャルログインPG決済API管理者ページなど
フルスタック開発能力を備え、実際のサービスデプロイまでフルスタック・バイブコーディングを経験します。

💳

結局 大規模な収益

広告収益ではなく決済収益から!


今回の講義の核心 - 決済収益!

10,000件のトラフィックを集めてようやく得られる広告収益を、たった1件の決済収益で作ることができます。
消費者の切実な問題をスマートに解決すれば、顧客は喜んでお金を払い、サービスを利用してくれます。customers will gladly pay to use your service.


毎日トラフィックを集めるために注目を引く労働をするよりも、
本当の問題を解決し、真の価値を提供する自慢したくなるようなプロダクトを作ってみてください!

Next.jsをベースに、AI Agentを活用したサービス企画、商品の自動生成、
Toss Payments連動の決済システム、GithubおよびVercelへのデプロイまで、
実際の収益化サービス開発の全過程を経験します。

💼

商用サービスのように
管理者ダッシュボードからセキュリティおよび最適化まで


売上ダッシュボード管理ページ

注文管理アドミンページ

注文および生成失敗通知テレグラムボット

ただサービスを作って終わりではありません。

継続的に収益を上げるサービスは、生きている有機体のように継続的な管理が必要です。
私たちは売上、注文、ユーザー管理を行うための管理画面を、実際の商用サービスのように作ってみます。

注文が入ると自分のテレグラムボットに注文内容の通知が届き、LLMサービスの生成に失敗した場合はすぐに通知を受け取って顧客のCS対応も可能です。


AIを活用したバイブコーディングの最大の弱点は、セキュリティと性能の最適化です。

決済が行われるサービスであるだけに、顧客の個人情報保護および性能の最適化、そして商取引規約の記載などのコンプライアンスまで細かくテストしてサービスをローンチします。


もちろん、私たちが実装した機能自体のE2Eテストも漏れなく行い、プロダクトのクオリティを高めます。



*講義を購入してくださった方々のために

収益型サービスアイデアリストファイルを共有しています。(定期的に更新されます。)

収益型サービスアイデアリストの例


それでも難しそうですか?

すべての回答に最善を尽くしてお答えし、Inflearnの質問だけでなく、オープンチャットカカオトークの1:1トークを通じてもお答えしますので、心配せずに質問してください!

どんな問題でも答えはあります!

(* 受講された方にはトークルームのリンクをご案内いたします。)


多くの受講生の方々のレビューが証明しています


よくある質問(FAQ)

Q. コーディングを全く知りませんが、ついていけますか? ⌨️

はい、この講義は直接コードをタイピングするのではなく、AIコーディングエージェントにプロンプトで命令しながらサイトを作る方式です。ただし、<AI時代の収益型ウェブ開発のための非専門家入門ガイド12選>の講義を受講した後に受講されると、よりスムーズに進めることができます。

Q. 完成したサイトで実際に収益が発生しますか? 💸

はい、実際にデプロイされ、Toss Paymentsを通じた実際の決済が行われる完成度のサイトを制作します。ただし、全く同じサイトを作るだけで収益が発生するわけではないため、自分だけのサービスアイデアを盛り込んでローンチできるよう、コベトゥ・オフライン・ワンデーハッカソンにてサポートを行っています。

Q. 完成後、他の収益型サービスに応用できますか? 💡

はい、それが今回の講義の核心的な価値です。講義で完成させるPRDテンプレートと「決済→AI生成→結果送信」の構造をそのまま活用して、MBTI分析、タロットリーディング、AI占い、キャラクターマッチングなど、さまざまなAIベースのデジタルコンテンツ販売サイトを作ることができます。

Q. 講義以外に追加でかかる費用はありますか? 💳

ほとんどのツールは無料です。Antigravity、Next.js、TypeScript、Tailwind CSS、Supabase(無料ティア)、Gemini(無料クレジット)、GitHub、Vercel(無料ティア)、Telegramボットはすべて無料です。今後、有料が発生する可能性のある項目は以下の通りです:

- Toss Payments:決済1件あたりの手数料(事業者登録が必要、実践コースから)

- ドメイン:年1万〜2万円台(任意)

AIエージェントと共に決済収益を生み出すサービス、
この講義はまさにこのような方々のために作りました。


✔️ 実際に決済収益が発生するウェブサービスを作りたい方

  • ポートフォリオ用を超えて、実際に売上が発生するサービス構築の経験を積みたい方

  • AIエージェントと協業しながら「サービス仕様書」から「実装」までの全過程を経験したい方

  • 単なるクローンコーディングではなく、企画からデプロイまで実務プロセスを身につけたい方

✔️ 毎回サービスを作っても収益が出なかったり、バグでストレスを感じている方

  • Toss Payments連携など、実際の決済システムの実装方法を学びたい方

  • LLM APIを活用してAIがコンテンツを自動生成するシステムを構築する能力を身につけたい方

  • AIで商品を販売するWebサービスを直接設計し、構築する経験を得たい方

✔️ 原価0円、在庫0個で素早く検証可能なサイドプロジェクトを構築したい方

  • AI解説型の商品ショッピングモールのように、'在庫無限、原価0円'モデルのサービスを構築したい方

  • PRD企画書、UXフロー、DBスキーマ、API構造の設計を自ら行ってみたい方

  • 人間の開発チームと仕事をするように、AI開発チームのメンバーと効率的に協業する方法を学びたい方


💯

講義で扱う内容


Section 1 - 決済収益型ウェブサービスの基本環境設定

実際の決済が発生する収益型ウェブサービスの構築を目標に、AI開発チームを効果的に活用する方法や、必要なAIツールおよびMCP(Model Context Protocol)の基礎を固めます。エージェントに明確な指示を出す方法を学習します。

Section 2 - AIエージェント開発環境の初期設定およびデプロイ構成

Github、Supabase、Toss Payments、Context7など、必須となるAIエージェント開発環境を初期設定し、プロジェクトのコーディングスタイルガイドを策定します。また、GithubおよびVercelを利用した効率的なデプロイプロセスを構成します。

Section 3 - フロントエンド/バックエンドプランナーに仕事を依頼する

AIエージェントをウェブプランナーとして活用し、ユーザーインターフェース(UI)とユーザーエクスペリエンス(UX)のフローを設計します。フロントエンドおよびバックエンド開発のための詳細な仕様書の作成を、AIとの協業で進めます。

Section 4 - フロントエンド開発者にユーザーサービスを依頼する

AIエージェントをフロントエンド開発者として活用し、グローバルレイアウト、メインランディング、商品詳細、決済、フィード、解釈確認、ログイン、マイページなど、ユーザー中心の主要機能を実装します。フロントエンドのエンドツーエンド(E2E)テストを通じて完成度を高めます。

Section 5 - バックエンド開発者にユーザーサービスを依頼する

AIエージェントをバックエンドエンジニアとして活用し、サーバーおよびDBの基本構築、ソーシャルログイン、PG決済、注文作成および更新APIなど、サービスの核となる機能を開発します。バックエンドのエンドツーエンド(E2E)テストにより安定性を確保します。

Section 6 - フロントエンド開発者にアドミンサービスの仕事を任せる

AIエージェントを活用して管理者ページのグローバルレイアウトを構成し、売上、注文、ユーザー管理など管理者用の核心機能を実装します。フロントエンドのエンドツーエンド(E2E)テストを実施し、管理者機能の完成度を検証します。

Section 7 - バックエンドエンジニアにアドミンサービスの仕事を依頼する

AIエージェントをバックエンドエンジニアとして活用し、売上、注文、ユーザー管理など、管理者機能に必要なAPIを開発します。バックエンドのエンドツーエンド(E2E)テストを通じて、管理者機能のデータ処理および管理ロジックを検証します。

Section 8 - 最適化およびセキュリティの専門家に仕事を依頼する

AIエージェントと協業し、セキュリティ開発、パフォーマンス最適化、コンプライアンス(Compliance)の専門家としての役割を遂行します。これにより、開発されたウェブサービスの安定性と完成度をより一層高めます。


AI開発チームで完成させる

本物の決済収益型ウェブサービス

Point 1. AIと共に本物の収益型ウェブサービスを構築

人間の開発チームのようにAI開発チームを運用し、「AI解説型商品ショッピングモール」を自ら作ってみます。実際の決済が発生するサービスの経験を通じて、収益型ウェブサービスの基礎をしっかりと固めることができます。「1ヶ月ローンチチャレンジ」の経験をもとに自信を手に入れましょう。


Point 2. 実務プロセスの完全体験

単なるクローンコーディングを超え、企画からデプロイまで実際のウェブサービス開発の全過程を経験します。PRD企画書、UX Flow、DBスキーマ、API構造設計を自ら設計し、実務能力を強化することができます。コーディングエージェントを活用した'MCP'システムで効率的な開発を経験してください。


Point 3. AIエージェント活用能力の向上

LLM API連携を通じて、AIがコンテンツを自動生成するシステムを構築する方法を学びます。AIエージェントに明確な'サービス仕様書'を伝え、望む結果を得るためのノウハウを習得できます。各専門AI開発チーム(企画、フロントエンド、バックエンド)に指示を出し、仕事を動かす方法を体得します。


Point 4. 在庫無限、原価0円のサービス実装

「在庫無限、原価0円」のAI解説型商品ショッピングモールを通じて、素早く検証可能なサイドプロジェクトを具現化します。Toss Paymentsとの連動により、実際に決済が発生するサービス経験を積み、自分だけの収益型ウェブサービスを完成させてください。



もうチュートリアルをなぞるだけで疲弊するのはやめましょう。
AIと共に、実際に決済が可能な自分だけのウェブサービスを成功裏にローンチする開発者を目指してください。

受講前のご注意事項


実習環境

  • OS:Windows、MacOS、Linuxすべて対応(講義はMacOSで進行)

  • 必須ツール:Git、Node.js(最新のLTSバージョンを推奨)


前提知識および注意事項

  • Webサービスで収益化を経験しようとする意志

  • AIとプロンプトで対話した経験があれば十分

  • Web開発の基本知識(推奨ですが必須ではありません)


学習資料

  • 講義スライドPDF提供

  • 実習コードおよびプロンプトのダウンロードが可能

  • 決済型サイト構築のサンプルコードを含む


結局、実行が答えだ

コベトゥ(KOBETU)と共にするオフラインワンデーハッカソン with Kobatu

結局、実行が答えです。私を含め、複数人と直接オフラインで対面し、何とかして一日以内に課題を発見し、収益を創出できるプロダクトを完成させ、お互いにフィードバックを受けながら改善していきます。


受講生の皆様にオフライン・ワンデーハッカソン50%割引クーポンを差し上げます!

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 実際の決済収益が発生する自社のウェブサービスを作りたい方

  • 毎回サービスを作っても収益が出なかったり、バグのせいでストレスを感じている方

  • 単なるクローンコーディングではなく、企画からデプロイまで実務プロセスを経験したい方

  • 原価0円、在庫0個で素早く検証可能なサイドプロジェクトを具現化したい方

前提知識、
必要でしょうか?

  • 広告収益と決済収益の違いを理解しておくと良いです。

  • プロンプトでLLMに指示を出した経験があると望ましいです。

  • Web開発の基礎用語を知っておくと良いです。

  • 「AI時代の収益型ウェブ開発のための非専門家入門ガイド12選」の講義を先に受講されることをお勧めします。

こんにちは
cobaetooです。

1,242

受講生

30

受講レビュー

38

回答

4.9

講座評価

6

講座

収益化プログラミング<コーディングを学んで事業しよう>シリーズ講義で、様々なインディーハッカーのノウハウと知識を共有している<コーディングを学んで投資しよう>コベトゥです。

https://cobaetoo.com

1ヶ月に収益型サービスを一つずつローンチする「1ヶ月ローンチチャレンジクラブ」と「コベトゥニュースレター」を運営しています。

https://maily.so/cobaetoo

もっと見る

カリキュラム

全体

48件 ∙ (5時間 48分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

cobaetooの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

期間限定セール

¥327

29%

¥76,491