강의

멘토링

커뮤니티

BEST
Programming

/

Web Development

(2025) MBTIテストに基づいた収益型ウェブサイト構築 - 「コーディングを学んで事業を始めよう」

Reactで広告収入型ウェブサイトを作ってみましょう。広告を最適化し、サーバー費用を削減する方法や、規模に応じたサイト運営のTipsまで学べます。

  • cobaetoo
풀스택
React
AWS
cloudflare
adsense
Google Analytics

学習した受講者のレビュー

受講後に得られること

  • MBTIコンテンツプラットフォームサイトの製作および無料配布方法

  • AdSenseやクーパンパートナーズなどのアフィリエイト広告の挿入と収益の最適化

  • 売上規模に応じたスタック変更Tips

  • SEO最適化 & 広告最適化のためのTip

私のウェブサイトで収益を生み出す方法? 🤔

「眠っている間にお金が入る方法を見つけることができなければ、あなたは死ぬまで仕事をしなければなりません。」
ウォーレン・バフェットの有名な格言です。これはプログラミングをしている人にも当てはまります。

このレッスンでは、直接収益化に最適化されたコンテンツタイプのウェブサイトを作成します。最初はただ楽しくて、または就職のために始めた開発勉強。いつの間にか勉強のための勉強になって退屈を感じた方がいます。

このレッスンですぐに収益を得るためのウェブサイトをまとめてください。良いサービスは開発難易度の問題ではないということ、ユーザーが楽しく利用する自分だけのサービスを作り、収益も十分に作れることを一緒に感じてください!

この講義を聞くだけで、自動的に収益が発生すると約束することはできません。

しかし、この講義を聞くと私のためにお金を稼ぐ武器の使い方を学ぶことができます。

100%というのは当然ありません。無条件でお金を稼ぐことができると言うのは詐欺師だったり、自分をだますだけです。


しかし、成功の確率を高めることはできます。


素早く立ち上げ、素早く検証し、迅速に収益化


IT大企業でも開発者を切る時代に、私たちが備えるべき態度です。

そして確率を上げるための第一歩は「早く試す」です。


このレッスンを通じて、我々は迅速にサービスを作成し、起動し、収益性を検証します。

そして失敗するかもしれません。それで、できるだけ0ウォンの費用で始めて検証してみようと思います。

このように何度も試して、私たちは新たに学び、成功の確率を高めます。


労働所得が重要ですが、労働所得に完全に寄せられない時代になりました。私たちだけのサービスを作り、自ら資本主義から生き残るための試みが必要な時期です。

このようなサービスを作ります。

MBTIベースの心理テストコレクションReact Webアプリ(Web Application)

実際に運営されているケイテストサービスリンク - > https://ktestone.com/

テストリストメイン画面
複数のテストが集まっているYouTubeのサムネイルリスト形式のメイン画面です。

コンテンツ別イントロ画面
ユーザーが友達に共有する各テストコンテンツごとのイントロ画面です。

クイズ画面
各テストに固有のクイズコンテンツ画面。

結果ページ
クパンパートナーズボタン、ソーシャル共有ボタン、他のテストに行くサムネイルなど、収益化に最も重要な画面です。

✨21世紀は、トラフィックがすぐに収益になる時代です。
そしてそのトラフィックは魅力的なコンテンツを持つ人々に集中するようになります。

YouTube、ブログ、Instagramなどで、あまりにも多くの人があまりにも多くのコンテンツで収益を上げるよう努めています。しかし、そのように競争が激しくなるほど、自分だけの競争力を備えることは難しくなり、一週間努力してより「私の道ではないか」とやめてしまいます。


💡他の人がほとんど試していない、それでも魅力的なサービスを自分で作って運営するならどうでしょうか?
一人の開発者(インディハッカー:Indie Hacker) 一人でノートパソコンを一つ持って世界中を歩き回り、月に少なくは数百万~数千万ウォンずつ収益を出す人々がいます。 Pieter Levelsが最も代表的なインディハッカーです(ぜひ検索してください)。


このように成功したインディハッカーの特徴と利点はそれぞれ異なるが、共通点一つがある。

素早く走り、素早く実験し、素早くフィードバックする

これらは時間がまもなくお金という命題を人生で証明する人です。アイデアがあれば、前後に載せずに素早く制作して市場に素早く披露した後、素早くフィードバックを受けて素早く改善します。

失敗しても構いません。自分のコーディングノウハウを通じて費用を0ウォンで始めてリスクを確かめたからです。失敗した試みはむしろ自分のポートフォリオになり、成功のために学ぶべき養子になります。


👍今後<コーディング学び投資しよう:コバトゥ>と一緒に魅力的な収益型プログラミングの世界に足を踏み入れてみてください。
2020年から複数のサービスを試み、失敗と成功を繰り返しながら、<高速実行/実験/フィードバック>のためのインディハッカーとしてのノウハウを込めました。


このレッスンでは、完成した成果物を作成するためにコーディングに関連する内容がスケルトンを成しますが、その根幹には収益型ウェブサイトを運営するためのノウハウを溶かしておいたので、存分にお楽しみください。

この講義では、 Reactを使用します (次回の講義シリーズでは Next.js を使用します)。

今回の講義ではJavascriptを使用します(今後次のシリーズ講義ではTypescriptを使用します)。

💡サービス初期、できるだけ費用なしでサービスを運営することに焦点を当て、市場検証を進めるための準備をします。

💡 React, AWS, cloudflare, adsense, Google Analytics などの技術スタックを扱います。

こんな方におすすめです

Web収益化に興味があります。
ポートフォリオを超えて実際に収益が発生するWebサービスを作成したい方

自分だけのサービスを作りたいです。
この講義を踏み出して、様々な形の収益型サービスに応用したい方

迅速な市場テストが欲しい。
サービスの成功確率を高めるために迅速に制作後に市場検証をしたい方

受講後は

  • MBTI、クイズなどコンテンツに特化したサービスサイト制作&配布の基本を学べます。

  • Adsense 、Kupang Partnersなどの収益のための広告ソリューションの使用ノウハウを教えてください。

  • 迅速な市場テストのための技術スタックを選択する方法を教えてください。

  • 複雑なサーバー構築なしでフロントエンドだけで初期サービスを安全に運営できます。 AWSCloudFlare Pagesを活用した無料ホスティングとCI/CDはボーナス。

  • 私たちのサイトに入ってくるトラフィックを正確に測定し、広告収入を高めるためのGoogle Analyticsの使い方も教えてください。

講師が開発、運営するケイテスト(KTEST)の実際の指標*

(*指標は状況やコンテンツによって異なり、このレッスンはトラフィックを保証しません。)


[Googleアナリティクス指標]

GAリアルタイム訪問者画面

GA訪問者トレンド画面

[ネイバーリアルタイム検索語*]

(*現在はネイバーのリアルタイム検索語サービスが終了した関係で、該当画像は過去の画像を添付しました。)

ネイバー実検画面

ネイバー実検画面

[ネイバー記事および知識人露出]

ネイバー記事画面

ネイバー記事画面

ネイバー知識人画面

この講義の特徴

📌 技術のための技術ではなく、実用的なサイト構築と収益化に必要な内容に集中します。

📌 単に従う講義ではなく、収益化戦略を一緒に悩んでコーディングします。

📌仕方ない場合以外は、できるだけ無料のインフラを活用してコスト負担を下げます。

📌 ソースコードの共有は基本です。より良い収益戦略が更新されるたびに、講義は一緒に更新されます。

受講前の注意

練習環境

  • 講義はMacOSで説明します。 Windowsユーザーも無理なく従うことができます。

  • レッスンではVSコードを使用します。エディタの種類に拘束されません。

  • AWS/Adsense/Google Analytics/CloudFlare などのアカウントは、それぞれのアカウントに進みます。

学習資料

  • このレッスンで扱うソースコードと開発プロセスGithub repo

  • 完全な講義内容を含むPDFファイル

  • コピー/貼り付けとしてすぐに使用できるJS Codeファイル

  • 収益性の高いサービスのアイデアと調査資料をまとめたNotionページ(Update)

選手の知識と注意事項

  • 基本的なJavaScript文法(

    必須ではありません。文法と理論に集中する講義ではありません。)

  • 基本的なリアクトの使い方(同様に必須ではありません。どうすれば迅速にサービスを実装するかに焦点を当てた講義です。)

  • 基本的なSQL知識(やはり必須ではありません。Excelを扱っただけで十分です。)


  • より良い収益戦略やアイデアが整理されると、講義は一緒に更新されます。

  • レッスンで提供されているコンテンツの例(画像、テキストなど)とクローンされているケイテスト( https://ktestone.com)のすべてのコンテンツの著作権はケイテストにあります。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 主な収入源以外に、副業として広告収入サイトを運営したい人

  • 寝ている間にも収益が発生する自分だけのデジタル資産を構築したい人

  • 理論ではなく、実務で即戦力として開発スキルを活かしたい人

  • ブログやYouTubeなどとは差別化されたコンテンツサイトを作りたい人

  • この講義を足掛かりに、他の形態の収益型ウェブサイトに応用したい人

  • 一人開発に最適化された実践型プログラミングを学びたい人

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

  • JavaScript のごく基本的な知識

  • Reactの基礎(必須ではない)

こんにちは
です。

1,040

受講生

15

受講レビュー

36

回答

4.7

講座評価

3

講座

<코딩 배워 투자하자> 코배투입니다.

수익형 프로그래밍 <코딩 배워 사업하자> 시리즈 강의로 여러분께 먼저 선보입니다.

1개월에 수익형 서비스를 하나씩 런칭하는 [한달 런칭 챌린지 클럽]과 [코배투 뉴스레터]를 운영하고 있습니다.

https://maily.so/cobaetoo

2018년부터 금융권 기업 대상 재무 데이터 분석, 퀀트 프로그래밍 강의를 진행하고 있고,

2020년부터 MBTI 기반 심리테스트 플랫폼 <케이테스트>를 개발/운영하고 있습니다.

https://ktestone.com/

カリキュラム

全体

75件 ∙ (19時間 58分)

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

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

受講レビュー

全体

12件

4.9

12件の受講レビュー

  • weekendcode님의 프로필 이미지
    weekendcode

    受講レビュー 4

    平均評価 4.8

    修正済み

    5

    57% 受講後に作成

    「この授業は本物です。」 収益型講義は色々ありますが、現実で発生した実際のデータを見せながら開発する過程、SEO、最適化、様々な配布方法まで全て説明してくれるところは、この講座しかありません。 講義を聞いてみると、事実上「一人でスタートアップを立ち上げる」レベルです。大抵のソフトウェア製品は、ほとんどこのような過程で作られるのではないかと思います。 製品企画から開発、SEOとマーケティング、そして最終的に収益に繋げる過程まで一度に学べます。 特にWeb開発を独学された方には、絶対受講をおすすめします。このような内容は独学では難しいですし、実際に製品を作っても、その他にやらなければならないことがこんなに多いのかと気づかされます。 LLMを活用して開発速度が速くなる時代を迎え、背景知識がより重要になっています。収益型講義はこれ一つで十分だと思います。 小さな成功のために、色々な講座を探し回るより、既に成功を収めた方から直接ノウハウやヒントを聞くことが、成功への近道でしょう。 毎月20万円ずつ収益が出るサイトを作っても、1年に240万円の収益になり、5%の収益率で計算しても約5,000万円の価値があるサイトになります。 数千万円の資産価値を持つサイトを作る第一歩が、まさにこの講義になるのではないでしょうか。 良い講義でした!!!

    • cobaetoo
      知識共有者

      こんなに貴重なレビューを残していただきありがとうございます。 実際の収益型ウェブサイト構築まで学習のお役に立てたとのこと、嬉しく、そして感謝しております。 今後、広告型収益以外にも決済販売収益など、他の形態の収益型サービス構築過程も一生懸命カリキュラムを構成してご紹介できるようにいたします! どうか収益型サービスで経済的自由にもっと近づけますように、 改めて意味のあるレビュー、ありがとうございます!

  • summits님의 프로필 이미지
    summits

    受講レビュー 1

    平均評価 5.0

    5

    62% 受講後に作成

    ずっと探していた講義でした😭😭 収益が出るサービスを作りたくても、情報が断片的になっていることが多い中、この講義ですべて教えてもらえたので、本当に本当に本当に大きな助けになりました😭😭 そして、単に開発内容だけを教えてくれるのではなく、 直接ものすごいトラフィックが入ってくるサービスを運営してみて経験したことを基に説明してくれるので、理解度も高まりました!! 何よりも0円で始められるスタックを基に教えてくれるのが良かったです。 (もちろん、ドメイン費用のように完全な0円ではありませんが) このように学んだ内容で、自分の収益型ウェブサイトを直接作って運営できる「状態」になったという点が、この講義の本当の価値だと思います!!! 様々な言語別に対応する方法も教えてくれるので、グローバルサービスをローンチして必ず成功的な収益を作ってみせます。 このような収益型講義を作ってくださり、本当にありがとうございます!

    • cobaetoo
      知識共有者

      収益化サービスの構築に役立ったとのこと、幸いです。ありがとうございます! 実はドメイン費用を0円にする方法もあるのですが、クオリティの問題があるので、サービス用ドメインは数千円~数万円かかっても直接購入されることをおすすめしました : ) 今後、より精巧なレベルでサービスを構築していただけるよう、良いニュースと新しい講義のアップデートでお伺いします。 ぜひ収益化サービスで経済的自由にもっと近づいてください。改めて、意味のあるレビューありがとうございます!

  • jojae383220님의 프로필 이미지
    jojae383220

    受講レビュー 6

    平均評価 4.7

    5

    100% 受講後に作成

    私はこの分野に疎くて、途中途中で理解できない部分があったのですが、質問すると丁寧にお答えいただきありがとうございました。 この講義は React を使って、サービス運用が可能なレベルの枠組みを教えてくれます。 私のような初心者にとっては大変役に立ちました。 今後の収益化に関しては、改善すべき点ややるべきことが多くて、楽な道はないなと思いました。 良い講義をありがとうございました。

    • cobaetoo
      知識共有者

      レビューを残していただき、誠にありがとうございます。 お役に立てたようで、本当に幸いです! 次の講義では、決済ソリューションを付けて決済収益を得る講義でお会いする予定です。 どうぞたくさん応用されて、経済的自由にもっと近づいていただけますよう、改めて意味のあるレビューをありがとうございます!

  • cinos810120님의 프로필 이미지
    cinos810120

    受講レビュー 10

    平均評価 4.8

    5

    100% 受講後に作成

    良い講義です。 1人開発者として独立できる基盤を作ってくれます。

    • cobaetoo
      知識共有者

      良いレビューありがとうございます!必要な部分を得られたとのこと、本当に良かったです。ぜひ収益型サービスで経済的自由にもっと近づかれることを願っております。改めて、意味のあるレビューをありがとうございました!

  • thisiszero님의 프로필 이미지
    thisiszero

    受講レビュー 2

    平均評価 5.0

    5

    22% 受講後に作成

    必要な部分だけを得ることができてよかったです。

    • cobaetoo
      知識共有者

      良いレビューありがとうございます! 必要な部分を得られたとのこと、本当に良かったです。 ぜひ収益型サービスで経済的自由にもっと近づいてください。改めて、意味のあるレビューをありがとうございます!

¥32,462

cobaetooの他の講座

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

似ている講座

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