inflearn logo
inflearn logo

MVPから配布・収益化まで!Next.js × LLM API 実践シリーズ

最近、LLMが開発環境を変えていますが、本当に重要なのは「コードを代わりに書くこと」ではなく、サービスに機能として組み込むことです。 この講座では、Next.js + OpenAI APIを使って、軽量ながらも完成度の高いタロット占いサービスを段階別に実装します。 最初のステップでは、バックエンドなしでも可能なMVPを作成し、ユーザー入力のフロー(質問/スレッド/カード選択)から結果の生成までを繋げます。 その後のステップで、バックエンドの構築、一般ログインとOAuth、コミュニティ機能、リーディングダッシュボードへと機能を拡張します。 最後に、AWSへのデプロイとGoogleアドセンスの連携まで行い、実際に運営可能な形で仕上げます。 また、LLM APIの使用料金が負担にならないよう、料金構造の理解とコスト最適化戦略もあわせて扱います。

45名 が受講中です。

難易度 初級

受講期間 無制限

AWS
AWS
Google Ads
Google Ads
Next.js
Next.js
NestJS
NestJS
AI
AI
AWS
AWS
Google Ads
Google Ads
Next.js
Next.js
NestJS
NestJS
AI
AI

受講後に得られること

  • Next.jsで実際のサービス形態のMVPを直接実装する流れを理解

  • LLM APIを機能の一部として組み込む方法を実習

  • AWSデプロイまで含めた実践的なデプロイ経験

  • Google AdSense連携による収益化の流れを理解

  • LLM使用時に不可欠なコスト最適化(トークン/モデル/キャッシング/リクエスト戦略)の視点を持つようになる

🤗受講生レビュー

YouTubeチャンネル DXers-Edu (旧 ソタモン)

YouTubeチャンネルのベストレビュー

YouTubeチャンネルのレビュー

🤔 AI時代、開発者が生き残るためにはどうすればいいのだろうか?

Next.jsでウェブは作れるけれど、最近は「ウェブが作れるだけ」ではどこか不安ですよね。
ChatGPTのようなLLMがコードをどんどん上手に書くようになり、開発者の役割が減っているような気もしますし。

しかし、実際の現場では単に「コードを速く書く人」よりも、LLM APIを製品の機能として組み込み、実際のサービスを構築・運用できる人がより強くなっています。

OpenAI APIは使ってみたものの、どのような構造で組み込めば自然な「製品機能」になるのか実感が湧かず……
プロンプトさえ上手く書ければ終わりだと思っていたのに、いざ作ってみるとログイン・保存・ダッシュボード・運用・コストといった現実的な問題が次々と立ちはだかります。

「YouTubeやブログでは簡単そうに見えるけど…これ、本当にAI時代に通用するやり方なの?!」
と考えているあなたのために、DXersが用意しました。

この講義は Next.js + OpenAI APIでタロット占いウェブサービスを実際に作りながら、
AI時代に開発者が生き残るために必要な核心的な能力である「LLMを製品機能として実装する能力(AI活用、AXの観点)」段階的に学習する実践講義です。

最初の段階ではバックエンドなしでも可能なMVPを素早く作成し、
その後の段階では実際の運用を考慮してサービスを徐々に拡張します。
つまり、単なる機能の羅列ではなく「サービスが成長していく過程」をそのまま辿りながら、実務感覚を養うことができます。

  • MVPの核心フロー: 質問 → スレッド選択 → カード選択 → リーディング生成 (Next.js + OpenAI API)

  • ログイン: 一般ログイン + OAuth

  • バックエンドの拡張:機能が拡大するタイミングでNestJSによる保存・照会・運用の構造を追加する

  • コミュニティ機能:コンテンツが蓄積され、ユーザーフローが生まれる構造作り

  • タロットリーディングダッシュボード: ユーザー記録/統計/管理の観点からの構成

  • デプロイ:実サービス基準でのAWSデプロイ・運用フローを扱う

  • 収益化: Google Ads (Google アドセンス)を導入して収益構造を作る

  • コスト最適化(重要!): LLM APIの呼び出しコストを運用観点で削減する方法を整理

単なる機能の羅列ではなく、AI時代に必要な実践的なスキルのために「サービスが成長する過程」をそのまま辿りながら、
誰でも理解しやすいように段階別に構成しました。

AWS、Google Ads、Next.js、NestJS、OpenAI API、AI活用 (AX) → 「機能の実装」を超えて「運用可能な製品」として完成させる流れを学びます。

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

ChatGPT/OpenAI APIを使ってみたものの、「サービスとして作る方法」が分からず困っている方
✅ Next.jsでWebサイトを作ったことはあるが、LLM機能をプロダクトに自然に組み込んでみたい方
✅ ポートフォリオを「デモ」ではなく、デプロイ可能な形で完成させてみたい方
✅ OAuth/ログイン/コミュニティ/ダッシュボード/デプロイまで、実務型の流れを一度に経験したい方
✅ LLM APIのコストが心配で、コスト最適化まで含めた設計を学びたい方

📝 講義方式

1⃣ 段階別の順次アップロード(サービスの成長の流れをそのままに)

講義は一度にすべての内容を詰め込むのではなく、小さなMVPから始めて段階的に拡張していきます。

  • Step 1. フロントMVP

  • Step 2. バックエンド連携(認証/ログイン/運用の開始)

  • Step 3. コミュニティ機能(ユーザー参加要素の追加)

  • Step 4. ダッシュボード(管理/照会UX)

  • Step 6. AWSデプロイ(実際の運用環境への移行)

  • Step 7. 収益化(アドセンス連携)

  • Step 8. LLMコストの最適化(重要)

2⃣ 「LLMを製品機能として組み込む」方法に集中

この講義の核心は、プロンプト数行で終わるデモではなく、LLMをサービスの機能として組み込むために必要なフローを適切に構築することにあります。

  • ユーザー入力をどのように構造化してLLMに渡すか

  • 結果をどのようなフォーマットで安定的に受け取るようにするか

  • 結果を画面・保存・ダッシュボードへどのように繋げるか

  • API費用が膨らまないようにどこで抑えるか

これをステップごとの機能実装の中で、自然に体得することになります。

3⃣ 「ただ書き写す」のではなく、実際に適用可能な形で

各段階は単に結果を見せるだけでなく、次の内容を併せて説明します。

  • 今の段階でなぜこの機能が必要なのか

  • 実際のサービスならどのような問題が発生するのか(運用/セキュリティ/コスト)

  • 次の段階へ拡張する際に何を考慮すべきか

ですので、講義に沿って作成した後は、タロットサービスだけでなく他のテーマでも同じ構造を再利用してサービスを作ることができるようになります。

4️⃣ 環境準備は最小限に、本論は素早く

環境設定(Nodeのインストール/IDEのインストール)のような動画は含まず、NodeとGitさえ準備されていればすぐにプロジェクト作成から開始します。不必要な準備時間を減らし、「サービスを作る核心的なプロセス」に集中します。

🎯学習目標

  • LLM을「기능」으로 구현하는 제품 설계 감각 습득: 단순히 프롬프트를 잘 쓰는 수준을 넘어, 사용자 입력 → LLM 호출 → 결과 가공 → 화면 반영으로 이어지는 제품 기능 구조를 설계할 수 있게 됩니다.

  • Next.jsでMVPを素早く構築し、サービス形態へと拡張する能力:バックエンドなしでも可能なMVPをまず完成させた後、必要なタイミングでバックエンドを連携させ、保存・照会が可能なサービス構造へと拡張する流れを経験します。

  • 認証/ログイン(一般 + OAuth)まで含めた実践的なユーザーフローの実装:実務で必ず直면하게 되는
    会員登録/ログイン/セッション(またはトークン)/権限といった核心を理解し、一般ログイン + SNSログイン(OAuth)のフローをサービスに適用できるようになります。

  • 運営観点の機能構成:コミュニティ + リーディングダッシュボードの実装:単発の機能ではなく「ユーザーが定着するサービス」になるために必要な要素を扱います。コミュニティとダッシュボードを通じてデータが蓄積され、管理・照会される構造を作れるようになります。

  • デプロイ/収益化/コスト最適化まで含めた「運用可能なサービス」の完成:AWSデプロイによって外部に公開可能な形にし、Googleアドセンスで収益化の流れまで繋げます。また、LLM APIの使用コストを削減するためのトークン/モデル選択/リクエスト設計/キャッシングといった最適化基準を身につけることができます。

🏆 この講義をすべて受講した後に得られるもの

  • AI機能をサービスとして設計する基準が身につきます

  • 小さく作り、必要な時に拡張する開発感覚を身につけます

  • デプロイと運用を考慮した「現実的な完成」を経験します

  • LLMのコストを制御する設計習慣が身につきます

  • 収益化までつながるサービスの流れを掴むことができます

🍡 お試し(プレビュー)

🔎 講師紹介

Inflearnで皆さんとご一緒する、DXers代表のソ・ジフンです。
私は3年間の国費教育講師の経歴2年6ヶ月の実務開発経歴を保有しており、これまでH自動車をはじめとする数々の大企業プロジェクトで、大規模システムの構築および運営を担当してきました。

これまでオフラインで国費教育の講師として活動してきましたが、自分が望むスタイルの講義(実習中心、実務に即した講義)を行うことができませんでした。様々な理由がありますが、決められたカリキュラム(一般的にJava中心のカリキュラム)に従ってのみ講義を行わなければならず、特定の組織に所属した状態で講義を進めるうちに、受講生のためではなく組織の利益のための講義になってしまいました。これは私の講義哲学とは合わないため、手頃な価格で価格以上の価値がある講義を提供し、受講生のための講義を作りたいと考え、オンライン講義へと転向することにしました。

🔔受講前のご案内

実習環境

  • OSおよびバージョン(OS):Windows、macOS、Linuxなど、すべてのOSで可能です。

  • 使用ツール:Node.js, Git

  • PCスペック:インターネット接続が可能な基本スペックのPC

学習資料

  • 提供する学習資料の形式:pdf、Notionなど

  • 分量および容量:各講義ごとに学習資料を提供

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Next.jsでサービスを一つでもまともに作ってみたい方

  • ChatGPT/OpenAI APIを「コード作成」ではなく「サービス機能」として使いたい方

  • 就職活動中だが市場が不安定なため、自ら収益化可能なプロジェクトやサービスを作りたいと考えている方

  • OAuth/ログイン/コミュニティ/ダッシュボード/デプロイ/収益化まで、実践ロードマップを一度に体験したい方

  • サイドプロジェクトを「完成」させた経験がなく、最後までデプロイ・運用までやり遂げたい方

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

  • Node.jsのインストールおよび実行が可能

  • Git 基本的な使い方

  • JavaScriptの基本文法

  • React 基礎

  • TypeScriptの経験

こんにちは
dxersです。

103

受講生

3

受講レビュー

4

回答

5.0

講座評価

3

講座

こんにちは、Inflearnで皆さんとご一緒するDXersの講師、ソ・ジフンです。
私は3年間の国費教育講師の経歴2年6ヶ月の実務開発経歴を保有しており、これまでH自動車をはじめとする数々の大企業プロジェクトで大規模システムの構築および運営を担当してきました。

🎥YouTube: https://www.youtube.com/@dxers-edu

📰ブログ: https://blog.naver.com/coinmong24


📚 経歴

国費支援オフライン教育 3年:

Java、Spring Boot、React.jsなど、Web開発全般を学習者の目線に合わせて講義

エネルギーデータ分析および予測関連の国家事業プロジェクト、H自動車の大型プロジェクトへの参画 2年6ヶ月:

Python Scikit-learn、TensorFlowなどを活用した機械学習によるデータ分析および予測

TypeScriptベースのバックエンド(Node Express/NestJS)システム設計および構築

React.js, Next.js, Eelectron.js, Tauri フロントエンド開発

AWS, Azure, Docker, Kubernetes 環境の構築および CI/CD パイプラインの構成


💻 保有技術スタック

言語およびフレームワーク: Java, JavaScript, TypeScript, Spring Boot, React.js, Next.js, Node.js(Express, NestJS), ElectronJS, React Native, Rust, Tauri, Python(Scikit-lean, TensorFlow, Pandas)

データベース: MySQL, OracleDB, MongoDB, PostgreSQL, Redis

クラウド & インフラ: AWS(Amazon EC2, S3, RDS など), Azure, Docker, Kubernetes, Jenkins, Vault, Kafka

コラボレーションツール: Git, GitHub, Bitbucket, Slack, Jira, Confluence


🎯 講義哲学

これまでオフラインで国費教育の講師を務めてきましたが、自分が望むスタイルの講義(実習中心、実務に即した講義)を行うことができませんでした。様々な理由がありますが、決められたカリキュラム(一般的にJava中心のカリキュラム)に従ってのみ講義をしなければならず、特定の組織に所属した状態で講義を進めるうちに、受講生のための講義よりも組織の利益のための講義になってしまいました。このような状況は私の講義哲学とは合致しないため、手頃な価格で価格以上の価値がある講義を提供し、受講生のための講義を作りたいと考え、オンライン講義へと転向することにしました。

私は何よりも、手頃な価格で価値の高い講義を提供したいと考えています。私はIT開発を独学(オンライン講義)で習得しました。必ずしもオフラインで多額の費用をかけて学習する必要はないということを証明したいです。

皆さんの夢と挑戦を応援しています。

もっと見る

受講レビュー

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

似ている講座

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

期間限定セール、あと1日日で終了

¥3,300

70%

¥1,427