강의

멘토링

커뮤니티

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知識

こんにちは
です。

안녕하세요 👋👋

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

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

  • (현) ODD 대표

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

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

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

📮X | Thread | About Me

カリキュラム

全体

17件 ∙ (3時間 14分)

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

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

受講レビュー

全体

49件

4.7

49件の受講レビュー

  • una7284067님의 프로필 이미지
    una7284067

    受講レビュー 1

    平均評価 5.0

    5

    93% 受講後に作成

    AIツールをどのように書くべきかを終えましたが、この講義報告は完全に理解しました。 無条件にAIを信頼するよりも、友達のようにAIと会話しながらコーディングするという言葉があまりにも届きました! AI活用を勉強したい方に強力おすすめです!!

    • toycrane
      知識共有者

      ありがとうございます!!もっと頑張りましょう!

  • bbcc8417님의 프로필 이미지
    bbcc8417

    受講レビュー 4

    平均評価 4.0

    5

    59% 受講後に作成

    講師の方、質の高い講義に感謝しており、AIツールをうまく活用できるようになって感謝の気持ちでいっぱいです。 ただ、講義の途中途中でキーボードの音が大きすぎて、内容への集中が少し散漫になります。今度撮影される際は、静音キーボードに変えてみることをお勧めします。 講義内容は充実していて、よく聞かせていただきました!ありがとうございます😊😊

    • toycrane
      知識共有者

      あ、ありがとうございます 該当のフィードバックは様々なチャンネルから受けているので、次の改訂版撮影時には修正してみるようにします

  • sparkd님의 프로필 이미지
    sparkd

    受講レビュー 1

    平均評価 3.0

    3

    100% 受講後に作成

    • oneandonlyme6803님의 프로필 이미지
      oneandonlyme6803

      受講レビュー 3

      平均評価 4.7

      5

      35% 受講後に作成

      • the9님의 프로필 이미지
        the9

        受講レビュー 1

        平均評価 5.0

        5

        65% 受講後に作成

        似ている講座

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