[AI] プロンプトだけでアイデア実装する_VIBE CODING入門
jeyong
コーディングは全く知らなくて大丈夫です。バイブコーディングを半日勉強すれば、コードを書かずにプログラムが作れるようになります。 Webスクレイピング、TTS、チャットボット、ゲームなど、ステップごとに10個のサンプルを自分で作りながら、最新のAIコーディング法を習得しましょう。
入門
Python, Business Productivity, AI
迅速な実行と検証の時代、Vibeコーディングで誰よりも速く実行しましょう!広告、決済など収益化まで漏らさずに自分の手で実現してみましょう。
受講生 527名
難易度 入門
受講期間 無制限
学習した受講者のレビュー
5.0
antivimeo
講座の序盤で、バックエンドとフロントエンドの概念について説明してくれたのが良かったと思います。概念が少し掴めたような気がします? サービス企画ベースのジュニアPM/POの方々も、きっと役立つでしょう。 後のプロジェクトの講義は、私の場合、手を動かさずに、ただサッと運動しながら見ました。最初は一つずつ手を動かしてやってみようかと思ったのですが、どうせ講師の実装方法やエラーケースは私とは異なるだろうと思ったからです。プロジェクトは、よく理解できなくても、まずはさっと目を通して、後で参考にするときにまた見ようと思います。 良い講義をありがとうございました。
5.0
토니야
今回の講座でVibeコーディングに初めて触れましたが、講師の方の丁寧な説明と併せてライブコーディングを追っていくうちに、概念の理解に大変役立ちました。
5.0
kelo
本当に簡単で有益な講座でした! 本当にコーディングは全く分かりませんでしたが、講座をすべて受講した今は、自分のブログも自分で作ったり、小さなコミュニティも作って公開してみたり! 1年にオンライン有料講座の決済をすることが一度あるかないかだったのですが 偶然 [AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문 を受講してから、ものすごい自信を持って今回の講座も受講することになりました。 先生の講座はまず簡単で、ついていくだけで何だか形になっていき その都度質問にも的確な返答もすぐにしてくださるので! もう先生の次の講座が待ちきれません! コーディングを全く知らない年齢、性別問わず! 日常生活でふと小さなアイデアがひらめいた時や、また仕事に役立つサービスを自分で作ることができる!というのが 大きなメリットである講座でした! 先生、次の講座もよろしくお願いします〜
ヴァイブ コーディングを利用したウェブアプリケーション開発
広告および決済モジュールを利用した収益化
v0を利用した超簡単フロントエンド開発&デザイン
Cursor IDEを利用したバイブコーディング
Next.js Webアプリの Vercel デプロイ
頭の中に「一番行くアイデア」を持っているなら
または毎月入ってくる「第2の給料」を夢見るなら
そしてAI・コーディング・サービス実装、その3つを一度に身につけたいなら
この講義がぴったりです。
コーディングの👃も知らなくても大丈夫です!
👽 :コーディングはエイリアンのようで、難しいようです!
→この講義ではAIと「韓国語プロンプト(コマンド語)」だけを使用します。
😭 :以前にコーディングを学んでみましたが、難しくてあきらめました。
→「バイブコーディング」は誰でも涼しく学べます。
💻 :Webデザインを行うことができませんが、Webアプリを作成できますか?
→AIでデザインする方法までお知らせします。
今学ぶのは、
「開発の未来」を変えているバイブコーディングです。
バイブコーディングは単なる「ノーコード」ではありません。
AIとコラボレーションする新しい開発方式です。
命令だけでサービスを作成し、
企画から配布まで、全過程を自動化できる時代。
ここではその流れの中心にある技術、
バイブコーディングを学びます。
💡バイブコーディングを活用すると
⏱初歩道、高人物も開発時間が大幅に短縮されます
💻複雑なコードを書くことはAIが代わるものです
📈企画と運営に集中することができます
💰広告、支払いなど、収益を得るサービスを作成できます。
私のアイデアで本物のWebサービスを作成できます
広告、決済、購読モデルまで適用して収益化が可能です
AIとコラボレーションする開発法を習得します
現業で使うツールを直接使ってみます
配布から運営まで、サービスを完成できます
フロントエンド+バックエンド+インフラストラクチャ+収益化のプロセスを学びます。
完全初心者向け、ステップバイステップでお知らせします。
AIベースの実践バイブコーディング実践が多数実装されています。
サービス企画・実施・運営のため
実際に必要なものだけ、効率的に学びます。
企画→開発→配布→収益化まで
アイデアを実際のサービスにして学ぶように構成しました。
AIとのプロトタイプ製作
Cursor IDEを活用したフロント開発
Supabaseでデータを処理する
広告を貼る:AdSenseスレッド
トスペイメンツで決済連動する
SEOオートメーションツールの作成
サービスの展開と運用
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コーディングを学びたい方
前提知識、
必要でしょうか?
事前知識は全く必要ありません。
739
受講生
81
受講レビュー
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分)
講座資料(こうぎしりょう):
1. 講師、講義紹介
05:38
2. バイブ コーディングとは?
06:37
3. ウェブアプリケーションの構造
11:40
4. 開発環境
07:46
5. 講義オーバービュー
09:26
6. HTML
05:00
7. CSS
08:01
8. ジャバスクリプト
07:13
9. React.js
09:58
10. Next.js
09:02
11. v0とは?
03:47
全体
55件
4.9
55件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
講師の方の説明が本当に分かりやすくて、大変助かりました。ありがとうございました。
大変お役に立てたようで嬉しいです! :) ありがとうございます。楽しい開発生活を送ってください〜!
受講レビュー 2
∙
平均評価 5.0
修正済み
受講レビュー 2
∙
平均評価 5.0
修正済み
5
講座の序盤で、バックエンドとフロントエンドの概念について説明してくれたのが良かったと思います。概念が少し掴めたような気がします? サービス企画ベースのジュニアPM/POの方々も、きっと役立つでしょう。 後のプロジェクトの講義は、私の場合、手を動かさずに、ただサッと運動しながら見ました。最初は一つずつ手を動かしてやってみようかと思ったのですが、どうせ講師の実装方法やエラーケースは私とは異なるだろうと思ったからです。プロジェクトは、よく理解できなくても、まずはさっと目を通して、後で参考にするときにまた見ようと思います。 良い講義をありがとうございました。
レビューありがとうございます! :) 講義の意図がよく伝わったようで嬉しいです!楽しい開発ライフを送ってください! :)
あ、あと講義は1.7倍速で聞いても大丈夫です。それでも先生の声は聞きやすいですよ😆😆
受講レビュー 3
∙
平均評価 5.0
5
うーん、myapp とかっていうのは、セッティングされてない状態で授業を聞いても、何が何だか分からないです。例題でもいただけると、実際に真似しながらやってみれるかと思います。
レビューありがとうございます! :) もしmyappに関する部分はgitの実習のことでしょうか? もしそうであれば、a.mdの本文内容は適当にご希望の内容で埋めて進めていただければ大丈夫です! :) 例えば、 a.mdファイルを # My Cool App とだけ記述した後に、 # My Hot App に変更してテストしていただくだけで十分です!残りの必要な部分は講義ですべて1ステップずつ進められるように構成しておりますので、参考にしてください~! :)
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!