[{"data":1,"prerenderedAt":386},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/2d-dwg-drawing-viewer-demo":3},{"data":4,"headers":363},{"story":5,"cv":344,"rels":345,"links":362},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":336,"full_slug":337,"sort_by_date":30,"position":338,"tag_list":339,"is_startpage":175,"parent_id":340,"meta_data":30,"group_id":341,"first_published_at":342,"release_id":30,"lang":292,"path":30,"alternates":343,"default_full_slug":30,"translated_slugs":30},"2D DWG Drawing Viewer Demo","2026-03-26T18:45:03.523Z","2026-10-10T22:14:39.226Z","2026-10-10T22:14:39.296Z",159175080152164,"a16b8777-9196-42ae-82df-3d4e5f7dbe87",{"_uid":13,"body":14,"date":232,"fold":233,"intro":295,"title":302,"gallery":303,"category":320,"metadata":322,"component":326,"demo_link":327,"thumbnail":329,"github_link":331,"last_updated":333,"open_graph_image":334,"include_open_graph":56,"block_search_engines":175},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,223],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":222,"remove_padding":56},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,57,67,71,128,164,205],{"_uid":22,"body":23,"alignment":54,"component":55,"is_full_width":56},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44,49],{"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）で作られた2D DWG Drawing Viewer Demoには、操作可能な複数のモデルが含まれています。",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"これらのモデルを表示する際、レイヤーやその他の描画プロパティ、利用可能な全てのシートにアクセスできます。事前設定されたカメラビューが保存されており、描画や3Dコンポーネント内の異なるエリアに迅速に切り替えることもできます。",{"type":39,"attrs":50,"content":51},{"textAlign":30},[52],{"text":53,"type":34},"また、測定とマークアップのサポートも含まれています。さらに、CATDrawingなどの他の2D描画フォーマットや2D描画の作成もサポートされています。","align-left","copy",true,{"_uid":58,"body":59,"alignment":54,"component":55,"is_full_width":56},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":60},[61],{"type":27,"attrs":62,"content":64},{"level":63,"textAlign":30},3,[65],{"text":66,"type":34},"デモの説明ビデオ",{"_uid":68,"code":69,"component":70},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/XwI9LWLicyw?si=OS5cZw1ucE7ygJH5\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":72,"body":73,"alignment":54,"component":55,"is_full_width":56},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":74},[75,80,95,108,110,115],{"type":27,"attrs":76,"content":77},{"level":63,"textAlign":30},[78],{"text":79,"type":34},"HOOPS Visualize for Web（旧HOOPS Communicator）について詳しく知る",{"type":39,"attrs":81,"content":82},{"textAlign":30},[83,85,93],{"text":84,"type":34},"HOOPS Visualize for Web（旧HOOPS Communicator）および当社の製品全ての詳細は ",{"text":86,"type":34,"marks":87},"techsoft3d.com",[88],{"type":89,"attrs":90},"link",{"href":91,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://www.techsoft3d.com/","url",{"text":94,"type":34},"にて入手できます。",{"type":39,"attrs":96,"content":97},{"textAlign":30},[98,100,106],{"text":99,"type":34},"さらに、HOOPS Visualize for Web（旧HOOPS Communicator）APIの詳細については、当社の ",{"text":101,"type":34,"marks":102},"ドキュメント",[103],{"type":89,"attrs":104},{"href":105,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://docs.techsoft3d.com/communicator/latest/",{"text":107,"type":34},"をご参照ください。",{"type":27,"attrs":109},{"level":63,"textAlign":30},{"type":27,"attrs":111,"content":112},{"level":63,"textAlign":30},[113],{"text":114,"type":34},"フォーラムに参加する",{"type":39,"attrs":116,"content":117},{"textAlign":30},[118,120,126],{"text":119,"type":34},"当社の ",{"text":121,"type":34,"marks":122},"コミュニティフォーラム",[123],{"type":89,"attrs":124},{"href":125,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://forum.techsoft3d.com/",{"text":127,"type":34}," に参加し、Tech Soft 3Dの社員によって投稿された追加のコードサンプルを確認したり、HOOPS Visualize for Web（旧HOOPS Communicator）またはその他の製品に関する質問をしたりしてください。",{"_uid":129,"body":130,"alignment":54,"component":55,"is_full_width":56},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":131},[132,139,152],{"type":27,"attrs":133,"content":134},{"level":29,"textAlign":30},[135],{"text":136,"type":34,"marks":137},"質問やフィードバックはありますか？",[138],{"type":37},{"type":39,"attrs":140,"content":141},{"textAlign":30},[142,144,150],{"text":143,"type":34},"このツールキットがどのようにあなたのニーズに適合するかを改善するためのフィードバックを求めています！ぜひ当社の ",{"text":145,"type":34,"marks":146},"フォーラム",[147],{"type":89,"attrs":148},{"href":125,"uuid":30,"anchor":30,"target":149,"linktype":92},"_blank",{"text":151,"type":34},"でご連絡ください。",{"type":39,"attrs":153,"content":154},{"textAlign":30},[155,157],{"text":156,"type":34},"また、 ",{"text":158,"type":34,"marks":159},"の60日間のトライアルにもサインアップできます。 ",[160],{"type":89,"attrs":161},{"href":162,"uuid":30,"anchor":30,"target":163,"linktype":92},"https://developer.techsoft3d.com/hoops/visualize","_self",{"_uid":165,"messages":166,"component":199,"background":200,"remove_padding":56,"is_verticalized":175},"2517b691-8590-46b2-b1a0-c989536a3b36",[167],{"_uid":168,"icon":16,"buttons":169,"content":180,"headline":187,"link_url":16,"metadata":194,"component":197,"icon_size":16,"link_label":16,"headline_heading":198},"1f7a4845-55d4-4520-b973-efe814118e45",[170],{"_uid":171,"href":16,"color":172,"label":173,"action":174,"new_tab":175,"outline":56,"alignment":16,"component":176,"text_link":175,"destination":177},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","登録する","action-modal",false,"element-button",{"id":16,"url":178,"linktype":92,"fieldtype":179,"cached_url":178},"subscribe","multilink",{"type":24,"content":181},[182],{"type":39,"attrs":183,"content":184},{"textAlign":30},[185],{"text":186,"type":34},"新しいプロジェクトが利用可能になるとすぐにお知らせします。",{"type":24,"content":188},[189],{"type":39,"attrs":190,"content":191},{"textAlign":30},[192],{"text":193,"type":34},"新しいプロジェクトに関する最新情報を受け取る",{"_uid":195,"title":16,"plugin":196,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":201,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":202,"copyright":16,"fieldtype":203,"meta_data":204,"is_external_url":175},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":206,"body":207,"alignment":54,"component":55,"is_full_width":56},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":208},[209],{"type":39,"attrs":210,"content":211},{"textAlign":30},[212,214,220],{"text":213,"type":34},"お問い合わせが必要ですか？ ",{"text":215,"type":34,"marks":216},"labs@techsoft3d.com",[217],{"type":89,"attrs":218},{"href":215,"uuid":30,"anchor":30,"target":163,"linktype":219},"email",{"text":221,"type":34},"までメールしてください。","columns",{"id":178,"_uid":224,"items":225,"component":231},"ca556064-0fa5-4110-8395-86e3f005ea32",[226],{"id":227,"_uid":228,"component":229,"business_unit":230},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[234],{"_uid":235,"source":236,"component":294},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":237,"created_at":238,"published_at":239,"updated_at":240,"id":241,"uuid":242,"content":243,"slug":285,"full_slug":286,"sort_by_date":30,"position":287,"tag_list":288,"is_startpage":175,"parent_id":289,"meta_data":30,"group_id":290,"first_published_at":291,"release_id":30,"lang":292,"path":30,"alternates":293,"default_full_slug":30,"translated_slugs":30,"_stopResolving":56},"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":244,"items":245,"component":284},"8915070e-32eb-476d-b215-1c92ebdad15c",[246,266],{"_uid":247,"left_nav":16,"messages":248,"component":265,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[249,255,260],{"_uid":250,"icon":251,"link":252,"target":149,"message":253,"component":254},"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":256,"icon":257,"link":258,"target":149,"message":259,"component":254},"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":261,"icon":262,"link":263,"target":16,"message":264,"component":254},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":267,"menu":268,"component":283,"has_notice":56},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[269,274,277,280],{"url":270,"_uid":271,"label":272,"new_tab":175,"component":273},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":270,"_uid":275,"label":276,"new_tab":175,"component":273,"style_as_button":175},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":270,"_uid":278,"label":279,"new_tab":175,"component":273,"style_as_button":175},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":270,"_uid":281,"label":282,"new_tab":175,"component":273,"style_as_button":56},"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":296},[297],{"type":39,"attrs":298,"content":299},{"textAlign":30},[300],{"text":301,"type":34},"このデモは、HOOPS Visualize for Web（旧HOOPS Communicator）を使用して作成されており、各モデル内のレイヤー、シート、その他の描画プロパティと共に複数のモデルを表示できます。","2D DWG 図面デモ",[304,310,316],{"id":305,"alt":306,"name":16,"focus":16,"title":307,"source":16,"filename":308,"copyright":16,"fieldtype":203,"meta_data":309},159198093484907,"A 2D floorplan for the 2D DWG drawing demo","2D DWG Floorplan","https://a-us.storyblok.com/f/1023536/4500x3000/3564fe359e/2d-dwg-floorplan.jpg",{"alt":306,"title":307,"source":16,"copyright":16},{"id":311,"alt":312,"name":16,"focus":16,"title":313,"source":16,"filename":314,"copyright":16,"fieldtype":203,"meta_data":315},159198493684589,"A screenshot of a floorplan for the 2D DWG demo","2D DWG Floorplan 2","https://a-us.storyblok.com/f/1023536/4500x3000/c80cd5be32/2d-dwg-floorplan-2.jpg",{"alt":312,"title":313,"source":16,"copyright":16},{"id":317,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":318,"copyright":16,"fieldtype":203,"meta_data":319},159198801286000,"https://a-us.storyblok.com/f/1023536/4500x3000/ee3ec0923f/2d-dwg-floorplan-3.jpg",{},[321],"hoopsVisualize",{"_uid":323,"title":324,"plugin":196,"description":325},"2f41ece0-a9af-42ed-a0f2-62069a2d4baf","2D DWG描画デモ | Tech Soft 3D Labs","このデモはHOOPS Visualize for Webで構築されており、各モデル内のレイヤー、シート、その他の描画プロパティとともに、いくつかのモデルを表示することができます。","lab",{"id":16,"url":328,"linktype":92,"fieldtype":179,"cached_url":328},"https://techsoft3d.github.io/2D-DWG-Drawing-Viewer/index.html?instance=HotelFloorplan&_gl=1*1jt0vmk*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ1NDkxODkkbzIzMCRnMSR0MTc3NDU1MjE1OSRqNjAkbDAkaDE1NzkyNTA5OTQ.",{"id":311,"alt":312,"name":16,"focus":16,"title":313,"source":16,"filename":314,"copyright":16,"fieldtype":203,"meta_data":330,"is_external_url":175},{"alt":312,"title":313,"source":16,"copyright":16},{"id":16,"url":332,"linktype":92,"fieldtype":179,"cached_url":332},"https://github.com/techsoft3d/2D-DWG-Drawing-Viewer","2023年6月25日、日曜日",{"id":311,"alt":312,"name":16,"focus":16,"title":313,"source":16,"filename":314,"copyright":16,"fieldtype":203,"meta_data":335,"is_external_url":175},{"alt":312,"title":313,"source":16,"copyright":16},"2d-dwg-drawing-viewer-demo","ja/developers/labs/2d-dwg-drawing-viewer-demo",-260,[],99359039112762,"82d383d3-0e0d-4f7c-a77c-c1a1c32eacab","2026-04-03T18:44:10.751Z",[],1791995899,[346],{"name":237,"created_at":238,"published_at":239,"updated_at":240,"id":241,"uuid":242,"content":347,"slug":285,"full_slug":286,"sort_by_date":30,"position":287,"tag_list":360,"is_startpage":175,"parent_id":289,"meta_data":30,"group_id":290,"first_published_at":291,"release_id":30,"lang":292,"path":30,"alternates":361,"default_full_slug":30,"translated_slugs":30},{"_uid":244,"items":348,"component":284},[349,354],{"_uid":247,"left_nav":16,"messages":350,"component":265,"right_nav":16},[351,352,353],{"_uid":250,"icon":251,"link":252,"target":149,"message":253,"component":254},{"_uid":256,"icon":257,"link":258,"target":149,"message":259,"component":254},{"_uid":261,"icon":262,"link":263,"target":16,"message":264,"component":254},{"_uid":267,"menu":355,"component":283,"has_notice":56},[356,357,358,359],{"url":270,"_uid":271,"label":272,"new_tab":175,"component":273},{"url":270,"_uid":275,"label":276,"new_tab":175,"component":273,"style_as_button":175},{"url":270,"_uid":278,"label":279,"new_tab":175,"component":273,"style_as_button":175},{"url":270,"_uid":281,"label":282,"new_tab":175,"component":273,"style_as_button":56},[],[],[],{"cache-control":364,"connection":365,"content-encoding":366,"content-type":367,"date":368,"etag":369,"referrer-policy":370,"sb-be-version":371,"server":372,"strict-transport-security":373,"transfer-encoding":374,"vary":375,"via":376,"x-amz-cf-id":377,"x-amz-cf-pop":378,"x-cache":379,"x-content-type-options":380,"x-frame-options":381,"x-permitted-cross-domain-policies":382,"x-request-id":383,"x-runtime":384,"x-xss-protection":385},"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:44 GMT","W/\"e93b4d7c2cf5cc79f3b73ebedb274eb1\"","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)","qaoRYd8729sZEiSB2_86sZY5TfNpnS90-DcaITBUTs_igFxFdickOQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","1725e343-eab6-4caf-9fc9-fe5d9dd47adc","0.029815","0",1791997364568]