[{"data":1,"prerenderedAt":456},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/apartment-building-demo":3},{"data":4,"headers":433},{"story":5,"cv":414,"rels":415,"links":432},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":406,"full_slug":407,"sort_by_date":30,"position":408,"tag_list":409,"is_startpage":255,"parent_id":410,"meta_data":30,"group_id":411,"first_published_at":412,"release_id":30,"lang":373,"path":30,"alternates":413,"default_full_slug":30,"translated_slugs":30},"Apartment Building Demo","2026-03-09T15:13:01.639Z","2026-10-10T22:14:46.250Z","2026-10-10T22:14:46.301Z",153106766530586,"2c8d45c9-b0af-469e-a7b3-bd56ba5b705f",{"_uid":13,"body":14,"date":313,"fold":314,"intro":376,"title":383,"gallery":384,"category":385,"metadata":388,"component":392,"demo_link":393,"thumbnail":395,"github_link":401,"last_updated":403,"open_graph_image":404,"include_open_graph":68,"block_search_engines":255},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,304],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":303,"remove_padding":68},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,69,124,208,244,285],{"_uid":22,"body":23,"alignment":66,"component":67,"is_full_width":68},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56,61],{"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","_blank","story",{"text":55,"type":34}," （以前のHOOPS Communicator）がBIM空間でどのように使用され、建物の進行状況を示すことができるかを示しています。HOOPS Visualize for Webを通じて、ノードの配列の物理的な外観属性をすばやく簡単に変更し、このデモで示されている4D建物アニメーションを提供できます。",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"このデモは、HOOPS Visualize for WebがIFC空間で非常に大きなモデルの外観を処理および操作する能力だけでなく、大量のCADメタデータを処理する能力も示しています。このデモでタイムラインが正しく機能するためには、各フロアとサブアセンブリの関係データをHOOPS Visualize for Webにインポートし、各ノードの外観を操作するのに使用する必要があります。",{"type":39,"attrs":62,"content":63},{"textAlign":30},[64],{"text":65,"type":34},"このデモを開始すると、モデルが読み込まれると画面右側にドロップダウン矢印が表示されます。このドロップダウンをクリックすると、モデルの建築データまたは構造データを切り替えて表示することができます。さらに、表示内容に応じて、さまざまなフロアや構造コンポーネントの外観をオンまたはオフにすることができます。同じメニュー内で、タイムラインビューアーのチェックボックスを有効にすると、建物のタイムラインアニメーションを再生できます。最後に、画面の左側にある「ビュー」ボタンにホバーすると、モデル内のさまざまな位置に簡単に移動できます。キーボードの矢印キーを使用して歩き回ることができます。","align-left","copy",true,{"_uid":70,"body":71,"alignment":66,"component":67,"is_full_width":68},"5c50a654-714e-49bf-99ce-80085e95586d",{"type":24,"content":72},[73,80],{"type":27,"attrs":74,"content":75},{"level":29,"textAlign":30},[76],{"text":77,"type":34,"marks":78},"実装方法",[79],{"type":37},{"type":81,"content":82},"bullet_list",[83,98,111],{"type":84,"content":85},"list_item",[86],{"type":39,"attrs":87,"content":88},{"textAlign":30},[89,91],{"text":90,"type":34},"を設定 ",{"text":92,"type":34,"marks":93},"Walk Operator",[94],{"type":48,"attrs":95},{"href":96,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Operator.CameraWalkModeOperator.html?highlight=setWalkMode#Communicator.Operator.Communicator.Operator.CameraWalkModeOperator.setWalkMode","url",{"type":84,"content":99},[100],{"type":39,"attrs":101,"content":102},{"textAlign":30},[103,105],{"text":104,"type":34},"を開始 ",{"text":106,"type":34,"marks":107},"WebViewer",[108],{"type":48,"attrs":109},{"href":110,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"type":84,"content":112},[113],{"type":39,"attrs":114,"content":115},{"textAlign":30},[116,118],{"text":117,"type":34},"ノードの透明度を変更 ",{"text":119,"type":34,"marks":120},"viewer.getModel().setNodesVisibility()",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=setnodevisibility#setnodesvisibility",{"_uid":125,"body":126,"alignment":66,"component":67,"is_full_width":68},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":127},[128,135,150],{"type":27,"attrs":129,"content":130},{"level":29,"textAlign":30},[131],{"text":132,"type":34,"marks":133},"HOOPS Visualize for Webを探索する",[134],{"type":37},{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,141,146],{"text":43,"type":34,"marks":139},[140],{"type":37},{"text":45,"type":34,"marks":142},[143,145],{"type":48,"attrs":144},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":147,"type":34,"marks":148}," （以前のHOOPS Communicator）を使用して作成されました。",[149],{"type":37},{"type":81,"content":151},[152,167,182,195],{"type":84,"content":153},[154],{"type":39,"attrs":155,"content":156},{"textAlign":30},[157,159,165],{"text":158,"type":34},"HOOPS Visualize for Web（以前のHOOPS Communicator）の ",{"text":160,"type":34,"marks":161},"ドキュメント",[162],{"type":48,"attrs":163},{"href":164,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/",{"text":166,"type":34},"をご参照ください。",{"type":84,"content":168},[169],{"type":39,"attrs":170,"content":171},{"textAlign":30},[172,174,180],{"text":173,"type":34},"無料の ",{"text":175,"type":34,"marks":176},"評価版",[177],{"type":48,"attrs":178},{"href":179,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://manage.techsoft3d.com/signup?product=communicator",{"text":181,"type":34},"にサインアップしてください。",{"type":84,"content":183},[184],{"type":39,"attrs":185,"content":186},{"textAlign":30},[187,189],{"text":188,"type":34},"に直接コードを入れ始める ",{"text":190,"type":34,"marks":191},"3D Sandbox",[192],{"type":48,"attrs":193},{"href":194,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://3dsandbox.techsoft3d.com/",{"type":84,"content":196},[197],{"type":39,"attrs":198,"content":199},{"textAlign":30},[200,202],{"text":201,"type":34},"私たちの ",{"text":203,"type":34,"marks":204},"コミュニティフォーラム",[205],{"type":48,"attrs":206},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://forum.techsoft3d.com/",{"_uid":209,"body":210,"alignment":66,"component":67,"is_full_width":68},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":211},[212,219,231],{"type":27,"attrs":213,"content":214},{"level":29,"textAlign":30},[215],{"text":216,"type":34,"marks":217},"質問やフィードバックがありますか？",[218],{"type":37},{"type":39,"attrs":220,"content":221},{"textAlign":30},[222,224,229],{"text":223,"type":34},"私たちはフィードバックを求めており、このツールキットがお客様のニーズに応えるためにどのように改善できるかを考えています！ ",{"text":225,"type":34,"marks":226},"フォーラム",[227],{"type":48,"attrs":228},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},{"text":230,"type":34},"で接続してください。",{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"また、 ",{"text":237,"type":34,"marks":238},"HOOPS Web Platform",[239],{"type":48,"attrs":240},{"href":241,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":243,"type":34},"の60日間の試用版にサインアップすることもできます。",{"_uid":245,"messages":246,"component":279,"background":280,"remove_padding":68,"is_verticalized":255},"2517b691-8590-46b2-b1a0-c989536a3b36",[247],{"_uid":248,"icon":16,"buttons":249,"content":260,"headline":267,"link_url":16,"metadata":274,"component":277,"icon_size":16,"link_label":16,"headline_heading":278},"1f7a4845-55d4-4520-b973-efe814118e45",[250],{"_uid":251,"href":16,"color":252,"label":253,"action":254,"new_tab":255,"outline":68,"alignment":16,"component":256,"text_link":255,"destination":257},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","購読する","action-modal",false,"element-button",{"id":16,"url":258,"linktype":97,"fieldtype":259,"cached_url":258},"subscribe","multilink",{"type":24,"content":261},[262],{"type":39,"attrs":263,"content":264},{"textAlign":30},[265],{"text":266,"type":34},"新しいプロジェクトが利用可能になるとすぐにお知らせします。",{"type":24,"content":268},[269],{"type":39,"attrs":270,"content":271},{"textAlign":30},[272],{"text":273,"type":34},"新しいプロジェクトについて最初に知る",{"_uid":275,"title":16,"plugin":276,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":281,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":282,"copyright":16,"fieldtype":283,"meta_data":284,"is_external_url":255},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":286,"body":287,"alignment":66,"component":67,"is_full_width":68},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":288},[289],{"type":39,"attrs":290,"content":291},{"textAlign":30},[292,294,301],{"text":293,"type":34},"お問い合わせが必要ですか？ こちらのメールアドレスにご連絡ください： ",{"text":295,"type":34,"marks":296},"labs@techsoft3d.com",[297],{"type":48,"attrs":298},{"href":295,"uuid":30,"anchor":30,"target":299,"linktype":300},"_self","email",{"text":302,"type":34},"。","columns",{"id":258,"_uid":305,"items":306,"component":312},"ca556064-0fa5-4110-8395-86e3f005ea32",[307],{"id":308,"_uid":309,"component":310,"business_unit":311},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[315],{"_uid":316,"source":317,"component":375},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":318,"created_at":319,"published_at":320,"updated_at":321,"id":322,"uuid":323,"content":324,"slug":366,"full_slug":367,"sort_by_date":30,"position":368,"tag_list":369,"is_startpage":255,"parent_id":370,"meta_data":30,"group_id":371,"first_published_at":372,"release_id":30,"lang":373,"path":30,"alternates":374,"default_full_slug":30,"translated_slugs":30,"_stopResolving":68},"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":325,"items":326,"component":365},"8915070e-32eb-476d-b215-1c92ebdad15c",[327,347],{"_uid":328,"left_nav":16,"messages":329,"component":346,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[330,336,341],{"_uid":331,"icon":332,"link":333,"target":52,"message":334,"component":335},"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":337,"icon":338,"link":339,"target":52,"message":340,"component":335},"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":342,"icon":343,"link":344,"target":16,"message":345,"component":335},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":348,"menu":349,"component":364,"has_notice":68},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[350,355,358,361],{"url":351,"_uid":352,"label":353,"new_tab":255,"component":354},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":351,"_uid":356,"label":357,"new_tab":255,"component":354,"style_as_button":255},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":351,"_uid":359,"label":360,"new_tab":255,"component":354,"style_as_button":255},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":351,"_uid":362,"label":363,"new_tab":255,"component":354,"style_as_button":68},"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":377},[378],{"type":39,"attrs":379,"content":380},{"textAlign":30},[381],{"text":382,"type":34},"このデモは、HOOPS Visualize for Web (以前のHOOPS Communicator) を使用して、AECおよびBIM業界向けにアニメーション化された建物のタイムラインを作成する方法を示しています。","アパート建物デモ",[],[386,387],"digitalConstruction","hoopsVisualize",{"_uid":389,"title":390,"plugin":276,"description":391},"2af29a6e-9a1e-4210-ac2d-8dc61f87a280","アパート建設デモ | Tech Soft 3D Labs","このデモは、AECおよびBIM業界向けにアニメーション化された建物のタイムラインを作成するために HOOPS Visualize for Web がどのように使用できるかを示します。","lab",{"id":16,"url":394,"linktype":97,"fieldtype":259,"cached_url":394},"https://apartment-building-architecture-docker.techsoft3d.com/",{"id":396,"alt":397,"name":16,"focus":16,"title":398,"source":16,"filename":399,"copyright":16,"fieldtype":283,"meta_data":400,"is_external_url":255},153106964032401,"3D model of an apartment building from a Tech Soft 3D demo","Apartment Building 3D Model","https://a-us.storyblok.com/f/1023536/447x298/452e042753/apartment-building-demo.webp",{"alt":397,"title":398,"source":16,"copyright":16},{"id":16,"url":402,"linktype":97,"fieldtype":259,"cached_url":402},"https://github.com/techsoft3d/Apartment-Building-Architecture-Docker","2023年6月16日金曜日",{"id":396,"alt":397,"name":16,"focus":16,"title":398,"source":16,"filename":399,"copyright":16,"fieldtype":283,"meta_data":405,"is_external_url":255},{"alt":397,"title":398,"source":16,"copyright":16},"apartment-building-demo","ja/developers/labs/apartment-building-demo",-40,[],99359039112762,"477b749f-3037-4f66-8c3c-3fa250f853cc","2026-04-03T18:44:16.220Z",[],1791995899,[416],{"name":318,"created_at":319,"published_at":320,"updated_at":321,"id":322,"uuid":323,"content":417,"slug":366,"full_slug":367,"sort_by_date":30,"position":368,"tag_list":430,"is_startpage":255,"parent_id":370,"meta_data":30,"group_id":371,"first_published_at":372,"release_id":30,"lang":373,"path":30,"alternates":431,"default_full_slug":30,"translated_slugs":30},{"_uid":325,"items":418,"component":365},[419,424],{"_uid":328,"left_nav":16,"messages":420,"component":346,"right_nav":16},[421,422,423],{"_uid":331,"icon":332,"link":333,"target":52,"message":334,"component":335},{"_uid":337,"icon":338,"link":339,"target":52,"message":340,"component":335},{"_uid":342,"icon":343,"link":344,"target":16,"message":345,"component":335},{"_uid":348,"menu":425,"component":364,"has_notice":68},[426,427,428,429],{"url":351,"_uid":352,"label":353,"new_tab":255,"component":354},{"url":351,"_uid":356,"label":357,"new_tab":255,"component":354,"style_as_button":255},{"url":351,"_uid":359,"label":360,"new_tab":255,"component":354,"style_as_button":255},{"url":351,"_uid":362,"label":363,"new_tab":255,"component":354,"style_as_button":68},[],[],[],{"cache-control":434,"connection":435,"content-encoding":436,"content-type":437,"date":438,"etag":439,"referrer-policy":440,"sb-be-version":441,"server":442,"strict-transport-security":443,"transfer-encoding":444,"vary":445,"via":446,"x-amz-cf-id":447,"x-amz-cf-pop":448,"x-cache":449,"x-content-type-options":450,"x-frame-options":451,"x-permitted-cross-domain-policies":452,"x-request-id":453,"x-runtime":454,"x-xss-protection":455},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:03:07 GMT","W/\"f546adfb4c9f1b4d7a32f0a45fe8dafe\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 47214a5a56c101a011a23591db3cc7d8.cloudfront.net (CloudFront)","cEZbuis79_TSsnUf4fmQRBwWFf43OBDXBF_yMItM4WXUVFfV0VsYkw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","4e2428b8-fde0-42b3-baeb-5e2e5010b401","0.046142","0",1791997387166]