♪ ソフトウェア使い方ガイド

案内地図メーカー v2
完全解説

碁盤状のマス目にアイコンを並べるだけで、見やすいアクセスマップをかんたんに作れるソフトウェアです。

🗺 アイコン配置 ✏️ 図形描画 📷 画像挿入 🗂 レイヤー管理 🗺 下書き地図 💾 PNG保存
🚉🏥🚌📍 🎯🏦🌳🚦🏪 🧭🚗🛕 🏢🚩🌊🏫 🚉🏥🚌📍 🎯🏦🌳🚦🏪 🧭🚗🛕 🏢🚩🌊🏫
OVERVIEW

♪案内地図メーカーとは?

行き方を伝えるアクセスマップを、直感的な操作でかんたんに作成できるWebアプリケーションです。

🗺

マス目にアイコンを並べる

碁盤状のグリッドセルに道路・鉄道・建物などのアイコンをクリックまたはドラッグで配置。感覚的にマップが作れます。

🎨

見やすくデフォルメされた地図

実際の地図を正確にトレースするのではなく、わかりやすくシンプルにデフォルメした案内用マップを手軽に作成できます。

📤

PNG画像として保存・印刷

完成したマップはPNG形式で保存してメール添付・SNS投稿・印刷など多目的に活用できます。

💡 こんな用途に最適

🎉 パーティ・イベントの案内状
🏠 引越しの新住所案内
🏢 会社・店舗のアクセスマップ
🎓 学校・施設の案内図
💒 結婚式の招待状添付地図
🌐 Webサイト掲載用地図
INTERFACE

画面の構成

シンプルで見通しの良い4エリア構成。初めてでもすぐ使いこなせます。

📄 新規 💾 PNG 🖨 印刷
🗺 アイコン ╱ 直線 □ 四角 ○ 円 💬 文字 🖼 画像
アイコン
図形
レイヤー
🚉
🏥
📍
🚌
🏦
🌳
🎯
🏦
🏥
🚉
🚦
🎯
📍
マップサイズ
列: 20 / 行: 15
プレビュー
情報
アイコン配置
ドラッグで
連続配置
🖼

① ヘッダー(上部ツールバー)

新規作成・保存・印刷などのファイル操作と、アイコン・図形・テキスト・画像などすべてのツールを切り替えます。

🗂

② 左パネル(パレット)

アイコン一覧・図形スタイル設定・プロパティ・レイヤー管理の4タブで構成。配置したいアイコンをここから選びます。

🎨

③ キャンバスエリア(中央)

実際にマップを描くメインエリア。グリッド線が表示され、セルに合わせてアイコンや色を配置できます。ホイールズームに対応。

⚙️

④ 右パネル(設定・プレビュー)

マップのサイズ(列数・行数・セルサイズ)の変更、グリッド表示のON/OFF、ミニチュアプレビューの確認ができます。

📊

⑤ ステータスバー(下部)

マウスカーソルの座標・セル位置・現在のツール・レイヤー名・ズーム倍率がリアルタイムで表示されます。

💡

⑥ トースト通知

操作の結果(「コピーしました」「PNG保存しました」など)が画面下部に短時間表示され、操作の確認ができます。

FEATURES

全機能の詳細解説

♪案内地図メーカー v2 が持つすべての機能を詳しく説明します。

🗺

アイコン配置ツール

基本機能

160種類以上の絵文字アイコンをパレットから選び、マップのセルに配置します。

  • マウスボタンを押したままドラッグで連続配置(道路を一気に引けます)
  • アイコンの回転(0°/90°/180°/270°)サイズ倍率(0.3〜3.0×)を設定可能
  • カスタムアイコンとして自分の画像ファイルをアイコンとして登録・使用できる
  • 道路・鉄道・建物・ランドマーク・交通・地図記号・番号など8カテゴリ
✏️

図形描画ツール

描画機能

ドラッグ操作で直線・四角形・円・矢印をキャンバス上に自由に描けます。

  • 直線:道路の補助線や区域境界の描画に
  • 四角形:建物の敷地・エリアのハイライトに
  • 円/楕円:目印・強調表示・集合場所のマーキングに
  • 矢印:経路の方向指示に。線幅・色・不透明度を自在に調整
  • 線種(実線・破線・点線・一点鎖線)の切り替え、塗り色の有無も設定可能

選択・移動ツール

編集機能

配置済みのオブジェクトやセルをマウスで選択・移動・削除できます。

  • 図形・画像・テキストをクリックして選択し、ドラッグで自由移動
  • セルに置いたアイコン・テキスト・塗りも別セルへドラッグ移動
  • 右クリックでオブジェクト・セルを削除
  • Delキーで選択中オブジェクトを削除
  • Ctrl+C/Ctrl+Vでオブジェクトのコピー&ペースト
🗂

レイヤー管理

レイヤー

複数のレイヤーに分けて作図でき、専門ソフトと同様の柔軟な編集が可能です。

  • 初期状態で「背景」「道路」「建物」「テキスト」の4レイヤーを用意
  • レイヤーの表示/非表示ロック(編集禁止)不透明度を個別制御
  • レイヤーの追加・複製・削除・上下移動・下レイヤーとの結合
  • レイヤー名はダブルクリックで直接変更可能
💬

テキストツール

文字入力

「ここです!」「〇〇駅前」などの注釈文字をマップ上に配置できます。

  • セルに文字を入力(最大80文字)。フォントサイズ・文字色を設定
  • 太字・斜体・下線の装飾スタイルに対応
  • 文字背景の有無(透明/白背景)を切り替え可能で見やすく調整
  • 自由オブジェクトとしてキャンバス上に直接配置し、あとで移動も可能
🖼

画像挿入ツール

画像機能

写真やロゴ画像をマップ上に配置できます。

  • PNG・JPG・GIFなどの画像ファイルを読み込んでキャンバスに貼り付け
  • 挿入時に幅・高さ(ピクセル)を指定してサイズを調整
  • 挿入後は選択ツールでドラッグして自由に移動
  • カスタムアイコンとしてセル配置にも使用可能(サイズ倍率対応)
🗺

下書き地図(背景画像)

補助機能

実際の地図のスクリーンショットを半透明の下絵として表示し、それをなぞるようにアイコンを配置できます。

  • PNG/JPG等の画像を読み込んでグリッド下に半透明表示
  • 不透明度(5〜100%)・拡大縮小(10〜300%)・X/Y位置を自由に調整
  • 「背景クリア」で下絵をすぐに消去できる
⚙️

アンドゥ・ズーム・マップサイズ

操作補助

作業をサポートする各種操作設定機能です。

  • アンドゥ(最大80回)・リドゥに対応(Ctrl+Z / Ctrl+Shift+Z)
  • ズーム:ボタン/Ctrl+ホイール/Ctrl+±キーで25%〜400%
  • マップサイズ(列数・行数)とセルサイズをリアルタイムに変更可能
  • グリッドスナップのON/OFFで図形の始点・終点を整列
  • ミニチュアプレビューで全体を確認しながら作業
HOW TO USE

かんたん6ステップ

はじめてでもこの手順に従えばすぐにアクセスマップが完成します。

1

マップサイズを設定する

右パネルの「マップサイズ」で列数・行数・セルサイズ(px)を設定します。A4印刷なら列20×行15、セル48pxが目安です。

💡 後からでも変更可能。まず始めてみましょう。
2

(任意)下書き地図を読み込む

ツールバーの「🗺 下書き地図」から実際の地図スクリーンショットを読み込みます。不透明度を下げて薄く表示し、なぞる下絵として使います。

💡 Googleマップ等のスクリーンショットが便利です。
3

道路・鉄道アイコンを敷き詰める

左パネルの「道路」カテゴリからアイコンを選び、キャンバス上をドラッグして道路を引きます。十字路・T字路・カーブなどを組み合わせます。

💡 ドラッグで連続配置できます。
4

建物・ランドマークを配置する

「建物・施設」「ランドマーク」カテゴリから病院・駅・コンビニなどを選んで配置。「🎯ここです」や「📍ピン」で目的地を示しましょう。

💡 回転・サイズ倍率で方向や大きさも調整できます。
5

文字・図形・矢印で仕上げる

「💬 テキスト」ツールで地名や説明文を追加。「→ 矢印」で経路の方向を示し、「□ 四角形」や「🪣 塗り」でエリアを色分けすれば見やすさ抜群。

💡 セル塗りでドラッグ範囲を一気に色塗りできます。
6

PNG形式で保存・印刷する

ツールバーの「💾 PNG保存」ボタンで画像ファイルとして書き出します。「🖨 印刷」ボタンでブラウザの印刷機能を使って直接印刷もできます。

💡 メール添付・SNS投稿・チラシへの貼り付けに最適です。
ICONS

アイコン一覧(160種以上)

道路から建物、ランドマークまで。地図に必要なアイコンが全てそろっています。

🛣道路(12種)
直線(横)
直線(縦)
十字路
T字(下)
T字(上)
T字(右)
T字(左)
カーブ↘
カーブ↙
カーブ↗
カーブ↖
行き止まり
🚆鉄道(7種)
線路(横)
線路(縦)
交差
🚉
🚇地下鉄
🚊路面電車
🚅新幹線
🏢建物・施設(12種)
🏥病院
🏫学校
🏢会社
🏪店舗
🏨ホテル
🏦銀行
🏣郵便局
🏬コンビニ
🍽レストラン
カフェ
ガソリン
🏠アパート
ランドマーク(12種)
神社
🛕
教会
🏯
🌳公園
🗼タワー
🌉
🚩目的地
📍ピン
🎯ここです
🏡自宅
🚌交通(10種)
🅿駐車場
🚌バス停
🚕タクシー
🚲自転車
🚶徒歩
🚦信号
🛣高速
船着場
空港
🚗自動車
🗾地図記号・番号(24種)
🌾
🌿
🌲
🌊水域
💧
①〜⑥
🧭方位
上記に加え、カスタムアイコン機能で自分の画像ファイルをアイコンとして追加登録することも可能です。
SHORTCUTS

キーボードショートカット一覧

ショートカットを活用するとより素早く作業できます。

操作ショートカットキー説明
元に戻す(アンドゥ)Ctrl+Z直前の操作を取り消します(最大80回)
やり直し(リドゥ)Ctrl+Shift+Z取り消した操作をもう一度実行します
コピーCtrl+C選択中のオブジェクトをコピーします
貼り付けCtrl+Vコピーしたオブジェクトを貼り付けます(少しずれて配置)
削除Delete または Backspace選択中のオブジェクトを削除します
ズームインCtrl++ または Ctrl+=表示を拡大します(最大400%)
ズームアウトCtrl+表示を縮小します(最小25%)
ホイールズームCtrl+マウスホイールホイール回転で拡大・縮小
テキスト確定Enterテキスト入力ダイアログで文字を確定
ダイアログキャンセルEscapeテキスト入力ダイアログを閉じます
TIPS & TRICKS

もっと上手に使うためのヒント

知っておくと作業がはかどるテクニックをご紹介します。

01

下書きを活用してスムーズに

Googleマップなどのスクリーンショットを下書き地図として読み込み、不透明度を30〜40%に設定してからアイコンをなぞると、正確な位置関係のマップが素早く作れます。

02

レイヤーを役割ごとに分ける

「道路」「建物」「テキスト」のようにレイヤーを役割で分けておくと、後から修正したいときに目的のレイヤーだけを編集できて便利。他のレイヤーはロックしておくと誤って上書きしません。

03

道路はドラッグで一気に引く

直線道路を引くときは、直線アイコン(━または┃)を選んでセル上をドラッグするだけ。マウスを押したまま動かすと通ったセル全てに連続配置されます。

04

矢印で経路の方向を示す

「→ 矢印」ツールを使って主要ルートに沿って矢印を引くと、見る人が迷わないわかりやすい地図になります。色・太さ・不透明度を変えて強弱をつけましょう。

05

セル塗りで背景に色分けを

「🪣 セル塗り」ツールでドラッグすれば、公園(緑)や川(水色)、目的地周辺(薄黄)などをエリアで色分けできます。地図の見やすさが格段に向上します。

06

ロゴや写真を画像挿入で添付

「🖼 画像挿入」ツールで会社のロゴや建物の写真をマップ上に貼り付けると、より情報量の多い案内地図になります。選択ツールで自由な位置に移動できます。