📚

ObsidianのDataviewプラグインを使って、読みたい本を画像付きでリストにする

2023/11/01に公開

やりたいこと

ObsidianにてDataviewプラグインを導入し、読みたい本のリストを作成する。
特定のタグをつけたファイルを自動で抽出する。
表示するのはファイル名(リンク付き)、金額、画像。

最終的にできるページ。

Obsidianとは

https://obsidian.md/

さまざまなカスタマイズができるテキストエディタ。

Dataviewプラグイン

https://github.com/blacksmithgu/obsidian-dataview

Obsidianの設定からコミュニティプラグインとしてインストール可能。

Obsidian Vaultをクエリ可能なデータベースとして扱います。Markdownページからデータをフィルタリング、ソート、抽出するためのJavaScript APIとパイプラインベースのクエリ言語を提供します。

※リポジトリの説明をDeepLにて和訳

Obsidianのフロントマター機能(メタデータを設定できる)を使用し、それぞれのファイルをDBのように扱うことができる。

手順

前提

Dataviewプラグインをインストール+有効化をする。

読みたい本ごとのファイル

タグを指定。ここでは「読みたい」というタグ。
ファイル名はなんでもよし。(画像ではユニークノートクリエイター機能を使って、自動でつけています)

フロントマターには下記を設定。

created: 2023-10-30T16:53:10
cover: "50C8025C-504D-41D3-84A9-93F87B749407.jpeg"
amount: 2000
  • createdはとりあえずすべてのファイルにつけているだけで、今回の件には関係ないです。
  • coverに添付したファイル(ここでいう、表紙の画像のファイル名)を設定してください。
  • amountは、だいたい何円くらいかを自分で記載しました。

必要に応じてカスタマイズしてください。

インデックスページ

下記を記載。

dataview
table amount, embed(link(cover, "100")) as cover
from #読みたい
sort file.name

"100"で画像の大きさを指定しています。適宜変えてください。

GitHubで編集を提案

Discussion