Canvasはビジュアルなノート作成のための[[コアプラグイン|コアプラグイン]]です。ノートを配置し、他のノート、添付ファイル、ウェブページと接続するための無限のスペースを提供します。
ノートを2D空間に配置することで、ノート間のつながりを視覚的に理解できます。ノートを線で接続したり、関連するノートをグループ化したりできます。
Obsidianはキャンバスをオープンな[JSON Canvas](https://jsoncanvas.org/)形式を使用して`.canvas`ファイルとして保存します。
## 新しいキャンバスの作成
Canvasを使い始めるには、まずキャンバスを保持するファイルを作成する必要があります。以下の方法で新しいキャンバスを作成できます。
**コマンドパレット:**
1. [[コマンドパレット]]を開きます。
2. **Canvas:新規キャンバスを作成**を選択すると、アクティブなファイルと同じフォルダにキャンバスが作成されます。
**ファイルエクスプローラ:**
- [[ファイルエクスプローラー]]で、キャンバスを作成したいフォルダを右クリックします。
- **新規キャンバス**を選択します。
**リボンメニュー:**
- 縦のリボンメニューで、**新規キャンバスを作成**( ![[lucide-layout-dashboard.svg#icon]] )を選択すると、アクティブなファイルと同じフォルダにキャンバスが作成されます。
> [!note] .canvasファイル拡張子
> Obsidianはキャンバスデータを[JSON Canvas](https://jsoncanvas.org/)というオープンファイル形式を使用して`.canvas`ファイルとして保存します。
## カードの追加
Obsidianや他のアプリからファイルをキャンバスにドラッグできます。たとえば、Markdownファイル、画像、オーディオ、PDF、認識されないファイル形式なども含まれます。
### テキストカードの追加
ファイルを参照しないテキストのみのカードを追加できます。ノートと同様に、Markdown、リンク、コードブロックを使用できます。
キャンバスに新しいテキストカードを追加するには:
- キャンバスの下部にあるブランクファイルアイコンを選択またはドラッグします。
キャンバス上でダブルクリックしてテキストカードを追加することもできます。
テキストカードをファイルに変換するには:
1. テキストカードを右クリックして**ファイルに変換…**を選択します。
2. ノート名を入力し、**保存**を選択します。
> [!note] テキストのみのカードとバックリンク
> テキストのみのカードは[[バックリンク]]に表示されません。表示させるには、ファイルに変換する必要があります。
### ノートからカードを追加
保管庫のノートをキャンバスに追加するには:
1. キャンバスの下部にあるドキュメントアイコンを選択またはドラッグします。
2. 追加したいノートを選択します。
キャンバスのコンテキストメニューからノートを追加することもできます:
1. キャンバスを右クリックして**保管庫からノートを追加**を選択します。
2. 追加したいノートを選択します。
また、[[ファイルエクスプローラー]]からノートをキャンバスにドラッグすることもできます。
### メディアからカードを追加
保管庫のメディアをキャンバスに追加するには:
1. キャンバスの下部にある画像ファイルアイコンを選択またはドラッグします。
2. 追加したいメディアファイルを選択します。
キャンバスのコンテキストメニューからメディアを追加することもできます:
1. キャンバスを右クリックして**保管庫からメディアを追加**を選択します。
2. 追加したいメディアファイルを選択します。
また、[[ファイルエクスプローラー]]からメディアファイルをキャンバスにドラッグすることもできます。
### ウェブページからカードを追加
キャンバスにウェブページを埋め込むには:
1. キャンバスを右クリックして**ウェブページを追加**を選択します。
2. ウェブページのURLを入力し、**保存**を選択します。
ブラウザでURLを選択してキャンバスにドラッグし、カードに埋め込むこともできます。
ブラウザでウェブページを開くには、`Ctrl`(macOSでは`Cmd`)を押しながらカードラベルを選択します。または、カードを右クリックして**ブラウザで開く**を選択します。
### フォルダからカードを追加
[[ファイルエクスプローラー]]からフォルダをドラッグすると、そのフォルダ内のすべてのファイルをキャンバスに追加できます。
### カードの編集
テキストカードまたはノートカードをダブルクリックして編集を開始します。カードの外側の任意の場所を選択すると編集が終了します。`Escape`を押しても編集を終了できます。
カードを右クリックして**編集**を選択しても編集できます。
### カードの削除
選択したカードを右クリックして**削除**を選択すると削除できます。または、`Backspace`(macOSでは`Delete`)を押します。
選択コントロールの**削除**( ![[lucide-trash-2.svg#icon]] )を選択することもできます。
### カードの入れ替え
ノートカードまたはメディアカードを同じ種類の別のカードに入れ替えることができます。
ノートカードを入れ替えるには:
1. 入れ替えたいカードを右クリックします。
2. **ファイルの入れ替え**を選択します。
3. 入れ替え先のノートを選択します。
## カードの選択
個々のカードを選択するか、複数のカードの周囲をドラッグして範囲選択できます。
`Shift`を押しながら選択して、既存の選択にカードを追加したり除外したりすることもできます。
`Ctrl+a`(macOSでは`Cmd+a`)を押すと、キャンバス内のすべてのカードを選択できます。
カードの内容をスクロールするには、まずカードを選択する必要があります。
### カードの配置
選択したカードをドラッグして移動します。
`Alt`(macOSでは`Option`)を押しながらドラッグすると、選択を複製できます。
`Shift`を押しながらドラッグすると、一方向のみに移動できます。
選択を移動中に`Space`を押すと、スナップを無効にできます。
カードを選択すると最前面に移動します。
### カードのリサイズ
カードの端をドラッグしてリサイズします。
リサイズ中に`Space`を押すとスナップを無効にできます。
リサイズ中に`Shift`を押すとアスペクト比を維持できます。
## カードの接続
カード間に線を引いて関係を示します。色やラベルを追加して、カード同士がどのように関連しているかを説明できます。
### 2つのカードを接続する
2つのカードを有向線で接続するには:
1. カードの端にカーソルをホバーし、塗りつぶされた円が表示されるまで待ちます。
2. その円を別のカードの端までドラッグして接続します。
> [!tip]- 新しい接続からカードを作成する
> 線を別のカードに接続せずにドラッグすると、もう一方の端に新しいカードを作成できます。
### 2つのカードの接続を解除する
2つのカード間の接続を削除するには:
1. 接続線にカーソルをホバーし、線上に2つの小さな円が表示されるまで待ちます。
2. 円の1つをカードから別の場所にドラッグして接続を解除します。
接続線を右クリックして**削除**を選択しても、2つのカードの接続を解除できます。または、線を選択して`Backspace`(macOSでは`Delete`)を押します。
### カードを別のカードに接続し直す
接続線の端を移動するには:
1. 接続線にカーソルをホバーし、線上に2つの小さな円が表示されるまで待ちます。
2. 円を別のカードにドラッグして接続し直します。
### 接続先への移動
接続されている2つのカードが離れている場合、線を右クリックして**ターゲットに移動**または**ソースに移動**を選択して、接続のソースまたはターゲットに移動できます。
### 接続にラベルを追加する
2つのカード間の関係を説明するために、線にラベルを追加できます。
接続にラベルを付けるには:
1. 線をダブルクリックします。
2. ラベルを入力し、`Escape`を押すかキャンバスの任意の場所を選択します。
接続を選択してから選択コントロールの**ラベルを編集**を選択してラベルを付けることもできます。
接続ラベルを編集するには、線をダブルクリックするか、線を右クリックして**ラベルを編集**を選択します。
### カードまたは接続の色を変更する
1. 色を変更したいカードまたは接続を選択します。
2. 選択コントロールで**色を設定**( ![[lucide-palette.svg#icon]] )を選択します。
3. 色を選択します。
## カードのグループ化
### 選択したカードのグループ化
空のグループを作成するには:
- キャンバスを右クリックして**グループを作成**を選択します。
関連するカードをグループ化するには:
1. カードを選択します。
2. 選択したカードのいずれかを右クリックして**グループを作成**を選択します。
**グループ名の変更:** グループ名をダブルクリックして編集し、`Enter`を押して保存します。
## キャンバスの操作
パンとズームを使用してキャンバスを移動します。
### キャンバスのパン
キャンバスを垂直方向と水平方向に移動する(_パン_とも呼ばれます)には、以下のいずれかの方法を使用します:
- `Space`を押しながらキャンバスをドラッグします。
- マウスの中ボタンでキャンバスをドラッグします。
- マウスをスクロールして垂直方向にパンし、`Shift`を押しながらスクロールして水平方向にパンします。
### キャンバスの拡大
キャンバスを拡大するには、`Space`または`Ctrl`(macOSでは`Cmd`)を押しながらマウスホイールでスクロールします。または、右上のズームコントロールから**拡大**( ![[lucide-plus.svg#icon]] )と**縮小**( ![[lucide-minus.svg#icon]] )を選択します。
#### フィットするようにズーム
すべてのアイテムが表示されるようにキャンバスを拡大するには、**フィットするようにズーム**( ![[lucide-maximize.svg#icon]] )を選択します。または、キーボードショートカット`Shift+1`を使用します。
#### 選択対象にズーム
選択したすべてのアイテムが表示されるようにキャンバスを拡大するには、選択したカードを右クリックして**選択対象にズーム**を選択します。または、`Shift+2`を押します。
#### ズームをリセット
ズームレベルをデフォルトに戻すには、右上のズームコントロールの**ズームをリセット**を選択します。
## キャンバスの埋め込み
標準の埋め込み構文を使用して、ノートにキャンバスを埋め込むことができます。詳細は[[ファイルの埋め込み#Embed a canvas in a note|ノートにキャンバスを埋め込む]]を参照してください。
## 高度なヒント
Canvasの高度な使い方を紹介するクイックビデオを用意しています。
[こちらで72のヒントすべてを確認できます](https://obsidian.md/ja/canvas#protips)。ヒントの動画はデスクトップでのみ表示されます。