Challenge

終了

Programming

AI Coding

[Liveチャレンジ] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

このチャレンジを通じて実務で使用可能な開発者バイブコーディング法を学習できます。バイブコーディングポートフォリオ及び就職のためのAI開発活用能力を身につけることができます。

555명이 수강한

강의로 진행되는 챌린지!

React

Next.js

cursor

prompt engineering

Vibe Coding

76개 수업 학습

7회 미션 수행

라이브 5 회

Cursor AI를 활용법 압축학습

매주 이뤄지는 특별 라이브 초대

말 잘 듣는 AI 프롬프트 제공

실습용 피그마 디자인 제공

무제한 복습, 내 것으로 만들어요.

성취의 증표, 수료증을 발급해요.

nwd09074926님과 함께해요!

14,430

受講生

477

受講レビュー

968

回答

4.8

講座評価

講座

共同知識共有者

🍌 前提知識と注意事項

基礎的なHTML、CSS、Javascriptの知識があると良いです。
Reactの基礎知識があれば、バイブコーディングがもっと簡単になります!
プロンプトの作成方法と開発の概念を一緒に学ぶことができます

🍌 こんな方におすすめです

バイブコーディングでフロントエンドを素早く作りたい開発者なら
Figmaで企画及びデザインが可能な方、特にUI/UXデザイナー&PMなら
毎月入ってくる「第2の給料」を退勤後に簡単に作りたいなら
スタートアップで素早い成果物が必要なら

この講座がぴったりだと思います。

10월

12일

챌린지 시작일

2025년 10월 12일 午後 03:00

챌린지 종료일

2025년 11월 19일 午後 02:59

챌린지 커리큘럼

全体

88件 ∙ (38時間 6分)

講座資料（こうぎしりょう）:

授業資料

ミッション

챌린지 전용 수업

ライブ

セクション 1．[ライブ] 開発者のためのバイブコーディングって？ - チャレンジOT

1件

1. 10月2日（木）19:00 オンラインライブを開催します！

セクション 2．【1週目】バイブコーディング with CursorAI：失敗しないバイブコーディングの秘訣

5件 ∙ (58分)

2. [1-1] 講義目標 - Orientation
05:40
3. [1-2] プロジェクト設計（開発順序）
07:59
4. [1-3] Cursorアップデートのお知らせ（アップデート完了）
07:09
5. # [1-4] カーソルの核心機能とRules
18:17
6. [1-5] Gitコミットの取り消し (アップデート完了)
19:04

セクション 3．【1週目】共通要素の生成：繰り返し使われるものから先に作る

9件 ∙ (2時間 36分)

7. [2-0] バイブコーディング Figma 原本ファイル
8. [2-1] Figma MCP接続アップデート（アップデート完了）
17:35
9. [2-2] フォルダ構造とファウンデーションの生成
26:36
10. [2-3] enumの生成
10:59
11. 【2-4】URL生成
07:22
12. [2-5] プロバイダーの作成
15:23
13. # [2-6] 共通UIコンポーネント生成
35:47
14. 【2-7】Storybookの生成
24:10
15. [2-8] 共通UIコンポーネントの修正
18:34

セクション 4．[1週目] UI生成 - もどかしさZero！自分が望むUI成果物を100%引き出す方法

7件 ∙ (2時間 40分)

セクション 5．# [1週目] ミッション / ライブ

2件 ∙ (29分)

セクション 6．[2週目] Ruleの高度化：大切なAI、言うことをよく聞かせる

1件 ∙ (7分)

セクション 7．[2週目] 機能実装(データ非連動):データがなければ、簡単です!

5件 ∙ (2時間 7分)

セクション 8．【2週目】ミッション / ライブ

3件 ∙ (1時間 44分)

セクション 9．[3週目] 機能実装（データ連動：データがあっても、簡単です！）

7件 ∙ (3時間 20分)

セクション 10．[3週目] API連携：え？全部自動でやってくれるって？

4件 ∙ (1時間 19分)

セクション 11．# [3週目] ミッション / ライブ

3件 ∙ (46分)

セクション 12．[4週目] ログイン作成：UIもあなたが勝手に作ってくれる？

7件 ∙ (3時間 59分)

セクション 13．【第4週】権限分岐の実装：君にできないことはないんだね？😊

3件 ∙ (1時間 45分)

セクション 14．# [4週目] ミッション / ライブ

3件 ∙ (1時間 33分)

セクション 15．【5週目】並列処理：10倍速ければ、Moneyも10倍稼げるよね？

6件 ∙ (3時間 36分)

セクション 16．# [5週目] ミッション / ライブ

3件 ∙ (50分)

セクション 17．【第6週】レスポンシブデザイン：面倒くさい、これも君が勝手にやってくれ！

3件 ∙ (1時間 7分)

セクション 18．# [6週目] ミッション / ライブ

3件 ∙ (1時間 19分)

セクション 19．特別追加講義

13件 ∙ (7時間 44分)

챌린지에서 배워요

VibecodingでFigmaデザインを100%同一にUI生成する方法
# 실用的なプロンプトの提供プロンプトエンジニアリングにおいて最も重要なのは、**実際の業務やプロジェクトに即座に適用できる実用的なプロンプト**を作成することです。 ## 実用的なプロン
バイブコーディングで機能中心の全体プロジェクト完成
バイブコーディングポートフォリオ
会社で使える実務中心のVibeCoding

こんな方に
おすすめです

学習対象は
誰でしょう？

バイブコーディングで実サービスを構築したい誰でも
誰でも会社でVibeCodingを使いたい方へ
バイブコーディングのポートフォリオが必要な誰でも
洗練された1人起業サービスをバイブコーディングで作りたい誰もが
自分のサービスを作りたいUIUXデザイナー
自分のサービスを作りたい企画者またはPM

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

React基礎
HTML、CSS基礎

受講レビュー

全体

5件

5.0

5件の受講レビュー

jjoya
受講レビュー 5
∙
平均評価 5.0
2025/10/14
5
30% 受講後に作成
よく聞いています
naraehyeon9641
受講レビュー 2
∙
平均評価 5.0
2025/11/27
5
90% 受講後に作成
AIを活用してプログラミングすることについて感覚が掴めました。講義を聞いている最中もそうですし、現在もとても速く変化しているので、初期にこのような講義を聞くことができたのが後々とても大きな助けになりそうです！ノ・ウォンドゥ講師の方、ありがとうございます :)
redpoint12038146
受講レビュー 4
∙
平均評価 4.0
2025/10/30
5
61% 受講後に作成
私がこれまで学習したInflearn講座の中で最高の講義です。理由は本当に実務で悩んでいたバイブコーディングを実務にどのように適用するかを明確に説明しており、悩んでいた事項について多くの部分を解決しました。講師の方、声も明確で聞くのもとても楽です。ありがとうございます。講師の方
tjqvnd1235235
受講レビュー 2
∙
平均評価 5.0
2025/10/22
5
5% 受講後に作成
ddw1079
受講レビュー 1
∙
平均評価 5.0
2025/10/21
5
31% 受講後に作成

이 강의의 지난 수강평

취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

[Liveチャレンジ] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

nwd09074926님과 함께해요!

講義の後、皆さんは...

1. どんなFigmaデザインも100%実装

2. 企画意図通りに機能を100%実装

実務のためのバイブコーディングは
違わなければなりません。

開発者・非開発者を問わず、状況に応じて
実務に適用可能なバイブコーディングを学ぶことができます。