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

お知らせ

7 件

  • 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
  • weekendcode님의 프로필 이미지

    修正済み

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

    要塞Cursor AIのアップデートが速くなり続けており、Web開発のエコシステムも恐ろしく変化しています。

    以前に撮影していた為替プロジェクトとクイズサイト開発を新しいCursor AIのバージョンに再撮影してアップロードする予定です。

    また、韓国輸出入銀行が提供する為替レートAPIの場合、クライアントから直接呼び出すとCORSポリシーのため呼び出しができないため、Google Apps Scriptを通じてGoogleのサーバーを利用する方法でプロジェクトを改善中です。

    より良い講義映像とクオリティのあるプロジェクト開発実習を披露するために、4月末にアップロード予定だった映像を

    5月末~6月初めにアップロードすることで延長することになりました。

    今後のご了承をお願いし、この講座は5月末アップロード以降価格が引き上げられる予定だったが

    映像アップロード日の延長により6月から価格を引き上げる予定です。

    講義が完了する前に購入された方々に最大限の恩恵を与えるためです。

    購入をご希望の方は、その前に購入をしていただきます。

    いつも良い内容の講義のために頑張ります。ありがとうございます。

    0

期間限定セール

¥11,191

19%

¥13,898