Obsidian×Copilot(AI連携)×WordPress実践フロー完全解説

• 書くことに集中できる
• 作業の迷いが減る
• 更新や再投稿の心理的ハードルが下がる

1. Obsidianで記事を書く
2. AIで下書きを生成（整形して記事化）
3. ワンクリックでWordPressに下書き投稿（2回目は「更新」になる）

１．Obsidian公式サイトからWindows版をダウンロードします。

２．Obsidian-1.11.x.exeをクリックしてデフォルトインストールします。

３．インストール後、新規Vault（保管庫）を作成
例：保管庫の名称＝Blog／ロケーション＝C:\work\obsidian（この場合、C:\work\obsidian\Blogが作成されます）

日本語を選択して「作成」をクリックします。

保管庫の名称（例：Blog）、ロケーション（例：C:\work\obsidian）を入力して「作成」を押してください。

C:\work\obsidian配下に保管庫の名称でBlogフォルダーが作成されます。

※日本語環境は初期の保管庫作成時に日本語を選択していれば設定済みです。後で言語の変更をする場合はトップ画面左下の歯車アイコンから「オプション」－「Obsidianについて」－「言語」を日本語にすることで日本語環境になります。

今後各種設定はこの保管庫単位の歯車アイコンから設定できます。

１．「オプション」－「コミュニティプラグイン」－「コミュニティプラグイン有効化」をクリックします。

２．「閲覧」（検索）を開き、Word Splitting for Japanese in Edit Mode を検索してインストールします。

３．検索結果で表示された「Word Splitting for Japanese in Edit Mode」をクリックしてインストールします。

４．インストール後に「有効化」ボタンをクリックして有効化してください。

５．同様の手順で残り３つのプラグインCommander、Shell Commands、Copilotをインストールしてください。インストール後の必要な4つのプラグインが入った状態が以下です。

１．「オプション」－「コミュニティプラグイン」－「Copilot」の歯車アイコン をクリックします。

２．「Basic」タブ－「Set Keys」をクリックします。
ここで入力するのはOpenAIのAPIキー（Secret key）です。キーは再表示できない場合があるため、発行直後に安全な場所へ控えてください。

３．OpenAIのAPIキー（sk-projから始まる）を入力してポップアップ画面の最下部の「Close」をクリックしてください。「Add Model」はdisable状態になっていても問題ありません。再度表示時に有効になります。

４．Default Chat Modelから「gpt-4.1-mini(OpenAI) Vision」を選択します。
※openai/gptx.x（OpenRouter）Visionはここでは別物ですので選ばないでください）

１．Ctrl+Pでコマンドリストを表示して、Copilot: Add new custom commandを選択する。

２．編集画面でName（例：Generate WordPress Draft）とPromptを入力します。Modelはgpt-4.1-mini(OpenAI)を選択します。Show in context menuにチェックが入っていることを確認してください。
Prompt（プロンプト）は以下を貼り付けてください。

今チャットの文脈に追加されているノート内容を元に、
WordPress向けの記事ひな形を作成してください。

条件：
・日本語
・導入文→本文→まとめ
・見出しはH2/H3のみ
・WordPressブロックエディタを意識
・FAQセクション必須
・Markdown形式
・下書きレベルでOK

３．以上入力できたら「SAVE」します。記事内で右クリックしてCopilotを選択して一覧リストに作成したGenerate WordPress Draftがあることを確認してください。

４．これで、記事内でCTL+Aで全選択した後に右クリックでGenerate WordPress Draftを選択すれば別小窓で実行結果が得られます。```markdownより下の全行をコピーしてWordPressの新規記事に貼り付ければ、WordPressの記事の初稿ができます。

１．WordPressへの貼り付けなどの操作が必要で面倒ですので、WordPressへ自動連携させるためにWordPress用の新規ノートを作成します。
例ではフォルダー名：ai_output、記事名：articleとします。

２．articleにプロパティを追加します。下記の内容をコピー＆ぺーストして貼り付けてください。自動的にプロパティとして設定されます。

---
wp_post_id:
wp_status: draft
wp_edit_url:
---

OpenAIで生成された記事を２の部分にコピー＆ペーストします。

プロパティ（１の部分）の説明

• wp_post_id
  WordPressの記事IDです。投稿が成功した時にJsプログラムが書き込みます。
• wp_status
  draft（文字固定）仮登録を意味します。JsプログラムでWordPressの仮登録用ノートして判断します。
• wp_edit_url:
  WordPressの記事編集URLです。投稿が成功した時にJsプログラムが書き込みます。

２の部分はAIで生成した記事の全行をコピーして貼り付けます。（この操作は手動になります。自動化はできません）
現段階での物理フォルダー構成は以下のようになっています。

３．WordPress連携用のアプリケーションパスワードをWordPress側で事前作成しておきます。WordPressに管理者でログインし、「ユーザ」‐「プロファイル」画面の一番下にアプリケーションパスワードの作成欄があるので新しいアプリケーションパスワード名（適当）を入力して「新しいアプリケーションパスワードを追加」をクリックしてください。

※アプリケーションパスワードによる認証はHTTPS（SSL）が必須です。HTTP環境では通信が暗号化されず、認証情報が盗聴されるリスクがあります。WordPressサイトがhttps://で運用されていることを必ず確認してください。

4桁区切りで24桁のパスワードが発行されるのでメモをしておいてください。（画面を閉じるとパスワードは表示されません。不明になった場合は再発行してください。）このアプリケーションパスワードは文字通りアプリケーションから接続するためのパスワードで、管理画面にはログインできません。

１．Webブラウザーを開き、Node.js の公式ウェブサイトにアクセスします。
２．Windows Installerボタンをクリックして、インストーラー(node-v24.xx.x-x64.msiファイル)をダウンロードします。
３．ダウンロードしたnode-v24.xx.x-x64.msiファイルをダブルクリックしてインストールを開始します。デフォルトインストールで構いません。使用したnodeのバージョンはv24です。今回はv24に合わせてプログラミングしていますので、古いバージョンv18等ではエラーします。

４．プログラムフォルダ（例：C:\work\wp-post）を作成します。正しくインストールできたか、cmd画面で確認します。
C:\>cd \work\wp-post
C:\work\wp-post>node -v
C:\work\wp-post>npm -v

５．nodeのライブラリmarkedをインストールします。
C:\work\wp-post>npm install marked@latest
C:\work\wp-post>npm list marked

インストールバージョンはmarked@17です。（nodeのバージョンはv24を想定しています。v18等低い場合はmarked@4の低いバージョンを入れる必要があります。)

1.メモ帳でpost.jsを作成して、C:\work\wp-postフォルダーに保存します。
以下のプログラムをpost.jsにコピー＆ペイストしてください。

const fs = require("fs");

// ===== 設定読み込み =====
const config = JSON.parse(
  fs.readFileSync("C:\\work\\wp-post\\config.json", "utf-8")
);

// ===== 設定 =====
const FILE = "C:\\work\\obsidian\\Blog\\ai_output\\article.md";
//↑最終的には固定ファイルではなくて開いているノートを自動で対象に変更します。

const USER = config.wp_user;
const APP_PASS = config.wp_app_pass;
const WP_BASE = config.wp_base_url;
const WP_API = `${WP_BASE}/wp-json/wp/v2/posts`;

// ===== メイン処理（async 必須）=====
(async () => {
  // ===== marked（ESM）読み込み =====
  const { marked } = await import("marked");

  marked.setOptions({
    gfm: true,
    breaks: false
  });

  // ===== article.md 読み込み =====
  let md = fs.readFileSync(FILE, "utf-8");

  // Copilotが付ける ```markdown を除去（1行目のみ想定）
  md = md.replace(/```markdown\s*\n?/, "");

  // ===== frontmatter 解析 =====
  let frontmatter = {};
  let body = md;

  const fmMatch = md.match(/^---\n([\s\S]*?)\n---\n/);
  if (fmMatch) {
    fmMatch[1].split("\n").forEach(line => {
      const [k, ...v] = line.split(":");
      frontmatter[k.trim()] = v.join(":").trim();
    });
    body = md.slice(fmMatch[0].length);
  }

  // ===== WordPress向けノート判定 =====
  if (frontmatter.wp_status !== "draft") {
    console.log("WordPress向けノートではありません");
    process.exit(0);
  }

  // ===== タイトル抽出（H1）=====
  const titleMatch = body.match(/^#\s+(.+)$/m);
  const title = titleMatch ? titleMatch[1] : "タイトル未設定";
  // 本文先頭のH1はWordPressタイトルと重複しやすいので削除
  body = body.replace(/^#\s+(.+)\r?\n/, "");

  // ===== Markdown → HTML =====
  const html = marked.parse(body);

  // ===== 新規 or 更新 判定 =====
  const isUpdate = !!frontmatter.wp_post_id;
  const url = isUpdate
    ? `${WP_API}/${frontmatter.wp_post_id}`
    : WP_API;

  const method = isUpdate ? "PUT" : "POST";

  // ===== WordPress 投稿 =====
  const res = await fetch(url, {
    method,
    headers: {
      "Authorization":
        "Basic " + Buffer.from(`${USER}:${APP_PASS}`).toString("base64"),
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      title,
      content: html,
      status: frontmatter.wp_status || "draft"
    })
  });

  const data = await res.json();

  console.log(
    isUpdate
      ? `更新成功 記事ID: ${data.id}`
      : `投稿成功 記事ID: ${data.id}`
  );
  //編集URLを wp_edit_url に設定
  const editUrl = `${WP_BASE}/wp-admin/post.php?post=${data.id}&action=edit`;

  // ===== 初回のみ wp_post_id を書き戻す =====
  if (!isUpdate) {
    frontmatter.wp_post_id = data.id;
    frontmatter.wp_status = frontmatter.wp_status || "draft";
    frontmatter.wp_edit_url = editUrl;

    const fmText =
      "---\n" +
      Object.entries(frontmatter)
        .map(([k, v]) => `${k}: ${v}`)
        .join("\n") +
      "\n---\n\n";

    fs.writeFileSync(FILE, fmText + body, "utf-8");
  }
})().catch(err => {
  console.error("投稿エラー");
  console.error(err);
});

２．メモ帳でconfig.jsonを作成し、C:\work\wp-postフォルダーに保存します。ローカル運用でパスワード等は別設定ファイルから読み込むようにします。以下の認証情報をconfig.jsonにコピー＆ペーストしてください。

※config.jsonは機密情報を含むため、取り扱いに注意してください。

• Gitで管理する場合は.gitignoreに追加し、リポジトリに含めない
• 共有フォルダやクラウド同期対象に置かない
• 万一漏洩した場合は、WordPress管理画面からアプリケーションパスワードを即時無効化し、再発行する

{
  "wp_user": "username",
  "wp_app_pass": "tOmx xxxx xxxx xxxx xxxx",
  "wp_base_url": "https://www.example.jp"
}

３．WordPress投稿連携テスト
cmd窓からnode post.jsを実行します。連携データはObsidianで作成したC:\work\obsidian\Blog\ai_output\article.mdを自動で読み込みます。

成功すれば“投稿成功”と”記事ID”が表示されます。再度実施した場合は対象記事を更新します。
post.jsによって記事IDと記事編集URLがそれぞれwp_post_id:、wp_edit_urlに追記されます。新規記事にしたい場合は、wp_post_id:番号を空白にすると新規作成となります。
実際のWordPressの管理画面の投稿一覧は次のようなものになっています。

markdown形式で書かれた内容も正しくHTMLに変換されています。
【変換様式】
# → H1
## → H2
### → H3
|  |  |→テーブル変換

１．「コミュニティプラグイン」‐Shell commandsの歯車アイコンをクリックし設定画面を出し、「New shell command」をクリックします。


cmd /c "cd /d "C:\work\wp-post" && node post.js"を設定します。
※C:\work\wp-postはpost.jsのある場所です。適宜自環境に合わせて変更してください。

２．作成したコマンドのalias（別名）を付ける為にShell command without aliasの右にある歯車アイコンをクリックして、「General」‐alias名：Post to WordPressを入力します。

「Output」‐「Output channel for stdout」‐Notification balloonを選択します。
※ignoreのままだとCommander経由で実行した場合の結果表示がでません。

３．作製したコマンドが正しく実行するか確認してみます。
「Post to WordPress」の右横にあるSHELL実行アイコンをクリックしてください。post.jsが結果出力した文字列が通知バルーンに表示されていればObsidianから正しく実行できています。

※post.jsが見つからない等cmd自体のエラーの場合は日本語環境でエラー表示が文字化けする場合があります。

１．「コミュニティプラグイン」‐Commanderの歯車アイコンをクリックし設定画面を出します。
次に「Ribbon」‐「Add Command」をクリックします。

２．「Shell commands:Execute: Post to WordPress」を選択します。※一覧リストにない場合は、Postで検索すれば出てきます。

３．Ribbon（画面左）に表示するアイコンを選択します。適宜選択設定しSAVEしてください。

４．Ribbon（画面左）の一番下にが追加されました。分かりやすいようにアイコンの色も設定できますので、適宜色を変えてください。

※投稿前に、対象ノートを保存（Ctrl+S）して最新内容がファイルに反映されていることを確認してください。

Ribbonに追加したアイコンをクリックして、post.jsが結果出力した文字列が通知バルーンに表示されれば成功です。ブログが更新または新規登録できていれば一連の操作は完了です。

１．CommanderのShell command内容を変更
cmd /c "cd /d "C:\work\wp-post" && node post.js"から
cmd /c "cd /d "C:\work\wp-post" && node post.js "{{file_path:absolute}}""
に変更します。ノートのファイルパスをpost.jsに渡すようにします。

２．post.jsの引数対応

以下の内容にpost.jsを書き換えてください。

const fs = require("fs");

// ===== 設定読み込み =====
const config = JSON.parse(
  fs.readFileSync("C:\\work\\wp-post\\config.json", "utf-8")
);

// ===== 設定 =====
const FILE = process.argv[2];
if (!FILE) {
  console.log("ファイルパスが渡されていません");
  process.exit(1);
}

const USER = config.wp_user;
const APP_PASS = config.wp_app_pass;
const WP_BASE = config.wp_base_url;
const WP_API = `${WP_BASE}/wp-json/wp/v2/posts`;

// ===== メイン処理（async 必須）=====
(async () => {
  // ===== marked（ESM）読み込み =====
  const { marked } = await import("marked");

  marked.setOptions({
    gfm: true,
    breaks: false
  });

  // ===== article.md 読み込み =====
  let md = fs.readFileSync(FILE, "utf-8"); 

  // Copilotが付ける ```markdown を除去（1行目のみ想定）
  md = md.replace(/```markdown\s*\n?/, "");

  // ===== frontmatter 解析 =====
  let frontmatter = {};
  let body = md;

  const fmMatch = md.match(/^---\n([\s\S]*?)\n---\n/);
  if (fmMatch) {
    fmMatch[1].split("\n").forEach(line => {
      const [k, ...v] = line.split(":");
      frontmatter[k.trim()] = v.join(":").trim();
    });
    body = md.slice(fmMatch[0].length);
  }

  // ===== WordPress向けノート判定（★追加）=====
  if (frontmatter.wp_status !== "draft") {
    console.log("WordPress向けノートではありません");
    process.exit(0);
  }

  // ===== タイトル抽出（H1）=====
  const titleMatch = body.match(/^#\s+(.+)$/m);
  const title = titleMatch ? titleMatch[1] : "タイトル未設定";
  // 本文先頭のH1はWordPressタイトルと重複しやすいので削除
  body = body.replace(/^#\s+(.+)\r?\n/, "");

  // ===== Markdown → HTML =====
  const html = marked.parse(body);

  // ===== 新規 or 更新 判定 =====
  const isUpdate = !!frontmatter.wp_post_id;
  const url = isUpdate
    ? `${WP_API}/${frontmatter.wp_post_id}`
    : WP_API;

  const method = isUpdate ? "PUT" : "POST";

  // ===== WordPress 投稿 =====
  const res = await fetch(url, {
    method,
    headers: {
      "Authorization":
        "Basic " + Buffer.from(`${USER}:${APP_PASS}`).toString("base64"),
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      title,
      content: html,
      status: frontmatter.wp_status || "draft"
    })
  });

  const data = await res.json();

  console.log(
    isUpdate
      ? `更新成功 記事ID: ${data.id}`
      : `投稿成功 記事ID: ${data.id}`
  );

  // ★ 編集URLを wp_edit_url に設定
  const editUrl = `${WP_BASE}/wp-admin/post.php?post=${data.id}&action=edit`;
 
  // ===== 初回のみ wp_post_id を書き戻す =====
  if (!isUpdate) {
    frontmatter.wp_post_id = data.id;
    frontmatter.wp_status = frontmatter.wp_status || "draft";
    frontmatter.wp_edit_url = editUrl; // ★ 追加

    const fmText =
      "---\n" +
      Object.entries(frontmatter)
        .map(([k, v]) => `${k}: ${v}`)
        .join("\n") +
      "\n---\n\n";

    fs.writeFileSync(FILE, fmText + body, "utf-8");
  }
})().catch(err => {
  console.error("投稿エラー");
  console.error(err);
});

３．動作確認をします。元のarticleをコピーしてarticle2を作ってをクリックして正しくWordPressに投稿されたか確認してください。

• Obsidianは「執筆OS」
  思考を貯め、構造化し、育てる場所。下書きも履歴も文脈も、すべてを受け止める“書くための基盤”。
• AIは「下書き加速装置」
  白紙を恐れず、叩き台を瞬時に作る相棒。人は判断と編集に集中できる。
• WordPressは「発信基盤」
  完成した文章を、世界に届ける出口。公開・更新・管理を担う実戦の場。
• つなぐことで初めて武器になる
  書く → 整える → 出す、が分断されている限り、効率は頭打ち。
  しかしこの3つを滑らかにつなげた瞬間、執筆は“作業”から“流れ”に変わる。