業務アプリの​受託開発 お問い合わせ

図03 交通規制図の​作図

規制図メーカー

道路、​コーン、​矢印板、​ガードマン、​工事看板を​並べて、​道路工事の​交通規制図を​作る​アプリです。

図番
GD-03-03
件名
規制図メーカー
更新
2026.10
使う​会社
交通規制を​伴う​工事の​会社
動く​所
PC​(ブラウザ)
公開
触れる​デモ
体験デモ
この​下で​操作できます

PCの​ブラウザで

交通規制図を、
部品を​置くだけで。

コーンや​ガードマン、​矢印板を​選んで、​道路の​上に​置いていきます。​表題欄と​凡例は​自動で​付き、​A4横で​印刷できます。​画面に​映っているのは、​体験デモを​操作した​録画です。

下へ​進むと、​画面の​中へ​入ります

PCのブラウザで規制図メーカーを開いたところ
  1. 01部品を​選んで、
    置くだけ。
    コーン、​バリケード、​ガードマン、​矢印板、​工事看板などを​並べます。​部品は​5mmの​目盛りに​吸い​付きます。
  2. 02道路と​規制の​範囲を
    描く。
    道路、​白線、​規制範囲の​斜線、​寸法線も、​作図の​道具で​引けます。
  3. 03表題欄と​凡例は、
    自動で​付く。
    二重の​図枠、​凡例、​表題欄、​方位記号まで​付けて、​A4横で​印刷できます。

困っていた​こと

  • 規制図を​毎回​CADや​手書きで​作っていて、​時間が​かかる
  • 現場の​担当者が​自分で​直せず、​事務所に​頼むしかない

作った​もの

保安用品と​車両の​部品を​左から​選んで​置くだけで、​規制図が​できます。​部品は​5mmの​目盛りに​吸い​付き、​凡例と​表題欄は​自動で​付きます。​下絵に​地図の​画像を​敷いて、​その​上に​描くこともできます。

主な​機能

できる​こと

  1. 01部品を​置くコーン、​バリケード、​ガードマン、​ダンプ、​矢印板、​工事看板、​信号機など
  2. 02道路と​範囲道路、​白線、​停止線、​規制範囲の​斜線、​寸法線
  3. 03図面の​体裁二重の​図枠、​凡例、​表題欄、​方位記号を​自動で​付ける
  4. 04書き出しA4横で​印刷、​高解像度の​画像、​あとで​直せる​データ

使った​技術

  • React
  • TypeScript
  • SVG
  • ブラウザ内保存

体験デモ

実際に​操作できます

見本の​図が​入った​状態で​開きます。​描いた​図は​お使いの​ブラウザの​中だけに​保存されます。

全画面で​開く