📖 回路図エディタ — 使い方

1. 画面の構成

• 左のパレット — 基本素子と自作素子の一覧。クリックすると配置モードになります。MOS表記の流派（バブル / ソース矢印 / IEEE）もここで切り替えられ、配置済みの素子にも即座に反映されます。
• 上のツールバー — モード切替（選択 / 配線 / 矢印 / テキスト）、回転・反転・削除、アンドゥ・リドゥ、フォント、素子名の表示切替、SVG出力、ファイル保存・読み込み、全消去。
• シートタブ — ツールバーの下。複数の回路図を切り替えます。
• キャンバス — 方眼ドットの作業領域。すべての座標は10pxグリッドに吸着します。

作業内容は自動的にブラウザ（localStorage）へ保存され、次に開いたとき復元されます。

2. 素子の配置

1. パレットの素子をクリック（配置モードに入り、カーソルに半透明のゴーストが付きます）
2. キャンバスをクリックすると配置。続けて何個でも置けます
3. 配置中に R で90°回転、M で左右反転
4. 右クリックか Esc で配置モードを終了

素子には接頭辞に応じた名前（R1, C2, M3...）が自動で付きます。GNDと端子には自動命名はありません。

基本素子

抵抗・コンデンサ・インダクタ・ダイオード・NMOS・PMOS・NPN・OPアンプ・電圧源・電流源・GND・端子・チョッパ ⊗・ブロック（汎用の箱）が用意されています。

3. 選択・移動・編集

↖ 選択（V）が基本のモードです。

• クリック — 素子・ワイヤ・テキストを選択（青色表示）
• Ctrl+クリック — 選択に追加 / 解除
• 空き地からドラッグ — 範囲選択（ラバーバンド）
• Ctrl+A — 全選択
• 選択物をドラッグ — まとめて移動。接続されたワイヤはリアルタイムで自動再配線されます
• R / M — 選択素子を回転 / 反転
• Delete — 選択物を削除（素子を消すと接続ワイヤも消えます）
• ダブルクリック — 素子名・テキストの編集（その場に入力ボックスが出ます）

操作はすべて Ctrl+Z（戻す）/ Ctrl+Y（やり直し）の対象です。

4. 配線

─ 配線（W）でピン（赤い点）またはワイヤの途中をクリック → 終点をクリック。経路は障害物（素子の本体）を避けて自動で計算され、曲がりが最少になるルートが選ばれます。

• クリック地点はピン → 既存ワイヤ → グリッド点の優先順で吸着します
• 3本以上の合流・T字分岐には黒丸（接続点）が自動で付きます。接続していない交差は、水平側の線が小さく跳ねて（ホップ）区別されます
• 線の途中をドラッグ（選択モード）— その区間だけ平行移動できます
• 端点の付け替え — ワイヤを選択すると両端に白丸ハンドルが出ます。ドラッグすると先の位置を変えられ、別のピンに落とせば接続が付け替わります
• 素子を移動すると接続ワイヤは自動で引き直されます

5. 矢印（信号の流れ）

→ 矢印（A）は配線と同じ操作で、終点に塗りつぶしの矢じりが付く線を引きます。ブロック図の信号の流れなどに使えます。

• 既存の線の端を右クリック — その端の矢じりを付け外しできます（始点側・終点側それぞれ独立）
• 矢じり付きの端は線が少し短く描かれ、三角形ときれいに繋がります

6. テキストとラベル

フリーテキスト

T テキスト（T）でクリックした場所に注釈を置けます。素子とは独立していて、選択モードで移動・削除・コピペできます。ダブルクリックで再編集、空にして確定すると削除されます。

素子名ラベル

• ダブルクリックで名前を編集（R1 → R_load など自由に）
• ラベルをドラッグするとラベルだけを好きな位置に動かせます（素子を動かすと一緒に付いてきます）
• 🏷 素子名ボタンで全素子の名前を一括で表示 / 非表示にできます（フリーテキストは消えません）

ラベルとテキストのフォントはツールバーの「フォント」で切り替えられます（等幅 / Times / 明朝 / ゴシック）。

7. コピー＆ペースト

• Ctrl+C — 選択中の素子・ワイヤ・テキストをコピー。ワイヤは明示的に選択したものだけコピーされます（素子に繋がっているだけでは巻き込みません）。範囲選択でワイヤごと囲めば一緒にコピーされます
• Ctrl+V — 貼り付けモード。ゴーストがカーソルに追従し、クリックで連続スタンプできます。R で90°ずつ回転
• C（単独）— コピーして即貼り付けモードに入る複製スタンプ
• 自動命名の素子（R1など）は貼り付け時に新しい番号が振られ、手入力の名前はそのまま維持されます
• コピー内容はシートをまたいで使えるので、回路間の部分コピーもできます

8. 自作素子

パレット下部の＋ 新規作成で、自分の回路記号を作れます。中央の ＋ マークが素子の中心（配置時の基準点）です。

• マウスホイールでズームできます。Ctrl+Z も有効
• 「名前」はパレットの表示名、「接頭辞」は自動命名（D1, X2...）に使われます
• 保存するとパレットに登録され、基本素子と同じように配置・回転・配線・コピペ・SVG出力できます
• パレットの ✎ 編集で形を直すと、配置済みの同じ素子もすべて新しい形に変わります。× 削除は配置済みの個数を確認してから消します

9. シート（複数の回路図）

• ツールバー下のタブで回路図を切り替えます。＋ で新しいシートを追加
• アクティブなタブの ✎ で名前変更、× で削除（最後の1枚は削除できません）
• 自作素子・MOS流派・フォントなどの設定は全シート共通です
• アンドゥ履歴はシートごとに独立で、切り替えるとリセットされます

10. ファイル保存と受け渡し

• 💾 保存 — 現在のシートを シート名.circuit.json としてダウンロードします。使用中の自作素子の定義も同梱されるので、ファイルだけ渡せば相手の環境でもそのまま開けます
• 📂 開く — 保存したファイルを新しいシートとして読み込みます（開いている回路は上書きされません）。同梱の自作素子はパレットに自動登録され、手持ちの素子と名前が衝突しても安全に取り込まれます
• SVG出力 — 見た目どおりの画像（SVG）を書き出します。レポートやスライドへの貼り付け用です。素子名を非表示にしていれば名前なしで出力されます

11. 表示の操作

• マウスホイール — カーソル位置を中心にズーム
• Shift+ドラッグ / 中ボタンドラッグ — パン（画面移動）

12. ショートカット一覧