Buffer GraphQL APIでSNS自動投稿パイプラインを構築した話

npx tsx scripts/schedule-post.ts \
  --dir out/visa-article \
  --platforms "instagram,x,youtube" \
  --schedule "2026-04-01 12:00"

# ❌ v1 REST API — 全エンドポイントが 500
curl https://api.bufferapp.com/1/profiles.json?access_token=xxx
# → 500 Internal Server Error

# ✅ GraphQL API — こちらが現在のエンドポイント
curl -X POST https://api.buffer.com \
  -H "Authorization: Bearer YOUR_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"query": "{ account { ... } }"}'

# .env
BUFFER_ACCESS_TOKEN=1/xxxxxxxxxxxxxxxxxxxxxxxxxx

query {
  account {
    channels {
      id
      name
      service
      serverUrl
    }
  }
}

curl -s -X POST https://api.buffer.com \
  -H "Authorization: Bearer $BUFFER_ACCESS_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"query":"{ account { channels { id name service } } }"}' | jq

{
  "data": {
    "account": {
      "channels": [
        { "id": "abc123", "name": "JodyCraft", "service": "instagram" },
        { "id": "def456", "name": "@jodycraft", "service": "twitter" },
        { "id": "ghi789", "name": "JodyCraft Tech", "service": "youtube" }
      ]
    }
  }
}

BUFFER_ACCESS_TOKEN=1/xxxxxxxxxxxxxxxxxxxxxxxxxx
BUFFER_PROFILE_INSTAGRAM=abc123
BUFFER_PROFILE_X=def456
BUFFER_PROFILE_YOUTUBE=ghi789

const mutation = `
  mutation CreatePost($input: CreatePostInput!) {
    createPost(input: $input) {
      id
      dueAt
      status
    }
  }
`;

const variables = {
  input: {
    channelIds: [process.env.BUFFER_PROFILE_X],
    text: "C#でVISA計測器を制御する方法をZennに書きました 🔬\n詳しくは→ https://zenn.dev/jodycraft/articles/xxx",
    mode: "customScheduled",   // ⚠️ "customSchedule" ではない
    dueAt: "2026-04-01T03:00:00.000Z",  // UTC で指定
  }
};

// ❌ 間違い — バリデーションエラー
mode: "customSchedule"

// ✅ 正しい
mode: "customScheduled"

mutation CreatePost($input: CreatePostInput!) {
  createPost(input: $input) {
    id
    status
  }
}

{
  "input": {
    "channelIds": ["INSTAGRAM_CHANNEL_ID"],
    "text": "キャプション",
    "mode": "customScheduled",
    "dueAt": "2026-04-01T03:00:00.000Z",
    "assets": {
      "images": [
        { "url": "https://example.com/slide-01.png" },
        { "url": "https://example.com/slide-02.png" }
      ]
    },
    "metadata": {
      "instagram": {
        "type": "post",
        "shouldShareToFeed": true
      }
    }
  }
}

// 1回目: Carousel（画像6枚）
await createPost({
  channelIds: [INSTAGRAM_ID],
  assets: { images: carouselImageUrls },
  metadata: { instagram: { type: "post", shouldShareToFeed: true } },
  dueAt: "2026-04-01T03:00:00Z",
});

// 2回目: Reel（動画）— 5分後にスケジュール
await createPost({
  channelIds: [INSTAGRAM_ID],
  assets: { videos: [{ url: reelVideoUrl }] },
  metadata: { instagram: { type: "reel", shouldShareToFeed: true } },
  dueAt: "2026-04-01T03:05:00Z",  // ← 5分オフセット
});

async function uploadToFileHost(filePath: string): Promise<string> {
  const file = fs.readFileSync(filePath);
  const fileName = path.basename(filePath);
  const form = new FormData();

  // 1st try: tmpfiles.org
  try {
    form.append('file', new Blob([file]), fileName);
    const res = await fetch('https://tmpfiles.org/api/v1/upload', {
      method: 'POST',
      body: form,
    });
    const json = await res.json();
    if (json.status === 'success') {
      // URL変換: tmpfiles.org/12345/file.png → tmpfiles.org/dl/12345/file.png
      let url = json.data.url;
      url = url.replace('tmpfiles.org/', 'tmpfiles.org/dl/');
      return url.replace('http://', 'https://');
    }
  } catch (e) {
    console.warn('tmpfiles.org failed, trying fallback...');
  }

  // 2nd try: litterbox.catbox.moe
  try {
    const form2 = new FormData();
    form2.append('reqtype', 'fileupload');
    form2.append('time', '24h');
    form2.append('fileToUpload', new Blob([file]), fileName);
    const res = await fetch('https://litterbox.catbox.moe/resources/internals/api.php', {
      method: 'POST',
      body: form2,
    });
    return await res.text();
  } catch (e) {
    throw new Error(`All upload services failed for ${fileName}`);
  }
}

1. 出力ディレクトリからキャプション・画像・動画を検出
2. プラットフォームごとに投稿を構築
   ├── Instagram: Carousel画像 → アップロード → createPost (type: "post")
   ├── Instagram: Reel動画 → アップロード → createPost (type: "reel", +5分)
   ├── X: テキスト or 動画付き → createPost
   └── YouTube: 動画 → アップロード → createPost (title, categoryId 必須)
3. DRY RUN: 投稿内容を表示して確認
4. 実行: Buffer API を呼んで投稿予約

# DRY RUN（投稿内容の確認のみ）
npx tsx scripts/schedule-post.ts \
  --dir out/visa-article \
  --platforms "instagram,x,youtube" \
  --schedule "2026-04-01 12:00" \
  --dry-run

# 実行（実際に投稿予約）
npx tsx scripts/schedule-post.ts \
  --dir out/visa-article \
  --platforms "instagram,x,youtube" \
  --schedule "2026-04-01 12:00"

📋 === DRY RUN ===
📌 Instagram Carousel
   📷 Images: 6 files
   📝 Caption: C#でVISA計測器を制御するア...（127文字）
   📅 Schedule: 2026-04-01 12:00 JST
   🏷️ Type: post

📌 Instagram Reel
   🎥 Video: reel-1080x1920.mp4
   📅 Schedule: 2026-04-01 12:05 JST (+5min offset)
   🏷️ Type: reel

📌 X (Twitter)
   📝 Text: C#でVISA計測器を制御する...（240文字）
   📅 Schedule: 2026-04-01 12:00 JST

📌 YouTube Shorts
   🎥 Video: reel-1080x1920.mp4
   📝 Title: C#でVISA計測器を制御する方法
   📅 Schedule: 2026-04-01 12:00 JST

// JST 2026-04-01 12:00 → UTC 2026-04-01 03:00
const jstDate = new Date('2026-04-01T12:00:00+09:00');
const dueAt = jstDate.toISOString(); // "2026-04-01T03:00:00.000Z"

[1] Zenn記事を執筆・公開

[2] AI（Copilot CLI）が記事を分析
    → ArticleData JSON を生成

[3] Remotion でコンテンツ生成
    → Carousel PNG × 5〜8枚
    → Reel MP4 × 2本（1080p + 720p）
    → キャプション × 3ファイル

[4] Buffer API で投稿予約
    → Instagram Carousel + Reel
    → X（テキスト or 動画付き）
    → YouTube Shorts

[5] 指定時刻に自動投稿 ✅