# Editor

Canonical: https://docs.shumoku.dev/en/editor
Language: en

apps/editor/docs/guide.md

# Editor

ブラウザでネットワーク構成と平面図の配線を編集する。

This document is currently available in Japanese only.

[Editorを開く](https://editor.shumoku.dev/)

Shumoku Editor は、ネットワーク構成図と平面図上の配線をブラウザで編集するアプリです。

## はじめる

1.  ホームでサンプルを開くか、新しいプロジェクトを作成します。
2.  [Materials](https://docs.shumoku.dev/en/editor/materials) で使用する機材を登録します。
3.  [Diagram](https://docs.shumoku.dev/en/editor/diagram) で構成を編集し、[Connections](https://docs.shumoku.dev/en/editor/connections) で接続とポートを確認します。
4.  平面図上で検討するときは [Scene](https://docs.shumoku.dev/en/editor/scene) に切り替え、背景画像・縮尺・配置・配線を設定します。
5.  [BOM](https://docs.shumoku.dev/en/editor/bom) で部材を確認し、[Settingsからプロジェクトを書き出します](https://docs.shumoku.dev/en/editor/projects)。

途中から始めたり、画面を行き来しながら編集したりできます。

## 保存について

現在はブラウザ内の保存で、サーバー同期はありません。別端末へ移す場合やバックアップには Settings の Export から `.neted.zip` を保存してください。 ホームの Import Project で、画像資産を含めて読み直せます。

## このガイドについて

操作ガイドは日本語で提供しています。英語ページでも、日本語原文であることを表示します。 開発者向けのモデル・実装設計は [リポジトリの設計文書](https://github.com/konoe-akitoshi/shumoku/blob/4373ce0092ba4581da2365007eb95ca144ac6900/apps/editor/docs/README.md) を参照してください。