Obsidian의 Canvas를 사용하는
카드를 배열하고, 선에 이름을 붙입니다

Canvas의 빈 공간을 더블 클릭하고 텍스트를 입력합니다. 다른 빈 공간에서도 같은 작업을 수행하여 두 개의 텍스트 카드를 만들었습니다. 저장한 전체 텍스트는 다음과 같습니다.

# 観察カード

著者作成の短文を並べます。

# 次の確認

参照メモを開いて本文を確認します。

다음으로, 파일 목록의 資料/参照メモ.md을 Canvas로 드래그합니다. 세 번째는 그 Markdown을 참조하는 파일 카드입니다. 이번 저장 데이터에서는 두 장이 type: text이고, 한 장이 type: file이 되었습니다.

짧은 문장 카드의 높이는 60이며, 전체를 한 번에 표시하지 않습니다. 이미지 카드 내부에는 스크롤바가 있으며, 보이는 부분이 다릅니다. 카드 내 표시만으로 전체를 판단하지 않고, 본문 및 저장 내용도 확인합니다.

1. 관찰 카드의 오른쪽 끝에 포인터를 놓고, 나타나는 원에서 다음 확인 카드의 왼쪽 끝으로 드래그합니다.
2. 만든 선을 더블 클릭합니다.
3. 本文を確認를 입력하고, Esc에서 라벨 편집을 마칩니다.

저장된 연결은 관찰 카드의 오른쪽에서 다음 확인 카드의 왼쪽으로 이동하며, 라벨은 本文を確認입니다. 세 번째 참조 메모에는 이 예에서 선을 연결하고 있지 않습니다. 이미지에서도 두 장 사이의 라벨과 참조 메모 본문을 확인할 수 있습니다.

참조 메모의 파일 카드를 선택하고, 내부에서 드래그하여 이동했습니다. 첫 번째 작업에서는 경계를 파악하고, 의도치 않게 크기를 바꾸어 버렸습니다. 그 상태를 기록한 후, Ctrl＋Z으로 되돌리고 내부를 다시 드래그하고 있습니다.

최종 저장 데이터에서는 파일 카드의 좌표만 x=-32, y=61에서 x=-160, y=-60로 변경되었으며, 400×400의 크기, 참조 대상, ID는 동일했습니다. 다른 두 개의 본문과 연결의 의미도 동일합니다.

이것은 한 장의 내부 드래그를 확인한 기록입니다. 크기 변경 기능을 일괄적으로 검증한 작업이 아닙니다. 좌표는 저장 내용의 비교이며, 소요 시간이나 효율을 나타내는 값이 아닙니다.

Ctrl＋S으로 저장하고, 파일 목록에서 다른 Markdown을 열었으며, 그 후 Untitled.canvas로 돌아갔습니다. 저장된 세 장의 카드·한 연결·라벨을 확인하고 있습니다.

이동 후·재표시 후·앱 종료 후의 Canvas 원본은 모두 612 바이트에서 SHA256과 일치했습니다. 한편, Canvas의 표시 위치와 텍스트 카드 내의 스크롤 위치가 변경되었습니다. 저장 파일의 일치와 화면 표시가 완전히 동일한 것은 별개의 확인입니다.

이번에는 같은 앱의 프로세스 내에서 다시 열었습니다. 앱 전체를 종료하고 재시동한 후의 복원, 다른 기기나 동기화는 시도하지 않았습니다. 마지막으로 General 설정에서 app/installer 1.13.7을 실제로 표시하고, 내 앱과 표시용 프로세스를 정상적으로 종료했습니다.

다음 두 파일은 실제 작업 후에 저장한 원본과 동일한 bytes입니다. Canvas가 참조하는 資料/参照メモ.md의 상대 경로도 유지합니다. 개별적으로 저장하는 경우에는 동일한 보관함 내에서 다음 배치에 맞춥니다.

Untitled.canvas
資料/
  参照メモ.md

두 파일을 한 번에 저장합니다(ZIP)

ZIP은 기사 준비 시 만든 새로운 배포용 패키지이며, 두 파일의 본문과 상대 경로를 유지합니다. 전개 후의 패스·SHA256을 원본과 대조했습니다. 독자 측에서의 가져오기, 별도의 보관함, 공개 서버에서의 배송은 아직 검증되지 않았습니다.

{
	"nodes":[
		{"id":"3f4ab2bb724d8e0a","type":"text","text":"# 観察カード\n\n著者作成の短文を並べます。","x":-507,"y":-289,"width":250,"height":60},
		{"id":"e3670f8ddf28da4b","type":"text","text":"# 次の確認\n\n参照メモを開いて本文を確認します。","x":73,"y":-289,"width":250,"height":60},
		{"id":"678949267c596805","type":"file","file":"資料/参照メモ.md","x":-160,"y":-60,"width":400,"height":400}
	],
	"edges":[
		{"id":"ddb0f48d2fcb7657","fromNode":"3f4ab2bb724d8e0a","fromSide":"right","toNode":"e3670f8ddf28da4b","toSide":"left","label":"本文を確認"}
	]
}