inflearn logo
知識共有
inflearn logo
Challenge
終了

[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

講座評価

12

講座

共同知識共有者

*ご好評につき、チャレンジ開始前まで追加募集中!*

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


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

バイブコーディングでFigmaデザインを100%実装できず、もどかしい思いをしていませんか?

私たちのチーム、または自分が作りたい正確な
Figmaデザインをバイブコーディングで
100%正確に、素早く生成する秘訣を公開します。

不完全な初期Figma MCP成果物 → 正確に生成する(ヤノルジャホームページの例)

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

5分で作れる単純なバイブコーディングサービスではなく、
本格的なサービスを作りたかったですか?

このコース以降は、本当に実務でも完全自動化バイブコーディングを適用して作業できます!

もっともらしい機能ではなく、本当に実務で必要な機能を作ります!

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


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

  • バイブコーディングに特化した開発原理・概念を含めて、非開発者でも十分に学習可能です。

  • 開発者がバイブコーディングで自己主導的に成長できるようにロードマップを提案します。

最も難しかったが、最も自信のあるカリキュラム

バイブコーディングの特性上、毎回異なる結果物も、誰もが同じ成果を出せるように検証し完成させました。

チャレンジに参加すると、ライブコーディングとミッションフィードバックまで追加で提供され、学習効果を最大化できます!

実務型カリキュラムとチャレンジを一緒に確認してみてください。

1週目

  • [ライブ] 開発者のためのバイブコーディングって? - チャレンジOT

  • バイブコーディング with Cursor AI: 失敗しないバイブコーディングの秘訣

  • 共通要素の作成:繰り返し使用されるものを先に作る


  • UI生成 - もどかしさゼロ!自分が望むUI成果物を100%引き出す方法

  • [ミッション] : 授業に沿ってUIを生成し、Figmaデザイン通りに100%実装して提出!


2週目

  • Rule高度化:金のように貴重なAI、言うことをよく聞かせる

  • 機能実装 - データ非連動:データがなければ、簡単です!

  • [ミッション]: 授業に従ってデータ非連動100%実装後提出

  • [ライブ] :高度なVibe Codingに最適化されたUIフォルダ構造のアップグレード


3週目

  • 機能実装 - データ連携:データがあっても、簡単です!

  • API連携:え?全部自動でやってくれるって?

  • [ミッション]: 授業に従ってデータ連動及びAPI 100%実装後提出

  • [ライブ] : Q & A


4週目

  • ログイン作成:UIも君が適当に作ってくれる?

  • 権限分岐の実装:君にできないことはないのか?

  • [ミッション]:授業に応じてログインおよび権限分岐を100%実装後に提出

  • [ライブ] : SupabaseとVercelを活用したサーバーレスフルスタック開発


5週目

  • 並列処理:10倍速ければ、Moneyも10倍稼げるよね?

  • [ミッション]:授業に従って並列処理で機能を100%実装後に提出

  • [ライブ] : AIを活用した200%プロンプト自動化


6週目

  • レスポンシブデザイン:あー面倒くさい、これも君が勝手にやってよ!

  • [ミッション]:授業に従ってレスポンシブでUI 100%実装後に提出

  • [ライブ] : ゼロから始める並列処理システムの構築



🍌 受講前の参考事項

Cursor AI 有料プランが必要です。

最善の結果を出すために、Cursor AIの有料プランを使用しています。Claude 4.0基準でAI生成を行うため、トークン消費がある点にご注意ください。

Figmaは無料プランで利用できます。

バイブコーディングでプロジェクトを作成する際は、Figmaの有料サービスであるDevモードがなくても可能です!提供されたデザインを皆さんのページにコピペして使用してください。



🍌 前提知識と注意事項

  • 基礎的なHTML、CSS、Javascriptの知識があると良いです。

  • Reactの基礎知識があれば、バイブコーディングがもっと簡単になります!

  • プロンプトの作成方法と開発の概念を一緒に学ぶことができます




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

  • バイブコーディングでフロントエンドを素早く作りたい開発者なら

  • Figmaで企画及びデザインが可能な方、特にUI/UXデザイナー&PMなら

  • 毎月入ってくる「第2の給料」を退勤後に簡単に作りたいなら

  • スタートアップで素早い成果物が必要なら

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



もしかして、ノウォンドゥが
初めてですか?

これまでいただいたノウォンドゥ様のキーワードと受講レビューをまとめました。
この講義を通じてノウォンドゥ様と共にアプリ開発者として成長してみましょう🚀

#Kind Blenderの講義
#几帳面な
#パワフル
#耳にすっと入る
#本物の開発者
#メンターのメンター


#コーヒー豆
#いいねいいね

10월

12일

챌린지 시작일

2025년 10월 12일 午後 03:00

챌린지 종료일

2025년 11월 19일 午後 02:59

챌린지 커리큘럼

全体

88件 ∙ (38時間 6分)

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

授業資料
챌린지 전용 수업
ライブ

챌린지에서 배워요

  • VibecodingでFigmaデザインを100%同一にUI生成する方法

  • # 실用的なプロンプトの提供 プロンプトエンジニアリングにおいて最も重要なのは、**実際の業務やプロジェクトに即座に適用できる実用的なプロンプト**を作成することです。 ## 実用的なプロン

  • バイブコーディングで機能中心の全体プロジェクト完成

  • バイブコーディング ポートフォリオ

  • 会社で使える実務中心のVibeCoding

こんな方に
おすすめです

学習対象は
誰でしょう?

  • バイブコーディングで実サービスを構築したい誰でも

  • 誰でも会社でVibeCodingを使いたい方へ

  • バイブコーディングのポートフォリオが必要な誰でも

  • 洗練された1人起業サービスをバイブコーディングで作りたい誰もが

  • 自分のサービスを作りたいUIUXデザイナー

  • 自分のサービスを作りたい企画者またはPM

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

  • React基礎

  • HTML、CSS基礎

受講レビュー

全体

5件

5.0

5件の受講レビュー

  • jjoya님의 프로필 이미지
    jjoya

    受講レビュー 5

    平均評価 5.0

    5

    30% 受講後に作成

    よく聞いています

    • naraehyeon9641님의 프로필 이미지
      naraehyeon9641

      受講レビュー 2

      平均評価 5.0

      5

      90% 受講後に作成

      AIを活用してプログラミングすることについて感覚が掴めました。 講義を聞いている最中もそうですし、現在もとても速く変化しているので、初期にこのような講義を聞くことができたのが後々とても大きな助けになりそうです! ノ・ウォンドゥ講師の方、ありがとうございます :)

      • redpoint12038146님의 프로필 이미지
        redpoint12038146

        受講レビュー 4

        平均評価 4.0

        5

        61% 受講後に作成

        私がこれまで学習したInflearn講座の中で最高の講義です。理由は本当に実務で悩んでいたバイブコーディングを実務にどのように適用するかを明確に説明しており、悩んでいた事項について多くの部分を解決しました。講師の方、声も明確で聞くのもとても楽です。ありがとうございます。講師の方

        • tjqvnd1235235님의 프로필 이미지
          tjqvnd1235235

          受講レビュー 2

          平均評価 5.0

          5

          5% 受講後に作成

          • ddw1079님의 프로필 이미지
            ddw1079

            受講レビュー 1

            平均評価 5.0

            5

            31% 受講後に作成

            이 강의의 지난 수강평

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

            ¥33,136