8,366 文字
私の名前はDavid Andreです。今回は、自分だけのMCPサーバーの構築方法をご紹介します。MCPの人気は爆発的に高まっています。自分自身でMCPサーバーを構築しなければ、時代に取り残されてしまうでしょう。
「でもDavid、そもそもMCPって何？」と思われるかもしれません。MCPは、AIエージェントに与えることができるツールの強力なバージョンだと考えてください。GitHubやYouTube、Google検索など、様々な異なるMCPをAIエージェントに提供することで、それらをはるかに強力にできます。しかし、この動画ではさらに一歩進んで、あらゆるユースケースに対応する自分だけのMCPサーバーの構築方法と、それらの新しいMCPをCursorやCloud Desktopで使用する方法をお見せします。
その最も簡単な方法はDatabuttonを使うことです。databutton.comにアクセスして「Get Started」をクリックします。サインアップオプションのいずれかを選択するか、以前にDatabuttonを使用したことがある場合は「Sign In」をクリックします。これによりDatabuttonのダッシュボードが表示され、すべてのアプリを確認できます。しかし、今回はゼロから始めるので「New App」をクリックしましょう。
最初のステップは、アプリの説明です。何を構築したいのか、どのように機能すべきか、どのように見えるべきかを記述します。この動画のために、私たちが皆使えるものを用意しました。YouTubeビデオのMCPです。「特定のキーワード（例：VIPチュートリアル）でYouTube動画を検索できるアプリを作成する」と入力します。明確に構築したいものを説明したら、「Continue」をクリックします。
次のステップでは、要件を指定します。これは今持っているものを指します。既にコードがあるか、ユーザーストーリーがあるか、何らかの仕様があるかもしれません。これはそれらを追加するのに良いステップですが、まだ何も構築していない場合は、このステップをスキップしても構いません。
ステージ3はインスピレーションです。ここではアプリがどのように見えるかの画像を提供できます。この特定のビルドアイデアには、Mr. Beastのビュー統計ツールが良いインスピレーションだと思います。この中央部分をスクリーンショットして、Databuttonにアップロードします。ドラッグするだけで簡単です。「Continue」をクリックして、統合に進みます。
ここでは、アプリに必要な統合を選択できます。または、確信が持てない場合は、Databuttonに最適なテクノロジーを選ばせることもできます。「Continue」をクリックすれば、Databuttonがアプリの作成を開始します。
Databuttonが実際に何をするのかを理解するために、はっきりさせておきましょう。フロントエンドとバックエンドだけでなく、認証、支払い、アプリに必要なその他のものを含む完全なアプリの構築を支援します。また、それをMCPサーバーに変換する手助けもします。Databuttonでアプリを作成すれば、それを簡単にMCPに変換してデプロイできるのです。ローカルのコンピューターでホストする必要はなく、どこでも実行できます。CursorやCloud Desktopなど、MCPをサポートするAIエージェントであれば、Databuttonで構築したものを使用できます。正直なところ、ほぼ何でも構築して、完全にホストされたMCPサーバーに変換できます。その方法をこの動画でお見せします。
Databuttonに戻ると、すでに作業が始まっていることがわかります。アプリの名前を「Vibe Find」と付け、7つのステップに分割しました。右側にはDatabuttonエージェントが表示されています。Databuttonの素晴らしい点は、人間を巻き込んだ作業を奨励していることです。これら7つのステップがあり、何かが気に入らなければ「このステップを追加するのはどうですか」や「なぜステップ3を選んだのですか」と尋ねることができ、説明してくれます。この概要は十分に良いので、「Start Task」をクリックして直ちに構築を開始しましょう。
これが構築されている間に、人々が作成した最も印象的なMCPのいくつかをご紹介します。このBlender MCPのデモをお見せしましょう。これは本当に驚くべきものです。これはCloudで実行され、Blender内でプロフェッショナルな3Dシーンを平易な英語で作成しています。これは私だと数日かかるでしょう。Blenderについてはほとんど知らず、5年ほど前に少し使ったくらいですが、これを初心者が平易な英語だけで作れるなんて、すごいでしょう？これがMCPサーバーの力です。
Databuttonが何を準備しているか見てみましょう。作業を開始していることがわかります。「Vibe Findのランディングページの実装を手伝います。現在のコードを見ると、ダークテーマが…」と進んでいます。コードを書き、変更を加え、少し考えました。それをクリックすると、その理由を見ることができます。
これが実行されている間に、Databuttonがこの動画のスポンサーになることに同意してくれたことをお伝えしたいと思います。MCPに関する別の動画を作るつもりだったので、これは素晴らしいことです。自分だけのMCPサーバーを作りたい場合は、databutton.comにアクセスして、提供されているプランのいずれかを選択してください。どのプランを選んでも無料で始められます。
非常に複雑なものを構築していて、AIエージェント以上のサポートが必要な場合、Databuttonには実際にそのためのカスタムパッケージがあります。この700ドルのパッケージでは、基本的にAIが解決できないバグを解決するのを助けてくれる専用の開発者アシスタントを得られます。自分のAIスタートアップを構築したいけれど、技術的な専門知識やそれを行う時間がない場合、Databuttonは完璧なバランスを提供します。このツールは文字通り平易な英語でタイプするだけで非常に簡単に使用でき、プロの開発者からさらなるサポートが必要な場合は、これらのパッケージにアップグレードするだけです。これらは開発者を雇うよりもはるかに安いです。私自身のAIスタートアップVectalの開発者チームを持つ者として、それを知っています。これを使えば非常に遠くまで行けます。繰り返しますが、自分だけのMCPサーバーの構築を始めたい場合は、databutton.comにアクセスして試してみてください。
AIエージェントが何をしていたか見てみましょう。いくつかのエラーに遭遇したようですが、コードを読み、それらを修正し、現在は最初のタスクが完了しています。左上の「Preview」をクリックすると、ランディングページが表示されます。「Yes, mark as done」としましょう。
プランに戻り、2番目のステップである「YouTube APIをビデオ検索用に実装する」を開始しましょう。「Start Task」をクリックすると、Databuttonがすぐに2番目のタスクの作業を開始します。最初のタスクが完了したことをすでに知っているので、完了すべきことのリストを持っています。一度にすべてを行おうとするのではなく、あなたが説明した目標を達成するための戦略的な計画を作成します。
ちなみに、設定に移動すると、「Pitch」と呼ばれる元のプロンプトを見ることができます。Databuttonは非常にカスタマイズ可能で、他のコードビルダーやAIツールとは異なり、ほとんど何でもカスタマイズできます。アプリの名前を変更したり、元のプロンプト（Pitch）を変更したり、アプリの詳細な説明を追加したり、ターゲットオーディエンスやデザインを記述したりできます。
これはアプリに対してのみですが、AIエージェントも設定できます。ここでは「常に最もシンプルでクリーンなオプションを選択し、不要な機能を追加しないでください」などのカスタム指示を行うことができます。このプロンプトは、Databuttonエージェントの将来のすべての実行に影響します。さらに下にスクロールすると、エージェントのガイドラインが表示され、エージェントに対するさらなる制御が可能になります。
AIエージェントの実行が停止しました。これは人間の介入が必要だからです。何をしたのか見てみましょう。少し考えて、その理由を見ることができます。そして「YouTube APIの統合の実装を手伝います。YouTube Data APIについて調査することから始めましょう」と言っています。YouTube Data APIのドキュメントについてウェブ検索を行い、最新の情報で作業していることを確認しました。十分な情報を得て満足したら「調査に基づいて、YouTube Data API統合を実装します。まず、ユーザーからYoutube APIキーを要求する必要があります」と述べています。
これは素晴らしいことです。Databuttonエージェントは、ユーザーをループに巻き込むべき時を正確に知っています。Google Cloud Consoleに入ってAPIキーをリクエストする能力がないことを知っています。これは今後何年間もそうでしょう。AIエージェントは銀行口座を作成したり、新しいIDカードを取得したり、パスポートを取得したりすることはできません。そのようなことは人間に限定されたままでしょう。これは実際にその良い例です。AIエージェントが何かをできない場合、単にあなたの助けを求め、それを行うためのステップバイステップの指示を提供します。
まず、Google Cloud Consoleに移動しましょう。リンクをコピーして、URLバーに貼り付けます。Google Cloud Consoleを初めて開くと、アカウントを選択するよう求められるので、使用したいGmailを選択します。Google Cloud Consoleに入ったら、2番目のステップである新しいプロジェクトの作成を行います。ここに「projects」があるので、「New Project」をクリックし、名前を「Databutton」とします。「Select Project」をクリックすると、左上に新しいプロジェクトが作成され選択されていることが表示されます。
次のステップはYouTube Data API v3を有効にすることです。この名前をコピーしてここで検索しましょう。「YouTube Data API v3」が表示されたら、クリックし「Enable」をクリックします。約10秒後、YouTube APIが有効になり、「このAPIを使用するには資格情報が必要かもしれません」と表示されます。「Create Credentials」をクリックし、Databuttonが言うように、APIキー資格情報は長い文字列のように見えるはずです。
どのAPIを使用していますか？はい、これを使用します。アクセスするデータは？公開データだけです。「Next」をクリックすると、APIキーが表示されます。他のAPIキーと同様、これらを公開しないでください。この動画をアップロードする前に私のものを削除します。パスワードとして扱ってください。「Copy」をクリックし、Databuttonに戻り、この専用テキストフィールド（メインのテキストフィールドではなく）に貼り付けます。「Send」をクリックすると、APIキーがDatabuttonの環境に安全に保存され、将来使用できるようになります。
Google Cloud Consoleでは「Done」をクリックするだけです。とても簡単でした。初めてGoogle Cloud Consoleを使用する場合でも簡単にできます。最初は少し intimidatingに見えるかもしれませんが、いつでもDatabuttonに質問できます。どこかで行き詰まった場合は、このAIエージェントに質問してください。非常に強力で、基本的にどんな状況からでも抜け出す手助けをしてくれます。
今何をしているか見てみましょう。YouTube Data APIと対話するために必要なGoogle APIクライアントライブラリをインストールし、パッケージをインストールしています。Pythonの環境やcondaなどについて何も知らなくても、Databuttonが自律的にそれらを処理してくれるので問題ありません。このエージェントは本当に強力です。
次に、YouTubeビデオ用のカスタムAPIエンドポイントを作成し、実際にここでAPIエンドポイントを見ることができます。プレビューでは左側にコードが表示されるか、「Edit Code」をクリックして、知識があれば自分でカスタム変更を加えることもできます。左側にはプロジェクト構造が表示され、「APIs」の下に現在のバックエンドAPIエンドポイントがどのように見えるかが表示されています。ここで「Preview App」をクリックすると、新しいブラウザタブが開き、アプリをフルスクリーンで完全に見ることができます。しかし、すぐにカスタムドメインでの適切なデプロイ方法をお見せします。
2番目のタスクが完了したかどうか尋ねていますが、それをテストする必要があります。「gpt4.5」で検索してみましょう。検索結果が表示されました。GPT4.5に関するFireShipやOpenAIの動画が見つかりました。私の動画は見つかりませんでしたね。それはマイナスポイントですが、機能しています。これは素晴らしいことです。動作しているので、2番目のタスクを完了としてマークできます。「Yes, mark as done」をクリックします。
次に、Databuttonはこれをデプロイするのに良いタイミングだと認識し、「アプリケーションをデプロイして、公にアクセス可能にしましょう」と言っています。アプリのデプロイ先のURLを選択するよう促されます。「Vibe Find」は実際に非常に良い名前だと思います。通常、AI生成の名前は好きではありませんが、これはかなりクールです。これがリンクになります。「Deploy App」をクリックすると、デプロイプロセスが開始されます。
フロントエンド、バックエンド、データベースにどのプロバイダーを使用するか心配する必要はありません。Databuttonはフルスタックソリューションで、これらすべてを処理できます。デプロイの進行状況についてもっと情報を見たい場合は、右上にある大きな青いボタン「Deploy」をクリックすると、まだデプロイ中であることがわかります。通常、これは変更の量やアプリの複雑さによって30〜40秒ほどかかります。完了したら、このカスタムURLをクリックすると、アプリを見ることができるはずです。これをすぐにMCPサーバーに変換します。
同じ機能があるかテストしてみましょう。「Bitcoin」と入力し、Enterを押します。エラーが発生しました。それはまだデプロイされていなかったからだと思います。再読み込みして再試行しましょう。表示されました。これで簡単に任意の用語を検索でき、その用語に関する動画を検索します。非常に良いですね。
次の自然なステップは、このフルスタックアプリケーションをMCPサーバーに変換することです。CursorやCloud Desktopなど、MCPで作業できるAIエージェントに組み込むことができます。その方法をお見せしましょう。
Databuttonの右上に「Enable MCP」という大きなボタンが表示されています。これをクリックすると、Databuttonが私たちのMCPサーバーを設定するためのステップバイステップの指示を提供してくれます。まず、APIキーを提供し、次に4つの異なるオプション（Cloud Desktop、Cursor、OpenAI Agent SDK、Agno SDK）を提供します。それぞれのオプションでセットアップは少し異なりますが、Databuttonは何をどうコピーすべきかを正確に教えてくれます。
私たちのVIPカスタムMCPをCloud Desktopに接続するには、まずCloud Desktopをインストールする必要があります。Googleで「Cloud Desktop」と検索し、最初のリンクをクリックして、お使いのオペレーティングシステムを選択します。私はMac OSなので、それをクリックします。ダウンロードが完了したら、インストーラーをダブルクリックし、アプリケーションフォルダにドラッグします。次に、Cloudアプリを開き、ウェブ版と同じアカウントでログインします。
このCloud Desktop設定ファイルにアクセスする最も簡単な方法は、ターミナルコマンドを使用することです。ターミナルを開き、このコマンドを貼り付けます。このコマンドは動画の下に残しておくので、簡単にコピーペーストできます。これを貼り付けると、Cloud Desktopアプリのフォルダが開くはずです。ライブラリ、アプリケーションサポート、Cloudというフォルダがあり、私たちが探しているのはこのファイル「cloud_desktop_config.json」です。
これはCursorや他のテキストエディタなど、何でも開くことができます。NotePadでも十分です。AIパワードのコードエディタである必要はなく、テキストを編集できる何でもかまいません。このJSONファイルを開き、ここに設定を追加する必要があります。このスニペットをコピーし、「リストに次のMCPサーバーを追加する」と強調表示します。Sonnet Maxを使用しましょう。AIに仕事をさせましょう。正しく追加されています。それを受け入れると、APIキーが不足していることがわかります。
戻って、まずMCPを有効にし、APIキーをコピーします。実際にそこに表示されています。繰り返しますが、これらは誰とも共有しないでください。パスワードとして扱ってください。これでDatabuttonのAPIキーが手に入りました。データボタン以外のすべてのMCPを削除します。これにより、セットアップが一致します。初めてこれを行う場合、GitHubやBrave MCPsは持っていないでしょう。セットアップが一致することを確認したいだけです。
このファイルを保存し、Cloud Desktopアプリを再起動します。Cloud Desktopを再起動すると、以前よりも多くのMCPが表示されるはずです。明らかに、BraveとGitHubも有効にしているため、31の異なるMCPサーバーがアクティブになっていますが、1つだけ追加した場合は1つだけになります。
例えば「GPT4.5に関する上位5つの動画について教えて」と言うと、Databuttonからの「Search YouTube Videos」MCPを実行しようとします。一度だけ許可するか、チャット全体で許可するかを選択できます。これのようなセーフなMCPであれば、チャット全体で有効にして時間を節約できます。何が行われているかを見たい場合は「Allow Once」をクリックします。
MCPが機能していることがわかります。現在、Cloud Desktopにはなかった5つの動画を提供してくれました。YouTube APIへのアクセスがなかったので、それを設定し、そのMCPを提供する必要がありました。これで、Databuttonで自分だけのMCPサーバーを構築する方法がわかりました。
再び、この動画のスポンサーになってくれたDatabuttonに感謝します。Databuttonへのリンクは動画の下にあります。自分だけのMCPサーバーを構築したい場合は、ぜひ試してみてください。
それでは、視聴してくださりありがとうございます。素晴らしく生産的な一週間をお過ごしください。さようなら。
コメント