技術図エディター

技術図エディターとは？

名前付きのボックスと方向付きの接続から、フローや構成図を作ります。構造を編集し、配置を確認して、SVG とバージョン付き JSON を保存します。配置用のツールであり、抜けた手順の推測や設計の正しさの認証は行いません。

使い方

1. 例を読み込むか、分かりやすい名前のボックスを追加します。大きな図では名前や固定 ID で検索します。
2. 接続を追加して始点と終点を選び、縦方向か横方向の配置を選びます。ボックスを削除しても接続は残るため、接続先の修正やボックスの復元ができます。
3. 生成後、名前と矢印の向きを確認します。画面に合わせる表示は全体確認用、実寸表示はスクロールできます。構造が有効でも、密集した矢印が読みやすいとは限りません。
4. SVG と JSON をダウンロードします。JSON を再適用すると編集できる構造が戻ります。他のエディターで SVG を変更しても JSON は更新されません。ページを離れる前に保存してください。

設定の選び方

うまく動かないとき

• JSON の未適用の変更は、適用するか破棄してから生成します。エラーが示す入力内のパスを修正して再試行してください。
• 接続端点がない場合、削除したボックスを復元するか、存在する端点を選びます。接続を黙って削除することはありません。
• 時間や出力上限を超えたらキャンセルし、保存したコピーを簡略化して再試行します。入力を変えると古い結果は無効になり、現在の成功した結果だけをダウンロードできます。
• クリア後はページ内で 1 回復元できます。離脱や再読み込みで作業は解放され、自動保存はありません。クリップボードが使えなければ JSON を選択してコピーのショートカットを使うか、ダウンロードしてください。
• 入力 JSON の保存では、配置座標を含まない有効で編集可能な図を保存します。エンジンを読み込めない場合は、ページを再読み込みする前に保存し、その JSON ファイルを開いてください。保存前に、貼り付けた未適用の JSON を適用または破棄してください。読み込みは 1,000,000 バイト以下の UTF-8 JSON に対応し、無効なファイルはフォームを変更しません。読み込みは中止でき、入力を編集すると以前の読み込み結果も無効になります。入力はアップロードも自動保存もされません。