MENU

Excalidrawプラグインの使い方|Obsidianで手書き図解

テキストだけでは表現しにくい情報を、図やイラストで整理したいと思うことはありませんか?Excalidrawプラグインを使えば、Obsidian内で手書き風のダイアグラムやスケッチを作成できます。マインドマップ、フローチャート、概念図など、あらゆるビジュアルノートがVaultの中で完結します。この記事では、インストールから基本操作、ノートとの連携方法まで解説します。

目次

インストール方法

Excalidrawプラグインのインストール手順は以下の通りです。

  1. 「設定」→「コミュニティプラグイン」→「閲覧」を開く
  2. 「Excalidraw」で検索し、インストール・有効化する

有効化すると、新しいExcalidrawファイルを作成できるようになります。コマンドパレットから「Excalidraw: Create new drawing」を実行するか、ファイルエクスプローラで右クリック→「New Excalidraw drawing」で作成できます。

設定画面では、デフォルトの保存先フォルダや、ファイル名のフォーマットを指定できます。Excalidrawファイル専用のフォルダ(例:_drawings)を作っておくとVaultが整理しやすくなります。

基本ツールの使い方

Excalidrawの描画画面では、画面上部にツールバーが表示されます。主なツールは以下の通りです。

  1. 選択ツール:描画した要素を選択・移動・リサイズする
  2. 四角形・円・ダイヤモンド:基本図形を描画する
  3. 矢印・直線:要素同士を接続する線を引く
  4. テキスト:画面上にテキストを配置する
  5. フリーハンド:ペンツールで自由に描画する
  6. フレーム:要素をグループ化して枠で囲む

各図形の色、線の太さ、塗りつぶしのスタイルはプロパティパネルから変更できます。手書き風のスタイルがデフォルトですが、設定でシャープなスタイルに切り替えることも可能です。

操作はドラッグ&ドロップが中心で、直感的に使えます。Ctrl/Cmd + Z でアンドゥ、Ctrl/Cmd + D で要素の複製など、一般的なショートカットにも対応しています。

ノート内への埋め込み

Excalidrawで作成した図は、通常のノート内に埋め込むことができます。

![[my-drawing.excalidraw]]

この記法で埋め込むと、閲覧モードで図が画像として表示されます。サイズを指定したい場合は以下のようにします。

![[my-drawing.excalidraw|600]]

また、Excalidrawの設定で「Auto-export PNG/SVG」をオンにしておくと、描画を保存するたびにPNGまたはSVGファイルが自動生成されます。これにより、Obsidian以外の場所でも図を利用できます。

リンク連携でナレッジグラフを拡張する

Excalidrawプラグインの強力な機能のひとつが、描画内からObsidianのノートへリンクを張れることです。

テキスト要素や図形を選択し、リンクアイコンをクリックして [[ノート名]] を指定すれば、図の中からノートを直接開けるようになります。これにより、ビジュアルなMOC(Map of Content)を作成できます。

たとえば、プロジェクトの全体像をExcalidrawで図解し、各要素から詳細ノートにリンクを張るといった使い方が可能です。グラフビューにもExcalidrawファイルのリンクが反映されるため、知識のネットワークがより豊かになります。

ユースケース

Excalidrawの具体的な活用場面を紹介します。

マインドマップ:中心テーマから枝を伸ばしてアイデアを整理できます。テキストノートでは見えにくい関連性が、図にすることで浮かび上がります。

フローチャート:業務プロセスや意思決定フローを図解できます。矢印ツールで要素同士をつなげば、流れが一目瞭然です。

システム構成図:ソフトウェアのアーキテクチャやネットワーク構成を視覚化できます。

授業・勉強ノート:概念の関係性を図にまとめることで、記憶の定着に役立ちます。

まとめ

Excalidrawプラグインは、Obsidianにビジュアルシンキングの力を加えてくれるプラグインです。手書き風の親しみやすいスタイルで、誰でも手軽に図解が作れます。ノートへの埋め込みやリンク連携を活用すれば、テキストと図が融合した豊かなナレッジベースを構築できます。考えを整理したいとき、まずはExcalidrawで描いてみることから始めてみましょう。

目次