11,881 文字
私の名前はデイビッド・アンドレです。この動画では、完全な初心者であっても、MCPとCursorを使って何でも構築する方法を教えます。MCPの人気は爆発的に広がっており、これが次の大きなトレンドになることは明らかです。しかし、eコマースやソーシャルメディアと同様に、ほとんどの人はこのチャンスを逃してしまうでしょう。その一人にならないよう、最後まで視聴して、MCPの使用を始めましょう。
私たちは最近、Ultra searchをリリースしました。これは、深層研究を次のレベルに引き上げる新しいAIエージェントです。探しているものを伝えるだけで、他では見つからないパーソナライズされたインサイトを提供します。そして最高なのは、無料で使い始められることです。vl.aiにアクセスして登録しましょう。
それでは、Cursorを開いて、空のプロジェクトを開くことから始めましょう。次に、左上のCursor設定をクリックします。設定内でMCPに移動し、ここでMCPサーバーを追加します。この動画では、2つのサーバーを紹介します。まず、GitHub MCPは非常に強力で、これらすべてのことができます。次に紹介するのは、本当に楽しみにしているブラウザツールMCPです。最後まで視聴することを強くお勧めします。これら2つのMCPサーバーを追加するだけで、Cursorの性能は2〜3倍向上します。誇張ではありません。
Cursorを初めて開いた時点では、MCPサーバーは設定されていません。セットアップは比較的簡単です。まずGitHub MCPの設定から始めましょう。最も人気のあるものの一つである、smiyのものを使います。ここに行くと、多くの異なるMCPサーバーがありますが、これがGitHub用のものです。
使い始めるには、GitHubアカウントが必要です。github.comに行き、サインアップをクリックしてください。このプロセスは非常に簡単で、約20秒で完了します。サインアップ後はホームページにリダイレクトされますが、設定に移動する必要があります。右上のアイコンをクリックし、設定に移動します。左側で下にスクロールし、開発者設定を見つけてクリックします。そして、個人アクセストークンをクリックします。
Fine-grained tokenを作成します。これにより、MCPがどれだけのアクセス権を持つかを制御できます。Cursorに追加する際、リポジトリを削除するなどの権限は与えたくないかもしれません。そのすべてがあなたの管理下にあります。Fine-grained tokensをクリックし、新しいトークンを生成します。名前を「Cursor MCP」とし、有効期限を好きなように設定し、下にスクロールします。
すべてのリポジトリを選択し、特定の権限を選択する必要があります。これは非常に詳細なので、Cursorにどのようなアクセス権を与えたいかをじっくり考えることができます。簡単にするために、私のやり方に従ってください：Administration読み書き、Commit statuses読み書き、Contents読み書き、Issues読み書き。スクロールして「トークンを生成」をクリックします。もちろん、好きな権限を設定できます。これは単にこの動画用に選んだものです。
ここで右上のログインをクリックし、GitHubと接続できます。GitHubアカウントを接続すると、右上にロゴが表示されるはずです。次のステップは、GitHub MCPに移動することです。右側でインストール方法を選択できます。Windowsサーバーかクライアントかなど、この動画ではCursorを使用しています。ここで、先ほど生成した個人アクセストークンを貼り付ける必要があります。
警告：これは自己責任で行ってください。smiy AIはオープンソースですが、機密性の高いリポジトリがある主要なGitHubアカウントを使用する場合は注意が必要です。
次のステップはトークンをコピーし、MCP設定に戻り、ここに貼り付けて「コマンドを生成」をクリックすることです。これにより、Cursor内で実行してMCPサーバーをセットアップできるコマンドが提供されます。これは本当に簡単です。GitHubのMCPは非常に便利ですが、次のMCPは本当に素晴らしいです。
Cursor内で、Cursor設定に移動し、MCPをクリックし、新しいMCPを追加します。名前を付けます（私は単に「GitHub」と名付けます）。コマンドフィールドに、セットアップから提供されたインストールコマンドを貼り付けます。「追加」をクリックすると、接続に数秒かかります。ファイルを更新クリックすると、それが表示されます。緑色になれば、テストを開始できます。
Cursorエージェントに移動し（開いていない場合はCommand+Iを押す）、新しいチャットを作成して「GitHub repoを作成してYouTubeと名付けて」と言います。このMCPができることはすべてここにあります：ファイルの作成、更新、リポジトリの検索、リポジトリの作成など、非常に印象的です。それではテストしてみましょう。
ブラウザに移動して、このアカウントにはアクティブなリポジトリがゼロであることを確認します。MCPツール「create repository」を呼び出すと、「リポジトリが作成されました」という応答が返ってきます。サイトを更新すると、Cursorエージェントが新しいリポジトリを作成したのがわかります。これは驚くべきことです。これは将来のCursorでの作業の形です。
この意味を理解できない場合は、深呼吸して未来を見つめてください。Cursor内で利用可能なAIモデルはますます良くなり、MCPもますます増えていくでしょう。私たちがすることは、Cursorエージェント内で望むことを入力するだけです。特にYOLOモードをオンにすれば、これは次のステップでおすすめします。
GitHub MCPのセットアップが完了しました。次のステップはYOLOモードをオンにすることです。これで次のレベルに進みます。Cursor設定で、機能をクリックし、YOLOモードが見つかるまで少し下にスクロールします。これをクリックして有効にすると、Cursorエージェントはあなたの承認なしにMCPをアクティブにできるようになります。
例えば「新しいREADMEファイルを作成し、GitHubの新しいリポジトリにアップロードする」と言うと、アクティブなファイルがないことを認識して作成します。「包括的なREADME.mdファイルを作成してアップロードしました」と応答し、GitHubに切り替えてリポジトリをクリックすると、適切にフォーマットされたREADMEファイルが2秒で作成されています。これは未来に生きていることを実感します。
この動画を見終わったら、もう一度見直してCursorにこれをセットアップしてください。いくつかのMCPサーバーをCursorに追加すれば、他の人に対して信じられない優位性を持つことになります。他に言いようがありません。そして、これはたった一つのMCPです。2つ目のMCPがどれほど素晴らしいか、まだ見ていないのです。
ツールを指定する必要さえありません。「新しいREADMEファイルを作成する」と言っただけで、ファイルの内容をチェックし、READMEファイルがないことを認識して、ファイルを作成または更新する必要があると判断しました。
プロのヒント：Cursorエージェントがツールを認識しない問題や、使用するツールと避けるツールを指定したい場合は、「cursor」という名前の新しいフォルダを作成し、その中に「rules」というサブフォルダを作成し、さらにその中に「mcp.md」という新しいファイルを作成できます。ここにMCPサーバーへの指示をすべて入れることができます。cal rulesファイルと同じように機能しますが、Cursorの動作をより細かく制御するための特殊なファイルを持つことができます。
このような人工知能のチュートリアルをもっと見たい場合は、登録してください。このコンテンツを楽しんでいて、もっと詳細な技術チュートリアルを作るべきだと教えてくれます。
さて、2つ目のMCPサーバーに移りましょう。私がVectal（私のAIスタートアップ）を構築していた時にこれを持っていたら、少なくとも1週間、おそらく10日間も時間を節約できたでしょう。1週間の開発時間、フルタイムで7日間の作業を節約できたでしょう。
セットアップ方法を紹介します。まずこのドメインにアクセスし（動画下にリンクを貼ります）、少し下にスクロールしてインストールとgit cloneコマンドを見つけます。最初にこのコマンドをコピーします。ターミナルについて理解できなくても心配いりません。落ち着いてください。Cursorのようなツールがあります。
Cursorエージェントは非常に強力で、特にYOLOモードを有効にしていれば、コマンドを実行できます。多くの人がYOLOモードの使用を恐れて逃しているのを紹介します。YOLOモードは確認を求めずに自動的にターミナルコマンドを実行しますが、これは単にスキルの問題です。
このプロンプトは空のままでも構いません。コマンド許可リストには、実行したいコマンドを追加できます。重要なのはコマンド拒否リストです。ここにはCursorエージェントに絶対に実行させたくないコマンドをすべてリストアップすべきです。ご覧のように、拒否リストに追加した非常に悪意のあるコマンドがあり、YOLOモードでのCursorエージェントでは決して実行されません。
さらに重要なのは、このチェックボックス「ファイル削除保護」です。有効にすると、エージェントがファイルを自動的に削除することを防ぎます。これは素晴らしいですね。Cursorエージェントが誤って重要なファイルを削除し、プロジェクトを台無しにする心配はありません。これら2つのことを適切に設定すれば、YOLOモードについて何も恐れることはなく、特にMCPでは自動的にこれらのMCPツールを実行できるため、多くの時間を節約できます。
このコマンドをコピーして、Cursorエージェントに移動しましょう。わかりやすいように新しいチャットを作成し、「このターミナルコマンドを実行して」と言ってこのコマンドを与えます。現在、ターミナルを実行できるAIモデルを使用していることを確認してください。クラウドモデルはすべて問題ありませんが、GPT-4.5は素晴らしいモデルではあるものの、Cursorはそれに自動的にターミナルコマンドを実行する能力を与えていないので、Claude 3.7 Sonnetを使用してください。
これを実行して「git cloneを実行します」と言うと、自動的にコマンドを生成して実行し、右側にリポジトリをクローンしたことがわかります。これは本当に簡単です。ターミナルについて心配する必要はなく、ターミナルを開く必要もありません。YOLOモードを有効にし、Cursorエージェントがあれば、すべてのターミナル作業を行ってくれます。本当に未来に生きているのです。
フォルダに移動してください。ちなみに、左側にこれがあるかもしれませんが、カメラがチャットを隠さないように、私は右側に表示しています。デフォルトでは、Cursor、VS Code、Windservはファイルを左側に、チャットを右側に表示します。混乱しないでください、すべて同じです。
次に必要なのは、Chrome拡張機能をインストールすることです。これによりMCPが機能します。ブラウザの右上に移動し、拡張機能を管理をクリックします。Chrome、Braveなど何でも構いません。右上で開発者モードを有効にする必要があります。デフォルトでは無効になっていますが、有効にすると3つのオプションが表示されます。「パッケージ化されていない拡張機能を読み込む」をクリックします。
次に、先ほどクローンしたGitHubリポジトリに移動します。コードフォルダにクローンされているので、コード→browser-tools-mcp→Chrome extensionと進み、「選択」をクリックします。これで、Browser Tools MCP Chrome拡張機能を正常にインポートしました。
その後、GitHubの時と同じように、Cursor内にBrowser Tools MCPをセットアップします。設定→Cursor設定→MCPに移動し、新しいMCPを追加をクリックします。戻って、この正確なコマンドを取得する必要があります。「browser-tools」のような一意の名前を付けます。これは他のMCPと競合しない名前である必要があります。タイプは「command」にしてください。ほとんどのMCPでは90%が「command」になりますが、時には「ws」が必要な場合もあります。使用しているMCPのチュートリアルに従ってください。
smiyのようなサイトにはMCPのリストがありますが、自己責任で使用してください。時にはMCPはランダムな人によって開発されているからです。最も人気のあるものを使用すれば問題ないでしょうが、ダウンロード数が7つしかないようなMCPを使用する場合は注意が必要です。
コマンドをコピーして、Cursorに切り替え、ここに貼り付けます。「追加」をクリックすると、2つ目のMCPがCursorに追加されます。緑色になったら、準備完了です。
「このMCPが何をするのか説明していない」と思うかもしれません。このMCPは基本的にプロのデバッガーです。コードをデバッグするためにプログラマーを雇うことを想像してください。VIPコーディングは素晴らしく、コードを書いたり新しいファイルを簡単に作成したりできますが、VIPデバッグははるかに難しいです。このMCPのおかげで、それが5倍簡単になりました。
もう一つのステップがあります。Browser Toolサーバーを起動する必要があります。このコマンドをコピーして、Cursorに切り替え、新しいチャットを作成し、「このコマンドを実行して」と言います。Claude 3.7 Sonnetを使用する場合は、「それ以外は何もしないでください」と言うのが良いヒントです。このモデルはしばしば過剰に提供する傾向があり、時々狂ったように多すぎることをしようとします。
サーバーが起動したら、「AIをポップアウト」をクリックしてチャットをブロックしないようにします。これでBrowser Tools MCPのMCPサーバーが実際に実行されています。動作しているかどうかを確認するには、Vectalなどの任意のWebアプリに切り替えて、F12を押すかまたは右クリックして「要素を検査」をクリックして、Chrome開発ツールコンソールを開きます。
これを行うと、上部に「Browser Tools MCP started debugging this browser」と表示されることに気づくでしょう。右側にある「コンソール」や「ネットワーク」などの部分に移動し、右側の2つの矢印をクリックして「Browser Tools MCP」を選択すると、それができることがわかります。スクリーンショットをキャプチャしたり、すべてのログを消去したり、スクリーンショットのパスを保存したりできます。スクリーンショットを撮りたい場合は、写真を保存するコンピュータ上のパスを追加し、自動的にスクリーンショットを撮ることができます。
Cursorに切り替えてテストしてみましょう。このMCPができる多くの異なるツールがあります：コンソールログの取得、コンソールエラー、ネットワークログ、ネットワーク成功ログ、スクリーンショット、および選択された要素。これは基本的にプロのフロントエンドデバッガーです。
例えば、Vectalにいて、何かのパディングが気に入らない場合、要素を選択して「選択した要素をチェックして、パディングを減らす方法を提案してください」と言うことができます。これは非常に単純なプロンプトです。パディングがどこにあるか見て、数字を下げれば簡単なはずですが、どう対応するか見てください。
「選択した要素をチェックします」→MCP tools get selected elementを呼び出す→スクリーンショットを撮る→「選択した要素にはpx-10 py-6というクラスがあり、これはパディングを制御しています。パディングを減らすための提案は…」
これは信じられないほど役立ちます。あなたが構築しているアプリ内にいて、何かが本当におかしく動作していて、どのdivか、どのコンポーネントかわからない場合、単にそれを選択して、Cursorエージェントに「この要素をデバッグするのを手伝って」「この要素を変更するのを手伝って」「この要素はどのファイルにあるの？」と尋ねることができます。大規模なコードベースを持っている場合、どのフロントエンドファイルがその正確な要素を制御していて、それをどう変更するかさえわからないこともあります。このMCPを使えば、それが信じられないほど簡単になります。
これは最初のツールに過ぎません。別のものも試してみましょう。Vectalに移動し、新しいタスクを作成します。「Vectalに音声入力を追加する」と名付けます。ちなみに、これは明日リリースする予定のものです。ここに音声ボタンが追加される予定です。Vectalはほぼ毎日更新されています。Vectalほど速くアップデートしているソフトウェアは他にありません。
超生産的になりたい人で、Notion、Todoistなどの旧式のタスクリストを使用している場合は、Vectalに切り替えてください。私たちには、あなたの時間を節約し、タスクを整理し、新しいタスクを作成し、あなたの仕事についてウェブ研究を行い、生活をより簡単にする組み込みのAIエージェントがあります。無料プランを追加したので、Vectalを無料で試すことができます。vl.aiにアクセスして登録し、すべてのタスクとプロジェクト作業をVectalに移動してください。後悔することはありません。
Browser Tools MCPをセットアップしたので、他のツールをテストする必要があります。コンソールツールは本当にクレイジーです。新しいタスクを追加して、コンソールに何かがある状態で、「Webコンソールの内容をチェックして、何が起きているか説明してください」と言います。エラーがある場合、何かが完全に間違っている場合にこれを言うでしょう。
すでにどのツールを呼び出すかを知っています。これがクレイジーな部分です。現在、Claude 3.7が最近リリースされたためバグがありますが、これはMCPの問題ではなく、Anthropicが超過負荷になっている問題です。確認する簡単な方法は、status.anthropic.comにアクセスし、発生しているすべてのエラーを確認することです。ここ数日間、多くのエラーが発生しています。これはClaude 3.7 Sonnetとその信じられないほどの人気に関連しています。
最善のアドバイスは、エラーに遭遇しても個人的に受け止めないことです。すべてのエラーは解決可能です。特にCursor、Vectalなどのツールでは、Claude 3.7などの最先端のAIモデルを文字通り使用できます。最近、あまり知られていませんが、GPT-4.5を追加しました。Vectal Proのユーザーは誰でもチャットでGPT-4.5を使用できます。現在、これにアクセスできるのはChatGPT Proで、月額200ドルかかります。Vectal Proは月額わずか30ドルで、Ultra searchなど他にも多くの機能があります。これはPerplexity Deep Researchを搭載しています。
この機能を紹介します。これは非常に過小評価されています。「MacBookにCursorをインストールする方法」など、何でも質問できます。Ultra searchは非常に強力なWeb検索エージェントで、世界で最高の一つだと言えます。なぜなら、Perplexity Deep Researchの上に構築されているからです。多くの人がPerplexity Proに月額20ドルを支払っていますが、Vectalではチャット内でPerplexity Proを無料で利用できます。
Ultra searchと他のディープリサーチ機能の大きな違いは、Vectalではあなたのすべてのタスク、すべてのユーザーコンテキストを考慮することです。検索結果は、あなた自身にとって超関連性があります。これがUltra searchが世界で最も有用なWebアーチエージェントの一つである理由であり、すべてのVectalユーザーが絶対に気に入っている理由です。無料で使い始めることもできますし、ほぼ無制限にアクセスしたい場合は、GPT-4.5、Claude 3.7 Sonnet、DeepSeek R1など、多くの機能を備えたVectal Proが利用できます。vl.aiにアクセスし、無料アカウントを設定してください。後悔しないことを約束します。
このMCPがどのように動作したか見てみましょう。「Webコンソールの内容をチェックして、何が起きているか説明してください」と言いました。私のようなフロントエンド開発者でなければ、コンソール内で何が起きているか完全に混乱するでしょう。特にエラーがある場合は。現在は比較的シンプルですが、ランダムなエラーが発生すると、すぐに非常に混乱することがあります。
私はこのスタートアップを以前の経験なしで自分で構築し、フロントエンドエラーのデバッグに多くの日を無駄にしました。もっと早くMCPをセットアップしていれば良かったです。私と同じ間違いをしないでください。30分座ってこれらのMCPをセットアップすれば、これから先ずっと時間を節約できます。
このシンプルなプロンプトから「Webコンソールの内容をチェックして、何が起きているか説明してください」という非常にシンプルな英語から、Cursorエージェントが何をするか見てください。YOLOモードをセットアップすることを強くお勧めします。YOLOモードがない場合、これらすべてを承認する必要があり、クリッククリッククリックと続きます。それはエージェント的ではなく、自律的なエージェントではありません。恐れずにYOLOモードを有効にし、時間を節約してください。
このシンプルなプロンプトから、Cursorエージェントは4つの異なるMCPツールを呼び出しました：コンソールログの取得、コンソールエラーの取得、ネットワークエラーログの取得、ネットワーク成功ログの取得。これを手動で行おうとすると、コンソールを確認し、ネットワークを確認するなど、多くの時間がかかります。プロンプトを入力するのに5〜7秒しかかからず、Cursorがすべてを説明します。
これは、フロントエンド開発者でなければ理解できないであろうすべてのフロントエンドChrome開発ツールで何が起きているかについての超シンプルな説明です。特にVivコーディングを行っている場合、Cursor、Bulldoogなどのツールを使用している場合、エラーに遭遇するでしょう。これらのツールで構築することは楽しく簡単で、MVPを非常に速く実行できますが、デバッグとエラーの解決ははるかに難しいです。しかし、これら2つのMCPをセットアップすれば、すでに99.9%の人々よりも先を行っています。
コンソールログだけでは足りない場合、スクリーンショットを撮るツールもあります。フロントエンド全体のスクリーンショットを撮ることもできます。これは手動でもできますが、なぜそうするのでしょうか。なぜ、スクリーンショットを撮り、クリップボードにコピーし、Cursorに移動するという複数の秒を費やすのでしょうか。これらはすべて摩擦であり、遅さです。YOLOモードが有効で、このMCPがセットアップされていれば、Cursorエージェントは一瞬でこれを行うことができます。
深呼吸して未来を見つめてください。これはほんの始まりに過ぎません。3ヶ月後、6ヶ月後にこれがどのように見えるか想像してみてください。より多くのMCPが追加され、MCPはますます強力になり、新しいAIモデルが文字通り毎週リリースされ、Cursorは週に何度も更新され、MCPは毎日追加されています。6ヶ月後には、作成したいものを平易な英語で入力するだけで、Cursorエージェントが残りを行ってくれるでしょう。
だからこそ、今日行動を起こす必要があります。今日これをセットアップして、これらのものが来たときに準備ができており、すでに大流行しているときや普及曲線が始まっている最後の瞬間で混乱しないようにする必要があります。ユーバードライバーやレジ係が「AIエージェントを構築していますか？Cursorを使っていますか？」と話し始めたら、それは遅すぎます。最先端にいて、先行者利益を得たいなら、今行動を起こす必要があります。
この動画は少し長く、最もシンプルな動画ではないかもしれませんが、これらのステップを誰でも実行できます。1歳でも80歳でも、プログラマーでなくても、これらのステップを実行できます。
経験から言うと、私はVectalという完全なスタートアップを構築しました。現在約8,000人のアクティブユーザーがいて、毎月1万ドル以上を稼いでいます。昨日、10K MRR（月間定期収入）に達しました。このスタートアップは、今日売るとすでに数十万ドルの価値があります。そして私はCursorを使って、平易な英語でAIと対話して構築しました。
目を覚ましてください、あなたも全員これができます。私は以前スタートアップを構築したことがなく、2ヶ月かかりましたが、2ヶ月は2年よりも良いです。Cursorなしでは少なくとも1年はかかったでしょう。これが未来です。物事が起こっている瞬間です。
多数派の一人になってはいけません。この動画を見て何も行動を起こさず、テレビやNetflixを見に行くような平凡な人々の一人にならないでください。これは実際にNew Societyのメンバーからリクエストされたものです。New Societyの人々は「デイビッド、MCPについてのチュートリアルが欲しい」と言ったので、それを作りました。
どの動画を作るかに影響を与えたい場合は、New Societyに参加してください。これはAIの最先端にいる700人以上の人々による排他的なコミュニティです。さらに良いのは、クラスルームには「最初のAIエージェントの構築方法」「AIでの最初の収益の作り方」「AIスタートアップの構築方法」など、多くの独占コンテンツがあることです。私がVectalを構築した1日目から、アイデアの選択、Cursorでのプロジェクト設定、そしてVectalが10,000ドルのMRRを超えた現在に至るまで、すべてのステップを概説しています。これらすべてとそれ以上のものにNew Societyでアクセスできます。
AIについて真剣に考えていて、最先端にいたいなら、New Societyに参加してください。下にリンクがあります。
視聴していただきありがとうございます。この動画が価値あると感じたなら、登録してください。そして、プロフェッショナル、マネージャー、プログラマー、コンテンツクリエイター、ビジネスオーナーであれば、vl.aiにアクセスして登録してください。
これは生産性の未来です。他の非インテリジェントなタスク管理ツールを忘れてください。これが必要なすべてです。最新かつ最高のAIモデル（GPT-4.5やClaude 3.7 Sonnetなど）を搭載した高度なAIエージェントを使用して、可能な限り多くの時間を節約します。無料で始めることができるだけでなく、Vectal Discordサーバーに参加することもできます（右下にボタンがあります）。毎日の更新を確認できます。バグに遭遇した場合は報告し、数時間以内に開発者が修正します。
ほぼ毎日、新しい更新、バグ修正、Vectalの改善をプッシュしています。そのように言える他のソフトウェア企業はあまりないと思います。再度、vl.aiにアクセスして登録し、すべてのタスクを移行してください。振り返ることはないでしょう。
視聴していただきありがとうございます。素晴らしく生産的な一週間をお過ごしください。
コメント