> [!info] > この記事は [Obsidian Advent Calendar 2025](https://adventar.org/calendars/11440) 7日目（12/7） の記事です。 > [!warning] > 画像生成AIの話にも触れています。苦手な方は注意してください。 ## 前置き どうも、相戸ゆづなです。 Obsidianのことはよく語られていますが、Obsidian Publishを使ってメモを運用している人の話はあまり聞かないので、この機会に私の使い方を書いてみました。 ちなみに、このサイトもObsidian Publishで公開しているので、私のメモ運用を丸々ここで見ることができますよ！ゆっくり見ていってね！ ## どうしてObsidian Publishを始めたの？ 下記のリンクでも書いたのですが、改めて言うなら「気軽にメモを取って公開したかった」ということ。このあたりの詳しい話は下記のリンクに記載しています。要は「WordPressのメンテナンス（記事・本体）がめんどくさい」からなのですが。 ## 実際はどうやって運用しているの？ ### 日々のワークフロー こんな感じのフローを7～14日おきに行います。毎日はやりません。毎日やるとしんどいのと、たまにフラッと起動するからこそ、メモ整理に没頭できるんですよね。 1. Obsidian を起動 2. 書きたいメモがある場合：新規メモに書き込む、またはメモをリライトする 書きたいメモがない場合：ランダムノートプラグインやDataviewのメモ一覧を眺める 3. 繋がりそうなメモがあった場合、リンクでつなげる 4. Obsidian Publish で Push 新規のメモは、数行のメモで終わることが多いです。こんな風に真面目にブログを書くことは非常に稀です。なんなら久しぶりすぎて、ブログ記事の書き方を忘れてしまったレベルです。 ### メモの手入れって何をしているの？ メモの手入れとして、以下のようなことをしている。 - リンクをつけたり消したり - 文章の修正（1文字でもやったら修正の部類に入る） - タグをつけたり消したり - フロントマターの整備（cover画像を変えたり、descriptionを削除したり） - メモの剪定（削除） - MOCの作成・整理 1文字でも変えたら手入れになるので、結構な頻度で手入れをしています。大体、更新していない日にガガッと10ページほど編集しています。 編集のきっかけはこのような感じです。 - ランダムノートで表示されたメモを編集する - Dataviewで`update`フロントマター（最終更新日）のリストを抽出して眺める - MOCを眺める 傾向としては、「過去に記録したメモを何としてでも眺める」ことが多いです。どうも私は、下に埋もれているメモを放置するのが苦手で、一定期間が経つと掘り出したくなります。（ちなみにCosenseを使わないのもこれが理由だったりします） リアルの断捨離や整理の習慣でも、「こまめにモノを見直して、要る要らないを分別する」タイプなので、メモにもそのあたりの思想が反映されています。当然、モノを溜め込むこともできません。面白いですね。 ## Obsidian Publishの好きなところ ### スマホやタブレットで閲覧「だけ」できる 一時期スマホやタブレットでメモを同期しようと試みたのですが、結局続きませんでした。理由は単純で、「スマホでメモを取ることがなかった」からでした。同期が面倒な割に書くことがないのです。スマホで書くならPCで書いたほうが手っ取り早いですからね。 その一方で、スマホやタブレットでのメモの閲覧はしたかったのです。だったら、「Obsidian Publishでメモを公開すればよくない？」となって現在に至ります。 ### 更新が楽 「とにかく文字を書けばいい！細かい装飾や画像の整備、リンクの貼り付けなどはあとでいい！とにかく更新！」ができるところが気に入っています。WordPressブログを使っていた頃は、記事の管理がとにかく面倒でした。ローカルとネット上にある記事の差分を確認し、ブロックを毎回挿入して……、いや、かったるいですね！ とりあえず雑に公開して、時間が空いたときにメモの手入れをする。そのくらいが、私にとってちょうどよかったです。 ## Q&A（運用面） ### 完璧じゃないメモを公開して恥ずかしくない？ ぶっちゃけ恥ずかしくないです。長文ブログ記事ならともかく、2・3行のメモは検索エンジンにインデックスされにくいので、そもそも見てもらうことすらありません。自分の庭にひっそり咲いた花（メモ）を私だけが知っている。とっても良くないですか？ ### 非公開記事との兼ね合いをどうしているの？ 私は！！！ほぼフルオープンです！！！（メモ露出狂） 記事をメンテナンスするためのDataviewメモとテンプレート以外は公開しています。 私が非公開にしたいのは、引用系・プライバシー関係・仕事関係なんですよね。まあ、これらに関してはメモの手入れをすることもないし、それなら「初めから書かなければいい」の精神でやっています。 ### Obsidian Publish って高くない？ すんげー高いです！！！個人的に、「ブログや日記を置く場所」という考え方だと高いと思います。Obsidian Publishの記事の更新（Push）のしやすさや、こまめな手入れに魅力を感じないなら、確実に割高だと思います。 Obsidian Publishは、たくさんPushする人向けだと思います。ブログ記事を1回Pushして終わりという人は、静的サイトやObsidian Quartzで構築したほうが安く済みます。どっかの誰かさんは1日10ページかつ5・6回Pushしまくる人ですからね！！！（なお、この記事も公開当日だけで、すでに5回くらい追記・修正してPushしています）WordPressだとDBにゴミが溜まりますし、Quartzなどだとデプロイに時間がかかります。なんなら以前サイトを閉鎖（爆破）したときにめちゃくちゃ苦戦しました（手動でデプロイ履歴を消す必要があったため）。 そんなわけで、私はObsidian Publishに落ち着きました。 ### サイズ上限（4GB）がきつくない？ そうでもないです。私の場合、画像をオブジェクトストレージに逃がしているのが大きいです。使っているのは Cloudflare R2。詳しくは以下のページを見てみてください。 - [[Obsidian Publishの画像をCloudflare R2で管理する]] ### フロントマターはどうしてる？ こんな感じ。 ``` --- create: update: permalink: id{{date:YYMMDDHHmmss}} publish: image: https://image.ariestechgarden.com/Extra/cover/image0001.webp tags: --- ``` `create`は`update`と一緒にLinterで日付を入れるようにしています。 `permalink`は、Obsidian Publish初期設定の日本語のパーマリンクがあまり好きではないので、`idYYMMDDHHmmss`表記にしました。URLをよく見るとわかるかと思います。 `image`は、OGPやページを開いたときに表示されるヒツジイラストの画像URLを指定しています。ヒツジが可愛いから入れました。 ## Q&A（技術面） ### 使っているプラグイン - Another Quick Switcher - BRAT（Dataview Publisher用） - Dataview - Dataview Publisher - Linter - Open In New Tab - QuickAdd - Tag Wrangler - Terminal この中で聞きなれないのは「Dataview Publisher」かな。このプラグインは、Dataviewで表示したいフォルダーやタグを指定して、その結果をMarkdownテーブルに変換するもの。 試しに [[Obsidian Publish]] のページで試してみる。 ※画像をクリックすると拡大できます <img src="https://image.ariestechgarden.com/Extra/image/enjoy_obsidian_publish_3.webp" class="modal-image" alt="DavtaviewとDataviewを走らせるための呪文を書いた画像" data-caption="DavtaviewとDataviewを走らせるための呪文を書いた画像"> `%% DATAVIEW_PUBLISHER: hoge`はDataview Publisherを動かすための呪文。`%% DATAVIEW_PUBLISHER: start`の下にDataviewクエリを書いてから、コマンドパレットから`Dataview Publisher: Update dataview publish blocks`を選択。そうすると、保管庫にあるDataview Publisherの呪文が書いてあるファイル全てを更新してくれる。 そのあと、Dataviewの結果を反映したMarkdownテーブルが出てくる。 ※画像をクリックすると拡大できます <img src="https://image.ariestechgarden.com/Extra/image/enjoy_obsidian_publish_4.webp" class="modal-image" alt="Markdown テーブルが出現した画像" data-caption="Markdown テーブルが出現した画像"> この状態でObsidian PublishにPushすると、Markdownテーブルだけ表示されるってワケ。 #### どこでDataview Publisherを使っているの？ 主に更新履歴やMOCで使用している。基本タグで整理して、Dataviewで該当タグを抽出している。 - [[Home]] 上記のページ（下層のMOC含む）のMarkdownテーブルで使っています。さすがにこれを手動で管理するのは無理ですね！ #### Dataview Publisherを使うメリットあるの？ Markdownテーブルで表示してくれるということは、メモの中に直接書き出してくれることだと思っています。 Markdownテーブルの中に直接リンクが貼られているため、グラフビューに繋がりを表示できたり、Claude CodeなどでMOCを分析してもらったりすることができます。通常のDataviewやBasesなどだと、結果を直接ファイルに出力してくれませんからね……。（エクスポートが面倒なタイプ） ### CSS/JSカスタマイズとか何している？ CSSはObsidianテーマの「Border」を使い、JSは以下のようなことを行っています。 - [[Obsidian Publishに新規＆更新履歴・タグ・画像を配置する]] - [[Obsidian PublishにGoogle Tag Manager を埋め込む]] - [[フロントマターで指定したcoverをObsidian Publishで表示する]] あとは画像をクリックしたときに拡大画像が表示される処理ですね。なお、この画像クリック用のJavaScriptに関しては、コードをAIに書いてもらったのでここでは割愛します。 ### SEOのはなし まったく引っかからないわけではないのですが……うん、察してください。ただ、この1年半の間に情報検索のトレンドがかなり変わってしまったので、一概に「検索数が減った」と言い切れないところもあります。 - そもそもGoogle検索自体があまりされなくなった - ドメインパワーが弱くなった（WordPressブログとドメインが異なるため） - 書いているメモのトレンドが変わった（[[Fediverse鯖メンテ]]関連が顕著で、流入数が減った） ### OGP＆画像トップにあるヒツジサムネイル画像生成について 最近はGoogleの「[Mixboard](https://labs.google.com/mixboard/welcome)」を使っています。（まだ正式リリースされていないので注意してください） GoogleのサービスなのでモデルはNano Banana（Proではない）を使っています。（個人的に、Proで出力したヒツジが可愛くないという理由で、旧Nano Banana of ほうが好きです） ホワイトボード上にペタペタと画像やテキストを貼り付けて、一番下のプロンプト入力エリアに「この画像を生成して」と指示すると、画像を生成してくれるサービスです。 ベースとなるヒツジ画像をクリックして、画像を選択した状態にします。そうすると、プロンプト入力エリアに選択した画像が表示されます。こうすることで、この画像を参照してくれます。 ※画像をクリックすると拡大できます <img src="https://image.ariestechgarden.com/Extra/image/enjoy_obsidian_publish_1.webp" class="modal-image" alt="Mixboardで遊んでいる画像" data-caption="Mixboardで遊んでいる画像"> 指示が宇宙猫ですね！ヨシッ！ <img src="https://image.ariestechgarden.com/Extra/image/enjoy_obsidian_publish_2.webp" class="modal-image" alt="Mixboardで遊んでいる画像" data-caption="Mixboardで遊んでいる画像"> ……生成された画像、何かに目覚めていそうなヒツジ画像ですね（笑） なぜこれを使っているかというと、「ベースのヒツジ画像を何度もプロンプトに貼り付けるのが面倒」なのと、「生成した画像を俯瞰したい」という理由からです。（Geminiに課金してGemで参照するようにすればできそうですが） ## 最後に Obsidian Publishの魅力を語るつもりが、私の運用術を語ってしまいました。そういう時もありますね、仕方ないですね。 ## リンク - [[Home]] - [[Fediverse鯖メンテ]] - [[Obsidian Publish]] - [[Obsidian Publishに新規＆更新履歴・タグ・画像を配置する]] - [[Obsidian PublishにGoogle Tag Manager を埋め込む]] - [[フロントマターで指定したcoverをObsidian Publishで表示する]] - [Mixboard](https://labs.google.com/mixboard/welcome)