AI / Claude Code

ObsidianのグラフビューとWordPressの関連記事リンクが一致した話｜二重に機能するリンク設計

この記事でわかること

  • きっかけは「リンクが貼れない」という気づき
  • 解決策：[リンク](https://casio-pgs.com/obsidian-wordpress/)をWordPress URLに自動変換する
  • 結果：一つの記法が二つの場所で機能する
  • Obsidianのグラフビューが「資産の地図」になる
  • WordPressの記事ネットワークとも一致している
  • 技術的には何が起きているのか

「グラフビューで見えているつながりが、そのままWordPressの関連記事リンクになっている」

これは偶然の産物ではなく、ひとつの記法が二つの場所で機能するように設計した結果だ。

きっかけは「リンクが貼れない」という気づき

Obsidianの記事末尾に「関連記事」セクションを作り、内部リンクで記事同士をつなぐようにした。

目的はObsidianのグラフビューを育てること。記事が増えるほど、どの記事とどの記事が関連しているかが視覚的に見えてくる。着想のマップとして使いたかった。

ところが気になる点があった。

「WordPressに投稿したとき、このリンクはただのテキストになっているのでは？」

確認してみると、その通りだった。[ClaudeCodeメモリの仕組み](https://casio-pgs.com/claude-code/)という文字列がそのまま記事本文に表示されていた。クリックできない。意味をなさない。

解決策：リンクをWordPress URLに自動変換する

Claude Codeに依頼して、投稿スクリプトに処理を追加してもらった。

仕組みはこうだ。

[ClaudeCodeメモリの仕組み](https://casio-pgs.com/claude-code/)
        ↓
Obsidianフォルダから対応ファイルを検索
        ↓
ファイルのfrontmatterからtitleを取得
        ↓
WordPressでそのタイトルの記事を検索
        ↓
URLを取得してMarkdownリンクに変換
        ↓
[ClaudeCodeメモリの仕組み](https://casio-pgs.com/claude-code/)

これをWordPressへの投稿前に自動で処理するようにした。

結果：一つの記法が二つの場所で機能する

この仕組みが完成したことで、[リンク](https://casio-pgs.com/obsidian-wordpress/)という記法が同時に二つの役割を持つようになった。

場所 機能
Obsidian グラフビューの「エッジ（つながり線）」として機能
WordPress 読者がクリックできる関連記事リンクとして機能

一つの記法で、ローカルの知識マップとWebの記事ネットワークを同時に構築できる。

Obsidianのグラフビューが「資産の地図」になる

Obsidianにはグラフビューという機能がある。ノート間の[リンク](https://casio-pgs.com/obsidian-wordpress/)を線として可視化し、知識のつながりをネットワーク図で表示する。

記事が増えるほど、このグラフは育っていく。

たとえば今日の時点ではこんなつながりが見える：

Claude Codeメモリの仕組み
    ↕
知り合いを覚えさせる活用術
    ↕
Claude活用ログ（日次記録）
    ↕
サムネイル自動生成の裏側
    ↕
ObsidianからWordPressへの自動投稿

このグラフを眺めることで、「この記事とこの記事を組み合わせたら新しいテーマになる」「この領域の記事が少ない」といった着想が生まれやすくなる。

WordPressの記事ネットワークとも一致している

さらに重要なのが、このグラフがWordPress上の記事ネットワークとも一致していることだ。

Obsidianで「この記事は関連している」と判断してリンクを張ると、WordPressでも同じリンクが貼られる。読者の回遊経路とObsidianの知識マップが同期している状態だ。

SEOの観点からも、記事間の内部リンクは重要とされている。それが手作業ゼロで自動生成される。

技術的には何が起きているのか

この仕組みの核心は「ObsidianのファイルシステムとWordPressのAPIをClaude Codeが橋渡ししている」ことだ。

  1. Obsidian側：ファイル名という記法でリンクを表現
  2. Claude Code（スクリプト）：ファイル名からtitleを取得し、WordPress APIでURL検索
  3. WordPress側：取得したURLでHTMLリンクを生成

ローカルの知識管理ツールとクラウドのCMSを、AIが自動でつないでいる。

この発見が示すもの

「使えば使うほど資産になる」という話は、メモリファイルだけではない。

記事を書くたびにObsidianのグラフが育ち、WordPressの記事ネットワークが広がり、内部リンク構造が強化される。

書くという行為が、ローカルとWebの両方に同時に価値を生む。

これはClaude Codeを使って初めて実現できた設計だ。

まとめ

  • [リンク](https://casio-pgs.com/obsidian-wordpress/)はObsidianのグラフとWordPressのリンクを同時に構築する
  • 投稿スクリプトがObsidianファイルを検索しWordPress URLに自動変換
  • 記事が増えるほどObsidianのグラフとWordPressの記事ネットワークが育つ
  • 書くだけでローカルとWebの両方に価値が積み上がる仕組み

関連記事

TAG
ブログ

BLOG

View All
PAGE TOP