← ダッシュボードに戻る

📘 SNS連携セットアップガイド

各SNSを sns-auto-poster に繋ぐ手順。基本は「ワンクリック連携」が用意されているSNSから始めるのがおすすめ。

🎯 SNSごとの難易度
LinkedInかんたん noteかんたん Blueskyかんたん Facebookふつう Threadsふつう WordPressふつう はてなブログふつう X (Twitter)むずかしい

🚀 はじめに

各SNSを sns-auto-poster と連携するには大きく2つの方法があります。

方法 手順 対象
ワンクリック連携 (OAuth) ボタンを押して該当SNSの認証画面で「許可」するだけ。トークンが自動保存されます。 LinkedIn (今後 X / Facebook / Threads も対応予定)
認証情報を手動登録 各SNSの管理画面でAPIキー / トークンを取得し、コピペで登録。 note (ローカル運用) / Bluesky / WordPress / はてなブログ など

💡 おすすめ順: まず LinkedIn (ワンクリック連携) で動作確認 → 次に note (運用者側設定が必要) → そのあと使いたいSNSを順次追加。

🔵 LinkedIn 連携かんたん

ワンクリックで連携できます。アクセストークンの手動取得は不要です。

クライアント側 (利用者) の手順

① ダッシュボードを開く
右上のメニューから SNS Credentials タブをクリック。
② 「🔗 ワンクリック連携 (OAuth)」セクションを探す
LinkedIn 行の「LinkedInに接続」ボタンをクリック。
③ LinkedIn の認証画面で「許可」
普段使っている LinkedIn アカウントでログイン。
「Allow」ボタンで投稿権限を許可。
④ 完了画面で「✅ LinkedIn 連携完了」と表示
3秒で自動的にダッシュボードに戻ります。
⑤ 「✅ 連携済み: お名前」と表示されればOK

運用者 (サービス提供側) の事前セットアップ

ワンクリック連携を使えるようにするには、サービス管理者が LinkedIn Developer Console で1回だけ設定する必要があります。

① LinkedIn Developer アカウントでアプリ作成
https://www.linkedin.com/developers/apps → 「Create app」
必要事項: アプリ名 / 紐付ける LinkedIn Company Page / ロゴ / Legal agreement
② Products タブで2つを追加
必須:
Sign In with LinkedIn using OpenID Connect (即承認)
Share on LinkedIn (即承認)
どちらも「Request access」→「Add」で `Added products` に移動すれば完了。
③ Auth タブで Redirect URL を登録
「Authorized redirect URLs for your app」に以下を追加:
https://post.snsmapapp.work/api/oauth/linkedin/callback
一字一句完全一致で。末尾スラッシュ違いでも失敗します。
④ Client ID と Client Secret をコピー
Auth タブ → Application credentials セクション
Client ID をコピー (例: 86xxxxxxxxxx)
Primary Client Secret の👁ボタンで値を表示 → コピー (例: WPL_xxxxxx==)
⑤ Railway の Variables に登録
sns-auto-poster の Railway プロジェクト → Variables タブ → New Variable で2つ追加:
LINKEDIN_CLIENT_ID=86xxxxxxxxxx
LINKEDIN_CLIENT_SECRET=WPL_xxxxxx==
保存すると自動で再デプロイ。3〜5分後にクライアント側で「LinkedInに接続」ボタンが使えるようになります。
⚠️ よくあるエラー

手動でアクセストークンを入れる場合 (緊急用)

OAuth が動かない場合の逃げ道。LinkedIn 公式 Token Generator を使います。

  1. https://www.linkedin.com/developers/tools/oauth/token-generator を開く
  2. 自分の作ったアプリを選択
  3. Scopes チェック: openid profile email w_member_social
  4. 「Request access token」→ 認証画面で許可 → access token が表示される
  5. ダッシュボード → SNS Credentials → 「認証情報の追加 / 更新」:

トークンの有効期限は2ヶ月。失効したら再取得して同じ手順で上書き。

📓 note 連携かんたん

note は公式投稿APIがないため、ローカル PC でブラウザ自動化 (Playwright) で投稿します。サービス運用者側の Windows PC が稼働している必要があります。

クライアント側

UIから platform=NOTE を選んでドラフトを作るだけ。15分以内にローカル runner が拾って note.com の下書き (or 公開) に登録します。

運用者側 (Windows PC で1回だけ)

① npm 依存をインストール
cd C:\Users\weapo\OneDrive\デスクトップ\SNS\自動投稿
npm i -D playwright
npx playwright install chromium
② 初回ログイン (1回だけ)
npx tsx scripts/note-spike/login.ts
Chrome が開くので note.com に手動でログイン → コンソールに戻って Enter。
cookie が storage/note-spike-userdata/ に保存される。
③ Windowsタスクスケジューラに登録 (15分おき)
schtasks /create /f /sc minute /mo 15 /tn "SnsAutoPoster-NoteTick" /tr ""C:\Users\weapo\OneDrive\デスクトップ\SNS\自動投稿\scripts\run-note-tick.bat"" /ru "ガレリア\weapo" /it
④ .env に投稿モード設定
C:\Users\weapo\OneDrive\デスクトップ\SNS\自動投稿\.env に以下を追加:
NOTE_PUBLISH_MODE=publish      # 自動公開する場合 (draft なら下書き保存まで)
NOTE_USERNAME=your_note_user   # note.com の自分のユーザー名

🦋 Bluesky 連携かんたん

App Password 方式。OAuth不要、簡単。

  1. Bluesky 設定 → App Passwords でアプリパスワード生成
  2. ダッシュボード → SNS Credentials → 「認証情報の追加 / 更新」:

📘 Facebook 連携ふつう

Facebook Page への投稿のみ対応 (個人ウォール投稿は API 非対応)。

  1. Meta for Developers でアプリ作成
  2. 製品「Facebook ログイン」+「Pages API」を追加
  3. Graph API Explorer で Page Access Token 取得 (権限: pages_manage_posts pages_read_engagement)
  4. 長期トークンに変換 (60日有効)
  5. ダッシュボードに登録:

権限 pages_manage_posts は Meta の App Review 必須。承認に数日〜数週間かかります。

🧵 Threads 連携ふつう

Meta の Threads API。設定方法は Facebook と類似。

  1. Meta for Developers でアプリに「Threads API」を追加
  2. Threads User ID と Long-lived Access Token を取得
  3. ダッシュボードに登録:

📝 WordPress 連携ふつう

WordPress 5.6+ の Application Password 機能で連携。

  1. WordPress 管理画面 → ユーザー → プロフィール → Application Passwords セクション
  2. 名前 (例: sns-auto-poster) を入れて「新しいアプリケーションパスワードを追加」
  3. 表示される xxxx xxxx xxxx xxxx xxxx xxxx 形式のパスワードをコピー
  4. ダッシュボードに登録:

📔 はてなブログ 連携ふつう

AtomPub API + WSSE 認証。

  1. はてなブログ管理画面 → 設定 → 詳細設定 → AtomPub セクション
  2. 「APIキー」をコピー
  3. ダッシュボードに登録:

🐦 X (Twitter) 連携むずかしい

⚠️ X API は有料です
投稿APIを使うには Basic tier ($200/月) 以上が必須。無料枠では投稿できません。
法人向け運用で X が必須でない場合、LinkedIn / note / Facebook で十分なケースがほとんどです。

  1. X Developer Portal で開発者アカウント取得 (Use Case 申請審査あり)
  2. Basic Plan ($200/月) に課金
  3. App を作成し、OAuth 1.0a の4つの値を取得:
  4. ダッシュボードに4つ全て登録 (service=X, key_name はそれぞれ api_key / api_secret / access_token / access_token_secret)

🆘 困ったときは

最終更新: 2026-05-18