構築事例
図面上に家具を配置し、重なりや間隔、搬入時の寸法を自動でチェックできるWebアプリを開発しました。開発にはAIコーディングエージェントを活用しました。
ドラッグ操作で配置を調整でき、「チェック」で重なりと間隔の警告を、「搬入目安」でドアの幅・高さとの比較結果を一覧表示します。
オフィスや店舗のレイアウト、倉庫の棚配置など、図面と寸法のルールに基づいて確認する業務に応用できます。
家具をドラッグ操作で配置し、回転、複製、削除ができます。「家具の例」から選ぶと、名称と寸法が自動で入力されます。
部屋からのはみ出し、家具の重なり、向かい合う家具の間隔（目安60cm以上）、出入口の前のスペース（60cm）を自動でチェックします。
家具を直方体とみなしてドアの幅・高さと比較し、搬入可否の目安を○△×で表示します。向きを変えた場合の判定も表示します。
| 開発内容 | 家具レイアウトと搬入寸法をチェックするWebアプリ |
|---|---|
| 対応デバイス | PC、スマートフォン（ブラウザで動作。インストール不要） |
| 開発体制 | AIコーディングエージェント（Claude Code、Codex、Cursor）を活用した自社開発 |
この事例と同じ規模のWebアプリの開発費用は、お使いの環境やチェックするルールの数によって変わるため、内容を伺ったうえでお見積もりします。
継続的にさまざまな業務を自動化したい場合は、「AI業務自動化 月額支援プラン」（月額5万円〜・税別）でお手伝いします。料金プランを見る
図面データ（部屋の寸法、窓とドアの位置）をあらかじめ設定します。
家具の名称と寸法を入力し、図面上に配置します。
ドラッグ操作で配置を調整します。
「チェック」で、はみ出し、重なり、間隔の警告を一覧表示します。
「搬入目安」で、家具ごとの搬入可否の目安を表示します。
| 開発環境 | Claude Code、Codex、Cursor（AIコーディングエージェント） |
|---|---|
| フロントエンド | HTML、CSS、JavaScript（外部ライブラリ不使用の単一ファイル構成） |
| バックエンド | Cloudflare Pages Functions、Cloudflare Workers KV |
| ホスティング | Cloudflare Pages |
使用技術
似たような作業にお悩みの方はお気軽にご相談ください。
ご相談・お問い合わせ今回のシステムは、図面上に対象物を配置し、寸法のルールで自動チェックする構成です。対象物の寸法と配置のルールが決まっている業務であれば、同じ構成を応用できる可能性があります。
いずれも、お客様の図面と、必要な間隔や寸法の基準に合わせて設計します。
クラウド上に保存し、複数の端末から同じデータを参照できます。
利用できます。1本指のドラッグで図面を移動し、ピンチ操作で拡大と縮小ができます。
保証するものではありません。搬入目安は、ドアの幅と高さを家具の寸法と比べた結果で、家具の形状や曲がり角など、搬入経路の条件は含みません。
アプリの動作にAIは使用していません。開発工程ではAIコーディングエージェントを活用しました。
内容を拝見して、原則24時間以内にメールでご返信し、確認したい点や今後の進め方をご案内します。オンラインでのご相談をご希望の場合は、お知らせください。こちらから営業のお電話をすることはありません。