Cells: ダイアグラム
Cells で使用されるダイアグラムは draw.io で作成されています。
既存ダイアグラムの編集
.drawio.png または .drawio.svg ファイルを draw.io に直接読み込みます。draw.io は以下の方法で使用できます:
- 推奨: VS Code の draw.io 統合 を使用する。
- 良い: MacOS では
brew install drawioでインストールするか、draw.io デスクトップ をダウンロードする。 - 良い: Linux では draw.io デスクトップ をダウンロードしてインストールする。
- 非推奨: draw.io ウェブサイト を使用してファイルを読み込みおよび保存する。
ダイアグラムの作成
ファイルからダイアグラムを作成するには:
- 既存のファイルをコピーしてリネームしてください。拡張子が
.drawio.pngまたは.drawio.svgであることを確認してください。 - ダイアグラムを編集してください。
- ファイルを保存してください。
pngquant -f --ext .png *.drawio.pngを使用して画像を最適化し、サイズを 2〜3 倍削減してください。
draw.io デスクトップ を使用してゼロからダイアグラムを作成するには:
- File > New > Create new diagram で Blank diagram を選択します。
- File > Save As で Editable Bitmap .png を選択し、
.drawio.png拡張子で保存します。 - 画像品質を向上させるために、File > Properties で Zoom を 200% に設定します。
- 新しいズーム設定でファイルを保存するには、File > Save を選択します。
pngquant -f --ext .png *.drawio.pngを使用して画像を最適化し、サイズを 2〜3 倍削減してください。
File > Export 機能は使用しないでください。ダイアグラムは簡単に編集できるよう .png に埋め込む必要があります。
