Obsidianとマークダウン記法を使い快適なメモ生活を!

Kei_Adachi(Qiita)による Obsidian 入門記事。マークダウン記法を覚えなくても EditingToolbar プラグインがあれば使えること、Obsidian のインストール手順、主要マークダウン記法の一覧、Mermaid・Dataview 等の応用機能を包括的に解説。Qiita いいね 45件以上。

概要

Obsidianとマークダウン記法を使い快適なメモ生活を! の入門ガイド。「マークダウン記法を覚えなくていい」というキャッチで EditingToolbar プラグインを前面に出し、Word ユーザーでも取り組める入り口を提供している。

主要トピック

Obsidian インストール手順

  • https://obsidian.md/download からOS別ダウンロード
  • 保管庫(Vault):Obsidian でノートを保存するフォルダのこと。初回起動時に新規作成を選択
  • 設定画面からコミュニティプラグインを有効化する手順を図解

推奨プラグイン(入門向け2選)

プラグイン説明
EditingToolbarWord 風ツールバー。太字・下線・色・URLリンク・表を記法知識なしで挿入できる
SurfingObsidian 内でウェブブラウジングが可能になる。Chrome を別起動する必要がなくなる

マークダウン記法一覧

記法説明
# 〜 ######見出し(H1〜H6)
- / * / 1.箇条書き・番号付きリスト
**太字** / *イタリック*テキスト強調
> 引用引用ブロック
バッククォート3つコードブロック(言語指定でシンタックスハイライト)
[テキスト](URL)URLリンク
[[ノート名]]内部リンク(Obsidian固有)
![[ノート名]]埋め込み(md・画像・音声・動画・PDF に対応)
- [ ] / - [x]タスクリスト
==テキスト==ハイライト
~~テキスト~~打消し線
---水平線
$$...$$数式(LaTeX)
バッククォート1つインラインコード
[^番号]脚注

画像挿入の注意点(2025年3月〜)

  • <img src="..."> タグは Obsidian のHTMLサニタイズにより機能しなくなった
  • 代替: ![説明|サイズpx](相対パス) 形式を使用
  • Windows ユーザーはパス区切りを \ から / に変更すること(PDF出力時に画像が消えるトラップあり)
  • CustomAttachmentLocation プラグインを入れると、ドラッグ&ドロップした画像を自動的に assets フォルダへ保存

Mermaid によるダイアグラム

コードブロックに mermaid を指定することでテキストからグラフを生成:

  • フローチャート(graph TD
  • ER図(classDiagram
  • 棒グラフ(xychart-beta
  • 円グラフ(pie

数式・数式グラフ

  • $$...$$ でLaTeX数式を表示(インテグラル・三角関数・対数関数等)
  • desmosgraph プラグインで三角関数・指数対数のインタラクティブグラフを描画可能

Dataview + mathメソッド

  • Dataview プラグインの「Enable Inline Javascript Queries」をONにすると `$= Math.sqrt(5)` のような JavaScript の Math 関数が使える
  • Obsidian を簡易電卓として活用できる

関連記事(著者別記事)

関連ページ