Apidog

オールインワン協働API開発プラットフォーム

API設計

APIドキュメント

APIデバッグ

APIモック

API自動テスト

YouTube動画をコードに変換: YouTube MCP & Cline活用術

Ashley Goolam

Ashley Goolam

Updated on 5月 14, 2025

素晴らしいお知らせがあります!**YouTube MCP**を使うと、YouTubeのチュートリアルをVisual Studio CodeのClineで実際のプロジェクトにできるって知っていましたか?そうです、動画から字幕を取得して、CrewAIのオーケストレーションなど、学んでいることをClineに構築させることができるんです。最近これを試してみたのですが、まるで家庭教師とコーダーが一体になったような感じです!このチュートリアルでは、**YouTube MCP**をセットアップし、Clineに接続して、動画を使ってマルチエージェントシステムを構築します。これは楽しく実践的な学習方法で、私がすべてのステップをご案内します。この素晴らしい冒険に飛び込みましょう!

💡
始める前に、**API**愛好家のための素晴らしいツール、**Apidog**について少し触れておきます!APIのテストとデバッグを非常に簡単にし、**YouTube MCP**のセットアップがスムーズに機能することを確認するのに最適です。apidog.comでチェックしてみてください。これはゲームチェンジャーです!さあ、コーディングを始めましょう…
ボタン

YouTube MCPとは?

**YouTube MCP**は、AIモデル(Clineなど)が字幕やメタデータを取得してYouTube動画とやり取りできるようにする、Model Context Protocol (MCP) サーバーです。MCPは、AIアシスタントを外部ツールに接続し、より強力にするオープンスタンダードです(2024年にAnthropicによって導入されました)。**YouTube MCP**を使用すると、Clineは動画の字幕を取得し、それをコンテキストとして使用してプロジェクトを構築したり、コンテンツを要約したり、チュートリアルに基づいてタスクを自動化したりできます。まるでAIにYouTube学習の最前列の席を与えるようなものです!

このガイドでは、Visual Studio CodeでClineと一緒に**YouTube MCP**を使用して、YouTubeチュートリアルからCrewAIマルチエージェントシステムを構築します。Xの投稿では、このツールがいかに過小評価されているかが強調されています。ユーザーは、動画コンテンツを実行可能なコードに変換する方法を気に入っています。セットアップして、実際に動かしてみましょう!

YouTube MCPサーバー

YouTube MCPのための環境設定

まず、システムが**YouTube MCP**の準備ができているか確認しましょう。これは非常に初心者向けなので、心配しないでください。私がサポートします!

1. Visual Studio Codeのインストール:

  • ローカルマシンにVisual Studio Codeがインストールされていることを確認してください。インストールされていない場合は、code.visualstudio.comにアクセスして最新バージョン(MCPサポートには1.99以降)をダウンロードしてください。インストールして開いてください。とても簡単です!
VS Code

2. VS Code MarketplaceからClineをダウンロード:

  • VS Codeを開き、拡張機能ビュー(WindowsではCtrl+Shift+X、MacではCmd+Shift+X)に移動して、「Cline」を検索してください。
  • Cline拡張機能(cline.botによる自律型コーディングエージェント)を見つけて、「インストール」をクリックします。これにより、ClineがVS CodeのAIアシスタントとしてセットアップされ、**YouTube MCP**を使用する準備が整います。
Clineボット

ClineでYouTube MCPをインストールする

さて、Clineで**YouTube MCP**を起動して実行しましょう。手順は以下の通りです。

1. ClineのMCP MarketplaceからYouTube MCPサーバーをダウンロード:

  • VS Codeで、Ctrl+Shift+P(MacではCmd+Shift+P)を入力し、「Cline: Open In New Tab」を選択してClineを開きます。これにより、Clineがファイルエクスプローラーと並んで開きます。
  • Clineのインターフェースで、MCP Marketplaceを探します(チャットウィンドウに「MCP Servers」または「Add Tools」というラベルのボタンが表示される場合があります)。
  • 「YouTube MCP」を検索してクリックし、インストールします。Clineが自動的に**YouTube MCP**サーバーをダウンロードしてセットアップします。とても簡単です!
MCPサーバーのインストール

2. 潜在的なセットアップエラーの処理:

  • Clineが**YouTube MCP**のセットアップ中にエラーに遭遇した場合、AIモデルのAPIキーを設定していないことが原因かもしれません。Clineは、インストールのためにエージェント機能を使用するためにこれが必要です。

i) 修正オプション1: AIモデルの設定:

  • Clineの設定に移動します(Clineタブの歯車アイコンをクリックするか、Ctrl+,/Cmd+,を使用します)。
  • 「API Provider for Plan and Act Mode」の下で、Anthropic、OpenAI、Google Gemini、DeepSeekなどのプロバイダーを選択します。コーディングタスクにはAnthropicのClaude 3.7 Sonnetをお勧めしますが、Google Gemini 2.5 proも無料で素晴らしく機能します!
  • 選択したプロバイダーのプラットフォーム(例: anthropic.com または openrouter.ai)にアクセスし、サインアップしてAPIキーを生成します。
  • APIキーをClineの設定に貼り付け、希望するモデルを選択します(例: Anthropicの場合はclaude-3-7-sonnet、Googleの場合はgemini-2.0-flash)。
APIキーの追加

ii) 修正オプション2: クレジットの確認:

  • Clineが使用するのに十分なクレジットがプロバイダーアカウントにあることを確認してください。例えば、OpenRouterは新規ユーザーに無料クレジットを提供していますが、使い果たした場合はチャージする必要があるかもしれません。
  • APIキーが設定されたら、ClineのMCP Marketplaceで**YouTube MCP**のインストールを再試行してください。今度はスムーズに完了するはずです。

3. インストールの確認:

  • インストールされると、Clineの利用可能なMCPサーバーの下に「YouTube MCP」が表示されます(Clineのチャットウィンドウのツールアイコンを確認してください)。緑色のインジケーターは、準備が完了したことを意味します!

これで**YouTube MCP**サーバーがClineに接続されました。素晴らしいですね!何かクールなものを構築してテストしてみましょう。

YouTube MCPでCrewAIオーケストレーションを構築する

@MatthewBerman氏によるYouTubeチュートリアルを使用してCrewAIマルチエージェントシステムを構築し、**YouTube MCP**をテストしてみましょう。動画から字幕を取得し、Clineにプロジェクトを作成させます。

1. 新しいプロジェクトの作成:

  • youtube-mcp-projectフォルダー内に、新しいプロジェクト構造を作成します。
mkdir crewAI-multi-agent
cd crewAI-multi-agent
  • Clineがこのワークスペース内で作業できるように、このフォルダーをVS Codeで開きます(ファイル > フォルダーを開く)。

2. ClineをAct Modeに設定:

  • VS CodeでClineを開きます(Ctrl+Shift+P、次に「Cline: Open In New Tab」)。
  • Clineのチャットウィンドウで、モードドロップダウンから「Act Mode」に切り替えます(これにより、変更を承認しながらClineがタスクを自律的に実行できるようになります)。

3. YouTube MCPを使用してプロジェクトを構築:

  • Clineのチャットにこのプロンプトを入力します。
>> Use the YouTube MCP server to pull down the subtitles from "https://www.youtube.com/watch?v=twzgEBabOBK" then build the CrewAI orchestration. Use Context7 for any docs you need.

次に起こること:

  • Clineは**YouTube MCP**を使用して、@MatthewBerman氏によるCrewAIオーケストレーションのセットアップを詳細に説明した動画から字幕を取得します。
  • また、Context7(ドキュメント検索用のMCPサーバーで、3,570以上のライブラリをインデックス化しています)を活用して、必要なCrewAIドキュメントを取得します。
  • 次に、ClineはcrewAI-multi-agentプロジェクトを作成し、main.pyのようなファイルを生成し、動画の指示に基づいてエージェントを設定し、オーケストレーションを構成します。
  • チャットでClineの進行状況を確認できます。ファイルの変更の差分(例: CrewAIエージェントのPythonスクリプト)が表示されます。各変更を承認して続行するか、差分ビューで直接編集します。

4. 出力の確認:

  • Clineが完了すると、オーケストレーションをテストするためにpython main.pyのようなコマンドを実行する場合があります。VS Codeのターミナル出力を確認して、マルチエージェントシステムが動作しているのを見てください。
MCPサーバーのテスト
  • エラーがある場合(例: 依存関係の不足)、Clineはそれらを修正するのに役立ちます。「CrewAIに必要なパッケージをインストールして」と頼むだけで、pip install crewaiを実行してくれます。

**YouTube MCP**を使用してCrewAIプロジェクトを構築しました。すごいでしょう?

YouTube MCPでさらに探求する

プロジェクトを構築したので、Clineで**YouTube MCP**を使用する他の方法を探求しましょう。

1. チュートリアルの要約:

  • 試してみてください:「YouTube MCPを使用して、https://www.youtube.com/watch?v=twzgEBabOBKの動画を要約して。」
  • Clineは字幕を取得し、CrewAIチュートリアルの簡潔な要約を提供します。素早い学習に最適です!

2. コードスニペットの抽出:

  • 尋ねてみてください:「https://www.youtube.com/watch?v=twzgEBabOBKの字幕で言及されているPythonコードを抽出して。」
  • Clineは字幕を解析し、動画で共有されているコードスニペットを提供します。プロジェクトですぐに使用できます。

3. 学習ワークフローの自動化:

  • **YouTube MCP**を他のMCPサーバー(Notion MCPサーバーなど)と組み合わせて、チュートリアルノートを自動的に保存します。例えば:「この動画から字幕を取得し、要約をNotionに保存して。」

**YouTube MCP**の可能性は無限大です。実験を続けてください!

YouTube MCPをマスターするためのヒント

Clineで**YouTube MCP**を最大限に活用するには:

  • 適切なモデルを選択する: Claude 3.7 Sonnetがうまく機能しない場合は、Google Gemini 2.5 proを試してみてください。無料です!
  • 具体的に: 最良の結果を得るために、動画のURLと明確な指示(例:「字幕を取得してXを構築して」)を含めてください。
  • クレジットを監視する: OpenRouterまたはAnthropicを使用している場合は、中断を避けるためにAPIクレジットに注意してください。
  • MCPサーバーを組み合わせる: Context7または他のMCPサーバーをドキュメントやリソースに使用して、プロジェクトを強化します。

私のYouTube MCP体験談

Clineと一緒に**YouTube MCP**を使ったのは目から鱗でした!Clineが字幕を取得してCrewAIオーケストレーションを構築するのを見るのは魔法のようで、手作業でのコーディング時間を何時間も節約できました。APIキーを設定すればセットアップは簡単で、Clineがすべてを自律的に処理してくれるのが気に入りました。問題が発生した場合は、APIクレジットまたはモデル設定を再確認してください。

最後に:あなたのYouTube MCPの旅

VS CodeでClineと一緒に**YouTube MCP**の力を解き放ちました!サーバーのセットアップからCrewAIプロジェクトの構築まで、YouTubeチュートリアルを実際のコードに変える準備が整いました。探求を続けてください。動画を要約したり、ワークフローを自動化したりして、あなたの作品を共有しましょう!詳細については、cline.botをチェックして、**YouTube MCP**の冒険を続けましょう!

ボタン