Reactで広告収益型ウェブサイトを制作します。広告を最適化し、サーバー費用を削減するための方法から、規模に応じたサイト運営のコツまで学びます。
受講生 243名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
써미츠
ずっと探していた講義でした😭😭 収益が出るサービスを作りたくても、情報が断片的になっていることが多い中、この講義ですべて教えてもらえたので、本当に本当に本当に大きな助けになりました😭😭 そして、単に開発内容だけを教えてくれるのではなく、 直接ものすごいトラフィックが入ってくるサービスを運営してみて経験したことを基に説明してくれるので、理解度も高まりました！！ 何よりも0円で始められるスタックを基に教えてくれるのが良かったです。 （もちろん、ドメイン費用のように完全な0円ではありませんが） このように学んだ内容で、自分の収益型ウェブサイトを直接作って運営できる「状態」になったという点が、この講義の本当の価値だと思います！！！ 様々な言語別に対応する方法も教えてくれるので、グローバルサービスをローンチして必ず成功的な収益を作ってみせます。 このような収益型講義を作ってくださり、本当にありがとうございます！
5.0
주말코딩
「この授業は本物です。」 収益型講義は色々ありますが、現実で発生した実際のデータを見せながら開発する過程、SEO、最適化、様々な配布方法まで全て説明してくれるところは、この講座しかありません。 講義を聞いてみると、事実上「一人でスタートアップを立ち上げる」レベルです。大抵のソフトウェア製品は、ほとんどこのような過程で作られるのではないかと思います。 製品企画から開発、SEOとマーケティング、そして最終的に収益に繋げる過程まで一度に学べます。 特にWeb開発を独学された方には、絶対受講をおすすめします。このような内容は独学では難しいですし、実際に製品を作っても、その他にやらなければならないことがこんなに多いのかと気づかされます。 LLMを活用して開発速度が速くなる時代を迎え、背景知識がより重要になっています。収益型講義はこれ一つで十分だと思います。 小さな成功のために、色々な講座を探し回るより、既に成功を収めた方から直接ノウハウやヒントを聞くことが、成功への近道でしょう。 毎月20万円ずつ収益が出るサイトを作っても、1年に240万円の収益になり、5%の収益率で計算しても約5,000万円の価値があるサイトになります。 数千万円の資産価値を持つサイトを作る第一歩が、まさにこの講義になるのではないでしょうか。 良い講義でした!!!
5.0
jaehyun jo
私はこの分野に疎くて、途中途中で理解できない部分があったのですが、質問すると丁寧にお答えいただきありがとうございました。 この講義は React を使って、サービス運用が可能なレベルの枠組みを教えてくれます。 私のような初心者にとっては大変役に立ちました。 今後の収益化に関しては、改善すべき点ややるべきことが多くて、楽な道はないなと思いました。 良い講義をありがとうございました。
MBTIコンテンツプラットフォームサイトの制作および無料配布方法
Adsenseやクーパンパートナーズ（Coupang Partners）などのアフィリエイト広告の挿入および収益の最適化
売上規模に応じたスタック変更のTip
SEO最適化＆広告最適化のためのTip
「寝ている間もお金が入ってくる方法を見つけられなければ、あなたは死ぬまで働くことになるだろう」
ウォーレン・バフェットの有名な格言です。これはプログラミングをする人々にも当てはまります。
この講義では、私たちが直接収益化に最適化されたコンテンツ型ウェブサイトを作ってみます。最初はただ楽しくて、あるいは就職のために始めた開発の勉強。いつの間にか勉強のための勉強になってしまい、退屈さを感じている方もいらっしゃるでしょう。
この講義を通じて、すぐに収益を出すためのウェブサイトを一緒に作ってみましょう。優れたサービスとは開発難易度の問題ではないということ、ユーザーが楽しく利用する自分だけのサービスを作りながら、収益も十分に生み出せるということを一緒に実感してみてください！
しかし、この講義を受ければ自分のためにお金を稼いでくれる武器の使い方を学ぶことができます。
100%ということは当然ありません。無条件で稼げると言うのは、詐欺師か自分を騙しているだけです。
しかし、成功の確率を高めていくことはできます。
IT大手企業でも開発者が解雇される時代に、私たちが備えるべき姿勢です。
そして確率を高めるための第一歩は、'素早く試すこと'です。
この講義を通じて、私たちは素早くサービスを作ってローンチし、収益性を検証してみるつもりです。
そして、失敗することもあります。だからこそ、最大限0円の費用で始めて検証してみようと思います。
このように何度も試行を繰り返すことで、私たちは新たに学び、成功の確率を高めていくのです。
労働所得は重要ですが、労働所得だけに完全に頼ることはできない時代になりました。自分たちだけのサービスを作り、自ら資本主義で生き残るための試みが必要な時期です。
✨ MBTIベースの心理テストまとめ Reactウェブアプリ(Web Application)
実際運営中のK-TESTサービスリンク -> https://ktestone.com/
テストリストのメイン画面
複数のテストが集まっているYouTubeのサムネイルリスト形式のメイン画面です。
コンテンツ別のイントロ画面
ユーザーが友達に共有することになる、各テストコンテンツ別のイントロ画面です。
クイズ画面
各テストごとの固有のクイズコンテンツ画面です。
結果ページ
クパンパートナーズボタン、ソーシャル共有ボタン、他のテストへの移動サムネイルなど、収益化において最も重要な画面です。
✨ 21世紀はトラフィックがすなわち収益になる時代です。
そして、そのトラフィックは魅力的なコンテンツを持つ人々に集中するものです。
YouTube、ブログ、Instagramなどで、非常に多くの人々が膨大なコンテンツを通じて収益を上げようと努力しています。しかし、そのように競争が激しくなるほど、自分だけの競争力を備えることは難しくなり、一週間努力してみては「自分には向いていないのかな」と諦めてしまうことになります。
💡他の人がほとんど試したことのない、それでいて魅力的なサービスを自ら作って運営してみるのはどうでしょうか？
1人開発者（インディーハッカー：Indie Hacker）として、たった1台のノートパソコンを手に世界中を飛び回りながら、月に少なくて数百万円から数千万円の収益を上げている人々がいます。Pieter Levelsが最も代表的なインディーハッカーです（ぜひ検索してみてください）。
このように成功したインディーハッカーの特徴や長所はそれぞれ異なりますが、一つだけ共通点があります。
素早く実行し、素早く実験し、素早くフィードバックすること
彼らは時間がすなわち金であるという命題を、自らの人生で証明している人々です。アイデアがあれば、あれこれ悩まずに素早く制作して市場に投入し、迅速にフィードバックを受けて素早く改善します。
失敗しても構いません。自身のコーディングノウハウを通じて費用を0円から開始し、リスクを大幅に減らしているからです。失敗した試みは、むしろ自身のポートフォリオとなり、成功のために学ぶべき糧となります。
👍 これから<コーディングを学んで投資しよう：コベトゥ>と共に、魅力的な収益型プログラミングの世界へ足を踏み入れてみてください。
2020年から様々なサービスに挑戦し、失敗と成功を繰り返しながら培ってきた、<素早い実行・実験・フィードバック>のためのインディーハッカーとしてのノウハウを詰め込みました。
この講義では、完成した成果物を作るためにコーディングに関する内容が骨組みとなっていますが、その根幹には収益型ウェブサイトを運営するためのノウハウを盛り込んでいますので、存分に楽しんでいただければ幸いです。
ℹ 今回の講義では Reactを使用します（今後の次シリーズの講義ではNext.jsを使用します）。
ℹ 今回の講義ではJavascriptを使用します（今後の次シリーズの講義ではTypescriptを使用します）。
💡サービス初期に、最大限コストをかけずにサービスを運営することに焦点を当て、市場検証を行うための準備をします。
💡React, AWS, cloudflare, adsense, Google Analytics などの技術スタックを扱います。
Web収益化に興味があります。
ポートフォリオを超えて、実際に収益が発生するWebサービスを作りたい方
自分だけのサービスを作りたいです。
この講義を足がかりに、様々な形態の収益型サービスに応用したい方
素早い市場テストを望んでいます。
サービスの成功確率を高めるために、素早く制作して市場検証を行いたい方
MBTI、クイズなどコンテンツに特化したサービスサイトの制作＆配布の基本を学ぶことができます。
Adsense、Coupang Partnersなど、収益化のための広告ソリューション活用のノウハウをお教えします。
素早い市場テストのための技術スタックを選択する方法をお教えします。
複雑なサーバー構築なしでフロントエンドだけで初期サービスを安全に運営できます。AWS、CloudFlare Pagesを活用した無料ホスティングとCI/CDはボーナス。
私たちのサイトに流入するトラフィックを正確に測定し、広告収益を高めるためのGoogle Analyticsの使い方もお教えします。
（※指標は状況やコンテンツによって異なる場合があり、この講義はトラフィックを保証するものではありません。）
GAリアルタイム訪問者画面
GA訪問者推移画面
（※現在はネイバーのリアルタイム検索ワードサービスが終了しているため、該当の画像は過去のものを添付いたしました。）
ネイバーリアルタイム検索ワード画面
ネイバー急上昇検索ワード画面
ネイバー記事画面
ネイバー記事画面
NAVER知恵袋の画面
📌 技術のための技術ではなく、実用的なサイト構築と収益化に必要な内容に集中します。
📌 単に真似するだけの講義ではなく、収益化戦略を共に悩みながらコーディングします。
📌 やむを得ない場合を除き、最大限無料のインフラを活用してコスト負担を抑えます。
📌 ソースコードの共有は基本。より良い収益化戦略が更新されるたびに、講義も一緒にアップデートされます。
講義はMacOSを基準に説明します。Windowsユーザーの方も問題なく進めることができます。
講義ではVS Codeを使用します。エディタの種類は問いません。
AWS / Adsense / Google Analytics / CloudFlare などのアカウントは、各自のアカウントで進行します。
この講義で扱うソースコードおよび開発プロセス Githubリポジトリ
講義内容のすべてが含まれたPDFファイル
コピー＆ペーストですぐに使えるJSコードファイル
収益型サービスアイデアおよびリサーチ資料がまとめられたNotionページ(Update)
基本的なJavaScriptの文法（
必須ではありません。文法や理論に集中する講義ではありません。）
基本的なReactの使い方（同様に必須ではありません。いかに素早くサービスを具現化するかに焦点を当てた講義です。）
基本的なSQLの知識（こちらも必須ではありません。Excelを扱ったことがある程度で十分です。）
より良い収益戦略やアイデアがまとまり次第、講義も随時アップデートされます。
講義で提供される例示コンテンツ（画像、テキストなど）と、クローンするK-TEST（https://ktestone.com）のすべてのコンテンツの著作権はK-TESTに帰属します。
学習対象は
誰でしょう？
主収益源のほかに、副業で広告収益サイトを運営したい人
寝ている間も収益が発生する自分だけのデジタル資産を構築したい人
理論ではなく、実務ですぐに開発スキルを活かしたい方
ブログやYouTubeなどとは差別化されたコンテンツサイトを作りたい人
この講義を足がかりにして、他の形態の収益型ウェブサイトに応用したい人
個人開発に最適化された実践的なプログラミングを学びたい人
前提知識、
必要でしょうか？
JavaScriptに関するごく初歩的な知識
React基礎（必須 X）
インフラーン認証
キャリア認証
1,382
受講生
38
受講レビュー
47
回答
4.9
講座評価
6
講座
収益化プログラミング<コーディングを学んで事業しよう>シリーズ講義で、様々なインディーハッカーのノウハウと知識を共有している<コーディングを学んで投資しよう>コベトゥです。
1ヶ月に収益型サービスを一つずつローンチする「1ヶ月ローンチチャレンジクラブ」と「コベトゥニュースレター」を運営しています。
全体
75件 ∙ (19時間 58分)
講座資料:
全体
16件
4.9
16件の受講レビュー
受講レビュー 3
∙
平均評価 5.0
5
必要な部分だけを得ることができてよかったです。
良いレビューありがとうございます！ 必要な部分を得られたとのこと、本当に良かったです。 ぜひ収益型サービスで経済的自由にもっと近づいてください。改めて、意味のあるレビューをありがとうございます！
受講レビュー 3
∙
平均評価 4.7
修正済み
5
「この授業は本物です。」 収益型講義は色々ありますが、現実で発生した実際のデータを見せながら開発する過程、SEO、最適化、様々な配布方法まで全て説明してくれるところは、この講座しかありません。 講義を聞いてみると、事実上「一人でスタートアップを立ち上げる」レベルです。大抵のソフトウェア製品は、ほとんどこのような過程で作られるのではないかと思います。 製品企画から開発、SEOとマーケティング、そして最終的に収益に繋げる過程まで一度に学べます。 特にWeb開発を独学された方には、絶対受講をおすすめします。このような内容は独学では難しいですし、実際に製品を作っても、その他にやらなければならないことがこんなに多いのかと気づかされます。 LLMを活用して開発速度が速くなる時代を迎え、背景知識がより重要になっています。収益型講義はこれ一つで十分だと思います。 小さな成功のために、色々な講座を探し回るより、既に成功を収めた方から直接ノウハウやヒントを聞くことが、成功への近道でしょう。 毎月20万円ずつ収益が出るサイトを作っても、1年に240万円の収益になり、5%の収益率で計算しても約5,000万円の価値があるサイトになります。 数千万円の資産価値を持つサイトを作る第一歩が、まさにこの講義になるのではないでしょうか。 良い講義でした!!!
こんなに貴重なレビューを残していただきありがとうございます。 実際の収益型ウェブサイト構築まで学習のお役に立てたとのこと、嬉しく、そして感謝しております。 今後、広告型収益以外にも決済販売収益など、他の形態の収益型サービス構築過程も一生懸命カリキュラムを構成してご紹介できるようにいたします！ どうか収益型サービスで経済的自由にもっと近づけますように、 改めて意味のあるレビュー、ありがとうございます！
受講レビュー 1
∙
平均評価 5.0
5
ずっと探していた講義でした😭😭 収益が出るサービスを作りたくても、情報が断片的になっていることが多い中、この講義ですべて教えてもらえたので、本当に本当に本当に大きな助けになりました😭😭 そして、単に開発内容だけを教えてくれるのではなく、 直接ものすごいトラフィックが入ってくるサービスを運営してみて経験したことを基に説明してくれるので、理解度も高まりました！！ 何よりも0円で始められるスタックを基に教えてくれるのが良かったです。 （もちろん、ドメイン費用のように完全な0円ではありませんが） このように学んだ内容で、自分の収益型ウェブサイトを直接作って運営できる「状態」になったという点が、この講義の本当の価値だと思います！！！ 様々な言語別に対応する方法も教えてくれるので、グローバルサービスをローンチして必ず成功的な収益を作ってみせます。 このような収益型講義を作ってくださり、本当にありがとうございます！
収益化サービスの構築に役立ったとのこと、幸いです。ありがとうございます！ 実はドメイン費用を0円にする方法もあるのですが、クオリティの問題があるので、サービス用ドメインは数千円～数万円かかっても直接購入されることをおすすめしました : ) 今後、より精巧なレベルでサービスを構築していただけるよう、良いニュースと新しい講義のアップデートでお伺いします。 ぜひ収益化サービスで経済的自由にもっと近づいてください。改めて、意味のあるレビューありがとうございます！
受講レビュー 6
∙
平均評価 4.7
5
私はこの分野に疎くて、途中途中で理解できない部分があったのですが、質問すると丁寧にお答えいただきありがとうございました。 この講義は React を使って、サービス運用が可能なレベルの枠組みを教えてくれます。 私のような初心者にとっては大変役に立ちました。 今後の収益化に関しては、改善すべき点ややるべきことが多くて、楽な道はないなと思いました。 良い講義をありがとうございました。
レビューを残していただき、誠にありがとうございます。 お役に立てたようで、本当に幸いです！ 次の講義では、決済ソリューションを付けて決済収益を得る講義でお会いする予定です。 どうぞたくさん応用されて、経済的自由にもっと近づいていただけますよう、改めて意味のあるレビューをありがとうございます！
受講レビュー 10
∙
平均評価 4.8
5
良い講義です。 1人開発者として独立できる基盤を作ってくれます。
良いレビューありがとうございます！必要な部分を得られたとのこと、本当に良かったです。ぜひ収益型サービスで経済的自由にもっと近づかれることを願っております。改めて、意味のあるレビューをありがとうございました！
知識共有者の他の講座はこちら
同じ分野の他の講座を見てみましょう！
新規会員登録で25%OFF
￥24,700
25%
￥32,940
![[マネーアップライブ] MBTIでウェブサイト収益を上げる方法、一気にお教えします！講義サムネイル](https://cdn.inflearn.com/public/files/courses/337017/cover/01jrcd008s6t7n2h72vv17fshy?w=420)
![真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]講義サムネイル](https://cdn.inflearn.com/public/courses/325240/course_cover/d5d7e9a9-2d6f-4a81-84da-5e9cde3f39a4/nodereactecommerce-eng.png?w=420)
![フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]講義サムネイル](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?w=420)
