X（Twitter）のツイートを自動で PowerPoint に変換　| x-to-pptx MCP 実装ガイド

Last updated at 2026-05-14Posted at 2026-05-14

この記事自体もClaudeが書いています。

はじめに

こんにちは。

X（Twitter）の記事を PowerPoint で共有したいと思ったことはありませんか？
※ただし、Xの記事自体は、ポストした人（ユーザ）の著作物なので、そのポストしたユーザの著作権を尊重してください。
通常であれば、ツイート内容を手動でスライドに入力し、手作業でレイアウトを整える必要があります。

しかし、Claude Desktop の MCP（Model Context Protocol） を使えば、この作業を完全に自動化できます。

この記事では、x-to-pptx MCP という X のツイートから自動で PowerPoint ファイルを生成するツールの実装方法と使い方を、実例を交えて解説します。

x-to-pptx MCP とは

x-to-pptx MCP は、X（Twitter）のツイート URL から自動的に PowerPoint ファイルを生成する Claude Desktop 用の MCP（Model Context Protocol）サーバーです。

できること

ツイート URL を入力 → Puppeteer がツイート内容をスクレイピング
コンテンツを抽出 → タイトル、本文、著者名、画像を自動取得
PowerPoint を生成 → python-pptx で美しいスライドを作成
自動保存 → Windows のダウンロードフォルダに PPTX ファイルを保存

用途

技術情報をまとめた記事の共有
X のスレッドをスライド資料に変換
チーム内での情報共有フローの自動化
ツイート情報からプレゼンテーション資料を自動生成

動作の仕組み

全体フロー

入力: X のツイート URL（例: https://x.com/user/status/123456789）
スクレイピング: Puppeteer がブラウザでツイートを読み込み、テキスト・著者名・画像を抽出
データ処理: 抽出したデータを JSON 形式に変換
PPTX 生成: python-pptx が複数スライドを自動生成
出力: X_Article_YYYYMMDD_HHMMSS.pptx として保存

技術スタック

Node.js + Puppeteer: X のコンテンツを動的にスクレイピング
Python + python-pptx: PowerPoint スライドを生成
Claude Desktop MCP: Claude がツールを呼び出すインターフェース

なぜ MCP を使うのか？

MCP は Claude Desktop 上で外部ツールを拡張可能にするプロトコルです。このアーキテクチャにより：

Claude が直接 Python や Node.js スクリプトを実行可能
複雑な処理を段階的に実行可能
エラーハンドリングが簡潔

環境構築

前提条件

以下をすべて用意してください：

Claude Desktop アプリ
Python 3.12 以上
Node.js LTS 版
インターネット接続

Python 3.12 のインストール

Python 公式サイトからダウンロード
インストール時に 「Add Python 3.12 to PATH」にチェック を入れる
ターミナルで確認:

python --version
# Python 3.12.x が表示されれば成功

Node.js のインストール

Node.js 公式サイトから LTS 版をダウンロード
インストーラーを実行（デフォルト設定で OK）
ターミナルで確認:

node --version
npm --version
# バージョン番号が表示されれば成功

Claude Desktop のインストール

Claude Desktop ダウンロードページから入手
インストールして起動
Anthropic アカウントでログイン

セットアップ手順

ステップ 1: プロジェクトフォルダを作成

Windows PowerShell を「管理者として実行」して、以下を実行:

mkdir "C:\Users\[ユーザー名]\Claude_MCP\x-to-pptx-mcp"
cd "C:\Users\[ユーザー名]\Claude_MCP\x-to-pptx-mcp"

[ユーザー名] は自分の Windows ユーザー名に置き換えてください。

ステップ 2: package.json を作成

テキストエディタで以下の内容を保存:

{
  "name": "x-to-pptx-mcp",
  "version": "1.0.0",
  "type": "module",
  "dependencies": {
    "puppeteer": "^21.0.0"
  }
}

ステップ 3: npm パッケージをインストール

npm install

ステップ 4: index.js を作成

テキストエディタで以下の内容を index.js として保存:

// index.js - Puppeteer スクレイピング版 MCP サーバー

import { spawn } from "child_process";
import path from "path";
import { fileURLToPath } from "url";
import readline from "readline";
import puppeteer from "puppeteer";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

class MCPServer {
  constructor() {
    this.rl = readline.createInterface({
      input: process.stdin,
      output: process.stdout,
      terminal: false,
    });

    this.rl.on("line", (line) => {
      try {
        const message = JSON.parse(line);
        this.handleMessage(message);
      } catch (e) {
        // サイレント
      }
    });
  }

  handleMessage(message) {
    const { jsonrpc, id, method, params } = message;

    if (method === "initialize") {
      this.respond(id, {
        protocolVersion: "2024-11-05",
        capabilities: { tools: {} },
        serverInfo: {
          name: "x-to-pptx-mcp",
          version: "1.0.0",
        },
      });
    } else if (method === "tools/list") {
      this.respond(id, {
        tools: [
          {
            name: "x_article_fetch",
            description:
              "X のツイート URL からコンテンツを取得します。",
            inputSchema: {
              type: "object",
              properties: {
                x_url: {
                  type: "string",
                  description: "X のツイート URL",
                },
              },
              required: ["x_url"],
            },
          },
          {
            name: "x_to_pptx",
            description:
              "X の記事情報から PPTX ファイルを生成します。",
            inputSchema: {
              type: "object",
              properties: {
                x_url: {
                  type: "string",
                  description: "X の記事 URL",
                },
                title: {
                  type: "string",
                  description: "記事のタイトル",
                },
                content: {
                  type: "string",
                  description: "記事の本文",
                },
                author: {
                  type: "string",
                  description: "著者名",
                },
                image_url: {
                  type: "string",
                  description: "画像 URL（オプション）",
                },
              },
              required: ["x_url", "title", "content", "author"],
            },
          },
        ],
      });
    } else if (method === "tools/call") {
      const { name, arguments: args } = params;
      if (name === "x_article_fetch") {
        this.fetchXArticlePuppeteer(args, id);
      } else if (name === "x_to_pptx") {
        this.generatePPTX(args, id);
      } else {
        this.respond(id, { error: `Unknown tool: ${name}` });
      }
    }
  }

  async fetchXArticlePuppeteer(args, id) {
    let browser = null;
    try {
      const { x_url } = args;

      if (!x_url.includes("x.com") && !x_url.includes("twitter.com")) {
        this.respond(id, {
          content: [
            {
              type: "text",
              text: "❌ エラー: X の URL が正しくありません。",
            },
          ],
        });
        return;
      }

      browser = await puppeteer.launch({
        headless: true,
        args: ["--no-sandbox", "--disable-setuid-sandbox"],
      });

      const page = await browser.newPage();
      await page.goto(x_url, {
        waitUntil: "networkidle2",
        timeout: 30000,
      });

      const tweetData = await page.evaluate(() => {
        const tweetTextElement = document.querySelector(
          '[data-testid="tweet"] [data-testid="tweetText"]'
        );
        const text = tweetTextElement
          ? tweetTextElement.innerText
          : "テキスト取得失敗";

        const authorElement = document.querySelector(
          '[data-testid="tweet"] [data-testid="Tweet-User-Name"]'
        );
        const author = authorElement
          ? authorElement.innerText
          : "不明";

        const imageElements = document.querySelectorAll(
          '[data-testid="tweet"] img[alt*="画像"]'
        );
        let imageUrl = null;
        if (imageElements.length > 0) {
          imageUrl = imageElements[0].src;
        }

        return {
          text,
          author,
          imageUrl,
        };
      });

      await browser.close();

      const title =
        tweetData.text.substring(0, 100) +
        (tweetData.text.length > 100 ? "..." : "");
      const authorName = tweetData.author.split("\n")[0];

      this.respond(id, {
        content: [
          {
            type: "text",
            text: `✅ ツイート内容を取得しました！

【タイトル】
${title}

【本文】
${tweetData.text}

【著者】
${authorName}

${tweetData.imageUrl ? `【画像 URL】\n${tweetData.imageUrl}` : ""}`,
          },
        ],
      });
    } catch (error) {
      if (browser) await browser.close();

      this.respond(id, {
        content: [
          {
            type: "text",
            text: `❌ スクレイピングエラー: ${error.message}`,
          },
        ],
      });
    }
  }

  generatePPTX(args, id) {
    const pythonScript = path.join(__dirname, "generate_pptx.py");
    const pythonPath =
      "C:\\Users\\[ユーザー名]\\AppData\\Local\\Programs\\Python\\Python312\\python.exe";

    const argsWithDefaults = {
      ...args,
      image_url: args.image_url || "",
    };

    const process = spawn(
      pythonPath,
      [pythonScript, JSON.stringify(argsWithDefaults)],
      {
        stdio: ["pipe", "pipe", "pipe"],
      }
    );

    let stdout = "";
    let stderr = "";

    process.stdout.on("data", (data) => {
      stdout += data.toString();
    });

    process.stderr.on("data", (data) => {
      stderr += data.toString();
    });

    process.on("close", (code) => {
      if (code === 0) {
        this.respond(id, {
          content: [
            {
              type: "text",
              text: stdout,
            },
          ],
        });
      } else {
        this.respond(id, {
          content: [
            {
              type: "text",
              text: `❌ PPTX 生成エラー:\n${stderr}`,
            },
          ],
        });
      }
    });
  }

  respond(id, result) {
    const response = {
      jsonrpc: "2.0",
      id,
      result,
    };
    console.log(JSON.stringify(response));
  }
}

new MCPServer();

[ユーザー名] を自分の Windows ユーザー名に置き換えてください。

ステップ 5: generate_pptx.py を作成

テキストエディタで以下の内容を generate_pptx.py として保存:

# -*- coding: utf-8 -*-
import sys
import io
sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8')

import json
import os
from datetime import datetime
from pathlib import Path

try:
    from pptx import Presentation
    from pptx.util import Inches, Pt
    from pptx.dml.color import RGBColor
    import requests
except ImportError:
    print("❌ 必要なパッケージがありません: pip install python-pptx pillow requests")
    sys.exit(1)

def generate_pptx(args):
    x_url = args.get("x_url", "")
    title = args.get("title", "無題")
    content = args.get("content", "内容なし")
    author = args.get("author", "不明")
    image_url = args.get("image_url", "")
    
    output_dir = Path.home() / "Downloads"
    output_dir.mkdir(parents=True, exist_ok=True)
    
    prs = Presentation()
    prs.slide_width = Inches(10)
    prs.slide_height = Inches(7.5)
    
    # スライド1: タイトル
    slide1 = prs.slides.add_slide(prs.slide_layouts[6])
    background = slide1.background
    fill = background.fill
    fill.solid()
    fill.fore_color.rgb = RGBColor(25, 29, 34)
    
    title_box = slide1.shapes.add_textbox(
        Inches(0.5), Inches(2), Inches(9), Inches(2)
    )
    title_frame = title_box.text_frame
    title_frame.word_wrap = True
    title_frame.text = title
    title_frame.paragraphs[0].font.size = Pt(44)
    title_frame.paragraphs[0].font.bold = True
    title_frame.paragraphs[0].font.color.rgb = RGBColor(255, 255, 255)
    
    author_box = slide1.shapes.add_textbox(
        Inches(0.5), Inches(4.2), Inches(9), Inches(1)
    )
    author_frame = author_box.text_frame
    author_frame.text = f"著者: {author}"
    author_frame.paragraphs[0].font.size = Pt(18)
    author_frame.paragraphs[0].font.color.rgb = RGBColor(113, 118, 123)
    
    url_box = slide1.shapes.add_textbox(
        Inches(0.5), Inches(5.5), Inches(9), Inches(1)
    )
    url_frame = url_box.text_frame
    url_frame.text = f"Source: {x_url}"
    url_frame.paragraphs[0].font.size = Pt(12)
    url_frame.paragraphs[0].font.color.rgb = RGBColor(113, 118, 123)
    
    # スライド2: 記事概要
    slide2 = prs.slides.add_slide(prs.slide_layouts[6])
    background2 = slide2.background
    fill2 = background2.fill
    fill2.solid()
    fill2.fore_color.rgb = RGBColor(247, 249, 249)
    
    heading = slide2.shapes.add_textbox(
        Inches(0.5), Inches(0.5), Inches(9), Inches(0.8)
    )
    heading_frame = heading.text_frame
    heading_frame.text = "📝 記事概要"
    heading_frame.paragraphs[0].font.size = Pt(32)
    heading_frame.paragraphs[0].font.bold = True
    heading_frame.paragraphs[0].font.color.rgb = RGBColor(25, 29, 34)
    
    content_box = slide2.shapes.add_textbox(
        Inches(0.5), Inches(1.5), Inches(9), Inches(5.5)
    )
    content_frame = content_box.text_frame
    content_frame.word_wrap = True
    content_frame.text = content
    content_frame.paragraphs[0].font.size = Pt(16)
    content_frame.paragraphs[0].font.color.rgb = RGBColor(25, 29, 34)
    
    # スライド3: 画像（オプション）
    if image_url:
        slide3 = prs.slides.add_slide(prs.slide_layouts[6])
        background3 = slide3.background
        fill3 = background3.fill
        fill3.solid()
        fill3.fore_color.rgb = RGBColor(247, 249, 249)
        
        img_heading = slide3.shapes.add_textbox(
            Inches(0.5), Inches(0.5), Inches(9), Inches(0.8)
        )
        img_heading_frame = img_heading.text_frame
        img_heading_frame.text = "🖼️  参考画像"
        img_heading_frame.paragraphs[0].font.size = Pt(32)
        img_heading_frame.paragraphs[0].font.bold = True
        img_heading_frame.paragraphs[0].font.color.rgb = RGBColor(25, 29, 34)
        
        try:
            response = requests.get(image_url, timeout=10)
            temp_img_path = output_dir / "temp_image.jpg"
            with open(temp_img_path, 'wb') as f:
                f.write(response.content)
            
            slide3.shapes.add_picture(
                str(temp_img_path),
                Inches(1),
                Inches(1.5),
                width=Inches(8)
            )
            temp_img_path.unlink()
        except Exception as e:
            print(f"⚠️  画像追加失敗: {e}", file=sys.stderr)
    
    # ファイル保存
    filename = f"X_Article_{datetime.now().strftime('%Y%m%d_%H%M%S')}.pptx"
    filepath = output_dir / filename
    prs.save(str(filepath))
    
    return str(filepath)

if __name__ == "__main__":
    if len(sys.argv) > 1:
        try:
            args = json.loads(sys.argv[1])
            filepath = generate_pptx(args)
            
            print(f"✅ PPTX ファイルを生成しました")
            print(f"📁 保存先: {filepath}")
            print(f'PowerShell: start "{filepath}"')
            print(f"🎉 処理完了！")
        except Exception as e:
            print(f"❌ エラー: {e}", file=sys.stderr)
            sys.exit(1)
    else:
        print("❌ 引数がありません", file=sys.stderr)
        sys.exit(1)

ステップ 6: Python パッケージをインストール

PowerShell を「管理者として実行」して:

pip install python-pptx pillow requests --break-system-packages

ステップ 7: Claude Desktop の設定を編集

以下のパスにある claude_desktop_config.json を開く:

C:\Users\[ユーザー名]\AppData\Local\Packages\Claude_pzs8sxrjxfjjc\LocalCache\Roaming\Claude\claude_desktop_config.json

以下の内容を追加:

{
  "mcpServers": {
    "x-to-pptx": {
      "command": "node",
      "args": [
        "C:\\Users\\[ユーザー名]\\Claude_MCP\\x-to-pptx-mcp\\index.js"
      ]
    }
  }
}

ステップ 8: Claude Desktop を再起動

Claude Desktop を完全に終了して、再度起動してください。

使用方法

基本的な使い方

Claude Desktop で以下のように入力:

URL: https://x.com/user/status/1234567890 を x_to_pptx でまとめて。

処理フロー

入力: X のツイート URL を指定
ツイート取得: Claude が x_article_fetch ツールを呼び出し
コンテンツ抽出: タイトル、本文、著者、画像を自動取得
PPTX 生成: Claude が x_to_pptx ツールを呼び出し
ファイル保存: C:\Users\[ユーザー名]\Downloads\X_Article_YYYYMMDD_HHMMSS.pptx に保存

出力ファイルの確認

生成されたファイルは Windows のダウンロードフォルダに保存されます。

自動的に PowerPoint が開きます。

実装のコツ

カスタマイズ例

1. スライドデザインの変更

generate_pptx.py の色設定を編集:

# ダークテーマ（現在）
fill.fore_color.rgb = RGBColor(25, 29, 34)

# 自分の好みに変更
fill.fore_color.rgb = RGBColor(100, 150, 200)  # 青系

2. フォントサイズの調整

title_frame.paragraphs[0].font.size = Pt(44)  # タイトル
content_frame.paragraphs[0].font.size = Pt(16)  # 本文

3. スライド数の追加

generate_pptx.py に新しい slide を追加:

slide4 = prs.slides.add_slide(prs.slide_layouts[6])
# スライド4の設定...

トラブルシューティング

エラー	原因	対処法
`Command not found: python`	Python が PATH に登録されていない	Python を再インストール（PATH チェック）
`Module not found: pptx`	python-pptx がインストールされていない	`pip install python-pptx` を実行
`Puppeteer timeout`	ネットワーク接続が遅い	URL を再度確認、ネット接続を確認
Claude Desktop でツール表示なし	MCP サーバーが起動していない	Claude Desktop を再起動

おわりに

x-to-pptx MCP は、X のコンテンツを効率的に PowerPoint に変換できる強力なツールです。

このツールで実現できること

手作業でのコンテンツコピーが不要
デザイン統一されたスライドが自動生成
チーム内での情報共有が加速
コンテンツライブラリの構築が容易

次のステップ

環境構築を完了 → セットアップ手順に従う
テスト実行 → サンプルツイート URL で試す
カスタマイズ → デザインや機能を自分好みに調整
運用自動化 → 日常のワークフローに組み込む

分かりやすい記事を書くことは、読者に情報を効果的に伝えるためのスキルです。

このツールが、皆さんの情報発信をより効率的にしてくれることを願っています！

ぜひ実装してみて、フィードバックがあればお聞きかせください。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

X（Twitter）のツイートを自動で PowerPoint に変換 | x-to-pptx MCP 実装ガイド