Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

3時間で完璧に習得するCursor完全ガイド

Agent Mode、MCP、PRD作成、Custom Chat Modeまで! 新しくなったCursorの機能をご確認ください

  • toycrane
3시간 만에 완강할 수 있는 강의 ⏰
생산성
AI적용사례
ai활용
Next.js
React
cursor
AI

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

こんなことが学べます

  • Chatモードを完璧に理解する

  • トークンとコンテキストウィンドウを理解してAIを適切に活用する

  • Cursor Ruleを自分で作って、反復的に改善してみる

  • Github MCPでリポジトリ作成からPR自動生成まで一度に!

  • 新たに追加された Custom Chat モードまで

Cursorが新しくなりました。
AIで正しくバイブコーディングしてください。

AIが私の思い通りに動かなくなっていますか?
この講義で一度に解決してください


速度・クオリティの両方ともつかむバイブコーディング

今すぐ始めましょう

簡単なサービスを自分で作ってみて、AIツールの活用方法を学びましょう! 💁‍♂

バイブコーディングとは?

AIにやりたいことを言葉で説明すれば、調べてコードを書く方法です。
難しい文法知らなくても、アイデアだけあればすぐに作れますよ。

Cursor IDEとは?

VS CodeをベースにしたAI中心コード編集ツールです。 AIと簡単に連携して開発できる革新的なツールです。

こんな方におすすめです

AIをもっと使いたいです。

Cursorのより新しくなった機能で私の生産性を3倍アップ

シューティングゲームなしで自分で解決したい

私のコードに基づいてAIと会話し、コードを修正できます。

Copilotが残念です

コパイロットのタブよりも高度なAIを感じてください

受講後は

  • デザイナーなしでNextJS、Reactベースの単一ページをきれいにすることができます。

  • 知らないことがあるとき、chatGPT、claudeではなく、コードからすぐにAIに聞くことができるようになります。

  • 独自のエージェントを作成し、私のコード習慣をAIに適用できます。

この講義の特徴⭐️

nexjs_vercel

AIのように開発する方法を一歩上げてみてください

PRD文書から実際のコード、そして配布まで簡単ですが、コアだけを収めました

Cursor使用ノウハウを蒸し圧縮しました
Cursor の使用に核となる Chat Mode、Cursor Rule、MCP など cursor を使用する前に必ず必要な内容だけを入れました

このようなことを学びます。

Cursor

どこにもないカーソルの最新機能について学びましょう。
Chat Mode、Cursor Rule、MCPだけでなく、Custom Chat Modeまで。 Cursorの新機能をすべて体験してください。

Cursor Directory

Cursor Directoryにあるさまざまなシステムプロンプトまたは独自のプロンプトを使用して独自のエージェントを作成します。

directory.cursor

Vercel

難しかったE2C展開は忘れて、
AIで作成したコンテンツをクリックして簡単に展開できます

Vercel

講義コミュニティ

ディスコードチャンネル

難しいことがある場合は、いつでもDiscordで尋ねてください!いつも手伝う準備ができています。


https://discord.gg/YZ4sz9rXKh

新しいカーソルニュース

Threadsで新しいヒントと機能を共有しています。フォローして多くの情報を入手してください!


https://www.threads.net/@toy_crane911

予想される質問 Q&A

Q. 講義の対象者はどうなりますか?

  • ReactとTypescriptの理解が必要です。

  • Nextjsについての知識があれば、より良いです。

Q. Cursorは決済が必要ですか?

  • 無料プランでも講義の進行は可能ですが、楽に開発するためには決済が必要です。

Q.インストラクターのコードとは異なる結果が出ましたか?

  • AIの特性上、同じプロンプトで内容を作成しても、同じ結果が出ません。そのため、講義では大きな方法論のもと一つずつ自分で解決できるようにお知らせしています。

  • 以下のリンクから完全なコードを参照することができます

受講前の注意

練習環境

  • 使用ツール: Cursor

  • テクノロジー stack: NextJS 14, Shadcn, Tailwind, React-hooks-form, Vercel


こんな方に
おすすめです

学習対象は
誰でしょう?

  • Chat GPT、Copilotだけで開発してきた開発者

  • Vibe Codingが何なのかについて知りたい開発者

  • 新しい Cursorについて しっかり知りたい 開発者

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

  • Next.js または React.js に関する基本的な理解

  • 基本的なCSS知識

こんにちは
です。

347

受講生

41

受講レビュー

5

回答

4.8

講座評価

1

講座

안녕하세요 👋👋

솔로프로너로 이것저것 만들고 있는 토이크레인입니다.

Nextjs, Supabase, LLM 기반으로 한 새로운 서비스들 만들고 있어요

  • (현) ODD 대표

  • (전) 패션, 여행, 핀테크 스타트업 소프트웨어 엔지니어

  • (전) 스파르타 코딩 클럽 튜터, 패스트 캠퍼스 튜터

  • 디어리, 파크골프가자 운영

📮X | Thread | About Me

カリキュラム

全体

17件 ∙ (3時間 14分)

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

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

受講レビュー

全体

41件

4.8

41件の受講レビュー

  • 김유나님의 프로필 이미지
    김유나

    受講レビュー 1

    平均評価 5.0

    5

    93% 受講後に作成

    AI 툴을 어떻게 써야 할지 막막했는데, 이 강의보고 완전 이해했어요 무조건 AI를 신뢰하기보단, 친구처럼 AI와 대화하면서 코딩하라는 말씀이 너무 와닿았습니다!!! AI 활용을 공부하고싶은 분들에게 강력 추천합니다!!

    • 토이크레인
      知識共有者

      앗 감사합니다!!! 더욱 열심히 해보겠습니다!!

  • 이준용님의 프로필 이미지
    이준용

    受講レビュー 1

    平均評価 5.0

    5

    35% 受講後に作成

  • 쿤둔님의 프로필 이미지
    쿤둔

    受講レビュー 1

    平均評価 5.0

    5

    35% 受講後に作成

  • 무무님의 프로필 이미지
    무무

    受講レビュー 1

    平均評価 5.0

    5

    65% 受講後に作成

    좋은 내용 강의 감사합니다

    • 토이크레인
      知識共有者

      도움이 되셨다니, 너무 기쁩니다 감사합니다

  • Justice Axe님의 프로필 이미지
    Justice Axe

    受講レビュー 4

    平均評価 5.0

    5

    18% 受講後に作成

¥9,108

似ている講座

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