[{"data":1,"prerenderedAt":483},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/configurator-demo":3},{"data":4,"headers":460},{"story":5,"cv":441,"rels":442,"links":459},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":433,"full_slug":434,"sort_by_date":30,"position":435,"tag_list":436,"is_startpage":267,"parent_id":437,"meta_data":30,"group_id":438,"first_published_at":439,"release_id":30,"lang":383,"path":30,"alternates":440,"default_full_slug":30,"translated_slugs":30},"Configurator Demo","2026-03-24T20:33:36.512Z","2026-10-10T22:14:56.982Z","2026-10-10T22:14:57.028Z",158493968474293,"5a44ce41-1aab-4759-8902-bce8663d5df8",{"_uid":13,"body":14,"date":323,"fold":324,"intro":386,"title":399,"gallery":400,"category":417,"metadata":419,"component":423,"demo_link":424,"thumbnail":426,"github_link":428,"last_updated":430,"open_graph_image":431,"include_open_graph":63,"block_search_engines":267},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,314],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":313,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,135,219,256,297],{"_uid":22,"body":23,"alignment":61,"component":62,"is_full_width":63},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"概要","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"このデモは、 ",{"text":45,"type":34,"marks":46},"HOOPS Visualize for Web",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":55,"type":34}," （旧HOOPS Communicator）が製品コンフィギュレーターの視覚化ワークフローを作成する方法を示しています。このデモでは、自動車組立の要素を選択して、動的な読み込みを通じてシーンに追加することができます。さらに、既に追加された部品の複数のオプションが利用可能な場合、別の部品に差し替えることもできます。このデモには、組立のさまざまな側面を強調するいくつかの事前定義されたビューがあり、いくつかにはアニメーションもあります。",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"このデモを操作するには、ビューの上にカーソルを置き、ドロップダウンで表示場所を変更し、内蔵アニメーションを確認します。さらに、トレーラー、エンジン、ステアリングホイールのドロップダウンにカーソルを置くと、シーンに要素を追加したり、既にシーン内に存在する部品を交換したりすることができます。","align-left","copy",true,{"_uid":65,"body":66,"alignment":61,"component":62,"is_full_width":63},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":67},[68,75],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"実装方法:",[74],{"type":37},{"type":76,"content":77},"bullet_list",[78,91,102,113,124],{"type":79,"content":80},"list_item",[81],{"type":39,"attrs":82,"content":83},{"textAlign":30},[84],{"text":85,"type":34,"marks":86},"ビューアーを設定する",[87],{"type":48,"attrs":88},{"href":89,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/setting-up-the-viewers.html","url",{"type":79,"content":92},[93],{"type":39,"attrs":94,"content":95},{"textAlign":30},[96],{"text":97,"type":34,"marks":98},"モデルを読み込む",[99],{"type":48,"attrs":100},{"href":101,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/loading-models.html",{"type":79,"content":103},[104],{"type":39,"attrs":105,"content":106},{"textAlign":30},[107],{"text":108,"type":34,"marks":109},"コンポーネント選択を追加する",[110],{"type":48,"attrs":111},{"href":112,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/add-component-selection.html",{"type":79,"content":114},[115],{"type":39,"attrs":116,"content":117},{"textAlign":30},[118],{"text":119,"type":34,"marks":120},"モデルの関係を組み込む",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/incorporating-model-relationships.html",{"type":79,"content":125},[126],{"type":39,"attrs":127,"content":128},{"textAlign":30},[129],{"text":130,"type":34,"marks":131},"アニメーションを追加する",[132],{"type":48,"attrs":133},{"href":134,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/animation.html?highlight=animation",{"_uid":136,"body":137,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":138},[139,146,161],{"type":27,"attrs":140,"content":141},{"level":29,"textAlign":30},[142],{"text":143,"type":34,"marks":144},"HOOPS Visualise for Web を探索",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,152,157],{"text":43,"type":34,"marks":150},[151],{"type":37},{"text":45,"type":34,"marks":153},[154,156],{"type":48,"attrs":155},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":158,"type":34,"marks":159}," （旧HOOPS Communicator）を使用して作成されました。",[160],{"type":37},{"type":76,"content":162},[163,178,193,206],{"type":79,"content":164},[165],{"type":39,"attrs":166,"content":167},{"textAlign":30},[168,170,176],{"text":169,"type":34},"HOOPS Visualize for Web（旧HOOPS Communicator）の ",{"text":171,"type":34,"marks":172},"ドキュメント",[173],{"type":48,"attrs":174},{"href":175,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/",{"text":177,"type":34},"を参照してください。",{"type":79,"content":179},[180],{"type":39,"attrs":181,"content":182},{"textAlign":30},[183,185,191],{"text":184,"type":34},"無料評価版にサインアップする ",{"text":186,"type":34,"marks":187},"評価",[188],{"type":48,"attrs":189},{"href":190,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://manage.techsoft3d.com/signup?product=communicator",{"text":192,"type":34},"。",{"type":79,"content":194},[195],{"type":39,"attrs":196,"content":197},{"textAlign":30},[198,200],{"text":199,"type":34},"3D サンドボックスでコードにすぐ取り掛かりましょう。 ",{"text":201,"type":34,"marks":202},"3D サンドボックス",[203],{"type":48,"attrs":204},{"href":205,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://3dsandbox.techsoft3d.com/",{"type":79,"content":207},[208],{"type":39,"attrs":209,"content":210},{"textAlign":30},[211,213],{"text":212,"type":34},"私たちの ",{"text":214,"type":34,"marks":215},"コミュニティフォーラム",[216],{"type":48,"attrs":217},{"href":218,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://forum.techsoft3d.com/",{"_uid":220,"body":221,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":222},[223,230,243],{"type":27,"attrs":224,"content":225},{"level":29,"textAlign":30},[226],{"text":227,"type":34,"marks":228},"質問またはフィードバック？",[229],{"type":37},{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235,241],{"text":234,"type":34},"このツールキットがあなたのニーズを満たすためにどのように改善されるべきかフィードバックをお待ちしています！私たちの ",{"text":236,"type":34,"marks":237},"フォーラム",[238],{"type":48,"attrs":239},{"href":218,"uuid":30,"anchor":30,"target":240,"linktype":90},"_blank",{"text":242,"type":34},"でご意見をお寄せください。",{"type":39,"attrs":244,"content":245},{"textAlign":30},[246,248,254],{"text":247,"type":34},"また、 ",{"text":249,"type":34,"marks":250},"HOOPS Web Platform",[251],{"type":48,"attrs":252},{"href":253,"uuid":30,"anchor":30,"target":240,"linktype":90},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":255,"type":34},"の60日間のトライアルにサインアップすることもできます。",{"_uid":257,"messages":258,"component":291,"background":292,"remove_padding":63,"is_verticalized":267},"2517b691-8590-46b2-b1a0-c989536a3b36",[259],{"_uid":260,"icon":16,"buttons":261,"content":272,"headline":279,"link_url":16,"metadata":286,"component":289,"icon_size":16,"link_label":16,"headline_heading":290},"1f7a4845-55d4-4520-b973-efe814118e45",[262],{"_uid":263,"href":16,"color":264,"label":265,"action":266,"new_tab":267,"outline":63,"alignment":16,"component":268,"text_link":267,"destination":269},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","購読","action-modal",false,"element-button",{"id":16,"url":270,"linktype":90,"fieldtype":271,"cached_url":270},"subscribe","multilink",{"type":24,"content":273},[274],{"type":39,"attrs":275,"content":276},{"textAlign":30},[277],{"text":278,"type":34},"新しいプロジェクトが利用可能になるとすぐに通知します。",{"type":24,"content":280},[281],{"type":39,"attrs":282,"content":283},{"textAlign":30},[284],{"text":285,"type":34},"新しいプロジェクトについて最初に知る",{"_uid":287,"title":16,"plugin":288,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":293,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":294,"copyright":16,"fieldtype":295,"meta_data":296,"is_external_url":267},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":298,"body":299,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":300},[301],{"type":39,"attrs":302,"content":303},{"textAlign":30},[304,306,312],{"text":305,"type":34},"お問い合わせが必要ですか？こちらにメールしてください: ",{"text":307,"type":34,"marks":308},"labs@techsoft3d.com",[309],{"type":48,"attrs":310},{"href":307,"uuid":30,"anchor":30,"target":52,"linktype":311},"email",{"text":192,"type":34},"columns",{"id":270,"_uid":315,"items":316,"component":322},"ca556064-0fa5-4110-8395-86e3f005ea32",[317],{"id":318,"_uid":319,"component":320,"business_unit":321},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[325],{"_uid":326,"source":327,"component":385},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":334,"slug":376,"full_slug":377,"sort_by_date":30,"position":378,"tag_list":379,"is_startpage":267,"parent_id":380,"meta_data":30,"group_id":381,"first_published_at":382,"release_id":30,"lang":383,"path":30,"alternates":384,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":335,"items":336,"component":375},"8915070e-32eb-476d-b215-1c92ebdad15c",[337,357],{"_uid":338,"left_nav":16,"messages":339,"component":356,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[340,346,351],{"_uid":341,"icon":342,"link":343,"target":240,"message":344,"component":345},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","新しい調査: 製造業者が工学データへの高まる需要にどのように対応しているか","element-notice-child",{"_uid":347,"icon":348,"link":349,"target":240,"message":350,"component":345},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","今後のウェビナーに登録：VNTANAがCADデータをHOOPS Exchangeを通じて活用した方法を学ぶ",{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":358,"menu":359,"component":374,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[360,365,368,371],{"url":361,"_uid":362,"label":363,"new_tab":267,"component":364},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","サポート","top","global","main-navigation","ja/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","ja",[],"reference",{"type":24,"content":387},[388],{"type":39,"attrs":389,"content":390},{"textAlign":30},[391,392,397],{"text":43,"type":34},{"text":393,"type":34,"marks":394},"HOOPS Visualize",[395],{"type":48,"attrs":396},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":398,"type":34}," for Web（旧HOOPS Communicator）が製品コンフィギュレーターの視覚化ワークフローを作成する方法を示しています。 ","コンフィギュレータデモ",[401,407,413],{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":406},158749818666057,"3D model of vehicle for configurator demo","Configurator Model","https://a-us.storyblok.com/f/1023536/4500x3000/a2b8ba9027/configurator-demo-model.jpg",{"alt":403,"title":404,"source":16,"copyright":16},{"id":408,"alt":409,"name":16,"focus":16,"title":410,"source":16,"filename":411,"copyright":16,"fieldtype":295,"meta_data":412},158750117702730,"Close up of a 3D trailer model for configurator demo","Configurator Model Close Up","https://a-us.storyblok.com/f/1023536/4500x3000/15fa29cfa4/configurator-demo-close-up.jpg",{"alt":409,"title":410,"source":16,"copyright":16},{"id":414,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":415,"copyright":16,"fieldtype":295,"meta_data":416},158750527593548,"https://a-us.storyblok.com/f/1023536/4500x3000/a67872034b/configurator-demo-model-front.jpg",{},[418],"hoopsVisualize",{"_uid":420,"title":421,"plugin":288,"description":422},"9b5b0a8e-46c5-4e52-af3d-58caa562c723","コンフィギュレーターデモ | Tech Soft 3D ラボ","このデモでは、HOOPS Visualize for Web（旧HOOPS Communicator）が製品コンフィギュレーターの視覚化ワークフローを作成するためにどのように使用できるかを紹介します。 ","lab",{"id":16,"url":425,"linktype":90,"fieldtype":271,"cached_url":425},"https://configurator-docker.techsoft3d.com/",{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":427,"is_external_url":267},{"alt":403,"title":404,"source":16,"copyright":16},{"id":16,"url":429,"linktype":90,"fieldtype":271,"cached_url":429},"https://github.com/techsoft3d/configurator-docker/","日曜日, 6月 25, 2023",{"id":402,"alt":403,"name":16,"focus":16,"title":404,"source":16,"filename":405,"copyright":16,"fieldtype":295,"meta_data":432,"is_external_url":267},{"alt":403,"title":404,"source":16,"copyright":16},"configurator-demo","ja/developers/labs/configurator-demo",-140,[],99359039112762,"994da7ba-6801-4c31-bd3d-95d5270d377d","2026-04-03T18:44:13.707Z",[],1791995899,[443],{"name":328,"created_at":329,"published_at":330,"updated_at":331,"id":332,"uuid":333,"content":444,"slug":376,"full_slug":377,"sort_by_date":30,"position":378,"tag_list":457,"is_startpage":267,"parent_id":380,"meta_data":30,"group_id":381,"first_published_at":382,"release_id":30,"lang":383,"path":30,"alternates":458,"default_full_slug":30,"translated_slugs":30},{"_uid":335,"items":445,"component":375},[446,451],{"_uid":338,"left_nav":16,"messages":447,"component":356,"right_nav":16},[448,449,450],{"_uid":341,"icon":342,"link":343,"target":240,"message":344,"component":345},{"_uid":347,"icon":348,"link":349,"target":240,"message":350,"component":345},{"_uid":352,"icon":353,"link":354,"target":16,"message":355,"component":345},{"_uid":358,"menu":452,"component":374,"has_notice":63},[453,454,455,456],{"url":361,"_uid":362,"label":363,"new_tab":267,"component":364},{"url":361,"_uid":366,"label":367,"new_tab":267,"component":364,"style_as_button":267},{"url":361,"_uid":369,"label":370,"new_tab":267,"component":364,"style_as_button":267},{"url":361,"_uid":372,"label":373,"new_tab":267,"component":364,"style_as_button":63},[],[],[],{"cache-control":461,"connection":462,"content-encoding":463,"content-type":464,"date":465,"etag":466,"referrer-policy":467,"sb-be-version":468,"server":469,"strict-transport-security":470,"transfer-encoding":471,"vary":472,"via":473,"x-amz-cf-id":474,"x-amz-cf-pop":475,"x-cache":476,"x-content-type-options":477,"x-frame-options":478,"x-permitted-cross-domain-policies":479,"x-request-id":480,"x-runtime":481,"x-xss-protection":482},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:02:51 GMT","W/\"1a3a8181770cfa9f7c50d199dbcfd7e2\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 604b77eecab133d2f1e4a87ee4ebe7e2.cloudfront.net (CloudFront)","2AuSvcK0q6t1NV9g5rXSUZfn-6II845QUNfO8za_6r1Q1P8W2wgtyw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","9c4edd3d-a994-4b46-a563-2aa408f043b5","0.043291","0",1791997371014]