[{"data":1,"prerenderedAt":57},["ShallowReactive",2],{"project:in3d:ja":3,"i-tabler:device-desktop":47,"i-tabler:chart-line":51,"i-tabler:plug-connected":53,"i-tabler:tool":55},{"slug":4,"name":5,"summary":6,"role":7,"updateNote":-1,"meta":8,"coverUrl":-1,"lang":22,"isFallback":23,"featuredRank":24,"badge":25,"lastActivity":17,"tapeNumber":26,"blocks":27},"in3d","IN3D バーチャル展示場とデータ監視管理画面","実店舗に行かなくても製品を見られる Web 版の 3D バーチャル展示場と、展示場のデータをリアルタイムに監視する管理画面。","フロントエンドエンジニア",{"origin":9,"categories":10,"tags":12,"released":17,"company":18,"period":19},"company",[11],"frontend",[13,14,15,16],"vue","typescript","unocss","websocket","2024-01-01","topcloud",{"from":20,"to":21},"2024-01","2024-08","ja",false,2,null,1,[28],{"type":29,"items":30},"features",[31,35,39,43],{"title":32,"description":33,"icon":34},"3D 展示場との連携","3D チームと協力し、ストリーミングで 3D 展示場を Web ページに組み込んだ。","tabler:device-desktop",{"title":36,"description":37,"icon":38},"データ監視の管理画面","Vue で管理画面を構築し、展示場の来場者数、製品のクリック率、顧客の滞在時間をリアルタイムに監視。","tabler:chart-line",{"title":40,"description":41,"icon":42},"カスタマイズと機能拡張","さまざまなビジネス要件に合わせたカスタマイズ機能を提供し、WebSocket 関連の機能を拡張。コードも修正して拡張性を向上。","tabler:plug-connected",{"title":44,"description":45,"icon":46},"製品の保守","既存機能を保守し、システムの安定稼働を確保。","tabler:tool",{"left":48,"top":48,"width":49,"height":49,"rotate":48,"vFlip":23,"hFlip":23,"body":50},0,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4\"\u002F>",{"left":48,"top":48,"width":49,"height":49,"rotate":48,"vFlip":23,"hFlip":23,"body":52},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 19h16M4 15l4-6l4 2l4-5l4 4\"\u002F>",{"left":48,"top":48,"width":49,"height":49,"rotate":48,"vFlip":23,"hFlip":23,"body":54},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1-5-5zm10 0l-5-5l1.5-1.5a3.536 3.536 0 1 1 5 5zM3 21l2.5-2.5m13-13L21 3m-11 8l-2 2m5 1l-2 2\"\u002F>",{"left":48,"top":48,"width":49,"height":49,"rotate":48,"vFlip":23,"hFlip":23,"body":56},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 10h3V7L6.5 3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1-3 3l-6-6a6 6 0 0 1-8-8z\"\u002F>",1793955809324]