inflearn logo
知識共有
inflearn logo

Cursor AIで作って学ぶWeb & Javascript

自分だけの技術を身につけたい方、ウェブ開発を基礎からじっくり学んでみたい方におすすめです。ウェブブラウザと言語の歴史から丁寧にお教えします。

難易度 入門

受講期間 無制限

HTML/CSS
HTML/CSS
JavaScript
JavaScript
LLM
LLM
AI
AI
Cursor AI
Cursor AI
HTML/CSS
HTML/CSS
JavaScript
JavaScript
LLM
LLM
AI
AI
Cursor AI
Cursor AI

お知らせ

9 件

  • weekendcode님의 프로필 이미지

    修正済み

    스크린샷 2026-04-05 오후 7.14.06.png.webp스크린샷 2026-04-05 오후 7.14.16.png.webp스크린샷 2026-04-05 오후 7.14.24.png.webp

    < 上記の資料は画像です。動画ではないためクリックできません。 >

     

    こんにちは!週末コーディングです。

    Cursor AIに大きな変化がありました。

     

    クロードの全ソースコードが流出した後、

    世界中のすべてのコーディングエージェントが大きく進化していると感じています。

     

    v3.0アップデート以降、私の講義もフルリニューアルに近い形で新しく作成され、アップデートされる予定ですので、

    たくさんの期待と応援をお願いいたします!

     

    以下はまとめられた内容です。

     

    Cursor v3.0の変更点を直接見に行く >> リンク

     

    < 🚀 Cursor v3.0 主要アップデートまとめ >

     

    今回のCursor 3.0の発表により、全体のユーザーインターフェースが変更されました。

    以下の内容はまとめた内容です。

     

    🧠 新しいCursorインターフェース (Agent中心の構造)

    Cursor 3.0では、インターフェース全体がエージェント中心に再設計されました。

    新しいエージェントウィンドウ(Agents Window)を通じて、ローカル、ワークツリー、クラウド、リモートSSHなど、さまざまな環境で複数のエージェントを同時に実行できます。

     

    従来のように一つのワークフローに集中する方式ではなく、複数の作業を並列で遂行し管理できる構造に変更されました。

    また、いつでも既存のIDE画面に切り替えたり、両方の環境を同時に使用したりすることも可能です。

     


     

     

    🎯 Design Mode: UIを直接指定する方式

    Cursor 3.0ではDesign Mode機能が追加され、ブラウザ上でUI要素を直接指定してエージェントに作業を依頼できるようになりました。

     

    特定の領域をドラッグしたり、要素をクリックしたりすることで正確な対象指定が可能であり、これによりエージェントがどの部分を修正すべきかを明確に理解することができます。

    この機能は、フィードバックの正確性を高め、反復作業の速度を向上させる上で重要な役割を果たします。

     


     

     

    🧩 エディタ内Agentタブのサポート

    Cursor 3.0では、エディタ内部にAgentタブが追加され、複数のチャットを同時に確認できるようになりました。

     

    各エージェントの作業を並列またはグリッド形式で配置して比較・管理することができ、

    複数のワークフローを同時に追跡できる環境が提供されます。

     


     

     

    エディタ機能の変更 (ワークツリー & 実行方式の改善)

    Cursor 3.0では、タスクの実行方式に関する主要な機能が変更されました。

     

    新しい /worktree コマンドを通じて、変更事項を隔離された状態で適用することができ、

    /best-of-n コマンドを通じて、複数のモデルの結果を並列で実行し、比較することができます。

     

    従来のワークツリーおよびbest-of-n選択機能は削除され、エディタ内のクラウドエージェントも提供が終了しました。

     


     

     

    🔌 Plugin & MCP 機能の改善

    Cursor 3.0では、MCPベースの機能が強化されました。

     

    MCPアプリが構造化されたコンテンツをサポートするようになり、より豊かな形式のツール出力が可能になりました。

    また、企業環境ではサードパーティ製プラグインのインポートがデフォルトで無効化され、管理者が明示的に設定しなければ使用できないように変更されました。

     


     

     

    🏢 Enterprise & Teams 機能強化

    Cursor 3.0では、企業およびチーム単位の機能も強化されました。

     

    監査ログにディレクトリグループ名が追加され、人間が読みやすい形式に改善されました。

    チームシークレットの管理権限をAdminに制限する設定が追加されました。

     

    また、「Made with Cursor」のコード寄与表示をチーム単位で無効化できる機能が提供されます。

     


     

    🧩 まとめ

    Cursor 3.0は単なる機能追加ではなく、

    👉エージェントを中心に開発環境全体を再構成したアップデートです。

    0
  • weekendcode님의 프로필 이미지

    修正済み

    Composer2 - Cursorが発表した歴代級のLLMモデル

     

    すごいニュースがあるので共有します。

    image.png

     

    これで、CursorでComposer 2が使用できるようになりました。

    コーディング性能は最先端レベルであり、価格は入力トークン100万個あたり0.50、出力トークン100万個あたり2.50で、

    知能と料金の新たな最適な組み合わせを提供します。

     

    フロンティア級のコーディング知能

    すべてのベンチマークで優れたスコアを獲得しました。

    image.png

     

    image.png

     

    各ベンチマークに関する説明です。

     

    CursorBench

    Cursorが直接作成した試験です。「自社のツールで実際にうまく活用されているか」を自らテストするものだと考えればよいでしょう。例えば、「このバグを直して」「この機能を追加して」といった実際の開発作業をAIに指示し、どれだけうまく解決できるかをスコア化します。自社基準であるため、多少有利に設計されている可能性があるという限界はあります。

     

    Terminal-Bench 2.0

    ターミナル(黒い画面にコマンドを入力すること)でAIがどれだけうまく動作するかをテストします。例えば「サーバーを設定し、パッケージをインストールして、テストを実行し結果を確認して」のように、複数のステップを順序立てて実行しなければならないタスクを与えます。クリック一つで終わるのではなく、コマンドを何度も連続で実行しなければならない状況であるため、AIの「自律的に作業を継続する能力」を評価します。Claude CodeやCodexのようなコーディングエージェントと同じ基準で比較できるため、信頼性があります。

     

    SWE-bench Multilingual

    AI分野で最も権威のあるコーディングベンチマークの一つです。実際のオープンソースプロジェクトのGitHubイシュー(バグレポート)を取り込み、AIが直接コードを修正して問題を解決させます。「このライブラリでこのようなエラーが出るので直してほしい」と投げかけると、AIがコードを分析して修正パッチを作成する仕組みです。Multilingualが付いているのは、PythonだけでなくJava、TypeScript、Goなど複数の言語が含まれていることを意味します。外部機関が管理する客観的な試験であるため、業界で最も多く引用されています。

     

     

    Pro以上のプランで利用可能です。

    Tabだけで開発する開発者には、$20のプランでも十分です。

     

    image.png

     

    Composer 2 を試してみる

    Composer 2の価格は、入力トークン100万個につき0.50、出力トークン100万個につき2.50です。

    また、同等の知能を備えたより高速なバージョンもあります。

    この高速バージョンをデフォルトのオプションとして提供する予定です。詳細はmodel docsでご確認ください。

    image.png

     

    0
  • weekendcode님의 프로필 이미지

    修正済み

    주말코딩 인사.png.webp

     

    こんにちは!週末コーディングです。

     

    今日も一生懸命文法とコードを勉強している皆さん!

    皆様の望むことがすべて叶うようお祈りいたします。

     

    この度、新規講座をオープンすることになりましたので、割引のお知らせとともにリンクをお送りいたします。

     

    講義はこちら

    https://inf.run/Nq1UX

     

    私はもともと、あまり割引をしない知識共有者ですので、

    私の受講生の方で、助けが必要であれば今が良い機会だと思います。

     

    講義はMacBook(macOS)をセッティングする過程で、

    MacBookで開発を始めたいけれど、セットアップ方法がわからないという方に、大きな助けになるはずです。

     

    役に立つ講義かどうか、一度チェックしてみてください。 😃

     

    스크린샷 2026-03-13 오후 7.55.48.png.webp

     

    스크린샷 2026-03-13 오후 7.55.52.png.webp

     

    講義は今後も継続的にアップデートされます。

    現在はチャプターが31個ですが、

    今後、より多くのコンテンツのアップロードを計画しています!

     

    0
  • weekendcode님의 프로필 이미지

    修正済み

    image.png

    こんにちは!Cursor講座の受講生の皆さん。

    週末コーディングです。

    講義を作る時も覚悟していましたが、ここまでCursorの機能アップデート速度が速いとは思いませんでした 😭😭

    (講座を出したことを後悔している気がする...)

    IDEマーケットでは、まだCursorが1位のようです。

    私なりに一つのプロジェクトを様々なIDEで試してみました。

    ウィンドサーフ、Warp、GoogleのAntigravityまですべて使ってみましたが

    まだモデルを行き来しながら便利に様々な機能を使えるのは、Cursorが最高ではないかと思います。

    新しいモデルがリリースされると適用も非常に速く、時々は最新モデルの1週間無料まで提供してくれますからね。

    今回のアップデートで最も画期的なのは「フロントエンド」領域だと思われます。

    image.png

    ブラウザのレイアウトを表示し、リアルタイムで確認・変更できます。

    変化する属性を即座に表示するという点で、開発者にとって非常に便利な機能となるでしょう。

    その他、プランモードが変更され、マルチエージェント評価が追加されました。

    v2.2基準では、ブラウザレイアウト、プランモード、そして新しく追加されたAgentタブについて扱い、講座をアップデートする予定です。

    인프런에서 Cursor 관련 1등 강좌가 되기 위해서 끝까지 업데이트를 추적해보겠습니다.

    後でCursorが市場で押されたり、圧倒的なIDEが登場したら、講義のアップデートを中止する予定ですので、

    それまでは着実に受講をお願いします..😊😊

    +) 追加で、アメリカのスタンフォード大学で「現代ソフトウェア開発者」という新しいコンピュータサイエンスコースが作られたそうです。見てみると、Agent codingとLLMを活用した開発部分がかなり多いです。一度読んでみることをお勧めします。(Syllabusの部分)

    https://themodernsoftware.dev/

    0
  • weekendcode님의 프로필 이미지

    修正済み

    image.png

    Cursorチームが10月29日にCursor バージョン2.0を発表しました。

    v1.7基準で講義をアップデートしてからまだ数日しか経っていないのに、もうこんなに変わるんですね。

    私もまた新しい機能を期待し、熱心に勉強している人として、

    LLMベースのコードエディターが絶えず変化しているという事実が嬉しいです。

    開発者としてより多くの生産性を期待でき、それだけ個人が社会に大きなインパクトを与える機会になるからです。

    大きく2つの発表を行いました。

    最初はComposerというものを発表しました。

    同等の知能モデルより4倍速い最先端のモデルだと言われています。

    image.png

    二つ目はマルチエージェントインターフェースです。

    image.png

    今はファイル中心ではなく、エージェント中心にエディターが設計され、より集中できる環境を提供するとのことです。LLMがどのツールを実行するかを正確に判断して業務を遂行できるかは懸念されますが、今回のアップデートを通じて結局はエージェントベースの世界が到来するのではないかと思います。

    その他にgitワークツリーやリモートマシンを活用して、複数のエージェントを干渉なく並列で実行できるようになったとのことです。

    詳細な内容は下記でご確認いただけます。

    https://cursor.com/blog/2-0

    0
  • weekendcode님의 프로필 이미지

    修正済み

    こんにちは、

    今日も一生懸命開発に取り組んでいらっしゃる受講生の皆さん。

    LLMコードエディター市場の競争が日々激化しています。

    しかし、今でも私はCursorが最も機能アップデートが早く、先を行っていると思っています。

    以前の0.48バージョンの動画を削除し、大幅に変更された機能で新たに撮影して動画をアップデートしました。

    Plan モードと@コマンドによるコンテキスト提供機能を除いては、ほとんどの主要機能にアップデートしました。

    今後も継続的に改善される講義として維持していく予定ですので、

    Cursorを通じてより多くのプロジェクトを進められるよう、たくさんの受講と質問をお願いいたします。

    ありがとうございます。

    image.png

    0
  • weekendcode님의 프로필 이미지

    修正済み

    1. 講義アップデートのお知らせ

    こんにちは、CursorでWeb & JSを作りながら学ぶ受講生の皆さん。

    最近、最後のプロジェクト(クイズ)をすべてアップロードしましたが、動画を再び削除しました。

    私がこの講義を始めた時は0.5xx版だったCursorが、現在は1.7版になりました。

    스크린샷 2025-10-07 오후 4.51.58.png

    その間、LLMモデルにも数多くの発展がありました。

    Claude Sonnet 4.5バージョンがリリースされ、GPT-5にGrok Code fastモデルが登場しました。

    스크린샷 2025-10-07 오후 4.35.55.png

    これまでBackground Agent、MCP、Todo、Plan、Cursor CLIなど様々な機能がCursorに追加され

    本格的に扱う時間がありませんでした。そのため講義全体的にUpdateを進行しようと思います。

    私は過去にはネイティブAndroidアプリ開発者でしたが、最近はフルスタックでSaaSを開発しています。

    様々な経験を積む中で、私がアップロードした基本的なプロジェクトでは、自分で決めた講座のクオリティに達していないと思いました。

    そのため、もう少し大きな範囲のプロジェクトを体系的に作成してアップデートする計画を立てています。

    この講座は元々完成後に価格を値上げする予定で始めたため、

    早く完成して価格を上げることが個人的には良かったでしょうが

    私はこの講座を一日二日だけアップロードして終わらせるのではなく

    AI�ールが発展するにつれて継続的に改善し、メンテナンスしていく予定なので、未来の自分のためにも

    より具体的で体系的な動画アップロードをしておく方が良いという結論に至りました。

    そのため、最後のプロジェクトをもう少し具体的にチャプターを構成してアップロード予定であり、

    実戦プロジェクトではないセクション12(Web APIs)は今週中にすべてアップロード予定です。


    2. アップロードスケジュール(早い順)

    1. Web APIs:〜10月中

    2. プロジェクト3番目:〜11月31日

    3. セクション7 - Cursorの機能最新バージョンで全体アップデート:11月中

    3. 講義追加チャプター予定

    この他にも、この講義にはプロンプト作成方法とプロンプト例をテキストファイルで一緒にアップロードして、チャプターを追加予定です。

    私が望む品質の講座として完成した後は、15~16万ウォン台に講座価格を値上げする予定です。

    4. その他

    フロントエンド領域をこの講座で終えた後は、サーバー(バックエンド)側プログラムを作成する講座とフルスタック講座をリリース予定です。

    AI時代には長期的にすべての人が自分だけのサービスを作ることができるようになると思うので

    まず、ソフトウェア開発に携わった者として、一人ひとりを起業家にすることに貢献したいと思います。

    お詫びの言葉

    最後に、動画のアップロードが遅れ続けて本当に申し訳ございませんとお伝えします。

    深くお詫び申し上げ、決済していただいた皆様の挑戦と気持ちが無駄にならないよう

    私が知っていることを視覚化し、詳しく説明する動画を作るために最善を尽くします。

    いつも応援してくださる皆様に感謝申し上げ、幸せな連休をお過ごしいただけることをお祈りいたします。

    週末コーディング より。

    1
  • weekendcode님의 프로필 이미지

    Cursor AIはhttps://www.cursor.com/changelogから独自のアップデートログをアップロードします。

    フォローするのが難しい人のために翻訳を共有しましょう。

    合理化された価格システム、バックグラウンドエージェント、新しいインライン編集

    要求ベースの統合価格、すべてのトップレベルモデルで利用可能なMaxモード、並列作業用のバックグラウンドエージェントを紹介します。
    また、 @ foldersでより便利になったコンテキスト管理、オプションが増えたインライン編集(Inline Edit) 、より速いファイル編集、マルチルートワークスペースのサポート、エクスポート・複製機能が追加されたチャットなど、さまざまな改善点を確認してみてください。


    1.より簡単になった統合価格

    あなたのフィードバックを反映して混乱を減らすために価格システムを統合しました。

    • すべてのモデル使用量が要求単位で統一されます

    • Maxモードはトークンベースの課金(モデルAPI方式と同様)に変更されます。

    • プレミアムツールの呼び出しロングコンテキストモードは簡素化のために削除されました。

    • Hobby/Pro/Businessプランのクォータとスローリクエストの特典はそのままです。

    • すべての使用履歴はダッシュボードで確認でき、支出管理が容易です。


    2. すべてのトップレベルモデルのMax モード

    Cursorのすべての最新のモデルでMaxモードを使用できます。
    新しいモデルが追加されても、Maxモードですぐに最大のパフォーマンスを享受できます。

    • いつ使用しますか?

      • より広いコンテキスト、高い知能、ツールの活用が必要なとき

      • 複雑なトラブルシューティングや大規模リファクタリングなど

    • 課金方式:使用したトークン数に比例して課金

    • 注意:旧バージョンCursorでは既存のMAXバージョン・ロングコンテキストモードをしばらく使うことができますが、まもなくサポート終了予定です。最新バージョンにアップデートすることをお勧めします。

    Maxモードの詳細を見る


    3.新しいTabモデル

    複数のファイルにわたる変更を提案できるように、新しいTabモデルを学習しました。

    • 特化領域:リファクタリング、編集チェーン(edit chains)、マルチファイル修正、関連コード間ジャンプ

    • 体感:より自然で迅速な完成提案

    • ボーナス:完成提案に文法ハイライトを追加


    4.バックグラウンドエージェント(プレビュー)

    エージェントをバックグラウンドで実行して、複数のタスクを並列に処理できます。

    • 各エージェントは独自のリモート環境で動作します

    • 進捗確認、フォローアップメッセージ送信、ダイレクトコントロールが可能

    • 内部テストでは、「細かい修正」、「調査作業」、「ミッドサイズPRドラフト作成」などに役立ちました。

    バックグラウンドエージェントの詳細


    5. コードベース全体をコンテキストに含める

    • @foldersを使用すると、フォルダ全体をコンテキストとして追加できます

    • Settings ▸ Full folder contentsアクティブ化が必要

    • フォルダ/ファイルが大きすぎる場合は、コンテキストピルに小さなアイコンで表示


    6. 新しいインライン編集(Cmd/Ctrl + K)

    • UIの改善と新規オプションの追加

      • フルファイル編集(⌘⇧⏎)

      • 選択コードブロックをエージェントに転送する(⌘L)

    • 簡単な範囲変更はファイル全体の編集で、マルチファイルの変更より細かい制御が必要な場合はエージェントに転送してください。


    7.長いファイルもすばやく編集

    エージェントに検索&置換ツールを追加しました。

    • 長いファイルでも全体を読むことなく、必要な部分だけ探して修正

    • 例)Postgresコードベース編集時の約2倍の速度向上

    • アントロピックモデルから適用、今後拡大予定


    8.マルチルートワークスペース

    マルチコードベースを1つのスペースで作業します。

    • 複数のフォルダを1つのワークスペースに追加→すべてのインデックス作成

    • 異なるプロジェクトを同時に扱うときに理想的

    • .cursor/rulesもすべてのフォルダでサポート


    9.チャット機能の強化

    機能説明 チャットのエクスポートチャット画面からMarkdownファイルにエクスポート –テキストコードブロックを含む

    その他

    ショートカット

    機能ショートカットインライン編集でファイル全体を変更するCmd / Ctrl + Shift + K


    改善点

    1. エージェントがネイティブ端末エミュレーションを使用する(従来の仮想端末方式の代わりに)

    2. @folders :コンテキストに入れることができるすべてのファイルを自動的に埋め込む

    3. コンテキストステータスアイコン:チャットからファイルが欠落・短縮されたか一目で確認

    4. MCP設定個々のMCPツールを無効にする

    5. 新しいC#拡張がマーケットプレイスにリリース

    6. チャットフォントサイズを設定で拡大可能

    7. アプリ内で詳細な変更ログ(changelog )を確認可能


    アカウント関連

    • Claude 3 Opus1日10回無料リクエスト特典が削除さました。


    パッチ

    バージョンステータス メインコンテンツ0.50.1プリリリースバックグラウンドエージェントが利用可能


    0

¥13,980