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`）を押しながらカードラベルを選択します。または、カードを右クリックして**外部リンクを開く**を選択します。 ウェブページカードを右クリックすると、その他のオプションが表示されます。 - **URLをコピー**はウェブページのアドレスをコピーします。 - **URLを変更…**はカードが表示するアドレスを変更します。 - **ページを再読み込み**はウェブページを再度読み込みます。 ### ベースからカードを追加 キャンバスに[[Basesの紹介|ベース]]を表示するには、ファイルエクスプローラからベースファイルをキャンバスにドラッグします。カードにベースが表示されます。 ベースカードはベースのデフォルトビューを表示します。別のビューを表示するには： 1. カードを右クリックして**ビューをピン…**を選択します。 2. 表示したいビューを選択します。 デフォルトビューに戻すには、再度**ビューをピン…**を選択し、**デフォルトビューを表示**を選択します。 ### フォルダからカードを追加 [[ファイルエクスプローラー]]からフォルダをドラッグすると、そのフォルダ内のすべてのファイルをキャンバスに追加できます。 ### カードの編集 テキストカードまたはノートカードをダブルクリックして編集を開始します。カードの外側の任意の場所を選択すると編集が終了します。`Escape`を押しても編集を終了できます。 カードを右クリックして**編集**を選択しても編集できます。または、カードを選択してから選択コントロールの**編集**（ ![[lucide-square-pen.svg#icon]] ）を選択します。 ### カードの削除 選択したカードを右クリックして**削除**を選択すると削除できます。または、`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つのカードを接続する 2つのカードを有向線で接続するには： 1. カードの端にカーソルをホバーし、塗りつぶされた円が表示されるまで待ちます。 2. その円を別のカードの端までドラッグして接続します。 > [!tip]- 新しい接続からカードを作成する > 線を別のカードに接続せずにドラッグすると、もう一方の端に新しいカードを作成できます。 ### 2つのカードの接続を解除する 2つのカード間の接続を削除するには： 1. 接続線にカーソルをホバーし、線上に2つの小さな円が表示されるまで待ちます。 2. 円の1つをカードから別の場所にドラッグして接続を解除します。 接続線を右クリックして**削除**を選択しても、2つのカードの接続を解除できます。または、線を選択して`Backspace`（macOSでは`Delete`）を押します。 ### カードを別のカードに接続し直す 接続線の端を移動するには： 1. 接続線にカーソルをホバーし、線上に2つの小さな円が表示されるまで待ちます。 2. 円を別のカードにドラッグして接続し直します。 ### 接続先への移動 接続されている2つのカードが離れている場合、接続の反対側のカードにジャンプできます。線の片方の端の近くを右クリックし、**接続を辿る**を選択します。キャンバスが反対側のカードに移動します。 ### 接続にラベルを追加する 2つのカード間の関係を説明するために、線にラベルを追加できます。 接続にラベルを付けるには： 1. 線をダブルクリックします。 2. ラベルを入力し、`Escape`を押すかキャンバスの任意の場所を選択します。 接続を選択してから選択コントロールの**ラベルを編集**を選択してラベルを付けることもできます。 接続ラベルを編集するには、線をダブルクリックするか、線を右クリックして**ラベルを編集**を選択します。 ラベルを削除するには、接続を選択してから選択コントロールの**ラベルを削除**を選択します。 ### 接続の方向を変更する デフォルトでは、接続には2番目のカードを指す矢印が端に付いています。これを変更するには： 1. 接続を選択します。 2. 選択コントロールで**ラインの方向**を選択します。 3. **無方向**、**一方向**、または**双方向**を選択します。 ### カードまたは接続の色を変更する 1. 色を変更したいカードまたは接続を選択します。 2. 選択コントロールで**色を設定**（ ![[lucide-palette.svg#icon]] ）を選択します。 3. 色を選択します。 ## カードのグループ化 ### 選択したカードのグループ化 空のグループを作成するには： - キャンバスを右クリックして**グループを作成**を選択します。 関連するカードをグループ化するには： 1. カードを選択します。 2. 選択したカードのいずれかを右クリックして**グループを作成**を選択します。 **グループ名の変更：** グループ名をダブルクリックして編集し、`Enter`を押して保存します。 ### グループに背景を追加する グループ内のカードの背後に画像を表示できます。 1. グループを選択します。 2. 選択コントロールで**背景を設定**を選択します。 3. 保管庫から画像を選択します。 背景を変更するには、グループを選択してから**背景を編集**を選択します。 - **背景を置き換える**は別の画像を選択します。 - **背景を削除**は画像を削除します。 - **カバー**は画像をグループ全体に広げます。 - **アスペクト比を保持**は画像の比率を維持します。 - **リピート**は画像をグループ全体にタイル状に並べます。 ## キャンバスの操作 パンとズームを使用してキャンバスを移動します。 ### キャンバスのパン キャンバスを垂直方向と水平方向に移動する（_パン_とも呼ばれます）には、以下のいずれかの方法を使用します： - `Space`を押しながらキャンバスをドラッグします。 - マウスの中ボタンでキャンバスをドラッグします。 - マウスをスクロールして垂直方向にパンし、`Shift`を押しながらスクロールして水平方向にパンします。 ### キャンバスの拡大 キャンバスを拡大するには、`Space`または`Ctrl`（macOSでは`Cmd`）を押しながらマウスホイールでスクロールします。または、右上のズームコントロールから**拡大**（ ![[lucide-plus.svg#icon]] ）と**縮小**（ ![[lucide-minus.svg#icon]] ）を選択します。 #### フィットするようにズーム すべてのアイテムが表示されるようにキャンバスを拡大するには、**フィットするようにズーム**（ ![[lucide-maximize.svg#icon]] ）を選択します。または、キーボードショートカット`Shift+1`を使用します。 #### 選択対象にズーム 選択したすべてのアイテムが表示されるようにキャンバスを拡大するには、選択したカードを右クリックして**選択対象にズーム**を選択します。または、`Shift+2`を押します。 #### ズームをリセット ズームレベルをデフォルトに戻すには、右上のズームコントロールの**ズームをリセット**を選択します。 ### グループにジャンプ 大きなキャンバスでグループに直接移動するには、コマンドパレットを開いて**Canvas: グループにジャンプ**を選択します。キャンバス内のグループのリストが表示されます。移動先のグループを選択すると、キャンバスがそのグループを中心に移動します。 ## キャンバスの設定 キャンバスコントロールの上にある**キャンバス設定**（ ![[lucide-settings.svg#icon]] ）を選択して、キャンバスの動作を変更できます。 - **グリッドにスナップ**は、カードの移動やリサイズ時にバックグラウンドのグリッドにスナップします。 - **オブジェクトにスナップ**は、カードの移動やリサイズ時に近くのカードにスナップします。 - **読み取り専用**は、キャンバスへの変更を防ぎます。 ## キャンバスを画像としてエクスポート デスクトップでは、キャンバスをPNG画像としてエクスポートできます。モバイルのObsidianアプリでは画像のエクスポートは利用できません。 1. エクスポートしたいキャンバスを開きます。 2. コマンドパレットを開いて**Canvas: 画像としてエクスポート**を選択します。 3. 設定を選択します。 - **ビューポート**はエクスポート対象を設定します。キャンバス全体には**キャンバス全体**を、現在表示されている部分には**ビューポートのみ**を選択します。 - **ズーム**は画像の品質を設定します。値を大きくすると、より大きく鮮明な画像が生成されます。ダイアログには推定画像サイズが表示されます。 - **ロゴの表示**はObsidianのロゴを左下に追加します。デフォルトでオンになっています。 - **プライバシーモード**はキャンバス上のすべてのテキストを隠します。デフォルトでオフになっています。 4. **保存**を選択します。 5. ファイルの保存先を選択します。ファイル名はデフォルトでキャンバスの名前に`.png`拡張子が付いたものになります。 空のキャンバスはエクスポートできません。 ## 元に戻すとやり直し 最後の変更を元に戻すには、キャンバスの右側にあるキャンバスコントロールで**元に戻す**を選択します。または、`Ctrl+Z`（WindowsおよびLinux）もしくは`Command+Z`（macOS）を押します。 変更をやり直すには、**やり直す**を選択します。または、`Ctrl+Y`もしくは`Ctrl+Shift+Z`（WindowsおよびLinux）、または`Command+Y`もしくは`Command+Shift+Z`（macOS）を押します。 ## キャンバスのヘルプ デスクトップでは、キャンバスコントロールの下にある**キャンバスのヘルプ**（ ![[lucide-help-circle.svg#icon]] ）を選択すると、パン、ズーム、選択、カードの移動に関するショートカット一覧を確認できます。 ## キャンバスの埋め込み 標準の埋め込み構文を使用して、ノートにキャンバスを埋め込むことができます。詳細は[[ファイルの埋め込み#Embed a canvas in a note|ノートにキャンバスを埋め込む]]を参照してください。 ## モバイルでCanvasを使用する スマートフォンやタブレットでキャンバスを開くと、Obsidianは3つのヒントを表示します。 - **ドラッグでパン** - **ピンチでズーム** - **追加/移動/選択を行うにはタッチしてホールドしてください** ### キャンバスメニューを開く キャンバスの空いている領域をタッチしてホールドします。メニューには以下の項目があります。 - **カードを追加**はテキストカードを追加します。 - **保管庫からノートを追加**は保管庫からノートを追加します。 - **保管庫からメディアを追加**は保管庫からメディアを追加します。 - **ウェブページを追加**はウェブページを埋め込みます。 - **グループを作成**は空のグループを作成します。 - **グリッドにスナップ**、**オブジェクトにスナップ**、**読み取り専用**は**キャンバス設定**と同じオプションです。 ### カードの追加 キャンバスメニューからカードを追加できます。キャンバスの下部にあるアイコンを選択することもできます。 - ブランクファイルアイコンはテキストカードを追加します。 - ドキュメントアイコンは保管庫からノートを追加します。 - 画像アイコンは保管庫からメディアを追加します。 ### 選択したカードの操作 カードをタップして選択します。カードの上にツールバーが表示されます。 - **削除**（ ![[lucide-trash-2.svg#icon]] ）はカードを削除します。 - **色を設定**（ ![[lucide-palette.svg#icon]] ）はカードの色を変更します。 - **選択対象にズーム**はキャンバスをカードにズームします。 - **編集**（ ![[lucide-square-pen.svg#icon]] ）はカードを編集します。 ### カードの移動 1. カードをタップして選択します。 2. 選択したカードをタッチしてホールドし、新しい位置にドラッグします。 ### カードのリサイズ 1. カードをタップして選択します。 2. カードの辺をドラッグして大きくしたり小さくしたりします。 ### カードメニューを開く カードをタッチしてホールドします。メニューには以下の項目があります。 - **選択対象にズーム**はキャンバスをカードにズームします。 - **編集**はカードを編集します。 - **ファイルに変換…**はテキストカードをノートに変換します。 - **複製を作成**はカードのコピーを作成します。 - **削除**はカードを削除します。 ### カードの編集 テキストカードまたはノートカードを編集するには、いずれかの方法を使用します。 - カードをタップして選択し、ダブルタップします。キーボードが開きます。 - カードをタップして選択し、カードの上のツールバーで**編集**（ ![[lucide-square-pen.svg#icon]] ）を選択します。 ### 接続にラベルを付ける 1. 線をタップして選択します。 2. ツールバーで**ラベルを編集**（ ![[lucide-square-pen.svg#icon]] ）を選択します。キーボードが開きます。 3. ラベルを入力します。 ラベルを削除するには、線をタップしてからツールバーの**ラベルを削除**を選択します。 ### 接続の方向を変更する 1. 線をタップして選択します。 2. ツールバーで**ラインの方向**を選択します。 3. **無方向**、**一方向**、または**双方向**を選択します。 ### 線のメニューを開く 2つのカードを接続する線をタッチしてホールドします。メニューには以下の項目があります。 - **ラベルを編集**は線のラベルを追加または変更します。 - **接続を辿る**はキャンバスを線の反対側のカードに移動します。 - **削除**は接続を削除します。 ### カードを接続する 1. カードをタップして選択します。 2. カードの端にある円の1つを別のカードにドラッグします。 線をドラッグして空いている領域で離すと、**カードを追加**と**保管庫からノートを追加**のメニューが開きます。いずれかを選択して、線の端にカードを追加します。 ### カードの接続を解除する 接続を削除するには、いずれかの方法を使用します。 - 線をタップしてから**削除**（ ![[lucide-trash-2.svg#icon]] ）を選択します。 - 線の矢印の端を、開始元のカードにドラッグして戻します。線が消えます。 ### カードのグループ化 グループを作成するには： 1. キャンバスの空いている領域をタッチしてホールドします。 2. **グループを作成**を選択します。 3. グループの端をドラッグしてサイズを変更します。 カードをグループに追加するには、カードをグループの領域にドラッグします。グループを移動すると、内部のカードも一緒に移動します。 グループ名を変更するには、グループ名をダブルタップします。キーボードが開きます。新しい名前を入力します。 ### キャンバスコントロール キャンバスの右側にあるコントロールで、表示と設定を変更できます。 - **拡大**と**縮小**はズームレベルを変更します。 - **ズームをリセット**はキャンバスをデフォルトのズームレベルに戻します。 - **フィットするようにズーム**はキャンバス内のすべてのカードを表示します。 - **元に戻す**と**やり直す**は最後の変更を元に戻すか繰り返します。 - **キャンバス設定**には**グリッドにスナップ**、**オブジェクトにスナップ**、**読み取り専用**のオプションがあります。 ## 高度なヒント Canvasの高度な使い方を紹介するクイックビデオを用意しています。 [こちらで72のヒントすべてを確認できます](https://obsidian.md/ja/canvas#protips)。ヒントの動画はデスクトップでのみ表示されます。