T-CREATOR

Obsidian Markdown 拡張チートシート：Callout／埋め込み／内部リンク完全網羅

Obsidian Markdown 拡張チートシート：Callout／埋め込み／内部リンク完全網羅

Obsidian Markdown の拡張機能は、標準的な Markdown に加えて強力な文書管理機能を提供します。Callout（コールアウト）、埋め込み、内部リンクといった機能を使いこなせば、単なるメモツールではなく、知識を体系的に整理・活用できる「第二の脳」として機能します。本記事では、これらの拡張構文を網羅的に解説し、実践的な使い方を紹介します。

早見表：Obsidian Markdown 拡張機能一覧

#機能分類構文例用途重要度
1Callout 基本> [!note]情報の強調表示★★★
2Callout タイトル> [!tip] カスタムタイトル見出し付き注釈★★★
3Callout 折りたたみ> [!info]- または > [!info]+長文の格納★★☆
4ファイル埋め込み![[ファイル名]]他ノートの表示★★★
5見出し埋め込み![[ファイル名#見出し]]特定セクション表示★★☆
6ブロック埋め込み![[ファイル名#^block-id]]段落単位の再利用★★☆
7画像埋め込み![[image.png|300]]サイズ指定表示★★★
8PDF 埋め込み![[document.pdf#page=5]]特定ページ表示★☆☆
9内部リンク基本[[ファイル名]]ノート間移動★★★
10エイリアスリンク[[ファイル名|表示名]]読みやすいリンク★★★
11見出しリンク[[ファイル名#見出し]]セクション直接移動★★☆
12ブロックリンク[[ファイル名#^block-id]]段落への直接参照★★☆

この表は Obsidian で最もよく使う拡張構文をまとめたものです。基本的な内部リンクと Callout、埋め込み機能を押さえるだけで、Obsidian の生産性は大きく向上します。

背景

Markdown は軽量マークアップ言語として広く普及していますが、標準仕様では複雑な文書構造や知識管理には対応しきれません。

Obsidian は、標準 Markdown をベースとしながら、独自の拡張機能を追加することで、この課題を解決しています。特に、以下の 3 つの拡張機能が中核となります。

**Callout（コールアウト）**は、情報を視覚的に強調する仕組みです。警告、ヒント、注意事項などを目立たせることで、読者の注目を集められます。

**埋め込み（Embed）**は、他のノートやファイルの内容を現在のノートに表示する機能です。情報の重複を避け、単一情報源の原則（Single Source of Truth）を実現できます。

**内部リンク（Internal Link）**は、ノート間を双方向につなぐ機能です。Wiki のようなネットワーク構造を作り、関連情報へ素早くアクセスできます。

以下の図は、これら 3 つの機能がどのように連携するかを示しています。

mermaidflowchart TD
    main["メインノート"] -->|内部リンク| ref["参照ノート"]
    main -->|埋め込み| ref
    main -->|Callout で強調| important["重要情報"]
    ref -->|逆リンク| main
    important -->|視覚的注意| reader["読者"]

この図から、内部リンクが双方向性を持ち、埋め込みが情報の再利用を実現していることがわかります。Callout は読者の注意を引く役割を担います。

課題

標準 Markdown だけでは、以下のような知識管理上の課題が生じます。

情報の強調が限定的です。標準 Markdown では見出しや太字、引用ブロックしか使えず、情報の種類（警告、ヒント、補足など）を明確に区別できません。

情報の重複管理が発生します。同じ内容を複数のファイルにコピー＆ペーストすると、更新時に全ファイルを修正する必要が生じ、メンテナンスコストが増大します。

ノート間の関連性が見えにくいという問題もあります。標準 Markdown のハイパーリンクは一方向であり、「このノートがどこから参照されているか」を把握できません。

ファイル管理の複雑化も課題です。関連ファイルを別々に開いて見比べる作業は、情報の全体像を把握しづらくします。

以下の図は、標準 Markdown における課題を視覚化したものです。

mermaidflowchart LR
    note1["ノート A"] -.->|一方向リンク| note2["ノート B"]
    note1 -->|コピー| dup1["重複情報"]
    note2 -->|コピー| dup2["重複情報"]
    dup1 -.->|更新漏れリスク| error["メンテナンス課題"]
    dup2 -.->|更新漏れリスク| error

この図から、一方向リンクと情報重複がメンテナンス性を低下させることがわかります。

解決策

Obsidian の拡張 Markdown は、上記の課題を以下の方法で解決します。

Callout による情報分類を活用します。情報の種類に応じて視覚的に区別し、読者が一目で重要度や内容を判断できるようにします。

埋め込み機能による情報の一元管理を実現します。元ノートを更新すれば、埋め込み先のすべてのノートに変更が反映されます。

内部リンクと逆リンクによる双方向ナビゲーションを構築します。ノート間の関連性を可視化し、知識のネットワークを形成します。

ブロック単位での参照により、ファイル全体ではなく特定の段落や見出しだけを埋め込めます。必要な情報だけを表示し、ノイズを減らします。

以下の図は、Obsidian の解決策を示しています。

mermaidflowchart TD
    main["メインノート"] -->|埋め込み| source["元ノート<br/>（単一情報源）"]
    ref1["参照ノート 1"] -->|埋め込み| source
    ref2["参照ノート 2"] -->|埋め込み| source
    source -->|更新| update["自動反映"]
    update -->|変更| main
    update -->|変更| ref1
    update -->|変更| ref2
    main -.->|逆リンク| source
    ref1 -.->|逆リンク| source
    ref2 -.->|逆リンク| source

この図から、単一情報源を更新すれば全参照先に反映され、逆リンクで関連性を把握できることがわかります。

Callout（コールアウト）の完全ガイド

Callout は、情報を視覚的に強調する機能です。標準的な引用ブロックに特別な構文を追加することで実現します。

Callout の基本構文

Callout の基本形式は以下の通りです。

markdown> [!note]
> ここに注釈内容を記載します。

ポイント：

  • > で始める引用ブロック形式
  • [!タイプ] で Callout の種類を指定
  • 改行してコンテンツを記述

この構文により、以下のような表示になります。

[!note] ここに注釈内容を記載します。

Callout のタイプ一覧

Obsidian は、用途に応じた多様な Callout タイプを提供しています。

#タイプ用途色
1note一般的な注釈青
2tipヒント・コツ緑
3important重要情報紫
4warning警告黄
5danger危険・注意赤
6info補足情報青
7question質問・疑問黄緑
8success成功・完了緑
9failure失敗・エラー赤
10bugバグ情報赤
11example使用例紫
12quote引用グレー

実際の使用例を見てみましょう。

markdown> [!tip]
> データベース接続前に必ず環境変数を確認してください。

markdown> [!warning]
> この操作は元に戻せません。実行前にバックアップを取得してください。

markdown> [!example]
> API 呼び出しの基本例を以下に示します。

これらのタイプを適切に使い分けることで、情報の性質を一目で伝えられます。

カスタムタイトルの設定

Callout にはカスタムタイトルを付けることができます。

markdown> [!tip] データベース接続の事前チェック
> 環境変数 `DB_HOST` と `DB_PORT` が正しく設定されているか確認しましょう。

ポイント：

  • タイプの後にスペースを入れてタイトルを記述
  • タイトルは日本語でも英語でも可能
  • タイトルを省略すると、デフォルトのタイプ名が表示される

カスタムタイトルにより、Callout の内容をより具体的に説明できます。

折りたたみ可能な Callout

長い内容を格納する場合、折りたたみ機能が便利です。

デフォルトで折りたたまれた状態：

markdown> [!info]- 詳細な技術仕様
>
> - TypeScript 5.0 以上
> - Node.js 18.x 以上
> - Yarn 3.x 以上
> - Docker 24.x 以上

デフォルトで展開された状態：

markdown> [!info]+ 詳細な技術仕様
>
> - TypeScript 5.0 以上
> - Node.js 18.x 以上
> - Yarn 3.x 以上
> - Docker 24.x 以上

ポイント：

  • タイプの後に - を付けると折りたたみ状態
  • タイプの後に + を付けると展開状態
  • 読者はクリックで表示・非表示を切り替え可能

折りたたみ機能により、ノートの見通しを保ちながら詳細情報を提供できます。

ネストした Callout

Callout は入れ子構造にできます。

markdown> [!note] 親 Callout
> これは外側の Callout です。
>
> > [!warning] 子 Callout
> > これは内側の Callout です。

ポイント：

  • 引用ブロックを重ねることで入れ子構造を作成
  • 内側の Callout は > > で始める
  • 視覚的な階層構造を表現可能

ネストにより、情報の階層関係を明確に表現できます。

Callout 内でのマークダウン記法

Callout 内では、通常の Markdown 記法を使用できます。

markdown> [!example] コード例を含む Callout
> 以下のコードで環境変数を読み込めます：
>
> ```typescript
> const dbHost = process.env.DB_HOST;
> const dbPort = process.env.DB_PORT;
> ```
>
> **注意**：`.env` ファイルは Git にコミットしないでください。

使用可能な記法：

  • コードブロック
  • リスト（箇条書き・番号付き）
  • 太字・斜体
  • リンク
  • 画像

Callout 内でリッチな表現が可能です。

図で理解できる Callout の要点

  • Callout は情報の種類を色とアイコンで視覚的に区別
  • 折りたたみ機能で長文を格納しつつノートをすっきり表示
  • ネスト構造で情報の階層を表現可能

埋め込み（Embed）機能の完全ガイド

埋め込み機能は、他のファイルやノートの内容を現在のノートに表示する機能です。情報の重複を避け、メンテナンス性を向上させます。

ファイル全体の埋め込み

他のノート全体を埋め込むには、![[ファイル名]] 構文を使います。

markdown![[データベース設定ガイド]]

ポイント：

  • ! が先頭に付くことで埋め込みになる
  • 拡張子 .md は省略可能
  • ファイル名は部分一致でサジェストされる

この構文により、「データベース設定ガイド」ノートの内容がそのまま表示されます。元ノートを更新すれば、埋め込み先にも自動的に反映されます。

見出し単位の埋め込み

ファイル全体ではなく、特定の見出しセクションだけを埋め込めます。

markdown![[データベース設定ガイド#MySQL 接続設定]]

ポイント：

  • # の後に見出しテキストを指定
  • 見出しレベル（#, ##, ### など）は問わない
  • その見出しから次の同レベル見出しまでが埋め込まれる

見出し埋め込みにより、必要な情報だけを表示できます。

ブロック単位の埋め込み

段落単位で埋め込むには、ブロック ID を使います。

元ノート側：

markdownデータベース接続には環境変数を使用します。`.env` ファイルに以下を記載してください。 ^db-env-config

埋め込み側：

markdown![[データベース設定ガイド#^db-env-config]]

ポイント：

  • 行末に ^ブロックID を追加
  • ブロック ID は英数字とハイフン、アンダースコアのみ
  • 埋め込み時は #^ブロックID で指定

ブロック埋め込みは、特定の段落や文章を再利用する際に便利です。

画像の埋め込み

画像ファイルも埋め込めます。

基本形式：

markdown![[screenshot.png]]

サイズ指定：

markdown![[screenshot.png|300]]

幅と高さ指定：

markdown![[screenshot.png|300x200]]

ポイント：

  • パイプ記号 | でサイズを指定
  • 数値のみの場合は幅、幅x高さ で両方指定可能
  • 画像は Obsidian の Vault 内に配置

画像埋め込みにより、視覚的な説明を追加できます。

PDF の埋め込み

PDF ファイルも埋め込み可能です。

PDF 全体：

markdown![[document.pdf]]

特定ページ：

markdown![[document.pdf#page=5]]

ポイント：

  • #page=ページ番号 で特定ページを指定
  • ページ番号は 1 から開始
  • PDF は Vault 内に配置する必要がある

PDF 埋め込みは、技術仕様書やドキュメントを参照する際に役立ちます。

リスト項目の埋め込み

リスト内の特定項目もブロック ID で埋め込めます。

元ノート側：

markdown# 必須環境変数

- `DB_HOST`: データベースホスト名 ^env-db-host
- `DB_PORT`: データベースポート番号 ^env-db-port
- `DB_NAME`: データベース名 ^env-db-name

埋め込み側：

markdown![[環境変数リファレンス#^env-db-host]]

リスト項目単位で情報を再利用できます。

埋め込みとリンクの違い

埋め込みと内部リンクの違いを理解しておきましょう。

#項目埋め込み ![[]]内部リンク [[]]
1表示内容をその場に表示リンクテキストのみ表示
2クリック動作埋め込み内容を直接閲覧別ノートへ移動
3更新反映自動で反映されるリンク先を開く必要あり
4ファイルサイズ影響変化なし（参照のみ）変化なし
5使用場面情報を直接見せたい関連情報への誘導

埋め込みは「情報の表示」、リンクは「情報へのナビゲーション」と理解すると良いでしょう。

図で理解できる埋め込みの要点

  • 埋め込みは単一情報源の原則を実現し、メンテナンスを効率化
  • ファイル全体、見出し、ブロック単位で柔軟に埋め込み可能
  • 画像や PDF も埋め込めるため、マルチメディア対応

内部リンク（Internal Link）の完全ガイド

内部リンクは、Obsidian の最も基本的かつ強力な機能です。ノート間を双方向につなぎ、知識のネットワークを構築します。

基本的な内部リンク

最もシンプルな内部リンクの形式です。

markdown[[データベース設定ガイド]]

ポイント：

  • [[ と ]] でファイル名を囲む
  • 拡張子 .md は省略可能
  • 入力中にファイル名がサジェストされる

このリンクをクリックすると、該当するノートが開きます。

エイリアスを使ったリンク

リンクテキストを変更したい場合、エイリアスを使います。

markdown詳細は[[データベース設定ガイド|DB 設定]]を参照してください。

ポイント：

  • パイプ記号 | の後にエイリアス（表示名）を記述
  • 実際のリンク先はパイプの前のファイル名
  • 自然な文章にリンクを組み込める

エイリアスにより、読みやすい文章を維持できます。

見出しへの直接リンク

特定の見出しセクションへ直接リンクできます。

markdown[[データベース設定ガイド#MySQL 接続設定]]

エイリアス付き：

markdown[[データベース設定ガイド#MySQL 接続設定|MySQL の設定方法]]

ポイント：

  • # の後に見出しテキストを指定
  • 見出しレベルは問わない
  • エイリアスと組み合わせ可能

見出しリンクにより、長いノート内の特定箇所へ素早くアクセスできます。

ブロックへの直接リンク

段落単位でリンクするには、ブロック ID を使います。

元ノート側：

markdown環境変数は `.env` ファイルに記載します。このファイルは Git にコミットしないでください。 ^env-file-warning

リンク側：

markdown重要な注意事項は[[環境変数ガイド#^env-file-warning|こちら]]です。

ポイント：

  • 行末に ^ブロックID を追加
  • リンク時は #^ブロックID で指定
  • エイリアスで自然な文章に組み込める

ブロックリンクは、特定の段落を参照する際に便利です。

存在しないノートへのリンク

Obsidian では、まだ存在しないノートへのリンクも作成できます。

markdown[[まだ書いていないノート]]

ポイント：

  • リンクをクリックすると新しいノートが作成される
  • 未作成のリンクは薄い色で表示される
  • アイデアを後でまとめる際に便利

この機能により、執筆中に思いついたトピックを素早くリンクできます。

逆リンク（Backlink）の活用

Obsidian は、あるノートがどこから参照されているかを自動的に追跡します。

逆リンクの確認方法：

  1. 右サイドバーの「逆リンク」パネルを開く
  2. 現在のノートへのリンクが一覧表示される
  3. 各リンクをクリックして参照元へ移動できる

ポイント：

  • リンクは双方向に機能する
  • 関連ノートの発見に役立つ
  • 知識のネットワークを可視化できる

逆リンクにより、情報の関連性を俯瞰できます。

グラフビューでの可視化

Obsidian のグラフビューは、ノート間のリンク構造を視覚化します。

グラフビューの特徴：

  • ノードとエッジでネットワーク構造を表示
  • クリックで該当ノートへ移動
  • フィルタ機能で特定のノートグループを抽出
  • ズーム・パンで全体像を把握

以下の図は、グラフビューの概念図です。

mermaidflowchart TD
    center["中心ノート"] --- ref1["関連ノート 1"]
    center --- ref2["関連ノート 2"]
    center --- ref3["関連ノート 3"]
    ref1 --- sub1["サブノート 1"]
    ref2 --- sub2["サブノート 2"]
    ref3 --- sub3["サブノート 3"]
    sub1 --- detail1["詳細ノート 1"]
    sub2 --- detail2["詳細ノート 2"]

グラフビューは、知識ベース全体の構造を把握するのに役立ちます。

フォルダパスを含むリンク

ノートがサブフォルダにある場合、パスを含めることもできます。

markdown[[技術ドキュメント/データベース/MySQL 設定]]

ポイント：

  • スラッシュ ​/​ でフォルダ階層を区切る
  • Vault のルートからの相対パス
  • ファイル名が同じ場合の区別に便利

フォルダ構造を維持しながらリンクできます。

図で理解できる内部リンクの要点

  • 内部リンクは双方向性を持ち、逆リンクで参照元を追跡
  • エイリアスで自然な文章にリンクを組み込める
  • グラフビューで知識のネットワーク構造を可視化

実践的な活用例

ここでは、Callout、埋め込み、内部リンクを組み合わせた実践例を紹介します。

技術ドキュメントの構成例

技術プロジェクトのドキュメント構成を考えてみましょう。

メインドキュメント：

markdown# プロジェクト概要

本プロジェクトは Next.js と MySQL を使用した Web アプリケーションです。

> [!important] 開発開始前の必読事項
> 環境構築の前に[[環境変数ガイド#必須環境変数|必須環境変数]]を必ず確認してください。

# セットアップ手順

![[環境構築ガイド#初回セットアップ]]

# データベース設定

詳細は[[データベース設定ガイド|DB 設定ガイド]]を参照してください。

> [!tip] 接続トラブル時の確認項目
> ![[トラブルシューティング#データベース接続エラー]]

ポイント：

  • Callout で重要情報を強調
  • 埋め込みで関連情報を表示
  • 内部リンクで詳細ページへ誘導

この構成により、読者は必要な情報に素早くアクセスできます。

ナレッジベースの構築例

個人の学習記録をナレッジベースとして整理する例です。

学習トピックノート：

markdown# TypeScript ジェネリクス

# 基本概念

![[プログラミング基礎#ジェネリクスとは]]

# 実践例

> [!example] 配列操作の例
>
> ```typescript
> function getFirstElement<T>(arr: T[]): T | undefined {
>   return arr[0];
> }
> ```

関連トピック：

- [[TypeScript 型システム]]
- [[TypeScript ユーティリティ型|ユーティリティ型]]
- [[関数型プログラミング#ジェネリックパターン]]

ポイント：

  • 基礎知識は埋め込みで再利用
  • Callout でコード例を明示
  • 関連トピックへのリンクで知識を拡張

ナレッジベースにより、学習内容を体系的に蓄積できます。

プロジェクト管理の活用例

タスク管理とプロジェクトドキュメントを統合する例です。

プロジェクトダッシュボード：

markdown# Web アプリ開発プロジェクト

# 現在の進捗

![[タスクリスト#今週のタスク]]

# 技術スタック

| #   | 技術       | バージョン | ドキュメント             |
| --- | ---------- | ---------- | ------------------------ |
| 1   | Next.js    | 14.x       | [[Next.js セットアップ]] |
| 2   | TypeScript | 5.x        | [[TypeScript 設定]]      |
| 3   | MySQL      | 8.x        | [[データベース設計]]     |

> [!warning]- 既知の課題
> ![[課題管理#Critical Issues]]

# 次のマイルストーン

[[マイルストーン 2.0|バージョン 2.0]]のリリースは来月予定です。

ポイント：

  • タスクリストを埋め込みで表示
  • 技術ドキュメントへのリンクを表で整理
  • 課題は折りたたみ Callout で格納

プロジェクト全体を一元管理できます。

学習ノートのテンプレート例

新しい技術を学習する際のテンプレートです。

markdown# [技術名] 学習ノート

# 概要

> [!info] 学習日
> 2025-10-09

# 基礎知識

![[コンピュータサイエンス基礎#関連する基礎理論]]

# 学んだこと

## ポイント 1

説明文... ^learning-point-1

## ポイント 2

説明文... ^learning-point-2

# 実装例

> [!example] サンプルコード
>
> ```typescript
> // コード例
> ```

# 参考資料

- [[関連技術 A]]
- [[関連技術 B]]
- 外部リンク：[公式ドキュメント](https://example.com)

> [!question] 理解が不十分な点
>
> - 疑問点 1
> - 疑問点 2

ポイント：

  • Callout で学習日や疑問点を記録
  • ブロック ID で重要ポイントを参照可能に
  • 内部リンクで関連知識を接続

テンプレートにより、一貫した学習記録を作成できます。

図で理解できる実践活用の要点

  • 3 つの機能を組み合わせることで、情報の階層化と関連付けを実現
  • 技術ドキュメントやナレッジベースの構築に最適
  • テンプレート化により、継続的な情報蓄積が可能

まとめ

Obsidian の Markdown 拡張機能は、標準的な Markdown を大きく進化させ、効率的な知識管理を実現します。

Callout は情報の種類を視覚的に区別し、読者の注意を引きます。12 種類以上のタイプ、カスタムタイトル、折りたたみ機能により、多様な情報を整理できます。

埋め込み機能は、情報の重複を排除し、単一情報源の原則を実現します。ファイル全体、見出し単位、ブロック単位、画像、PDF など、柔軟な埋め込みが可能です。

内部リンクは、ノート間を双方向につなぎ、知識のネットワークを構築します。エイリアス、見出しリンク、ブロックリンク、逆リンクにより、情報への素早いアクセスと関連性の可視化を実現します。

これら 3 つの機能を組み合わせることで、以下のメリットが得られます。

情報の一元管理により、メンテナンスコストが削減されます。元ノートを更新すれば、埋め込み先にも自動的に反映されるためです。

知識の体系化が容易になります。内部リンクと埋め込みにより、情報を階層的かつネットワーク的に整理できます。

検索性の向上も実現します。逆リンクやグラフビューにより、関連情報を素早く発見できます。

読みやすさの向上も期待できます。Callout により、情報の種類や重要度を一目で判断できるためです。

Obsidian の拡張 Markdown をマスターすることで、単なるメモツールを超えた「第二の脳」として活用できます。日々の学習記録、技術ドキュメント、プロジェクト管理など、あらゆる知識作業の効率が向上するでしょう。

まずは基本的な内部リンクと Callout から始めて、徐々に埋め込み機能を取り入れていくことをお勧めします。実践を通じて、自分に合った活用方法が見つかるはずです。

関連リンク

Obsidianの記事Obsidian

もっと見る

記事Article

もっと見る

ブログBlog

もっと見る

書籍レビューReview

もっと見る