シンプルな路線図作成ツール（シミュレーター）

ツールの概要

路線図作成ジェネレーターはブラウザ上で自由に鉄道路線図を作成できるビジュアルツール（アプリ）です。駅の配置や路線の接続を直感的な操作で行え、オリジナルの路線図を簡単にデザインできます。

主な機能

路線の管理

路線の追加

「➕ 路線を追加」ボタンをクリックすると新しい路線を作成できます。路線名、カラー、線の太さ（1〜20px）を自由に設定可能です。設定した路線は画面右下の路線一覧に表示されます。

路線の削除

路線一覧の各路線の右側にある「×」ボタンで削除できます。路線を削除すると、その路線で接続されていたすべての区間も削除されます。

駅の操作

駅の追加

「🏢 駅を追加、移動」モードを選択してから、キャンバス上の好きな場所をクリックすると駅を追加できます。駅を追加する際には、日本語名、英語名、ラベルの表示位置（上下左右）、フォントサイズなどを詳細に設定可能です。

駅の移動

駅をドラッグ&ドロップすることで自由に位置を変更できます。デフォルトではグリッド（50pxごと）にスナップして整列されますが、「自由移動モード」をオンにすると、グリッドにとらわれない細かい配置が可能になります。

駅の編集

駅を右クリック（スマートフォンの場合は長押し）すると編集メニューが開きます。駅名の変更、ラベル位置の調整、文字サイズの変更などが一括で行えます。また、「複製」ボタンで同じ設定の駅を簡単にコピーできます。

駅の削除

駅の編集メニューから「削除」ボタンで駅を消去できます。駅を削除すると、その駅に接続していた路線区間もすべて削除されます。

路線接続

接続の作成

まず「使用路線」のドロップダウンメニューから接続に使いたい路線を選択します。

次に「🔗 路線を接続、編集」モードに切り替えて、接続したい2つの駅を順番にクリックすると、選択した路線の色と太さで駅同士が結ばれます。

接続の編集

「🔗 路線を接続、編集」モード中に既存の路線をクリックすると編集メニューが表示されます。路線の種類を別のものに変更したり、接続を削除したりできます。

表示のカスタマイズ

ズーム機能

画面下部のズームスライダーを調整すると、10%〜500%の範囲で表示倍率を変えられます。また、Ctrlキーを押しながらマウスホイールを回すことでも、ポインタの位置を中心にズームできます。

パン（移動）機能

駅や路線のない場所をドラッグするとキャンバス全体を移動させられます。大きな路線図を作成する際に便利な機能です。

図面の横幅調整

「図面の横幅をカスタマイズ」のチェックボックスをオンにすると、キャンバスの幅を800px〜5000pxの範囲で自由に設定できます。横に長い路線図を作りたいときに活用できます。

グリッドとスナップ

デフォルトでは50pxごとのグリッドに沿って駅が配置されるため、きれいに整列した路線図を作りやすくなっています。「自由移動モード」をオンにすると、グリッドに縛られずピクセル単位で細かく配置できます。

データの保存と読み込み

JSON形式で保存

「💾 JSON保存」ボタンをクリックすると、作成した路線図のデータをJSON形式のファイルとして保存できます。路線の情報、駅の位置、接続状態などがすべて記録されるため、後で編集を再開できます。

JSON形式で読み込み

「📂 JSON読込」ボタンで、以前保存したJSONファイルを開いて編集を再開できます。キャンバスの幅やズーム設定も復元されます。

PNG画像でエクスポート

「📷 PNG保存」ボタンで、作成した路線図を画像ファイルとして保存できます。画像には路線図本体に加えて、下部に路線一覧の凡例も自動的に含まれます。プレゼンテーションやウェブサイトへの掲載に便利です。

便利な機能

ランダム生成

「🎲 ランダム生成」ボタンでは指定した路線数（1〜10）と駅数（3〜50）に基づいて、自動的に路線図を作成してくれます。

特に意味のない機能です。

クリア

「🗑️ クリア」ボタンですべての路線、駅、接続を一度に削除して、まっさらな状態から作り直せます。

操作のコツ

PC・マウス操作

• 駅の編集は右クリックでメニューを開きます
• Ctrl+マウスホイールでズームがスムーズに行えます
• ドラッグ&ドロップで駅を移動したり、画面全体をパンしたりできます

スマートフォン・タッチ操作

• 駅の編集は長押しで実行できます
• 画面のドラッグで駅の移動やパン操作が可能です
• 長押し中に指を少し動かすと、長押し判定がキャンセルされて移動操作に切り替わります

効率的な作業手順

路線を先に登録してから駅を配置し最後に接続を作成していくと、スムーズに作業できます。大規模な路線図を作る場合は、まず主要な駅を配置してから細部を詰めていくと、全体のバランスを保ちやすくなります。

まとめ

このツールは直感的な操作で本格的な路線図を作成できる便利なジェネレーターです。ボタンやモードを切り替えながら、自由に駅を配置して路線でつなぐだけで路線図が完成します。

保存・読込機能を使えば、いつでも編集を再開できるためじっくり時間をかけて理想的な路線図を作り上げられます。