Obsidianとマークダウン記法を使い快適なメモ生活を!
Kei_Adachi(Qiita)による Obsidian 入門記事。マークダウン記法を覚えなくても EditingToolbar プラグインがあれば使えること、Obsidian のインストール手順、主要マークダウン記法の一覧、Mermaid・Dataview 等の応用機能を包括的に解説。Qiita いいね 45件以上。
概要
Obsidianとマークダウン記法を使い快適なメモ生活を! の入門ガイド。「マークダウン記法を覚えなくていい」というキャッチで EditingToolbar プラグインを前面に出し、Word ユーザーでも取り組める入り口を提供している。
主要トピック
Obsidian インストール手順
- https://obsidian.md/download からOS別ダウンロード
- 保管庫(Vault):Obsidian でノートを保存するフォルダのこと。初回起動時に新規作成を選択
- 設定画面からコミュニティプラグインを有効化する手順を図解
推奨プラグイン(入門向け2選)
| プラグイン | 説明 |
|---|---|
| EditingToolbar | Word 風ツールバー。太字・下線・色・URLリンク・表を記法知識なしで挿入できる |
| Surfing | Obsidian 内でウェブブラウジングが可能になる。Chrome を別起動する必要がなくなる |
マークダウン記法一覧
| 記法 | 説明 |
|---|---|
# 〜 ###### | 見出し(H1〜H6) |
- / * / 1. | 箇条書き・番号付きリスト |
**太字** / *イタリック* | テキスト強調 |
> 引用 | 引用ブロック |
| バッククォート3つ | コードブロック(言語指定でシンタックスハイライト) |
[テキスト](URL) | URLリンク |
[[ノート名]] | 内部リンク(Obsidian固有) |
![[ノート名]] | 埋め込み(md・画像・音声・動画・PDF に対応) |
- [ ] / - [x] | タスクリスト |
==テキスト== | ハイライト |
~~テキスト~~ | 打消し線 |
--- | 水平線 |
$$...$$ | 数式(LaTeX) |
| バッククォート1つ | インラインコード |
[^番号] | 脚注 |
画像挿入の注意点(2025年3月〜)
<img src="...">タグは Obsidian のHTMLサニタイズにより機能しなくなった- 代替:
形式を使用 - 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 を簡易電卓として活用できる
関連記事(著者別記事)
- Obsidianをプラグインでもっと便利に!(https://qiita.com/Kei_Adachi/items/1f5d01230334574f2e26)
- Obsidianをプラグインでもっと便利に!!(https://qiita.com/Kei_Adachi/items/888e48405e064c8e1ac3)
- ObsidianのCSSスニペットを使ってメモを見やすく!(https://qiita.com/Kei_Adachi/items/d4fd3e0e2421575bf2a0)