[{"data":1,"prerenderedAt":427},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/manufacturing-control-system":3},{"data":4,"headers":404},{"story":5,"cv":385,"rels":386,"links":403},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":377,"full_slug":378,"sort_by_date":30,"position":379,"tag_list":380,"is_startpage":213,"parent_id":381,"meta_data":30,"group_id":382,"first_published_at":383,"release_id":30,"lang":330,"path":30,"alternates":384,"default_full_slug":30,"translated_slugs":30},"Manufacturing Control System","2026-03-26T14:14:58.992Z","2026-10-10T22:15:17.374Z","2026-10-10T22:15:17.422Z",159108706336351,"baffb7a0-0332-4af7-a945-d0b7f63ff88b",{"_uid":13,"body":14,"date":270,"fold":271,"intro":333,"title":340,"gallery":341,"category":360,"metadata":363,"component":367,"demo_link":368,"thumbnail":370,"github_link":372,"last_updated":374,"open_graph_image":375,"include_open_graph":51,"block_search_engines":213},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,261],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":260,"remove_padding":51},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,52,93,166,202,243],{"_uid":22,"body":23,"alignment":49,"component":50,"is_full_width":51},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44],{"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],{"text":43,"type":34},"このデモは、HOOPS Visualize for Web（旧HOOPS Communicator）がERPやPLMシステムのようなデータベースバックエンドにどのように接続され、さまざまな部品やアセンブリの製造データを視覚化および表示するかを紹介します。このデモでは、ユーザー操作やデータベースからのデータに基づいて部品の属性を迅速に変更する方法も示しています。",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"このデモを使用するには、特定のメーカーのみからの部品を表示するための部品フィルタがあります。さらに、価格帯によるフィルタを有効にすると、ユーザーが指定した範囲内の部品のみを表示します。部品在庫についても同様に行うことができます。また、価格帯については、特定の部品がどれだけ費用がかかるかを示すための色を基にした視覚情報を提供するグラデーションをオンにすることができます。最後に、ウェブビューアの右上隅に部品の詳細ドロップダウンがあります。部品が選択されると、データベースバックエンドから追加のメタデータが引き出され、追加の部品詳細が明らかになります。","align-left","copy",true,{"_uid":53,"body":54,"alignment":49,"component":50,"is_full_width":51},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":55},[56,62],{"type":27,"attrs":57,"content":59},{"level":58,"textAlign":30},3,[60],{"text":61,"type":34},"実装方法：",{"type":63,"content":64},"bullet_list",[65,81],{"type":66,"content":67},"list_item",[68],{"type":39,"attrs":69,"content":70},{"textAlign":30},[71,73],{"text":72,"type":34},"を初期化する ",{"text":74,"type":34,"marks":75},"WebViewer",[76],{"type":77,"attrs":78},"link",{"href":79,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#constructor","url",{"type":66,"content":82},[83],{"type":39,"attrs":84,"content":85},{"textAlign":30},[86,88],{"text":87,"type":34},"を開始する ",{"text":74,"type":34,"marks":89},[90],{"type":77,"attrs":91},{"href":92,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"_uid":94,"body":95,"alignment":49,"component":50,"is_full_width":51},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":96},[97,108],{"type":27,"attrs":98,"content":99},{"level":29,"textAlign":30},[100,102],{"text":101,"type":34},"詳細を学ぶ ",{"text":103,"type":34,"marks":104},"HOOPS Visualize for Web（旧HOOPS Communicator）",[105],{"type":77,"attrs":106},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://www.techsoft3d.com/products/hoops/communicator",{"type":63,"content":109},[110,125,140,153],{"type":66,"content":111},[112],{"type":39,"attrs":113,"content":114},{"textAlign":30},[115,117,123],{"text":116,"type":34},"HOOPS Visualize for Web（旧HOOPS Communicator） の ",{"text":118,"type":34,"marks":119},"ドキュメント",[120],{"type":77,"attrs":121},{"href":122,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://docs.techsoft3d.com/communicator/latest/",{"text":124,"type":34},"を参照してください。",{"type":66,"content":126},[127],{"type":39,"attrs":128,"content":129},{"textAlign":30},[130,132,138],{"text":131,"type":34},"無料の ",{"text":133,"type":34,"marks":134},"評価版",[135],{"type":77,"attrs":136},{"href":137,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://manage.techsoft3d.com/signup?product=communicator",{"text":139,"type":34},"にお申し込みください。",{"type":66,"content":141},[142],{"type":39,"attrs":143,"content":144},{"textAlign":30},[145,147],{"text":146,"type":34},"直接コードを書く ",{"text":148,"type":34,"marks":149},"3D Sandbox",[150],{"type":77,"attrs":151},{"href":152,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://3dsandbox.techsoft3d.com/",{"type":66,"content":154},[155],{"type":39,"attrs":156,"content":157},{"textAlign":30},[158,160],{"text":159,"type":34},"私たちの ",{"text":161,"type":34,"marks":162},"コミュニティフォーラム",[163],{"type":77,"attrs":164},{"href":165,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://forum.techsoft3d.com/",{"_uid":167,"body":168,"alignment":49,"component":50,"is_full_width":51},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":169},[170,177,190],{"type":27,"attrs":171,"content":172},{"level":29,"textAlign":30},[173],{"text":174,"type":34,"marks":175},"質問やフィードバック？",[176],{"type":37},{"type":39,"attrs":178,"content":179},{"textAlign":30},[180,182,188],{"text":181,"type":34},"このツールキットがお客様のニーズを満たすためにどのように改善できるかについてのフィードバックを探しています！ぜひ私たちの ",{"text":183,"type":34,"marks":184},"フォーラム",[185],{"type":77,"attrs":186},{"href":165,"uuid":30,"anchor":30,"target":187,"linktype":80},"_blank",{"text":189,"type":34},"でご意見をお寄せください。",{"type":39,"attrs":191,"content":192},{"textAlign":30},[193,195],{"text":194,"type":34},"また、60日間のトライアル版にサインアップすることもできます ",{"text":196,"type":34,"marks":197},"HOOPS Visualize。 ",[198],{"type":77,"attrs":199},{"href":200,"uuid":30,"anchor":30,"target":201,"linktype":80},"https://developer.techsoft3d.com/hoops/visualize","_self",{"_uid":203,"messages":204,"component":237,"background":238,"remove_padding":51,"is_verticalized":213},"2517b691-8590-46b2-b1a0-c989536a3b36",[205],{"_uid":206,"icon":16,"buttons":207,"content":218,"headline":225,"link_url":16,"metadata":232,"component":235,"icon_size":16,"link_label":16,"headline_heading":236},"1f7a4845-55d4-4520-b973-efe814118e45",[208],{"_uid":209,"href":16,"color":210,"label":211,"action":212,"new_tab":213,"outline":51,"alignment":16,"component":214,"text_link":213,"destination":215},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","登録する","action-modal",false,"element-button",{"id":16,"url":216,"linktype":80,"fieldtype":217,"cached_url":216},"subscribe","multilink",{"type":24,"content":219},[220],{"type":39,"attrs":221,"content":222},{"textAlign":30},[223],{"text":224,"type":34},"新しいプロジェクトが利用可能になったらすぐにお知らせします。",{"type":24,"content":226},[227],{"type":39,"attrs":228,"content":229},{"textAlign":30},[230],{"text":231,"type":34},"新しいプロジェクトの最初のお知らせを受け取る",{"_uid":233,"title":16,"plugin":234,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":239,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":240,"copyright":16,"fieldtype":241,"meta_data":242,"is_external_url":213},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":244,"body":245,"alignment":49,"component":50,"is_full_width":51},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":246},[247],{"type":39,"attrs":248,"content":249},{"textAlign":30},[250,252,258],{"text":251,"type":34},"お問い合わせが必要ですか？メールでご連絡ください ",{"text":253,"type":34,"marks":254},"labs@techsoft3d.com",[255],{"type":77,"attrs":256},{"href":253,"uuid":30,"anchor":30,"target":201,"linktype":257},"email",{"text":259,"type":34},"まで。","columns",{"id":216,"_uid":262,"items":263,"component":269},"ca556064-0fa5-4110-8395-86e3f005ea32",[264],{"id":265,"_uid":266,"component":267,"business_unit":268},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-04-05 00:00",[272],{"_uid":273,"source":274,"component":332},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":275,"created_at":276,"published_at":277,"updated_at":278,"id":279,"uuid":280,"content":281,"slug":323,"full_slug":324,"sort_by_date":30,"position":325,"tag_list":326,"is_startpage":213,"parent_id":327,"meta_data":30,"group_id":328,"first_published_at":329,"release_id":30,"lang":330,"path":30,"alternates":331,"default_full_slug":30,"translated_slugs":30,"_stopResolving":51},"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":282,"items":283,"component":322},"8915070e-32eb-476d-b215-1c92ebdad15c",[284,304],{"_uid":285,"left_nav":16,"messages":286,"component":303,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[287,293,298],{"_uid":288,"icon":289,"link":290,"target":187,"message":291,"component":292},"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":294,"icon":295,"link":296,"target":187,"message":297,"component":292},"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":299,"icon":300,"link":301,"target":16,"message":302,"component":292},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":305,"menu":306,"component":321,"has_notice":51},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[307,312,315,318],{"url":308,"_uid":309,"label":310,"new_tab":213,"component":311},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":308,"_uid":313,"label":314,"new_tab":213,"component":311,"style_as_button":213},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":308,"_uid":316,"label":317,"new_tab":213,"component":311,"style_as_button":213},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":308,"_uid":319,"label":320,"new_tab":213,"component":311,"style_as_button":51},"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":334},[335],{"type":39,"attrs":336,"content":337},{"textAlign":30},[338],{"text":339,"type":34},"このHOOPS Visualize for Web（旧HOOPS Communicator）ベースのデモは、3DデータがERP、PLM、PDMシステムなど外部情報にどのように接続されるかを示します。","製造管理システムデモ",[342,348,354],{"id":343,"alt":344,"name":16,"focus":16,"title":345,"source":16,"filename":346,"copyright":16,"fieldtype":241,"meta_data":347},159159090156192,"Screenshot of a manufacturing application displaying a green and blue bike","Manufacturing Demo Screenshot 1","https://a-us.storyblok.com/f/1023536/4500x3000/80aa71ed5f/manufacturing-demo-screenshot-1.jpg",{"alt":344,"title":345,"source":16,"copyright":16},{"id":349,"alt":350,"name":16,"focus":16,"title":351,"source":16,"filename":352,"copyright":16,"fieldtype":241,"meta_data":353},159167642251985,"Manufacturing demo application screenshot of a blue motorcycle with price range and part inventory","Manufacturing Demo Screenshot 2","https://a-us.storyblok.com/f/1023536/4500x3000/a67151009a/manufacturing-demo-screenshot-2.jpg",{"alt":350,"title":351,"source":16,"copyright":16},{"id":355,"alt":356,"name":16,"focus":16,"title":357,"source":16,"filename":358,"copyright":16,"fieldtype":241,"meta_data":359},159167970906841,"A 3D motorcycle model in a manufacturing demo application with parts filter","Manufacturing Demo Screenshot 3","https://a-us.storyblok.com/f/1023536/4500x3000/4a47d241d7/manufacturing-demo-screenshot-3.jpg",{"alt":356,"title":357,"source":16,"copyright":16},[361,362],"hoopsVisualize","PLM",{"_uid":364,"title":365,"plugin":234,"description":366},"d3959aa7-e36f-4fdb-b8af-5b58b0485d4e","製造管理システム | Tech Soft 3D Labs","この HOOPS Visualize for Web （以前の HOOPS Communicator）に基づいたデモでは、ERP、PLM、または PDM システムなどの外部情報に 3D データを接続する方法を示しています。","lab",{"id":16,"url":369,"linktype":80,"fieldtype":217,"cached_url":369},"https://techsoft3d.github.io/Manufacturing-Control-System/?_gl=1*xmpvv9*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ1MzMxMjckbzIyNyRnMSR0MTc3NDUzNDUyOCRqNjAkbDAkaDE5MTA0MzE2Nzk.",{"id":349,"alt":350,"name":16,"focus":16,"title":351,"source":16,"filename":352,"copyright":16,"fieldtype":241,"meta_data":371,"is_external_url":213},{"alt":350,"title":351,"source":16,"copyright":16},{"id":16,"url":373,"linktype":80,"fieldtype":217,"cached_url":373},"https://github.com/techsoft3d/Manufacturing-Control-System","2026年4月5日",{"id":349,"alt":350,"name":16,"focus":16,"title":351,"source":16,"filename":352,"copyright":16,"fieldtype":241,"meta_data":376,"is_external_url":213},{"alt":350,"title":351,"source":16,"copyright":16},"manufacturing-control-system","ja/developers/labs/manufacturing-control-system",-170,[],99359039112762,"95ac5c44-9b4e-4e9e-842c-3695a13e43d0","2026-04-03T18:44:12.943Z",[],1791995899,[387],{"name":275,"created_at":276,"published_at":277,"updated_at":278,"id":279,"uuid":280,"content":388,"slug":323,"full_slug":324,"sort_by_date":30,"position":325,"tag_list":401,"is_startpage":213,"parent_id":327,"meta_data":30,"group_id":328,"first_published_at":329,"release_id":30,"lang":330,"path":30,"alternates":402,"default_full_slug":30,"translated_slugs":30},{"_uid":282,"items":389,"component":322},[390,395],{"_uid":285,"left_nav":16,"messages":391,"component":303,"right_nav":16},[392,393,394],{"_uid":288,"icon":289,"link":290,"target":187,"message":291,"component":292},{"_uid":294,"icon":295,"link":296,"target":187,"message":297,"component":292},{"_uid":299,"icon":300,"link":301,"target":16,"message":302,"component":292},{"_uid":305,"menu":396,"component":321,"has_notice":51},[397,398,399,400],{"url":308,"_uid":309,"label":310,"new_tab":213,"component":311},{"url":308,"_uid":313,"label":314,"new_tab":213,"component":311,"style_as_button":213},{"url":308,"_uid":316,"label":317,"new_tab":213,"component":311,"style_as_button":213},{"url":308,"_uid":319,"label":320,"new_tab":213,"component":311,"style_as_button":51},[],[],[],{"cache-control":405,"connection":406,"content-encoding":407,"content-type":408,"date":409,"etag":410,"referrer-policy":411,"sb-be-version":412,"server":413,"strict-transport-security":414,"transfer-encoding":415,"vary":416,"via":417,"x-amz-cf-id":418,"x-amz-cf-pop":419,"x-cache":420,"x-content-type-options":421,"x-frame-options":422,"x-permitted-cross-domain-policies":423,"x-request-id":424,"x-runtime":425,"x-xss-protection":426},"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:49 GMT","W/\"5ab7e8ff055c372596bfe4b459f86688\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 3b2dd9ca40903562e8f0412d796f5600.cloudfront.net (CloudFront)","P64iIayRy7pqijb8ncj2HNevG6Ao4EM9q9Db-ZlE50AX1TU9o7Owyg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","8df20e14-1d1a-44c9-98bb-e94c2bee71e3","0.034828","0",1791997369620]