inflearn logo
知識共有
inflearn logo

AIで稼げるウェブサイトを作る実践講座

PC・モバイルウェブ制作からアドセンス・サービス運営まで。ウェブの原理を理解し、AIとともに自分のアイデアをレスポンシブウェブサイトとして実装します。制作・公開で終わらせず、検索登録・アドセンス申請・データに基づく改善を実践し、ログイン・DB・テスト決済で自分の最初のビジネスを準備します。収益化を試みる実践的なコースであり、アドセンスの承認や収益を保証するものではありません。

1名 が受講中です。

難易度 入門

受講期間 無制限

Next.js
Next.js
claude
claude
Vibe Coding
Vibe Coding
Monetization
Monetization
Next.js
Next.js
claude
claude
Vibe Coding
Vibe Coding
Monetization
Monetization

受講後に得られること

  • Webの仕組みを理解し、AIに企画・作業・検収を指示して、PCとモバイルで利用できるレスポンシブなツールWebサイトを制作・デプロイします。

  • 検索・分析・AdSense運用を連携し、ログイン・ユーザー別データ・テスト決済を備えたWebシステムへと拡張します。

稼げるウェブサイト、
AIで作る実践講座

PC・モバイル向けWeb制作からアドセンス・サービス運営まで

AIでサイトは作りましたが、その次は何をすればよいでしょうか?誰が使うのかを決め、検索で見つけてもらえるようにし、収益化の可能性を確認するプロセスが残っています。

Webの原理を分かりやすいたとえで理解し、Claude CodeとNext.jsを活用したバイブコーディングで、自分のアイデアをPCとモバイルで使えるレスポンシブWebサイトにします。デプロイ・検索登録・AdSense申請を経て、会員・データ・テスト決済まで連携し、自分で運営できる初めてのビジネスを準備します。

1つのウェブサイトで、
PCとスマートフォンのユーザーにリーチします。

レスポンシブWebサイトとは、画面サイズに合わせてレイアウトや大きさが調整されるWebサイトです。ユーザーは別途アプリをインストールせずに、PCとモバイルのブラウザから同じアドレスにアクセスします。

最初は小さなページ1つから始めます。共通ツール3つと自分のアイデアを反映したツール1つを作り、モバイル画面と動作を確認します。その後、検索流入とアドセンスの運用を実践し、ログイン・データ・テスト決済を追加してウェブサービスへと拡張します。

Web理解 → AI制作・検証 → デプロイ・検索 → AdSense → サービス運用・改善

YouTubeを見て「自分もやってみたい」と思ったなら、今度は自分のアイデアで実際に形にしてみましょう。サイトの作り方から、作った後の運営までを一緒に扱います。

AIに任せるとしても、
自分のシステムがどのように動いているのかは知っておく必要があります。

ブラウザはお客さんが座るホール、サーバーは注文を処理する厨房、データベースは必要な情報を保管する倉庫という、分かりやすいたとえから始めます。そして、その概念を実際の自分のサイトに当てはめます。

何が自分のコンピューター上で実行され、何がインターネット上に公開されるのか。APIはどこから呼び出し、ユーザーデータはどこに保存するのか。問題が発生したときに、まず何を確認すべきか判断できるWebの基礎を身につけます。

コードを最初から暗記する授業ではありません。AIに目標と条件を説明し、結果を自分で検証し、必要な部分を修正する方法を学びます。

企画し → AIと作り → 自分で検証し → 運用しながら改善します。

良いプロンプトひとつで終わらせません。ユーザーの課題、動作する成果物、検証記録をつなげる習慣を身につけます。

このような方のための実践講座です

開発者でなくても、自分の経験やアイデアを活かしてウェブサイトを作り、収益化に挑戦してみたい方のためのコースです。


AIで初めて作る非専攻者

アイデアはあるものの、ツールのインストールやウェブの仕組み、初回デプロイに馴染みがなく、始めるのが難しい方。


作ったサイトを運営したい方

ウェブサイトは作ったものの、検索流入・収益化・分析・改善をどのように進めていけばよいか分からない方。


自分の経験をもとにビジネスを準備したい方

仕事・趣味・現場で見つけた課題を、会員とデータのある自分だけのサービスに育てたい方。

受講前に、期待する方向性をご確認ください。

自動収益やアドセンス承認の保証、制作代行を提供する講座ではありません。自ら実習し、結果を確認する時間が必要です。高度な開発・大規模インフラの専門講座をお探しの方にも適していません。

講義に沿って、
この成果物を自分で作ります。

  • PC・モバイルで使う自分だけのツールWebサイト — 独自ドメインでアクセスできるレスポンシブサイトに共通ツール3つと個人ツール1つを実装

  • AIと協働するための企画・検証・復旧ドキュメント — 作業範囲と完了基準を定め、変更を確認する作業ツール

  • 検索登録と訪問者分析の環境 — サイトマップ・検索エンジン・GA4を連携し、次の改善を決定する流れ

  • AdSense収益化実験の準備と運用基準 — 申請準備、ポリシー確認、広告配置、却下理由と改善記録

  • 会員・データ・テスト決済を連携したWebシステム — ログイン、ユーザーごとの保存、購入者向け機能をテスト環境で実装

  • 完走後30日間の実行計画 — ユーザーの反応を見ながらコンテンツと機能を改善する運用ルーティン

収益化は実験であり、成果は保証されません。 AdSenseの承認・検索露出・訪問者数・特定の収益および達成期間は、外部審査と実際の運用結果によって異なります。

最初の達成は小さく、完成基準は明確に。

自分の名前が入ったページを作り、スマートフォンで自分のURLを開いてみます。PCとモバイルで文章が読みやすく、ボタンやツールが正常に動作するか確認します。その後は、自分のデータだけが表示されているか、変更を元に戻せるかを検証し、運用可能なウェブサービスへと拡張します。

制作から収益化・運用まで、9つのパートでつなげます。

P1. スタート — 開発作業場の準備、AIを使った最初のページ制作、GitHub・Vercelへのデプロイ、検証とエラー対応

P2. 原理 — Webリクエスト、静的・動的画面、API、DB、スケジューラー、ドメインとサーバー

P3. 企画 — テーマと検索需要、ツールメニュー、デザイン、企画md、Next.jsを選ぶ理由

P4. 制作 — 企画書をもとにレスポンシブサイトを実装、使い方・FAQ、案内ページ、PC・モバイル・パフォーマンスの検証、Gitと復旧

P5. デプロイ・登録 — 自動デプロイ、ドメイン、検索エンジン、robots.txt・サイトマップ、GA4

P6. AdSense・運用 — 申請、ads.txt、広告配置、指標の解釈、変更テスト、ポリシー違反の防止、再申請と初回流入

P7. Webサービスの拡張 — Supabase、マジックリンクログイン、お気に入り・履歴、アクセス制御、公共データAPI、Toss Paymentsのテスト決済

P8. ホームサーバー[任意] — 運用コストと責任の比較、機器・ネットワーク、Proxmox、コンテナ、外部接続、バックアップ・セキュリティ

P9. 卒業後 — 繰り返し制作、データに基づく改善、サイト監査、週間運用、支払い手続きの理解、30日間の実行計画

本編65講義+問題解決付録3編。企画段階では本編約19時間5分で、実際の動画時間は撮影・編集後に確定します。インストール・認証、ログイン・決済、ホームサーバーの起動に関する問題は、付録で探せるように構成しています。

01. AIで作るPC・モバイルWebサイト

P1〜P4でウェブの原理とAIによる作業・検証方法を学びます。共通ツール3つと個人ツール1つを実装し、PC・モバイル画面と機能を確認します。

Webの理解 → 企画 → AI制作 → 検証

02. ユーザーと接し、収益化を試す

P5~P6でドメイン・検索エンジン・GA4を接続し、アドセンスの申請と運用を準備します。登録・インデックス・承認・収益を区別し、流入とコンテンツを改善します。

デプロイ → 検索・分析 → AdSense → 改善

03. 会員・データ・決済のあるWebシステムへ

P7ではログイン、ユーザーごとの記録、公共データAPI、テスト決済を連携します。他の人のデータにアクセスできないか、そしてサーバー側で金額を検証しているかを確認します。

ログイン → DB・権限 → テスト決済

04. 自分のビジネスのための運用ルーティンを作る

P8はコストと責任を比較する選択式のホームサーバーパートです。P9では指標とユーザーの課題を根拠に改善を決め、週次チェック・30日計画で実行を続けます。

観察 → 小さな改善 → 検証 → 次の選択

この講座を作った人

こんにちは。テックタニです。Web・モバイルサービスの開発経験をもとに、AIを活用したサービスや自動化ツールを作りながら、YouTubeで自ら試した一人ビジネスの実験を共有しています。

簡単に作る場面だけでなく、期待とは異なった結果や、私が確認した順番も併せてお見せします。皆さんが自分で判断し、次のサービスを作っていけるようサポートすることが、この講座の目的です。

「収益化できるウェブサイト」は
どのように収益化を始めるのでしょうか?

出発点は、誰かの問題を解決する小さなツールです。必要な機能を作り、検索でユーザーに出会い、訪問者の反応を見ながらコンテンツと機能を改善します。そこに、アドセンス広告での収益化を試みるプロセスをつなげていきます。

その後は、会員が自分の記録を保存し、購入者機能を利用できる仕組みをテスト環境で実装します。広告収益化からさらに一歩進み、自分だけのサービスへと拡張するための基盤を身につけます。

「お金になる」とは収益化を目指して制作・運営するという意味であり、収益やAdSenseの承認を保証するものではありません。ユーザーのニーズと実際の運用結果を確認しながら改善する方法を学びます。

決済実習は実際の課金が発生しないテストモードです。実際の販売には、別途契約・審査・セキュリティ・返金などの運用準備が必要です。講義では、テスト実装と実決済への切り替え前の確認事項を区別します。

「実践クラス」の基準は視聴ではなく、実行です。

自分で作成して公開した後、PCとモバイルで確認し、訪問者の反応をもとに改善します。完成した画面だけでなく、企画書・検収表・運用記録も併せて残し、次のウェブサイトを作る際に再び活用します。

受講前に、費用と環境をまず確認しましょう

必須環境:PC、インターネット、ファイル・フォルダの基本操作、アカウント作成とメール確認が可能な環境。主な実習ではVS Code・Claude Code・Next.js・GitHub・Vercelを使用します。Claude Codeのインストール・使用方法については、公式ドキュメント code.claude.com/docsで確認できます。

受講料以外の費用: Claude Codeを利用できるサブスクリプションまたはAPI利用料、ドメイン登録・更新料、商用運用に適したホスティング費用。利用量に応じて、DB・APIなどの追加費用が発生する場合があります。料金・上限・為替レート・税金については、支払い時点の公式案内をご確認ください。

重要: Vercel Hobbyは非商用用途です。AdSense広告を含む商用運用には、商用プランの条件を確認する必要があります。「無料ホスティングで継続的に収益化できる」という前提で受講費用を計算しないでください。

ホームサーバーのパートは選択制です。別途機器を購入せずに、その他のパートを学習できます。機器を選択する場合、電気代・ネットワーク・バックアップ・セキュリティ・障害対応も運営者の責任となります。

一人で実習するときに取り出して使う資料

  • ウェブサイト企画書とAI作業・検収ガイドmd

  • 段階別プロンプトとエラー・復旧記録の書式

  • デプロイ・検索登録・AdSense・セキュリティチェックリスト

  • ログイン・RLS・テスト決済検証表

  • 学習進捗表、パート別完了チェック、週間運用と30日実行計画

資料はそのまま貼り付けて終わる解答集ではなく、自分のサイトに合わせて記入し、検証するための作業ツールです。AIの結果やツール画面は、時点や環境によって異なる場合があります。

受講方法と期待値についてご案内します

直接手を動かして取り組むVOD実習コースです。講義内容に関する質問は、Inflearnの質問・回答をご利用ください。個別のサービス制作代行、1:1メンタリング、リアルタイム相談、承認代行は含まれていません。

検索インデックスへの登録とAdSenseの審査は、外部サービスの判断とスケジュールに左右されます。待っている間に止まらないよう、コンテンツの改善・ユーザー検証・次の実習を並行して進めます。

公開スケジュールと動画のアップロード状況は、開設時点で確定してご案内します。学習計画は進捗よりも、「自分のURLが開く」「自分が書いたデータだけが表示される」「変更を元に戻せる」といった確認可能な結果を基準に立ててみましょう。

よくある質問

Q. PC用ウェブサイトとモバイルアプリをそれぞれ作りますか?

いいえ。PCとモバイルのブラウザで同じアドレスから利用できるレスポンシブWebサイトを作ります。画面サイズに合わせてレイアウトを調整し、機能を検証します。App Storeに登録するiOS・Androidネイティブアプリの制作過程ではありません。

Q. AdSenseだけを学ぶ講座ですか?

AdSenseは最初の収益化実験です。Webの基礎・AIによる制作・デプロイ・検索・分析を学び、後半では会員機能・DB・テスト決済を連携して、自分だけのサービスを運営するための基盤を作ります。

Q. どのくらい稼げますか?AdSenseの承認を保証しますか?

特定の収益・訪問者数・検索順位・承認および達成期間を保証するものではありません。講師のYouTube数値は個人の事例であり、予想収益ではありません。この講座の目標は、自ら制作・デプロイ・申請・分析・改善できる運用能力を身につけることです。

Q. 実際にお金が決済されますか?

P7はトス・ペイメンツのテストキーを使用する、実際の課金が発生しない実習です。実際に販売する前には、契約・審査・事業運営・セキュリティ・返金などの準備が必要であり、チェックリストで区分します。テストの成功を、実際の決済の準備完了とはみなしません。

Q. ホームサーバーと別途機器は必ず必要ですか?

いいえ。P8は任意のパートであり、クラウドホスティングで残りの学習を進めることができます。ホームサーバーでは、機器・電気・ネットワーク・バックアップ・セキュリティ・障害対応を運営者が責任を持って管理します。インストール時に既存ディスクのデータが消去される可能性があるため、専用機器とバックアップが必要です。

自分のアイデアで作ったウェブサイトを、
今度は誰かに使ってもらいましょう。

AIと一緒に作り、PCとモバイルで確認し、検索でユーザーと出会います。AdSenseでの収益化を試み、運用データを見ながら次の改善を選択します。

動作する1つのウェブサイトから、自分が理解し運営する初めてのビジネスへ。

収益化できるウェブサイトをAIで作る実践講座で、制作後のプロセスまで自ら進めてみましょう。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • AIで自分だけのウェブサイトを作り、収益化に挑戦したいものの、コーディング・デプロイ・運用に不慣れな非専攻者

  • 自分の仕事・経験から見つけたアイデアを自ら形にして運営し、個人ビジネスとして成長させたい方

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

  • コーディングの事前知識は必要ありません。ファイル・フォルダーの作成、コピー・貼り付け、ウェブサイトへの会員登録ができれば大丈夫です。

  • PCとインターネット、Claude Codeを利用可能なサブスクリプションまたはAPI従量課金、ドメイン費用が必要です。商用運用のホスティングは別途必要で、自宅サーバーでの実習は任意です。

こんにちは
taniです。

キャリア認証

👋 こんにちは。実務中心の知識をわかりやすく明確に伝えたい開発者のテックタニです。

私は20年近く現場でウェブ・アプリサービスや様々な実務プロジェクトを開発・運営してきた開発者です。

最近はAIツールを活用して、一人でサービスを企画し、作り、改善する方法を集中的に研究しています。特にバイブコーディング(Vibe Coding)時代において、非専門家や一人起業家が必ず知っておくべき開発センスを分かりやすく伝えることに関心を持っています。

AIがコードを代わりに書いてくれる時代になりましたが、サービスを適切に作るためには依然として重要なことがあります。

まさに自分が作るサービスがどのようなデータを保存すべきか、そのデータがどのようにつながるのか、機能が増えたときに構造が崩れないようにどう捉えるべきか、ということです。

私は単に文法を暗記させる講義よりも、実際のサービスを作る際にすぐ活用できる構造的な思考と問題解決能力を伝える講義を作りたいと考えています。

非専門家や初心者の方でも大きな負担なくついてこられるよう、難しくなりすぎないように説明しつつ、核心は逃さないようにします。

🎥 テクタニ YouTubeチャンネルでは、AI時代に個人開発者や個人起業家が自分だけのサービスを作り上げていく過程を共有しています。講義スタイルや様々なITインサイトも併せてご確認いただけます。, tôi đang chia sẻ quá trình các nhà phát triển độc lập và những người khởi nghiệp cá nhân tạo ra dịch vụ của riêng mình trong kỷ nguyên AI. Bạn cũng có thể tham khảo phong cách giảng dạy và nhiều thông tin chuyên sâu về IT tại đây.

技術が急速に変化する時代であるほど、すべてを暗記するよりも、必要な核心をしっかりと理解することが重要です。

AIと一緒に自分だけのサービスを作ってみたい方は、TechTani(テクタニ)と一緒に始めてみましょう。 🚀

もっと見る

カリキュラム

全体

68件 ∙ (18分)

講座掲載日: 
最終更新日: 

受講レビュー

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

taniの他の講座

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

似ている講座

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

期間限定セール

¥257,400

35%

¥48,222