Tutamen ICM-⁠21のインタラクティブな3D製品ページができるまで

ProofsceneがTutamen ICM-⁠21のSTEPファイルを、tutamen.comで公開中のインタラクティブな3D製品ページに変えた方法を紹介します。ページには分解図、冷却液の流れ、公差入りの図面も含まれます。

この導入事例では、ProofsceneがTutamenのICM-⁠21液冷用マニホールドのSTEPファイルを、実際に動くインタラクティブな3D製品ページに変えた方法を紹介します。購入を検討する人は、Tutamenの自社サイト上で製品を回し、分解し、細部まで確認できます。Tutamenは、AI、ハイパースケール、ネットワークセキュリティ向けの熱管理システムと精密機構部品をつくる、カリフォルニア創業のメーカーです。ICM-⁠21は、メーカー自身のCADデータから作ったProofsceneのインタラクティブな3D製品デモの第1号です。製品ページから、誰でもブラウザーでそのまま開けます。

3Dで分解したTutamenのICM-21マニホールド。MQDS-03とMQDS-04のドライブレーク式ソケット、S304Lの本体とボトムプレート、低温側入口のエンドキャップ、シャーシ側のBMQC付きホースにラベルを表示
Proofsceneの3Dビューアーで、名前付きの部品に分解したTutamenのICM-⁠21。

この記事では、インタラクティブな3D製品デモとは何か、Tutamenとはどんな会社で、なぜ最適なパートナーだったのか、CADデータからデモをどう作るのか、一般的な選択肢と比べてメーカーにとっての費用はどうか、そしてどんな製品で最も効果があるのかを解説します。ICM-⁠21の3Dデモを今すぐ開いて、記事を読みながら操作してみてください。

ICM-⁠21のデモでできること

インタラクティブな3D製品デモは、購入を検討する人が実在する製品を立体的に調べられるウェブページです。回し、分解し、断面を見て、各部品が何で、何でできているかを読めます。サービスの内容、公開中の4つのデモ、メーカーのウェブサイトへの組み込み方はインタラクティブな3D製品デモのページで紹介しています。ここで紹介するのは、ICM-⁠21のデモでできることです。

3Dデモは、多くのメーカーがすでに公開している2つのもののすき間を埋めます。製品写真は、外観を1つの角度から見せるだけです。データシートは寸法、ポート、材質を並べますが、それらがどう組み合わさるかは読み手の想像に任されます。3Dデモなら、製品、その部品、そこにひもづく数値を1か所にまとめられます。各デモで、訪問者は次のことができます。

  • 製品を回してズームしたり、アイソメ、正面、上面、側面の視点にすぐ切り替えたりできます。
  • 組立品を分解し、スライダーで分解の幅を調整して、また元どおりに組み立てられます。
  • 断面を表示して内部の流路や壁を見たり、X線表示に切り替えてハウジングの中にあるものを見たりできます。
  • 流体を流す製品では、その流れの経路をたどれます。
  • 部品をタップして名前、材質、数量を表示し、その部品だけを表示したり、非表示にしたりできます。
  • モデルを測定し、ガイドツアーを見て、明るいスタジオと暗いスタジオを切り替え、リンクを共有できます。

表示される数値には、すべて出典が付いています。CADデータからの実測値か、メーカーのデータシートからの引用か、推定値であることを明示しています。パネルを埋めるために数値をつくることはありません。

Tutamenとは?

Tutamenは、2003年にカリフォルニアで創業した熱対策製品と機構部品のメーカーで、モットーは「⁠Everything But the Board」(基板以外のすべて)です。世界でも特に要求の厳しいコンピューティング機器で、電子部品を取り巻く冷却システムと機構システムを設計・製造しており、自社を「アメリカで設計、グローバル規模で製造」と表現しています。

同社のウェブサイトによると、Tutamenの従業員は約850名、エンジニアは50名以上で、同社が「⁠1つのエンジニアリングチームが運営する6つの拠点」と呼ぶ体制をとっています。アメリカ、中国、メキシコ、マレーシアに設計・製造の拠点を、フランスに営業所を置いています。

  • アメリカ・カリフォルニア州:エンジニアリングとカスタマーサポート。サンタクララでは、10,000平方フィートの熱対策の研究開発・顧客試験ラボを開設中です。
  • 中国・東莞:Tutamenの設計・製造の本部。設計、DFM、金型、サンプル、量産までを担い、金属プレス、CNC加工、射出成形、ダイカスト、材料科学の研究室を自社内に備えています。
  • 中国・江西省:完成品ヒートシンクの大量生産。アルマイト処理と不動態化処理、ダイカスト、CNCの専用ラインを備えています。
  • メキシコ・ティフアナ:2017年からの北米の製造拠点。自由貿易地域に合計約95,000平方フィートの4つの工場を構え、USMCAの原産地規則を満たす「⁠Made in Mexico」の原産地表示と、FDA登録・ISO 13485認証の医療機器組立に対応しています。
  • マレーシア・ペナン:Tutamenの最新の工場で、東南アジアで初めての拠点。自由貿易地域にある、フェースプレートと最終組立のラインです。
  • フランス:ヨーロッパの営業とサポート。

同社はISO 9001:2015、ISO 13485:2016、ISO 14001:2015の認証を取得しています。ウェブサイトには顧客からの表彰も掲載されており、2023年から2025年まで3年連続で受けたPalo Alto Networksからの表彰、2024年と2025年に2年連続で受けたFoxconnからの品質賞、医療技術企業Enovisからの2025年のNPIローンチ賞などがあります。

Tutamenの製品ラインナップは、パッシブ型や空冷のヒートシンクから、ベーパーチャンバー、ヒートパイプ、液冷コールドプレート、マニホールドと配管システム、シャーシ、レール、ラック構造部品、そして自社の材料製品ラインThermoChemまで幅広くそろっています。同社のウェブサイトは、自社が備えようとしている局面を「⁠AIの発熱曲線」と表現し、2027年までにラックあたり600kW、2028年までに1メガワットというNvidiaのロードマップを挙げています。

ICM-⁠21とはどんな製品で、なぜ3Dで見せるのか?

ICM-21は、21インチ・2Uの液冷サーバートレイ用の、シャーシ内液冷用マニホールドです。シャーシのクイックカプラーとコールドプレートの間に入り、冷却液を固定配管の5つの分岐に分けます。1対がASICとVRMのコールドプレートに、4対がOSFPモジュールに冷却液を送ります。分配の割合はバルブではなくマニホールド内部の形状で決まるため、現場で調整する必要も、ずれが生じることもありません。公開されている仕様は次のとおりです。

仕様ICM-21
本体CNC加工・ろう付けしたS304Lステンレス鋼
分岐5系統(固定):ASIC+VRMに約40%、各OSFPに約15%(±5%)
流量3⁠~⁠10L/min、定格はPG25で7L/min(入口温度40°C)
圧力損失93kPa(⁠PG25、7L/min時、BMQC込み)
内部容積176mL
前面のソケットG1/4のMQDS-⁠03を4+4個、G3/8のMQDS-⁠04を1+1個、ドライブレーク式
外形寸法と重量460.00×82.40×19.00mm、3.64kg
試験耐圧試験とヘリウムリーク試験を100%実施、シリアル番号付きの試験記録付き

ICM-⁠21の優れた点は、ほとんどすべてが写真では見えません。低温側と高温側の列は、互いに流れが混ざらない独立したチャンバーです。10個のカプラーは、それぞれソケット本体、アルマイト処理したロックスリーブ、EPDMのOリングでできています。流量の分配は、ステンレスの本体の内部で行われます。この部品を評価する熱設計のエンジニアが見たいのはまさにそうした点で、3Dデモならそれが見られます。マニホールドを分解してソケット、スリーブ、シールを1つずつ分け、フロー表示で低温側入口から高温側出口まで冷却液をたどり、PDFを開かなくても各数値を読めます。

Tutamenのロゴの下に、組み立てた状態のTutamen ICM-21マニホールドを3Dで表示。青い低温側と赤い高温側のソケット、取り付けた2本のホース
tutamen.comに表示される、組み立てた状態のICM-⁠21。Tutamenは自社の製品ページにデモを埋め込んでいます。

Tutamenは自社のICM-⁠21製品ページで、自社のロゴの下、データシートの横にデモを掲載しています。これこそがこの製品の狙いです。メーカーの顧客が、メーカーのサイト上で部品をじっくり確かめるのです。

Proofsceneは、CADデータをどう3Dデモにするのか?

私たちは、メーカーがすでに持っているCADデータから出発し、それに忠実なモデルを作って、メーカーの顧客が見つけられる場所に公開します。ICM-⁠21の場合の手順は、次のとおりです。

  1. メーカーがSTEPファイルとデータシートを送る。Tutamenは、ICM-⁠21の組立品をCADシステムから書き出したSTEPファイルと、公開済みのデータシートを提供しました。
  2. CADデータを正確に読み取る。各ソリッドを実際の表面形状からメッシュ化し、同一の部品は何度も使われる1つの形状として認識し、体積、面積、穴はCADデータそのものから測定します。ICM-⁠21のモデルは、部品が21種類、合計42点です。
  3. 部品に名前を付け、分割し、仕上げを設定する。各部品には、カタログ上の名前と材質を設定します。本体はろう付けしたS304L、ロックスリーブはアルマイト仕上げ、シールはEPDMです。カプラーは1つのソリッドとして届いたため、それぞれをソケット、スリーブ、Oリングに分割し、CADの外形寸法の範囲内でTutamenの製品写真をもとにスリーブの形状を作り直しました。ビューアーでも、そのとおりにラベルが表示されます。
  4. すべての数値を出典と照合する。モデルから計算した質量は、データシートの3.64kgに対して3.69kgでした。漏れ検知回路のように、CADデータに含まれていないオプションは、3Dで作り込まずに文章で説明しています。製品写真とCADデータが食い違う場合はCADデータに従い、ページにはデータシートの記載が優先されることを明記しています。
  5. メーカーのURLでデモを公開する。ICM-⁠21はtutamen.proofscene.com/icm-21で公開され、iframe1つでTutamen自身の製品ページに埋め込まれています。
  6. ページを検索に対応させる。公開デモページには、3Dビューアーとともに、製品の説明文、部品名、仕様、構造化データが載っているので、検索エンジンやAIアシスタントは、ビューアーを動かさなくても製品の内容を読み取れます。

完成したICM-⁠21のモデルは圧縮後で約2MBで、パソコンでもスマートフォンでも、最新のブラウザーならどれでも読み込めます。プラグインもアプリもアカウントも不要です。

Tutamenがこのパートナーシップにもたらしたものは?

Tutamenは、デモを信頼できるものにする要素をもたらしました。実際の量産部品、基準となるデータシート、そしてすべての数値を確かめるハードウェアエンジニアという閲覧者です。ICM-⁠21が、製品ライン全体の仕組みを方向づけました。

正確さの基準は、実際のCADデータから。Tutamenの量産モデルから作ったからこそ、Proofsceneのすべてのデモは、CADデータを正しい情報源として扱い、各数値の出典を表示しています。

機能の基準は、エンジニアという閲覧者から。冷却液マニホールドを評価するエンジニアは、流量の分配、カプラーの種類、外形寸法と公差、材質、試験の内容を知りたいと考えます。フロー表示、断面表示、名前付きの部品、出典付きの仕様パネルは、どれもICM-⁠21のような部品に必要だからこそ存在します。

公開の基準は、Tutamen自身のサイトから。どのデモも、私たちのサイトに置くためではなく、メーカーのサイトに埋め込むために作られています。

北米とアジアにまたがる1つのエンジニアリングチームのもとで、DFM、金型、サンプル、量産までを担うTutamenのような実力のあるメーカーとの協業は、新しい製品ラインにこそ必要なパートナーシップです。AI、データセンター、医療向けのハードウェアをつくっていて、熱対策や機構のパートナーをお探しなら、Tutamenのエンジニアにご相談ください。

ホスティング型の3Dビューアーや、オーダーメイドの3D制作を使わない理由は?

製品ページに3Dを載せたいメーカーは、たいてい2つの方法のどちらかを選びますが、工業製品の場合、どちらにも足りない部分があります。ガイド3D CADモデルを自社サイトに載せる方法では、オープンなウェブビューアーを使って自社で構築する方法も含め、4つの方法をすべて比較しています。

3Dホスティングのプラットフォームにモデルをアップロードする。手早くできますが、手に入るのは製品ページではなくビューアーです。モデルは汎用のプレーヤーの中に置かれ、多くの場合は他社のプラットフォーム上で、その会社のブランドとともに表示されます。エンジニアが必要とする部品名、材質、仕様は、データシートに任せたままです。

オーダーメイドの3D体験を発注する。思いどおりのものができますが、その価格のために、ほとんどの製品ラインでは手が届きませんでした。Sketchfab自身のガイドでは、3Dコンフィギュレーターを一から構築するプロジェクトの初期費用を平均$15,000~$50,000としており、コンフィギュレーターを提供するTwikitは、複雑さや機能に応じて総額を$10,000から$100,000以上としています。これはプロジェクト1件あたりの金額で、保守費用は含まれていません。しかも多くのメーカーには、見せる価値のある製品が何十もあります。

Proofsceneの3Dデモは、3つ目の方法です。手元にあるCADデータからモデルを作り、自社のURLで公開して、自社サイトに埋め込むためのコード1行をお渡しします。自社側で開発プロジェクトを立ち上げる必要はなく、顧客が新しいプラットフォームの使い方を覚える必要もありません。ページは人にも検索にも役立ちます。インタラクティブな3D製品デモのページで4つのデモをすべて実際に試せるほか、自社の製品を送ることもできます。同じモデルから作ったローンチ動画は3D製品アニメーションでご覧ください。

インタラクティブな3Dデモが役立つ製品は?

価値が内部にある製品や、部品の組み合わせ方に価値がある製品なら、どれでもです。サーバーの冷却以外にも幅広く使えることを示すため、私たちはCADで3つのデモ製品を一から作りました。どれも架空のブランドで、Proofsceneのデモであることを明記しています。

  • STRAVIK SX 50-160:EN 733準拠のモーター直結型の片吸込ポンプ。鋳鉄製のボリュート、青銅製の羽根車、メカニカルシール、5.5kWのモーターを備え、ベアリングの玉まですべて再現しています。
  • HALVORN BV25:316ステンレス鋳鋼製の、DN25・2ピース・フルボアのボールバルブ。フローティングボール、PTFEシート、飛び出し防止構造のステム、パッキンを備えています。
  • ARTIXO RA90:協働ロボットやヒューマノイド向けの90mmのロボット関節。フレームレスモーター、減速比50:1の波動歯車、クロスローラーの出力軸受、エンコーダーを1つの密閉ハウジングに収めています。
並んだProofsceneの3つの3Dデモ製品。濃い色のモーターに載ったオレンジ色の遠心ポンプ、赤いレバーハンドルのステンレス製ボールバルブ、黒とスチールのロボット関節アクチュエーター
Proofsceneのデモ製品:遠心ポンプ、ボールバルブ、ロボット関節。STRAVIK、HALVORN、ARTIXOは架空のブランドです。

同じ方法は、複雑な工業製品のほとんどに向いています。

  • データセンターと電子機器の冷却:マニホールド、コールドプレート、ヒートシンク、冷却液分配ユニットなど、流れの経路そのものが製品であるもの。
  • ポンプ、バルブ、流体機器:購入を検討する人がふだんはカットモデルの図でしか見られない内部構造。
  • 産業オートメーションとロボット:小さな外形に多くの部品が詰まったアクチュエーター、関節、ギアボックス。
  • 医療機器:構成部品、材質、向きを正確に説明する必要がある組立品。
  • 蓄電・電力機器:ラック、冷却ループ、安全システムが鋼板の壁の奥に隠れている筐体。

蓄電設備は、その価値がよくわかる例です。コンテナ型の蓄電池ブロックは、セル、液冷ループ、消火・防火システムを鋼板の奥に隠しており、購入者が出荷前に工場まで出向いて受入試験に立ち会うこともよくあります。learnBESSには、BESSのDCブロックの工場受入試験で何を確認するかをわかりやすく解説した記事があります。3Dデモがあれば、関係者全員が、その試験で実物の横に立つずっと前から製品を理解できます。

自社製品のインタラクティブな3Dデモを作るには?

CADデータとデータシートを送っていただければ、制作前に、デモで何を見せられるかをお伝えします。手順はシンプルです。

  1. デモページのフォームから製品についてお知らせください。どんな製品か、誰が購入するのか、どこで見せたいのかを伺います。
  2. STEPファイルとデータシートを共有する。デモに載せる部品、表示、仕様を私たちが確定します。
  3. デモを確認する。公開前に、名前、材質、数値をご確認いただきます。
  4. 公開して埋め込む。デモは自社のURLで公開されます。検索に表示される公開設定にも、パスワードで保護した非公開設定にもでき、自社の製品ページにはコード1行で埋め込めます。

カード、パッケージ、リストバンド、ラベルなど、機械加工ではなく印刷でつくる製品なら、Proofsceneの中核となるプラットフォームが、平面の校正PDFをインタラクティブな3D校正(印刷物の仕上がりを3Dで確認できる校正)に変えます。無料アカウントで試せます。

ICM-⁠21プロジェクトのよくある質問

ICM-⁠21のデモの作り方、必要だったもの、Tutamenについて、簡潔にお答えします。

なんでもご質問ください
ICM-⁠21のデモの制作には、どのくらいかかりましたか?

TutamenのSTEPファイルは2026年10月19日に届き、冷却液の流れと公差入りの図面表示を備えた、部品42点のICM-⁠21のデモは、その日のうちにtutamen.proofscene.comで公開されました。大きな組立品や、独自の動きが必要な製品にはより時間がかかりますが、私たちが作業開始前に、新しい製品ごとに公開日をお伝えします。

Proofsceneで3Dデモを制作するには、どんなファイルが必要ですか?

主要なCADシステムならどれでも書き出せる組立品のSTEPファイルと、製品のデータシートまたは製品ページです。CADデータが形状と部品を、データシートがデモに表示する公開済みの数値を提供します。

3Dデモを自社サイトに載せられますか?

はい。各デモは、Proofscene上の自社のURLで公開されます。私たちがドメインを有効にすると、Tutamenがtutamen.comの製品ページでICM-⁠21を見せているように、iframe1つで自社の製品ページに埋め込めます。

検索エンジンやAIアシスタントは、デモページを読み取れますか?

ページを公開設定にすれば読み取れます。公開デモページには、製品の説明文、部品名、仕様、構造化データが載っており、クローラーは3Dビューアーを動かさなくても読み取れます。非公開の商談用のデモは、検索に表示させず、パスワードで保護しておくこともできます。

デモを公開すると、自社のCADデータが外部に公開されますか?

元のCADデータが公開されることはありません。ページに載るのは表示用に作ったメッシュで、CADデータやSTEPファイルではないため、フィーチャー履歴、スケッチ、パラメトリックなデータは含まれません。

3Dデモはスマートフォンでも使えますか?

はい。パソコン、タブレット、スマートフォンの最新のブラウザーで動き、アプリもプラグインも不要です。スマートフォンでは、パネルがシート形式にまとまり、製品を表示したまま確認できます。

Tutamenとは?

Tutamenは、2003年にカリフォルニアで創業した熱対策製品と機構部品のメーカーです。カリフォルニアと東莞の設計拠点、中国、メキシコ、マレーシアの製造拠点から、AI、ハイパースケール、ネットワークセキュリティ向けのヒートシンク、液冷コールドプレート、マニホールド、シャーシ部品、熱対策材料を設計・製造しています。

関連記事

Tutamen ICM-⁠21の3Dデモを開いてみてください。印刷物が校正PDFから3Dになるまでの流れはProofsceneの仕組みで確認でき、3D校正ビューアーも試せます。PrintPlastがホテルのカードキーを3Dで校正する方法もお読みください。

次の校正を3Dで

無料アカウントを作成して校正PDFをアップロードすれば、今日から自社ブランドのリンクでインタラクティブな3D校正をお客様に送れます。

無料アカウント · クレジットカード不要 · 印刷のプロが開発