自社サイトに置ける、3D の間取りシミュレーター
間取りシミュレーター
工務店・設計事務所・不動産の相談の席や物件ページで、お客さまが自分でマス目を塗って間取りを描き、3D で確かめられる部品です。描いた間取りはお客さまのブラウザの中だけに残り、外へは送りません。
動く見本触ると、その場で結果が変わります。入力した内容はこの画面の中だけで扱い、外へ送ったり保存したりしません。
建物を組み立てています…
3D はドラッグで回転、ピンチまたはホイールで拡大縮小、右ドラッグか 2 本指で平行移動。間取り図は「塗る」で部屋をなぞり、「選ぶ」で家具を動かします。
3D のデータは読み込まず、間取りはマス目の表、家具は箱の一覧という 2 つの表から組み立てています。変更はお使いのブラウザにだけ保存し、サーバーには送りません。
お求めいただく版で増えるもの
上の見本は、部屋を塗る・家具を置く・3D で見るまでの版です。お求めいただく版には、次のものが入っています。
- 建具: ドア・引き戸・腰窓・掃き出し窓。間取り図には記号が出て、3D では壁に開口が空きます
- 寸法: 部屋の面積と帖、家具・建具の幅 × 奥行き × 高さを、その場で打ち替えられます
- 外皮の寸法（間口・奥行きは 4〜16 m）、平屋と 2 階建て、設備（クローゼット・押入・玄関収納・階段）と外周（バルコニー・テラス・玄関ポーチ）
- 家具 18 種の実寸。テレビはインチを入れると画面の大きさになります
- 取り消し・やり直し（100 手まで）と、拡大したままの移動
- 案を 10 件まで持てる複数案、PNG の書き出し、印刷（PDF 保存）
- 物件ページ向けの「見せるだけ」の設定と、自社のプランを最初から出す設定
- 単体のページ（page/index.html）: ノート PC で開くだけで、相談の席で使えます
- 397 件自動テストの数です。版を出すたびに、すべて通してからお届けしています（1.0.1）。
- 0 円月額の費用です。ご自身のサイトに置いたファイルだけで動きます。
- 0 件描いた間取りをサーバーへ送る通信です。保存はお使いのブラウザの中だけです。
- 18 種実寸の家具の数です。幅・奥行き・高さを直に入れることもできます。
向いている方・向いていない方
向いている方
- 地域の工務店・設計事務所・リフォーム店で、相談の席や見学会でお客さまと一緒に間取りを描きたい方
- 物件ページに、触って 3D で確かめられる間取りを載せたい不動産・工務店の方（見せるだけの設定があります）
- 工務店のサイトを作る制作会社・フリーランスの方（クライアントのサイトに組み込んで納品できます）
- ご自身で置くのが不安な方（設置までお任せいただけます。下の「お値段」をご覧ください）
向いていない方
- 施主として、ご自身の家の間取りを考えたい方（無料の間取りのサービスで足ります。下の比較をご覧ください）
- 斜めの壁・3 階以上・屋根の形・日当たりまで確かめたい方（作っていません）
- 描いた間取りを、お客さまから問い合わせで受け取りたい方（送る機能は入っていません。PNG か印刷で書き出していただく形です）
- Internet Explorer や古い iPad で使いたい方（Safari は 15.4 以降。3D には WebGL2 が要ります）
ほかの方法と比べる
| 種類 | 名前 | 費用 | できること・違い |
|---|---|---|---|
| 無料の道具 | Floorplanner（Basic プラン） | 0 円（5 件まで。書き出しには透かし） | ブラウザで間取りと 3D を作れる英語のサービスです。お客さまは、そのサービスの画面で作ります。 |
| 無料のソフト | Sweet Home 3D | 0 円 | 家具を置いて 3D で確かめられる、パソコン・スマホ向けの無料のソフトです。 |
| 似たサービス | RoomSketcher | 無料プランあり。Pro は年 $144 | 英語のサービスです。無料プランには面積の計算が無く、3D の画像に透かしが入ります。 |
| このキット | 間取りシミュレーター | ¥9,800（税込・買い切り） | 自社のサイトの中で動き、描いた間取りはお客さまのブラウザの中だけに残ります。ほかのサービスの画面へ移らずに、自社のページで相談が続きます。月額はかかりません。 |
無料の道具で足りる方には、そちらをおすすめします。
ほかの方法の内容と費用は、2026/10/20 に各社のページで確かめたものです。
お値段
- キットだけ（ご自身で貼る）
- ¥9,800（税込・買い切り） BOOTH で買う
- 設置まで頼む
- 合計 ¥75,800〜（税込）キット ¥9,800 ＋ 設置代行 ¥66,000〜（税別 ¥60,000〜）設置を頼む（ご相談の窓口へ）
領収書・インボイス
本ショップは適格請求書発行事業者ではないため、BOOTH の購入履歴から領収書は発行されません（BOOTH の領収書はインボイス発行事業者のショップに限られます）。経費の記録には、BOOTH から届く「ご注文の確認」のメールと、お支払い方法の明細（クレジットカードの利用明細など）をお使いください。消費税の仕入税額控除の対象にはなりません。
つまずきやすいところ
サイトに置くまで（Web の担当の方への手順）
zip には embed・page・dist・src などのフォルダがありますが、サイトに置くのは「embed」の中のファイルだけです。
- zip を展開し、「embed」フォルダから floorplan.global.js・floorplan-3d.global.js・floorplan-simulator.css の 3 つを取り出します。
- 3 つを、サイトの同じフォルダに置きます。
- 載せたいページに、embed-snippet.html の 5 行を貼ります（WordPress なら「カスタム HTML」のブロックに貼ります）。
- ページを開き、マス目を塗れることと、3D が出ることを確かめます。
サイトに置く前に試したいときは、「page」フォルダの index.html をブラウザで開くだけで使えます。サーバーは要りません。
3D の枠に断りが出たとき
3D を出せない端末やブラウザでは、断りを出して間取り図だけで動きます。
- ブラウザを最新にします（Chrome・Edge・Firefox の最新版か、Safari 15.4 以降）。
- iPhone・iPad は、iOS 15.4 以降に更新します。
- 「3D の部品を読み込めませんでした」と出るときは、floorplan-3d.global.js がほかのファイルと同じフォルダにあるかを確かめます。
3D が出ない端末でも、部屋を塗る・家具を置く・印刷するところまでは、そのままお使いいただけます。
更新とご利用の範囲
お求めの方は、その後の 1.x の更新も無料で受け取れます（差し替えるのは embed の 3 ファイルか page フォルダで、保存してある間取りはそのまま使えます）。クライアントのサイトに組み込んで納品できます。再配布・転売・同種の商品としての販売はできません。
ご購入から 14 日は、手順書どおりに動かないときにメールで設置まで一緒に確かめます。デジタル商品のため、返品・返金はお受けしていません。