강의

멘토링

커뮤니티

BEST
Programming

/

AI Coding

ゼロベースから学ぶウェブ開発の概念とバイブコーディング

迅速な実行と検証の時代、Vibeコーディングで誰よりも速く実行しましょう!広告、決済など収益化まで漏らさずに自分の手で実現してみましょう。

難易度 入門

受講期間 無制限

  • jeyong
React
React
Web Application
Web Application
Next.js
Next.js
cursor
cursor
AI
AI
React
React
Web Application
Web Application
Next.js
Next.js
cursor
cursor
AI
AI

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

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

4.8

5.0

antivimeo

100% 受講後に作成

講座の序盤で、バックエンドとフロントエンドの概念について説明してくれたのが良かったと思います。概念が少し掴めたような気がします? サービス企画ベースのジュニアPM/POの方々も、きっと役立つでしょう。 後のプロジェクトの講義は、私の場合、手を動かさずに、ただサッと運動しながら見ました。最初は一つずつ手を動かしてやってみようかと思ったのですが、どうせ講師の実装方法やエラーケースは私とは異なるだろうと思ったからです。プロジェクトは、よく理解できなくても、まずはさっと目を通して、後で参考にするときにまた見ようと思います。 良い講義をありがとうございました。

5.0

토니야

100% 受講後に作成

今回の講座でVibeコーディングに初めて触れましたが、講師の方の丁寧な説明と併せてライブコーディングを追っていくうちに、概念の理解に大変役立ちました。

5.0

kelo

100% 受講後に作成

本当に簡単で有益な講座でした! 本当にコーディングは全く分かりませんでしたが、講座をすべて受講した今は、自分のブログも自分で作ったり、小さなコミュニティも作って公開してみたり! 1年にオンライン有料講座の決済をすることが一度あるかないかだったのですが 偶然 [AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문 を受講してから、ものすごい自信を持って今回の講座も受講することになりました。 先生の講座はまず簡単で、ついていくだけで何だか形になっていき その都度質問にも的確な返答もすぐにしてくださるので! もう先生の次の講座が待ちきれません! コーディングを全く知らない年齢、性別問わず! 日常生活でふと小さなアイデアがひらめいた時や、また仕事に役立つサービスを自分で作ることができる!というのが 大きなメリットである講座でした! 先生、次の講座もよろしくお願いします〜

受講後に得られること

  • ヴァイブ コーディングを利用したウェブアプリケーション開発

  • 広告および決済モジュールを利用した収益化

  • v0を利用した超簡単フロントエンド開発&デザイン

  • Cursor IDEを利用したバイブコーディング

  • Next.js Webアプリの Vercel デプロイ

こんな方におすすめです

  • 頭の中に「一番行くアイデア」を持っているなら

  • または毎月入ってくる「第2の給料」を夢見るなら

  • そしてAI・コーディング・サービス実装、その3つを一度に身につけたいなら

この講義がぴったりです。

「コーディングにおいては文盲ですが…」

コーディングの👃も知らなくても大丈夫です!

  • 👽 :コーディングはエイリアンのようで、難しいようです!

    →この講義ではAIと「韓国語プロンプト(コマンド語)」だけを使用します。

  • 😭 :以前にコーディングを学んでみましたが、難しくてあきらめました。

    →「バイブコーディング」は誰でも涼しく学べます。

  • 💻 :Webデザインを行うことができませんが、Webアプリを作成できますか?

    →AIでデザインする方法までお知らせします。

📊なぜ今「バイブコーディング」を学ぶべきですか?

今学ぶのは、

「開発の未来」を変えているバイブコーディングです。

バイブコーディングは単なる「ノーコード」ではありません。

AIとコラボレーションする新しい開発方式です。


命令だけでサービスを作成し、

企画から配布まで、全過程を自動化できる時代。

ここではその流れの中心にある技術、

バイブコーディングを学びます。

💡バイブコーディングを活用すると

  • 初歩道、高人物も開発時間が大幅に短縮されます

  • 💻複雑なコードを書くことはAIが代わるものです

  • 📈企画と運営に集中することができます

  • 💰広告、支払いなど、収益を得るサービスを作成できます。

📌この講義を聞くことができます。

  • 私のアイデアで本物のWebサービスを作成できます

  • 広告、決済、購読モデルまで適用して収益化が可能です

  • AIとコラボレーションする開発法を習得します

  • 現業で使うツールを直接使ってみます

  • 配布から運営まで、サービスを完成できます


💡川の特徴

  • フロントエンド+バックエンド+インフラストラクチャ+収益化のプロセスを学びます。

  • 完全初心者向け、ステップバイステップでお知らせします。

  • AIベースの実践バイブコーディング実践が多数実装されています。

サービス企画・実施・運営のため

実際に必要なものだけ、効率的に学びます。


📚カリキュラム

企画→開発→配布→収益化まで

アイデアを実際のサービスにして学ぶように構成しました。

  1. AIとのプロトタイプ製作

  2. Cursor IDEを活用したフロント開発

  3. Supabaseでデータを処理する

  4. 広告を貼る:AdSenseスレッド

  5. トスペイメンツで決済連動する

  6. SEOオートメーションツールの作成

  7. サービスの展開と運用

📚実践プロジェクト

プロジェクト

SEOチップジェネレータ

ポートフォリオウェブサイト

ブログサービス

収益性の高いウェブアプリ

学ぶこと

OpenAI API、Node.jsの活用

Cursor IDEによる静的Web開発

v0 + Supabase、広告の挿入

お支払い機能連携、フリーミアム構成

💰本番収益化講義らしく…

  • 広告挿入法(Google AdSense)

  • 決済連動 (Toss Payments)

  • Freemium 収益モデルの設計(クレジットベース)

  • SEO最適化自動化ツールの作成

    などを学べます。

Cautionセキュリティが脆弱であれば、サーバー費爆弾が出る可能性がありますか?」

「苦労して設定したSEOがダンスになることができるんですか?」

初めてサービスを作成するときにできるミスと解決のヒントまで入念に込めました。

💡実務家のツールを学ぶ


実務ですぐに使われるツールを厳選しました。

分類

メインツール

フロントエンド

バックエンド

バージョン管理

デザイン

AI API

ツール

Cursor IDE(AIコーディング)

HTML、CSS、JavaScript、TypeScript、React.js、Next.js

Supabase(BaaS)、インフラ構成のヒント

Git(バージョン管理とコラボレーション必須)

v0(ノーコードUI設計)

OpenAI APIの使用法を含める

プロジェクトに従い終わるのではなく、

継続的に応用して活用できるように構成しました。

今、始めましょうか?


世界はもう別の質問をしています。

「どうするか」は徐々に減り、

「何をするか」をもっと尋ねています。


もう「コーディングを知らないから」

アイデアを延期する必要はありません。


この講義は単なるチュートリアルではなく、

あなたの最初のプロダクトを一緒に作る旅です。

  • 頭の中のアイデア→本番Webアプリ

  • 企画→実施→配布→収益化

あなたのアイデアがサービスになる経験

一緒に始めましょう。

👨‍💼講師紹介

6年以上コーディングを教えました。
開発者&講師、新製用です。

  • 西江大学電子工学修士(最優秀論文賞受賞)

  • ファーストキャンパス/ゼロベースなどオンライン講義多数

  • LGイノテックなど企業向けAI講義の進行

  • 梨花女子大学など大学対象PCCE特講進行

  • AI、ウェブ開発、データサイエンスまで経験した実務型メンター

💡✅受講前確認してください

  • このレッスンは完全初心者にも従うように構成されています

  • AIツールを活用するため、従来のコーディング教育とは異なる場合があります

  • 実際の収益化を念頭に置いた本番中心のカリキュラムです。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • コーディングを初めてされる方

  • 自分のものを作りながら、Viveコーディングを学びたい方

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

  • 事前知識は全く必要ありません。

こんにちは
です。

668

受講生

65

受講レビュー

38

回答

4.8

講座評価

2

講座

年収1億ウォンへの第一歩を共に歩みます

誠実なだけでは不十分で、有能でなければならないと言います。
私は誠実な人を、有能な人へと引き上げたいと考えています。


経歴事項

  • (現) 6年目 コーディング・プログラミング講師

    • Python / コーディングテスト / 人工知能 / バックエンド / フロントエンド / データサイエンス / Java など

    • ファストキャンパス(Fastcampus)、ゼロベース(Zero-base)など教育機関への出講

    • 梨花女子大学、西京大学など大学特別講義への出講

    • LGイノテックなど企業講義への出講

    • LGイノテック・ベトナム支社などでの英語講義を実施

  • (現) 人工知能スタートアップ「VoyagerX」ディープラーニング開発者

  • (元) LGイノテック CTO ディープラーニング諮問
    (元) LGイノテック ソフトウェア研究員


学歴

  • 西江大学校 電子工学科 修士(画像処理/人工ニューラルネットワーク)、2015年 最優秀論文賞 受賞

  • 西江大学校 電子工学科 学士、2013年 最優秀卒業(summa cum laude)


ポートフォリオ: https://abel.even-my-dogs.com

カリキュラム

全体

56件 ∙ (7時間 39分)

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

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

受講レビュー

全体

45件

4.8

45件の受講レビュー

  • juda018919님의 프로필 이미지
    juda018919

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    講師の方の説明が本当に分かりやすくて、大変助かりました。ありがとうございました。

    • jeyong
      知識共有者

      大変お役に立てたようで嬉しいです! :) ありがとうございます。楽しい開発生活を送ってください〜!

  • c135252037님의 프로필 이미지
    c135252037

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます :)

  • zhuda2438님의 프로필 이미지
    zhuda2438

    受講レビュー 1

    平均評価 5.0

    5

    32% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます :)

  • fstep2821님의 프로필 이미지
    fstep2821

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます!:)

  • lipper25015163님의 프로필 이미지
    lipper25015163

    受講レビュー 2

    平均評価 5.0

    5

    30% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます!:)

¥14,829

jeyongの他の講座

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

似ている講座

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