人物相関図ジェネレーター

漫画やアニメ、ゲームのファン活動（二次創作や推し活）において、また自分でオリジナル小説やプロットを書くシナリオクリエイターにとって、登場人物たちの「人間関係の相関」を可視化することは、創作設定の整理やSNS上での作品アピール（布教活動）において極めて有用なステップです。「誰が誰に片思いしているのか」「誰と誰がライバル関係なのか」「過去の因縁があるのはどこか」という複雑な設定は、テキストだけで語るよりも、矢印で整理された1枚の相関図画像（関係性マップ）として提示されることで、第三者の脳内に一瞬で理解を浸透させることができます。

HTML5 Canvasを用いた完全無料ドラッグ＆ドロップ自在レイアウトエンジン
従来の相関図作成ツールは、ノードの位置が自動で均等配置されてしまい、「このキャラクターとこのキャラクターは隣同士に並べたい」「ライバル同士を左右に対決するように配置したい」といったクリエイター独自のこだわり配置ができない不満がありました。本ツールは、純粋なバニラJavaScriptとHTML5 Canvas APIを応用し、タッチパネル対応の滑らかな「キャラクター円ドラッグ＆ドロップ機能」をフルスクラッチで実装。配置の微調整から複雑な三角関係の並び替えまで、指先やマウスを動かすだけで直感的に構築できます。

にじみのないRetina高解像度（2倍密度）PNGエクスポートと文字重なり防止マスク
X（旧Twitter）などのSNSで人物相関図がバズる最大の理由は、その情報の凝縮度の高さです。しかし、画像がボケていると誰も拡大して読むことができません。本ツールでは、表示画面の縦横2倍（Retina仕様の物理1200x900ピクセル）でベクターライクなCanvasレンダリングを行います。ダウンロードされるPNGは、文字や円形のフチ、アップロードされたアバター画像まで一切ぼやけることのないクリアな画質を保証します。また、矢印線の上に被る関係ラベル（「片想い」「共依存」など）の文字には、背景と同化する「重なり防止ホワイトマスク」を自動合成。文字の後ろの線が綺麗に透過消去されるため、プロのインフォグラフィックのような美しさを備えています。

4桁暗証番号で保護するクラウド保存とLINE・スマホ引き継ぎ機能
設定や相関図の推敲は、少しずつキャラクターを追加しながら時間をかけて行うものです。本ツールは、相関図の各メンバーの座標やアバター画像、矢印関係のデータを暗号化してデータベース（SQLite）へ一時保存できます。一意の8文字共有URLと対面スキャン用QRコードを発行し、4桁のパスコードを設定させることで、他の第三者による誤操作や荒らしによるデータ上書きを確実に防ぎます。これにより、通勤中の電車内でスマホでアイデアをドラッグ配置し、帰宅後に大画面のPCでアバターを整えて高画質で画像出力する、といったマルチデバイスの連携運用を完全ノーログイン・完全無料で実現し、高いアクセスインプレッションとAdSense広告露出を最大化させる優れた集客ロジックを備えています。