Obsidian Bases 入門(松濤Vimmer)

概要

松濤Vimmer による Obsidian Bases 正式リリース(v1.9、2025-08-18)に合わせた入門解説記事。β版から使用してきた著者が「つまづきポイント」を踏まえた基礎から解説。Bases 単体の使い方に加え、Obsidian Web Clipper との組み合わせで記事ギャラリーを作る実践例も紹介。

記事の構成

  1. Basesとは
  2. Basesの作成方法(コマンドパレット)
  3. Basesの構成
    • テーブルビュー
    • カードビュー
    • Filter
    • Properties
    • Formula
  4. Basesの埋め込み(コードブロック)
  5. WebClipper との連携(実践例)

主要ポイント

Bases とは

  • Obsidian 公式コアプラグイン(Obsidian 1.9 で正式リリース)
  • 既存のノートをまとめてデータベースのように扱える
  • テーブル形式・カード形式で表現できる

作成方法

  • コマンドパレット → “Create new base” で新規作成

2つのビュー

ビュー特徴設定可能項目
テーブルビュー表形式で一覧表示行の幅
カードビューカード形式で一覧表示カードサイズ・サムネ画像・画像比率・Image fit

Filter(フィルタリング)

  • All views: 全ビューに共通して適用されるフィルター
  • This view: 現在表示中のビューのみに適用されるフィルター
  • 比較対象: ファイル名・拡張子・フォルダ・frontmatter プロパティ など
  • 推奨設定: extension is markdown を All views に設定し、JS等の非Markdownファイルを除外

Properties(表示項目)

  • デフォルトプロパティに加え、frontmatter のプロパティも選択可能

Formula(カスタムプロパティ)

  • 計算式でカスタムプロパティを作成できる機能
  • image() 関数: ノート内に埋め込んだ画像ファイルを取得してカラム表示
  • image(prop) 関数: frontmatter の image プロパティを画像プロパティとして扱いテーブルでも画像表示
  • 他にも多数の関数が使用可能: 公式ドキュメント参照 → https://help.obsidian.md/bases/functions

Bases の埋め込み

  • .base コードブロックとしてノートに埋め込める
  • GUI で作成した Bases を Cursor 等のエディタで開いてコードを取得 → コードブロックに貼り付けるだけ

WebClipper との連携(実践例)

目的: Obsidian Web Clipper で保存した記事をカードビューギャラリーとして表示

手順:

  1. Obsidian Web Clipper(Chrome拡張)をインストール
  2. Web Clipper の設定で image プロパティを追加
  3. 記事を Web Clip して保存
  4. Bases を新規作成 → Filter > All views で extension is markdown 設定
  5. 任意: folder プロパティで保存フォルダを絞り込み
  6. カードビューを追加 → Image property に image を選択 → Image fit を Contain に設定
  7. 記事を蓄積するとサムネイル付きギャラリーが完成

著者まとめ

従来 Dataview で表現していたようなギャラリービューが簡単に表現できるようになり、ますます Obsidian の活用の幅が広がった。特に Formula 機能を駆使することでいろいろな形でデータベースを表現できる。

関連