ご覧いただきありがとうございます！ 小説・同人誌の登場人物紹介や、一次創作（うちの子）の設定資料、VTuberの交友関係図など、見ているだけでワクワクする「キャラクター相関図」を直感操作で作成できるブラウザ完結スタジオです。 「画像編集ソフトで相関図を作ると、キャラの位置を少しズラしただけで矢印や文字を全部引き直しになる……」「丸枠のアイコン切り抜きや関係性ラベルを綺麗に整列させるのが大変！」 そんな創作者様の悩みを完全に過去のものにします！ 【Pro版ならではの革命的機能！】 1. キャンバス上のキャラをマウスでドラッグ移動！矢印が自動で追従！ - プレビュー画面上のキャラクターをマウスで掴んで好きな場所に動かすだけで、キャラ同士を結ぶ矢印（片方向・双方向）や関係性ラベル（「犬猿の仲」「師弟関係」など）の角度と位置がリアルタイムで自動計算・追従します！ 2. 立ち絵・顔アイコンの自動丸枠トリミング＆テーマカラー設定 - お手持ちのイラストを読み込むだけで、綺麗な丸枠アイコンとして自動配置されます（画像がない場合もイニシャル入りのスタイリッシュなアイコンになります）。 - キャラごとのイメージカラーや、矢印ごとの色分けもワンタッチで変更可能です。 3. お互い向きの矢印（A➔B と B➔A）も自動で重ならず並走！ - 「AからBへは片思い」「BからAへは単なる友人」のように2本の矢印を相互に引いた場合、自動的に2本のラインが綺麗に平行にずれて描画されるため、文字や矢印が重なって潰れることがありません。 4. SNS（X/Twitter）や電子書籍の挿絵に最適な1200×675px（16:9）出力 - 作成した相関図はワンクリックで高画質PNG画像としてダウンロード可能。透かし（ロゴ）等は一切入りません。 5. インストール不要・完全オフライン動作 - 外部サーバーへ画像や設定テキストを一切送信しないため、未公開の新作小説やキャラクター設定でも安心してお使いいただけます。 【使い方】 1. ダウンロードしたZIPを解凍し、`relationship_chart_studio.html` をブラウザで開きます。 2. 左側パネルからキャラクター（名前・肩書き・画像）と、関係性の矢印を追加します。 3. 右側のプレビュー画面でキャラをマウスでドラッグして配置を整え、「💾 高画質PNG画像として保存」を押すだけ！ 【動作環境】 ・Windows / Mac の各種最新ブラウザ（Chrome, Edge, Safariなど） ・インターネット接続不要（オフライン環境でも動作します） 【利用規約】 ・個人、商用、同人誌・電子書籍（KDP等）への収録、SNS投稿、配信画面での使用を問わず自由にお使いいただけます（クレジット表記不要）。 ・ツール本体（HTML/プログラムコード）の再配布・転売・自作発言は禁止します。 あなたの作品の世界観やキャラクターの魅力を読者・リスナーへ伝えるお役に立てれば幸いです！