だれでも
シミュレータ

3D見積もりシミュレーターの作り方：FreeCADでCADデータをWeb表示。3Dモデルの書き出しから「だれでもシミュレータ」での公開まで最短ルートで解説

2025.05.27

設計用のCADデータ（STEPやIGES）をWebサイトで公開し、ブラウザ上で自由に動かしたい。そう考えたとき、専門的なプログラミングや高額なサーバー構築が壁になり、断念してしまうケースは少なくありません。

しかし、FreeCADを使ってデータを適切にWebGL用へ変換し、「だれでもシミュレータ」を組み合わせれば、専門知識がなくてもCADデータを今日中に「動くWeb資産」へ変えることが可能です。

本記事では、FreeCADを用いたデータ変換の具体的な手順から、マニュアルに沿ってWeb公開・シミュレーター化するまでの最短ルートを詳しく解説します。

ー

※「3Dソフトの操作に自信がない」「まずは手元のデータで手っ取り早く動かしてみたい」という方は、以下の記事を先にご覧ください。
[➡ 3Dソフト不要！CADデータをそのままアップして3Dシミュレータを作る最短ルートはこちら]

ー

FreeCADを使ってCADデータをWeb表示用の「軽量データ」に変える理由

設計業務で使用されるCADデータ（STEP、IGES、STLなど）をそのままWebサイトにアップロードしても、スムーズに動くことはほとんどありません。Webブラウザ上で3Dモデルを快適に表示・操作するためには、データの「軽量化」と「最適化」が不可欠です。ここでは、なぜFreeCADを経由してデータを整える必要があるのか、その3つの理由を解説します。

1. 設計用データはWebで表示するには「重すぎる」から

CADデータは、製造を目的とした非常に高精度な「ベクターデータ」や「ソリッドデータ」です。ネジ一本の溝や内部構造まで正確に記録されているため、ファイルサイズが数十〜数百MBになることも珍しくありません。 これをそのままWebで読み込もうとすると、表示までに数分かかったり、ブラウザがフリーズしたりしてしまいます。FreeCADを使用してWeb用のメッシュデータ（OBJやglTF）に変換し、不要なポリゴンを削減することで、スマホでも瞬時に表示される軽量なデータへと生まれ変わります。

2. ブラウザが理解できる「ファイル形式」が決まっているから

Webブラウザで3Dを表示する標準技術「WebGL」では、設計用CADソフトの独自形式を直接読み込むことはできません。 Webの世界で標準的に使われるのは、OBJやglTF/GLBです。FreeCADは、多種多様なCAD形式を読み込み、これらのWeb標準形式へ正確に「橋渡し」をする優秀なコンバーターの役割を果たします。

3. 「見た目」と「構造」を整理して営業資産に変えるため

設計データには、Web表示には不要な内部パーツや非表示レイヤーが含まれていることが多く、これが表示の乱れや重さの原因になります。 FreeCADで必要な外観パーツだけを選択して書き出すことで、見た目が美しく、かつ動作が軽い「営業用3Dモデル」を作ることができます。こうして整えられたデータこそが、AR配置や3D見積システム（CPQ）として活用できる、企業の「一生モノの資産」となります。

ー

CADデータを「だれでもシミュレータ」に取り込めるデータ形式に変換

CADデータ（IGS・STEP形式等）を「だれでもシミュレータ」に登録する方法のご案内です。

だれでもシミュレータには、obj形式とglTF形式のデータが取り込めます。手元にCADデータしかなく、IGSやSTEP等の形式だった場合はツールを使って変換しましょう。

ー

無償で使える「FreeCAD」で変換する

CADデータの変換ツールとして、無償で使用できるオープンソースのCADソフトウェアFreeCADをご紹介します。非常に多くのファイル形式に対応し、WindowsでもMacでも使用できます。

【FreeCAD 公式ページ】
https://www.freecad.org/index.php?lang=ja

ー

FreeCADを使った変換方法

CADデータ読み込み

FreeCAD上で「file > open」からデータを読み込みます。
主に以下の形式を読み込むことが可能です。詳しくはウェブサイトをご覧ください。

3D Manufacturing Format (*.3mf)
3D Studio mesh (*.3ds)
Alias Mesh (*.obj)
Autodesk DWG 2D (*.dwg)
Autodesk DXF 2D (*.dxf)
BREP format (*.brep *.brp)
Binary Mesh (*.bms)
Collada (*.dae)
Common airfoil data (*.dat)
STEP with colors (*.step *.stp)
Stanford Triangle Mesh (*.ply) 
Wavefront OBJ – Arch module (*.obj) 

Blender用データに書き出し

CADデータはWebで表示するにはポリゴン数が多く重すぎるため、Blenderで『軽量化（リダクション）』や『見た目の調整（UV展開）』を行うことで、スマホでもサクサク動く高品質なシミュレーターになります。
※だれでもシミュレータはBlenderから書き出したobjデータに最適化しています。

読み込んだモデルを選択し、「File > Export…」でBlenderで読み込める形式に書き出します。
glTFならマテリアル設定やファイル階層の構造などが保存されます。

glTF形式で書き出せば、マテリアル（質感）情報を保持したまま『スタティックオブジェクト』として一発登録が可能です。パーツの組み替えが不要な展示用モデルなら、この方法が最短ルートです

ー

Blenderへの読み込みとobj書き出し

保存したファイルをBlenderで読み込み、UV等を調整したオブジェクトをobj形式に書き出せば、だれでもシミュレータに登録できます。

blenderからobjへの書き出しについて：だれでもシミュレータ構築マニュアルはこちら

ー

【次のステップ】変換したデータを「だれでもシミュレータ」で公開しよう

FreeCADでデータの準備ができたら、次はいよいよWeb公開です。 「だれでもシミュレータ」なら、アカウント作成後すぐに作成したデータをアップロードして、ブラウザでの動作を確認できます。

具体的な登録手順や、データのアップロード方法、シミュレーターの構築ガイドについては、以下の公式マニュアル（スタートアップガイド）で詳しく解説しています。

だれでもシミュレータ 公式操作マニュアル

「データはできたけれど、どうやってサイトに埋め込むの？」 「価格はどうやって表示させるの？」 そんな疑問は、公式マニュアル：スタートアップガイドですべて解決できます。
登録から公開まで、ステップバイステップで進めたい方はぜひ活用してください。

マニュアルで確認できる主な内容：

  • アカウント作成の手順： カード登録不要、数分で完了します。
  • 3Dモデルの登録方法： FreeCADで書き出したOBJ/glTFファイルを読み込む手順。
  • UI・価格設定： シミュレーターとしての外観や見積機能を整える方法。

まずはマニュアルを片手に、あなただけの3Dシミュレーターを立ち上げてみてください。

無料でアカウント登録して、Web3D化を始める

ー

変換したデータを「ただ表示するだけ」で終わらせていませんか？

FreeCADでobj形式やglTF形式に変換できれば、第一段階はクリアです。しかし、そこから自社サイトに埋め込み、スマホ対応させ、見た目を綺麗に整えるには、通常さらに数週間の開発期間がかかります。

「だれでもシミュレータ」を活用すれば、以下のことが数クリックで完了します：

  • ノーコードでWeb埋め込み： 変換したファイルをアップロードするだけで、即座にブラウザ表示。
  • AR機能も標準搭載： 特殊な設定なしで、スマホのカメラで実寸大表示が可能。
  • 見積・仕様確定（CPQ）へ拡張： 3Dモデルに「価格」や「オプション選択」を紐付け、そのまま見積システムとして運用。

まずは変換したデータがWebでどう動くか、無料トライアルで確認してみるのが近道です。
無料トライアルで3DデータのWeb表示を試してみる

ー

Webで表示できる様になったCADデータ、次はレイアウトシミュレータにしてみませんか？

平面図と組み合わせ、3Dレイアウトを体験する

「だれでもシミュレータ」にユーザーが自由に家具を追加・削除・移動ができる、そしてレイアウト用に間取り図もアップできる、レイアウトシミュレータのご案内ページはこちら

難しい操作は一切なし。手持ちの「間取り図画像」を3D化して、誰でも1分で家具配置ができるシミュレーター

ダイナミック3Dオブジェクトによるアイテム切り替え
　　　　　　　　

おすすめの使い方

3D見積もりシミュレーターの作り方

機能アップデート

PoCで終わらせないシステム開発｜シミュレータ開発元によるカスタマイズと本開発への移行

ツールの基盤を活かしながら、貴社専用の機能を組み込む「ハイブリッド型開発」について解説します。

3Dソフト不要！CADのOBJデータをそのままアップロードして3Dシミュレータを作る最短ルート

CADから書き出したデータを、そのままアップ。最短5分でシミュレータが完成。

受注ミスの『責任』をシステムが肩代わり。「3Dコンフィギュレーター」の禁則処理とは？

「だれでもシミュレータ」は同時使用を禁止する「禁則処理」を設定できます。

だれでもシミュレータで使える3Dファイル形式とカスタマイズ可能なファイル形式

だれでもシミュレータでは、「obj」「gltf」の他、多様なファイル形式に対応する様カスタマイズできます。

Web3Dモデルのマテリアル透過にリアリティを。透明なモデルの仕上げ方

高品質な透過モデルを作るためのマテリアル設定をご案内。質感がより実物に近づけるクオリティアップの方法です。

FreeCADでCADデータをWeb表示。3Dモデルの書き出しから「だれでもシミュレータ」での公開まで最短ルートで解説

CADデータ（IGS・STEP形式等）をだれでもシミュレータに登録する方法のご案内です。

クライアントワークをご一緒に！デザインシミュレーター導入をスムーズに行う方法

れでもシミュレータを使って、一緒にクライアントワークを行いませんか？スムーズな開発のご案内です。

間取り図の上で、商品を自由にレイアウト。平面図を3D空間に変える『現場用』シミュレーターの作り方

システム内で3D平面を生成し、レイアウトシミュレータを作ってみましょう。

3DシミュレータとShopifyの購入ボタンを連携する方法

「だれでもシミュレータ」はシミュレーション結果をShopifyの購入ボタンと連携できます。

もっと便利に！新バージョン、「v2」ベータ版リリースのお知らせ

プロジェクト数無制限、スロットの複製・削除機能搭載のv2リリース！

組み合わせは無限大。ダイナミック機能で実現する、多数バリエーション対応WebARの作り方

iOS、Androidに対応したWebARの作り方をご説明します。

だれでもシミュレータのECサイト連携について

「だれでもシミュレータ」は、Shopifyなど各種ECサイトとの連携も可能です。

【製造業DX】CADデータを3D見積シミュレータへ。モデル制作・軽量化をプロが代行

だれでもシミュレータは3Dモデリングをご依頼いただけます。

「だれでもシミュレータ」プランの選び方。必要アセット数で選ぼう

必要アセット数から、最適なプランを選びましょう。

だれでもシミュレータで家具の3Dレイアウトシミュレータを作る方法

商品を3Dで並べる。レイアウトシミュレータの作り方

Web3Dの作り方。開発ベンダーなら「だれでもシミュレータ」

Web3D開発ベンダーをお探しなら「だれでもシミュレータ」にお問い合わせください。

カタログに3Dを載せる。データエクスポートもできる。Web3Dカタログの作り方

Webで見れる3Dカタログ、Web3Dカタログの作り方のご案内です。

「だれでもシミュレータ」でマテリアルを作る方法

だれでもシミュレータでのリアルなマテリアルデータの作り方

だれでもシミュレータのセキュリティ対策について

「だれでもシミュレータ」のセキュリティ対策についてご案内です。

チュートリアルで作る！3Dシミュレータ・コンフィギュレータの作り方。

だれでもシミュレータを使って3Dコンフィギュレータ・シミュレータを作りましょう

「入るかな？」の不安を解消。アプリ開発不要で自社サイトに「AR配置機能」を導入し、購入の最後の一押しを作る方法

その空間に「設置できるか」シミュレーションが行えるAR設置シミュレータの作り方をご案内。

Web3Dコンフィギュレータのダイナミックマテリアル使用法

全体の色を一気に変える「ダイナミックマテリアル」の使い方です

食器のロゴシミュレータの作り方

食器のロゴシミュレータに！だれでもシミュレータで3Dオブジェクトにロゴを貼る方法

ARで見せるために必要なものとは？

これまでARを見せる際に必要だった「環境づくり」も自動で作れます。

お試しに。費用を抑えてAR開発を依頼する方法

費用を抑えてARシミュレータ開発を依頼する方法です。

WebARとは？アプリ不要で3D体験。ビジネス導入のメリットと「だれでもシミュレータ」での最短制作法

スマートフォンやタブレットのWebブラウザでAR体験を提供します。

WebGLに最適化。シミュレータ用3Dモデルへの変換方法

「だれでもシミュレータ」ご利用の方向けに、WebGLに最適化したモデル作りをお手伝い。

だれでもシミュレータへのObjインポート手順とRhinoでの注意点

ライノセラスから出力したobjファイルが表示されない場合の対処法です。

Blenderで作った高品質モデルをWeb3D/AR案件へ。制作工数を1/10にするだれでもシミュレータ活用術

blenderクリエイターに朗報。WebARが簡単に作れます。

そもそも3Dシミュレータとは？

3Dで自由に組み合わせて、構成や金額をシミュレーションするシステムです。

3Dシミュレータ開発を依頼するには？

3Dシミュレータを作りたい時、依頼したい時はこちらをご覧ください。

ライティング・テクスチャで出す立体感。Web3Dにおすすめの設定方法。

オブジェクトに陰影をつけよう。ステージのライティングについて。
TOPへ戻る