[{"data":1,"prerenderedAt":453},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/digital-whiteboard":3},{"data":4,"headers":430},{"story":5,"cv":411,"rels":412,"links":429},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":403,"full_slug":404,"sort_by_date":30,"position":405,"tag_list":406,"is_startpage":246,"parent_id":407,"meta_data":30,"group_id":408,"first_published_at":409,"release_id":30,"lang":363,"path":30,"alternates":410,"default_full_slug":30,"translated_slugs":30},"Digital Whiteboard","2026-03-25T17:57:04.735Z","2026-10-10T22:15:00.266Z","2026-10-10T22:15:00.316Z",158809394160810,"ab59c286-edfd-4be5-b7ea-d6fb1984a166",{"_uid":13,"body":14,"date":303,"fold":304,"intro":366,"title":373,"gallery":374,"category":387,"metadata":390,"component":394,"demo_link":395,"thumbnail":397,"github_link":399,"last_updated":400,"open_graph_image":401,"include_open_graph":46,"block_search_engines":246},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,294],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":293,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,51,93,125,200,235,276],{"_uid":22,"body":23,"alignment":44,"component":45,"is_full_width":46},"eaf1cee4-00f1-47d0-b05c-869d32df7dcc",{"type":24,"content":25},"doc",[26,38],{"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},"デジタルホワイトボードは、多くの企業でアイデアのスケッチやコラボレーションを支援するためにますます使用されるようになっています。特に異なる場所に散在しているチームにとって重要です。世界的なパンデミックのため、リモートで働く必要がある多くの社員にとっても、さらに重要性が増しました。このデモは2Dデジタルホワイトボードのコンセプトを3Dと組み合わせ、ユーザーが実際の機械的または建築CADデータをテキスト、画像、PDF、その他の要素と並べて配置できるようにします。","align-left","copy",true,{"_uid":48,"code":49,"component":50},"341b0037-f278-4683-a306-78c4c3c5d412","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/gn3hmigfOSE?si=b9jX09me2wh6mG7u\" 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":52,"body":53,"alignment":44,"component":45,"is_full_width":46},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":54},[55,62,88],{"type":27,"attrs":56,"content":57},{"level":29,"textAlign":30},[58],{"text":59,"type":34,"marks":60},"技術詳細",[61],{"type":37},{"type":39,"attrs":63,"content":64},{"textAlign":30},[65,67,77,79,86],{"text":66,"type":34},"このデモは ",{"text":68,"type":34,"marks":69},"HOOPS Exchange",[70],{"type":71,"attrs":72},"link",{"href":73,"uuid":74,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":78,"type":34}," と ",{"text":80,"type":34,"marks":81},"HOOPS Visualize",[82],{"type":71,"attrs":83},{"href":84,"uuid":85,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":87,"type":34}," を使用して複雑な3Dモデルをインポートおよびレンダリングし、ホワイトボード自体を表示するためにHTMLキャンバス要素を使用しています。特定のモデルが非アクティブになると、それはキャンバス画像に変換されます。これにより、同時に1つの3D Webビューアーのみがアクティブになるため、リソースを節約できます。各3Dモデルはクライアント側にキャッシュされ、一度モデルがロードされると、それは迅速に再アクティブ化されます。",{"type":39,"attrs":89,"content":90},{"textAlign":30},[91],{"text":92,"type":34},"シンプルさのために、このデモにはバックエンドがありません。3Dモデルを含むすべての要素はHTMLリクエストでロードされます。マルチユーザーのインタラクションとホワイトボード設定の保存とロードを可能にするバックエンドを簡単に実装できます。",{"_uid":94,"body":95,"alignment":44,"component":45,"is_full_width":46},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":96},[97,103,112,117],{"type":27,"attrs":98,"content":100},{"level":99,"textAlign":30},3,[101],{"text":102,"type":34},"ライブアプリケーション：",{"type":39,"attrs":104,"content":105},{"textAlign":30},[106],{"text":107,"type":34,"marks":108},"https://techsoft3d.github.io/HC_WhiteboardDemo/",[109],{"type":71,"attrs":110},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":111},"url",{"type":27,"attrs":113,"content":114},{"level":99,"textAlign":30},[115],{"text":116,"type":34},"GitHubリポジトリ：",{"type":39,"attrs":118,"content":119},{"textAlign":30},[120],{"text":121,"type":34,"marks":122},"https://github.com/techsoft3d/HC_WhiteboardDemo",[123],{"type":71,"attrs":124},{"href":121,"uuid":30,"anchor":30,"target":30,"linktype":111},{"_uid":126,"body":127,"alignment":44,"component":45,"is_full_width":46},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":128},[129,140],{"type":27,"attrs":130,"content":131},{"level":29,"textAlign":30},[132,134],{"text":133,"type":34},"詳しくはこちら ",{"text":135,"type":34,"marks":136},"HOOPS Visualize for Web (旧HOOPS Communicator)",[137],{"type":71,"attrs":138},{"href":139,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://www.techsoft3d.com/products/hoops/communicator",{"type":141,"content":142},"bullet_list",[143,159,174,187],{"type":144,"content":145},"list_item",[146],{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,151,157],{"text":150,"type":34},"HOOPS Visualize for Web (旧HOOPS Communicator) の ",{"text":152,"type":34,"marks":153},"ドキュメント",[154],{"type":71,"attrs":155},{"href":156,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://docs.techsoft3d.com/communicator/latest/",{"text":158,"type":34},"を参照してください。",{"type":144,"content":160},[161],{"type":39,"attrs":162,"content":163},{"textAlign":30},[164,166,172],{"text":165,"type":34},"無料の ",{"text":167,"type":34,"marks":168},"評価版",[169],{"type":71,"attrs":170},{"href":171,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://manage.techsoft3d.com/signup?product=communicator",{"text":173,"type":34},"にサインアップしてください。",{"type":144,"content":175},[176],{"type":39,"attrs":177,"content":178},{"textAlign":30},[179,181],{"text":180,"type":34},"でコードに即座に取り組みましょう ",{"text":182,"type":34,"marks":183},"3D Sandbox",[184],{"type":71,"attrs":185},{"href":186,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://3dsandbox.techsoft3d.com/",{"type":144,"content":188},[189],{"type":39,"attrs":190,"content":191},{"textAlign":30},[192,194],{"text":193,"type":34},"私たちの ",{"text":195,"type":34,"marks":196},"コミュニティフォーラム",[197],{"type":71,"attrs":198},{"href":199,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://forum.techsoft3d.com/",{"_uid":201,"body":202,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":203},[204,211,224],{"type":27,"attrs":205,"content":206},{"level":29,"textAlign":30},[207],{"text":208,"type":34,"marks":209},"質問やフィードバックはありますか？",[210],{"type":37},{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"このツールキットをどのように改善してあなたのニーズに応えることができるかについてのフィードバックを求めています！私たちの ",{"text":217,"type":34,"marks":218},"フォーラム",[219],{"type":71,"attrs":220},{"href":199,"uuid":30,"anchor":30,"target":221,"linktype":111},"_blank",{"text":223,"type":34},"でつながってください。",{"type":39,"attrs":225,"content":226},{"textAlign":30},[227,229],{"text":228,"type":34},"また、60日間の試用版にサインアップすることもできます ",{"text":230,"type":34,"marks":231},"HOOPS Visualize. ",[232],{"type":71,"attrs":233},{"href":234,"uuid":30,"anchor":30,"target":75,"linktype":111},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":236,"messages":237,"component":270,"background":271,"remove_padding":46,"is_verticalized":246},"2517b691-8590-46b2-b1a0-c989536a3b36",[238],{"_uid":239,"icon":16,"buttons":240,"content":251,"headline":258,"link_url":16,"metadata":265,"component":268,"icon_size":16,"link_label":16,"headline_heading":269},"1f7a4845-55d4-4520-b973-efe814118e45",[241],{"_uid":242,"href":16,"color":243,"label":244,"action":245,"new_tab":246,"outline":46,"alignment":16,"component":247,"text_link":246,"destination":248},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","登録する","action-modal",false,"element-button",{"id":16,"url":249,"linktype":111,"fieldtype":250,"cached_url":249},"subscribe","multilink",{"type":24,"content":252},[253],{"type":39,"attrs":254,"content":255},{"textAlign":30},[256],{"text":257,"type":34},"新しいプロジェクトが利用可能になり次第、お知らせします。",{"type":24,"content":259},[260],{"type":39,"attrs":261,"content":262},{"textAlign":30},[263],{"text":264,"type":34},"新プロジェクトの最新情報を入手しましょう",{"_uid":266,"title":16,"plugin":267,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":272,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":273,"copyright":16,"fieldtype":274,"meta_data":275,"is_external_url":246},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":277,"body":278,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":279},[280],{"type":39,"attrs":281,"content":282},{"textAlign":30},[283,285,291],{"text":284,"type":34},"お問い合わせが必要ですか？ 私たちにメールしてください ",{"text":286,"type":34,"marks":287},"labs@techsoft3d.com",[288],{"type":71,"attrs":289},{"href":286,"uuid":30,"anchor":30,"target":75,"linktype":290},"email",{"text":292,"type":34},"。","columns",{"id":249,"_uid":295,"items":296,"component":302},"ca556064-0fa5-4110-8395-86e3f005ea32",[297],{"id":298,"_uid":299,"component":300,"business_unit":301},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2021-04-25 00:00",[305],{"_uid":306,"source":307,"component":365},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":308,"created_at":309,"published_at":310,"updated_at":311,"id":312,"uuid":313,"content":314,"slug":356,"full_slug":357,"sort_by_date":30,"position":358,"tag_list":359,"is_startpage":246,"parent_id":360,"meta_data":30,"group_id":361,"first_published_at":362,"release_id":30,"lang":363,"path":30,"alternates":364,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"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":315,"items":316,"component":355},"8915070e-32eb-476d-b215-1c92ebdad15c",[317,337],{"_uid":318,"left_nav":16,"messages":319,"component":336,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[320,326,331],{"_uid":321,"icon":322,"link":323,"target":221,"message":324,"component":325},"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":327,"icon":328,"link":329,"target":221,"message":330,"component":325},"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":332,"icon":333,"link":334,"target":16,"message":335,"component":325},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":338,"menu":339,"component":354,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[340,345,348,351],{"url":341,"_uid":342,"label":343,"new_tab":246,"component":344},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":341,"_uid":346,"label":347,"new_tab":246,"component":344,"style_as_button":246},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":341,"_uid":349,"label":350,"new_tab":246,"component":344,"style_as_button":246},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":341,"_uid":352,"label":353,"new_tab":246,"component":344,"style_as_button":46},"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":367},[368],{"type":39,"attrs":369,"content":370},{"textAlign":30},[371],{"text":372,"type":34},"このデモは2Dデジタルホワイトボードのコンセプトを3Dと組み合わせ、ユーザーが実際の機械的または建築CADデータをテキスト、画像、PDF、その他の要素と並べて配置できるようにします。 ","デジタルホワイトボードデモ",[375,381],{"id":376,"alt":377,"name":16,"focus":16,"title":378,"source":16,"filename":379,"copyright":16,"fieldtype":274,"meta_data":380},158822717636279,"A 3D model overlayed on a 2D background","Digital Whiteboard Overlay","https://a-us.storyblok.com/f/1023536/1917x966/e63476b948/digital-whiteboard-overlay.jpg",{"alt":377,"title":378,"source":16,"copyright":16},{"id":382,"alt":383,"name":16,"focus":16,"title":384,"source":16,"filename":385,"copyright":16,"fieldtype":274,"meta_data":386},158823561313993,"Collection of different 3D scene views for the digital whiteboard demo","Digital Whiteboard Multi-View","https://a-us.storyblok.com/f/1023536/1919x1040/42e30d59a7/digital-whiteboard-multi-view.jpg",{"alt":383,"title":384,"source":16,"copyright":16},[388,389],"hoopsExchange","hoopsVisualize",{"_uid":391,"title":392,"plugin":267,"description":393},"1445c761-7e0b-4d5c-8fcf-057c50e6a9e3","デジタルホワイトボード | Tech Soft 3D Labs","このデモは、2Dデジタルホワイトボードのコンセプトを3Dと組み合わせ、ユーザーが実際の機械的または建築的CADデータをテキスト、画像、PDF、その他の要素と一緒に配置できるようにします。 ","lab",{"id":16,"url":396,"linktype":111,"fieldtype":250,"cached_url":396},"https://techsoft3d.github.io/HC_WhiteboardDemo/?_gl=1*i9rpaz*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ0NjA3MTIkbzIyMyRnMSR0MTc3NDQ2MTg4NCRqNDIkbDAkaDQ0NDYyNzExNw..",{"id":376,"alt":377,"name":16,"focus":16,"title":378,"source":16,"filename":379,"copyright":16,"fieldtype":274,"meta_data":398,"is_external_url":246},{"alt":377,"title":378,"source":16,"copyright":16},{"id":16,"url":121,"linktype":111,"fieldtype":250,"cached_url":121},"2021年4月25日(日曜日)",{"id":376,"alt":377,"name":16,"focus":16,"title":378,"source":16,"filename":379,"copyright":16,"fieldtype":274,"meta_data":402,"is_external_url":246},{"alt":377,"title":378,"source":16,"copyright":16},"digital-whiteboard","ja/developers/labs/digital-whiteboard",-150,[],99359039112762,"ba56cb9a-6249-413c-8e9d-36e06166ce7a","2026-04-03T18:44:13.443Z",[],1791995899,[413],{"name":308,"created_at":309,"published_at":310,"updated_at":311,"id":312,"uuid":313,"content":414,"slug":356,"full_slug":357,"sort_by_date":30,"position":358,"tag_list":427,"is_startpage":246,"parent_id":360,"meta_data":30,"group_id":361,"first_published_at":362,"release_id":30,"lang":363,"path":30,"alternates":428,"default_full_slug":30,"translated_slugs":30},{"_uid":315,"items":415,"component":355},[416,421],{"_uid":318,"left_nav":16,"messages":417,"component":336,"right_nav":16},[418,419,420],{"_uid":321,"icon":322,"link":323,"target":221,"message":324,"component":325},{"_uid":327,"icon":328,"link":329,"target":221,"message":330,"component":325},{"_uid":332,"icon":333,"link":334,"target":16,"message":335,"component":325},{"_uid":338,"menu":422,"component":354,"has_notice":46},[423,424,425,426],{"url":341,"_uid":342,"label":343,"new_tab":246,"component":344},{"url":341,"_uid":346,"label":347,"new_tab":246,"component":344,"style_as_button":246},{"url":341,"_uid":349,"label":350,"new_tab":246,"component":344,"style_as_button":246},{"url":341,"_uid":352,"label":353,"new_tab":246,"component":344,"style_as_button":46},[],[],[],{"cache-control":431,"connection":432,"content-encoding":433,"content-type":434,"date":435,"etag":436,"referrer-policy":437,"sb-be-version":438,"server":439,"strict-transport-security":440,"transfer-encoding":441,"vary":442,"via":443,"x-amz-cf-id":444,"x-amz-cf-pop":445,"x-cache":446,"x-content-type-options":447,"x-frame-options":448,"x-permitted-cross-domain-policies":449,"x-request-id":450,"x-runtime":451,"x-xss-protection":452},"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:50 GMT","W/\"bc719b49f789600102240f935c9fbe44\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 bbc57e4c259e16f712316786b8f9a84a.cloudfront.net (CloudFront)","E6x1CVDoh1fr0htO6aenzDZBavFHV7xtojP9SD-_JAHbaLSB8UPTng==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","ed72cad4-5a75-4cd8-87a4-e01c21e335b5","0.041148","0",1791997370471]