1f:I[80532,["https://cdn.supademo.com/v3.25.97/_next/static/chunks/1s2fk1qiohww4.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1ykyq0tjtg5pe.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3hmex_cb1t3kl.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/09avfn1e0ica7.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/19smqnel40bj3.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3xo6-h2m3txsp.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/25qi2qzf4193s.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2lkt5gqei_qyz.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0dh-gcuzjb-s5.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3kj767owr3l2x.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2jo_qx3cuh_qp.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2utjyouv-rab-.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/36k-3k236u26x.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3hurkyjme4q1r.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3-7_u291g0vl1.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3k75tcv2684z2.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1w07f1tscgpso.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/35hiitja80hpt.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2msopkmn-v204.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3f163oqmqrna9.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0zg75d6vrr9oy.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1zsklqhlqkjc9.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3npu85ymaq_6l.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1p5_v0ahgna_r.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/21u1ha53e9f18.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0h_c8n_gyrya-.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3h71hfz5dkusp.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/37_2kwln0rkci.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/04ald6z8hw3iv.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2yma_4r8y2mtr.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2_y4q2uwm3dwx.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2lhcdv1d_aw4t.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/14e707kgxt4_n.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3kljlha7jzjcc.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0bx8fnnqyeh0j.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3uytr1bmjocc6.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0shv0de36kusq.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1_776vsoy65cr.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/44o34lugf-l20.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2jfwdvldr2ine.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/12ytt05ct1dhk.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2qkqhul4fqg4t.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1hz_49kd48jg8.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0zb2dad98apc5.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/19j-sk9t22_b0.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/318de45sfhkoh.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2277ivz64igcb.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2s75kdey2a4gc.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0hguu9dlgyy3f.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3q2pkoabxir6e.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1oneabg2h1n55.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3o0gf83a_2ud9.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2y1ctufr4j2el.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1z9uzl7jp8dgt.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/39r36b52l7p_q.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2hz_mevhilhr6.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/26s_3dx9k2kg8.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1akd1zuadq633.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/143vsbxpqh8l0.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/095bf44zuyjd-.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1pvryc76htbar.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/350rgf14x7sgr.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/39-7a4txtakke.js"],"EmbedViewPage",1] 36:I[375076,["https://cdn.supademo.com/v3.25.97/_next/static/chunks/1s2fk1qiohww4.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1ykyq0tjtg5pe.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3hmex_cb1t3kl.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/09avfn1e0ica7.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/19smqnel40bj3.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3xo6-h2m3txsp.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/25qi2qzf4193s.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2lkt5gqei_qyz.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0dh-gcuzjb-s5.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3kj767owr3l2x.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2jo_qx3cuh_qp.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2utjyouv-rab-.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/36k-3k236u26x.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3hurkyjme4q1r.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3-7_u291g0vl1.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3k75tcv2684z2.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1w07f1tscgpso.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/35hiitja80hpt.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2msopkmn-v204.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3f163oqmqrna9.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0zg75d6vrr9oy.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1zsklqhlqkjc9.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3npu85ymaq_6l.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/1p5_v0ahgna_r.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/21u1ha53e9f18.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/0h_c8n_gyrya-.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/3h71hfz5dkusp.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/37_2kwln0rkci.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/04ald6z8hw3iv.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2yma_4r8y2mtr.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2_y4q2uwm3dwx.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/2lhcdv1d_aw4t.js","https://cdn.supademo.com/v3.25.97/_next/static/chunks/14e707kgxt4_n.js"],"IconMark"] 20:T85e,

21:T4d6,{"cropLimitToImage":true,"cropMinSize":{"width":50,"height":50},"cropMaxSize":{"width":32768,"height":32768},"cropAspectRatio":1.773,"flipX":false,"flipY":false,"rotation":0,"crop":{"x":0,"y":0,"width":2879,"height":1624},"colorMatrix":null,"convolutionMatrix":null,"gamma":null,"vignette":null,"manipulation":[],"redaction":[{"x":27.176123517786436,"y":1574.7669836956522,"width":301.9424407114625,"height":31.81904644268775,"rotation":0,"flipX":false,"flipY":false,"opacity":1,"id":"4ucv0eo","disableErase":true,"cornerRadius":0,"strokeWidth":0,"strokeColor":[0,0,0],"backgroundColor":[0,0,0],"isSelected":true,"isEditing":false}],"annotation":[{"x":"0.2074779840982267%","y":"45.05936206004141%","width":"18.124999999999996%","height":"6.047004399585922%","strokeColor":[1,0.5216,0.1059,1],"strokeWidth":10,"backgroundColor":[1,1,1,0],"cornerRadius":"1%","rotation":0,"flipX":false,"flipY":false,"opacity":1,"id":"z64tvpb","disableErase":true,"isSelected":false,"isEditing":false}],"decoration":[],"selection":[],"frame":null,"backgroundColor":[0,0,0,0],"backgroundImage":null,"backgroundFilterMode":null,"targetSize":null,"metadata":null,"trim":null,"volume":1,"minDuration":0.041666666666666664,"maxDuration":null,"currentTime":null}22:T959,

23:T4ca,

Appearance

24:T6af,

25:T562,{"cropLimitToImage":true,"cropMinSize":{"width":50,"height":50},"cropMaxSize":{"width":32768,"height":32768},"cropAspectRatio":1.773,"flipX":false,"flipY":false,"rotation":0,"crop":{"x":0,"y":0,"width":2879,"height":1624},"colorMatrix":null,"convolutionMatrix":null,"gamma":null,"vignette":null,"manipulation":[],"redaction":[],"annotation":[{"x":"57.41998175825282%","y":"2.6057841614906865%","width":"26.22524783615136%","height":"6.897806677018635%","strokeColor":[1,0.5216,0.1059,1],"strokeWidth":10,"backgroundColor":[1,1,1,0],"cornerRadius":"1%","rotation":0,"flipX":false,"flipY":false,"opacity":1,"id":"gec1jmg","disableErase":true,"isSelected":false,"isEditing":false},{"x1":"56.20918578904992%","y1":"6.695619824016565%","x2":"46.682433323268924%","y2":"22.77837085921325%","disableErase":false,"strokeWidth":10,"strokeColor":[1,0.5216,0.1059,1],"lineEnd":"arrow","cornerRadius":"1%","disableStyle":["lineStart","lineEnd","cornerRadius"],"bitmap":true,"cursorStyle":"ellipse","cursorSize":20,"strokeCap":"round","strokeJoin":"round","opacity":1,"id":"kkkx6ip","lineStart":null,"isSelected":true,"isEditing":false}],"decoration":[],"selection":[],"frame":null,"backgroundColor":[0,0,0,0],"backgroundImage":null,"backgroundFilterMode":null,"targetSize":null,"metadata":null,"trim":null,"volume":1,"minDuration":0.041666666666666664,"maxDuration":null,"currentTime":null}26:T4f6,

27:T566,{"cropLimitToImage":true,"cropMinSize":{"width":50,"height":50},"cropMaxSize":{"width":32768,"height":32768},"cropAspectRatio":1.773,"flipX":false,"flipY":false,"rotation":0,"crop":{"x":0,"y":0,"width":2879,"height":1624},"colorMatrix":null,"convolutionMatrix":null,"gamma":null,"vignette":null,"manipulation":[],"redaction":[],"annotation":[{"x":"57.44004768015297%","y":"8.916440217391303%","width":"41.23227719907407%","height":"7.7777238612836435%","strokeColor":[1,0.5216,0.1059,1],"strokeWidth":10,"backgroundColor":[1,1,1,0],"cornerRadius":"1%","rotation":0,"flipX":false,"flipY":false,"opacity":1,"id":"99nf1sa","disableErase":true,"isSelected":false,"isEditing":false},{"x1":"56.863608469202894%","y1":"14.364971532091102%","x2":"46.461708182367154%","y2":"45.809879658385086%","disableErase":false,"strokeWidth":10,"strokeColor":[1,0.5216,0.1059,1],"lineEnd":"arrow","cornerRadius":"1%","disableStyle":["lineStart","lineEnd","cornerRadius"],"bitmap":true,"cursorStyle":"ellipse","cursorSize":20,"strokeCap":"round","strokeJoin":"round","opacity":1,"id":"xwtkvex","lineStart":null,"isSelected":false,"isEditing":false}],"decoration":[],"selection":[],"frame":null,"backgroundColor":[0,0,0,0],"backgroundImage":null,"backgroundFilterMode":null,"targetSize":null,"metadata":null,"trim":null,"volume":1,"minDuration":0.041666666666666664,"maxDuration":null,"currentTime":null}28:T9d2a,

Appearance

Content

Install

Header

Display type

Choose between title text or logo for the header.

Header logo

Upload a logo for your Demo Hub header.

Search placeholder

Customize the text shown inside the Demo Hub search field.

Alignment

Align the header title or logo.

Background

Choose the background style for the Demo Hub header.

Text color

Choose text color for the header content.

Close button

Show or hide the close button (users can still close with Esc).

Content

Content theme

Choose between light and dark mode.

Footer

Menu label

Label for the dropdown menu that shows custom links.

Custom links

Add up to 6 custom links to display in your Demo Hub.

Link 1

Link 2

29:T9e44,

Appearance

Content

Install

Header

Display type

Choose between title text or logo for the header.

Header logo

Upload a logo for your Demo Hub header.

Search placeholder

Customize the text shown inside the Demo Hub search field.

Alignment

Align the header title or logo.

Background

Choose the background style for the Demo Hub header.

Text color

Choose text color for the header content.

Close button

Show or hide the close button (users can still close with Esc).

Content

Content theme

Choose between light and dark mode.

Footer

Menu label

Label for the dropdown menu that shows custom links.

Custom links

Add up to 6 custom links to display in your Demo Hub.

Link 1

Link 2

2a:T560,{"cropLimitToImage":true,"cropMinSize":{"width":50,"height":50},"cropMaxSize":{"width":32768,"height":32768},"cropAspectRatio":1.773,"flipX":false,"flipY":false,"rotation":0,"crop":{"x":0,"y":0,"width":2879,"height":1624},"colorMatrix":null,"convolutionMatrix":null,"gamma":null,"vignette":null,"manipulation":[],"redaction":[],"annotation":[{"x":"92.85503170289854%","y":"92.49482401656314%","width":"5.509007648953315%","height":"5.554477225672875%","strokeColor":[1,0.5216,0.1059,1],"strokeWidth":10,"backgroundColor":[1,1,1,0],"cornerRadius":"1%","rotation":0,"flipX":false,"flipY":false,"opacity":1,"id":"r18ytu7","disableErase":true,"isSelected":false,"isEditing":false},{"x1":"91.65654891304347%","y1":"94.38324922360249%","x2":"46.81240577194041%","y2":"74.60209627329193%","disableErase":false,"strokeWidth":10,"strokeColor":[1,0.5216,0.1059,1],"lineEnd":"arrow","cornerRadius":"1%","disableStyle":["lineStart","lineEnd","cornerRadius"],"bitmap":true,"cursorStyle":"ellipse","cursorSize":20,"strokeCap":"round","strokeJoin":"round","opacity":1,"id":"kvp8oin","lineStart":null,"isSelected":true,"isEditing":false}],"decoration":[],"selection":[],"frame":null,"backgroundColor":[0,0,0,0],"backgroundImage":null,"backgroundFilterMode":null,"targetSize":null,"metadata":null,"trim":null,"volume":1,"minDuration":0.041666666666666664,"maxDuration":null,"currentTime":null}2b:T44a,

2c:T83c,

2d:T4be,

Content

2e:T51a,

2f:T92a,

30:T7db,

31:T83c,

32:T47d,

33:T4be,

Install

34:T6d0,

35:T66c9,

Appearance

Content

Install

Launcher

Display mode

Choose how the Demo Hub appears on your site.

Show a floating launcher on the bottom corner.

Logo

By default, the Supademo logo will be shown. Customize it with your logo.

Position

Position of the launcher on your page.

Install SDK

Add this code inside the <head> or <body> tags.

<script src="https://script.supademo.com/supademo.js"></script>

Advanced: For CSP compatibility, add nonce="{{yourCspNonce}}" and data-csp-nonce="{{yourCspNonce}}" attributes to the script tag.

Initialize the Demo Hub

If your app uses dynamic rendering (e.g., React, Vue), initialize the Demo Hub after your app loads.

HTML

React

Angular

Vue.js

Svelte

<script>// Initialize Demo Hub (shows launcher icon)Supademo.widget.init("cmu95ayc901afuv0jnh1tyxpu");// Close the Demo Hub drawerSupademo.widget.hide();</script>

Allowed Domains (Optional)

Restrict Demo Hub visibility to specific domains. Leave empty to allow all domains.

10:["$","$L1f",null,{"demo":{"id":"cmu95aq8511xzqm4xy3pud7bm","steps":[{"id":"cmu95ph0s128qqm4x8hhedgl2","hotspots":[],"chapter":{"id":"cmu95ph11128sqm4x4975ep7t","buttons":[{"id":"cmu95ph1i128vqm4xe49aqyfz","translatedTexts":[],"animation":"Ripple","btnColor":"#4f46e5","chapterId":"cmu95ph11128sqm4x4975ep7t","color":"#fff","content":"方法を見る","isBold":true,"isItalic":false,"isLinkExternal":false,"linkTxt":"cmu95avc611y1qm4x7iyj3hqj","openInNewTab":true,"order":0}],"background":null,"formFields":[],"notificationRecipients":[{"id":"cmu95ph1i128uqm4xva59lxko","chapterId":"cmu95ph11128sqm4x4975ep7t","userId":"cmegbt3a8065bzj0irp1hqyhu"}],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"STEP","description":"Supademoでデモハブを構築し、外観やコンテンツをカスタマイズして、ランチャーを設定し公開する完全なワークフローを学びます。","descriptionColor":"#fff","emailValidationMode":"CompanyEmail","embedCode":null,"enabled":true,"heading":"Supademoでデモハブを作成・カスタマイズ・公開する","headingColor":"#fff","labelledFormEnabled":false,"layout":"Left","logoAltText":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/dtj03tGYT0ybXuzQeAzII.png","phoneValidationEnabled":false,"skip":false,"stepId":"cmu95ph0s128qqm4x8hhedgl2","theme":"Dark","type":"Link"},"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":null,"imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"0","mouseYCooridnate":"0","mute":null,"number":1,"pageUrl":null,"playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95avc611y1qm4x7iyj3hqj","hotspots":[{"id":"cmu95avc611y2qm4x27c2qela","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.433497536945813,"boxWidth":5.034722222222222,"default":true,"hotspotWidth":"Medium","htmlValue":"$20","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"94.73958333333333","mouseYCooridnate":"15.763546798029559","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":1,"prevslide":null,"stepId":"cmu95avc611y1qm4x7iyj3hqj","style":"Area","text":"まず、「Demo hubs」から右上の「Create」ボタンをクリックして、新しいデモハブを作成します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"left"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/J8Ro7WIodXgblCX9dVp5d.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/XMT26ggWG6LnmEHMON5lW.jpg","imageHeight":"0","imageWidth":"688","imgState":"$21","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"94.73958333333333","mouseYCooridnate":"15.763546798029557","mute":null,"number":2,"pageUrl":"https://app.supademo.com/hubs","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2879,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95b0g611ycqm4x3c3qempb","hotspots":[{"id":"cmu95b0g611ydqm4x4r51hjk0","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.433497536945813,"boxWidth":5,"default":true,"hotspotWidth":"Medium","htmlValue":"$22","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"61.388888888888914","mouseYCooridnate":"60.09852216748769","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":3,"prevslide":null,"stepId":"cmu95b0g611ycqm4x3c3qempb","style":"Area","text":"デモハブの名前を入力し、「Create」ボタンをクリックして作成します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/zHDnRPqjezh_ppB94-jrk.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"61.38888888888889","mouseYCooridnate":"60.09852216748769","mute":null,"number":3,"pageUrl":"https://app.supademo.com/hubs","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95b7rz11yfqm4x2kyfuzcm","hotspots":[{"id":"cmu95b7rz11ygqm4xz19l699a","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.650598519480037,"boxWidth":7.14278189301048,"default":true,"hotspotWidth":"Medium","htmlValue":"$23","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"7.487491273112042","mouseYCooridnate":"17.164420698058823","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":4,"prevslide":null,"stepId":"cmu95b7rz11yfqm4x2kyfuzcm","style":"Area","text":"「Appearance」タブでは、\n**デモハブのヘッダーや表示デザインをカスタマイズ**できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/GuWqRwUQZrJ2VQZznJmRF.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"7.569444444444444","mouseYCooridnate":"17.733990147783253","mute":null,"number":4,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95bfiy11yiqm4x1wp5x0xm","hotspots":[{"id":"cmu95bfiy11yjqm4xvc183gmv","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":11.11726002993098,"boxWidth":43.27354061594751,"default":true,"hotspotWidth":"Medium","htmlValue":"$24","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"24.898495710904296","mouseYCooridnate":"33.930682640096435","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":5,"prevslide":null,"stepId":"cmu95bfiy11yiqm4x1wp5x0xm","style":"Area","text":"「Display Type」では、デモハブのヘッダーをロゴもしくはテキストスタイルのどちらかを選択して表示します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/806bVTZNqoGfOHYqDNkQh.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/TespKBgfC8aszTpXA_IQg.jpg","imageHeight":"0","imageWidth":"688","imgState":"$25","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"29.618055555555557","mouseYCooridnate":"32.26600985221675","mute":null,"number":5,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2879,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95c1ds11yoqm4xqvy6eorv","hotspots":[{"id":"cmu95c1ds11ypqm4x0zuj103e","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":9.7672647202004,"boxWidth":43.74884880320566,"default":true,"hotspotWidth":"Medium","htmlValue":"$26","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"25.299693522546253","mouseYCooridnate":"55.227468812241774","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":7,"prevslide":null,"stepId":"cmu95c1ds11yoqm4xqvy6eorv","style":"Area","text":"「Search placeholder」にテキストを入力して、**閲覧者が目的のデモを探しやすい検索欄**に変更します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/5JzyidBbg0ShLsnSOdYWV.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/2TQ2bpa8998jiZGC1Dj5f.jpg","imageHeight":"0","imageWidth":"688","imgState":"$27","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"34.75694444444444","mouseYCooridnate":"53.69458128078818","mute":null,"number":6,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2879,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95d15g11yzqm4xelldekmg","hotspots":[{"id":"cmu95d15h11z0qm4x2ci10ths","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":44.47981618544394,"boxWidth":45.40210010060362,"default":true,"hotspotWidth":"Medium","htmlValue":"$28","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"25.904271112787846","mouseYCooridnate":"33.681580467642675","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":9,"prevslide":null,"stepId":"cmu95d15g11yzqm4xelldekmg","style":"Area","text":"続いて、ヘッダーの配置、背景色、文字色、閉じるボタンの表示などを**ブランドやサイトに合わせて調整**します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/O6jSWzXTDRcUt3bK54Pb4.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"47.46527777777778","mouseYCooridnate":"37.19211822660098","mute":null,"number":7,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95dc3t11zeqm4xe3eg7qwm","hotspots":[{"id":"cmu95dc3t11zfqm4xggg9jnlc","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":32.28762124974292,"boxWidth":45.68579882070198,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"26.248332005924436","mouseYCooridnate":"75.67393215415493","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":14,"prevslide":null,"stepId":"cmu95dc3t11zeqm4xe3eg7qwm","style":"Area","text":"「Content theme」では、デモ一覧部分をライトまたはダークテーマから選択できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/0rxD-Yxy2F3cTRxHn-MnF.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"40.19097222222222","mouseYCooridnate":"78.32512315270937","mute":null,"number":8,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":85,"zoomPositionX":0,"zoomPositionY":15,"zoomWidth":85},{"id":"cmu95dfw211zpqm4x92hnai0r","hotspots":[{"id":"cmu95dfw211zqqm4x9qp8nv0e","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":58.38890258306303,"boxWidth":46.26037474849094,"default":true,"hotspotWidth":"Medium","htmlValue":"$29","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"26.087436074782033","mouseYCooridnate":"61.11143231870441","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":16,"prevslide":null,"stepId":"cmu95dfw211zpqm4x92hnai0r","style":"Area","text":"必要に応じてフッターのメニュー名とリンクを設定します。\n\nデモギャラリーやヘルプ記事など、**関連するページへの導線も追加**できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/bqQTRv4XeosPzJjtfWCpi.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/DsEIRFUB1csVdWUlIhTSh.jpg","imageHeight":"0","imageWidth":"688","imgState":"$2a","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"47.083333333333336","mouseYCooridnate":"76.10837438423646","mute":null,"number":9,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2879,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95fhlz120cqm4xr2170jvi","hotspots":[{"id":"cmu95fhlz120dqm4xqwdzscvk","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":12.01204446119451,"boxWidth":15.79476861167002,"default":true,"hotspotWidth":"Medium","htmlValue":"$2b","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"91.06556875978093","mouseYCooridnate":"87.60459685065442","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":22,"prevslide":null,"stepId":"cmu95fhlz120cqm4xr2170jvi","style":"Area","text":"右側のプレビュー画面では、フッターメニューを開き、設定したリンクが正しく表示・遷移することを確認できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"left"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/ErxMfEBcVWC-Fhdd63EGG.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"94.93055555555556","mouseYCooridnate":"86.88423645320196","mute":null,"number":10,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":85,"zoomPositionX":15,"zoomPositionY":15,"zoomWidth":85},{"id":"cmu95fmw4120fqm4x019lvln9","hotspots":[{"id":"cmu95fmw4120gqm4xl953jgp6","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.433497536945813,"boxWidth":4.236111111111112,"default":true,"hotspotWidth":"Medium","htmlValue":"$2c","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"43.472222222222214","mouseYCooridnate":"95.81280788177341","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":23,"prevslide":null,"stepId":"cmu95fmw4120fqm4x019lvln9","style":"Area","text":"表示内容を確認したら、「Save」ボタンをクリックして外観設定を保存します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/ylQQjgNRsGUDfCPC6TmHC.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"43.47222222222222","mouseYCooridnate":"95.8128078817734","mute":null,"number":11,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#appearance","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":85,"zoomPositionX":0.9722222222222214,"zoomPositionY":15,"zoomWidth":85},{"id":"cmu95g1if120kqm4xxfmi10xv","hotspots":[{"id":"cmu95g1if120lqm4xpsvangp2","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.458384901570778,"boxWidth":5.606379926329922,"default":true,"hotspotWidth":"Medium","htmlValue":"$2d","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"14.378130828928096","mouseYCooridnate":"17.211670533899394","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":24,"prevslide":null,"stepId":"cmu95g1if120kqm4xxfmi10xv","style":"Area","text":"次に、「Content」タブをクリックして、デモハブに**表示するコンテンツとカテゴリを設定**します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/7bFE7do1xsqv-7QND9x68.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"14.496527777777779","mouseYCooridnate":"17.733990147783253","mute":null,"number":12,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95g3x4120nqm4xdf6p4q9h","hotspots":[{"id":"cmu95g3x4120oqm4xkg3hyzmu","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":3.940886699507389,"boxWidth":29.58333333333333,"default":true,"hotspotWidth":"Medium","htmlValue":"$2e","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"22.63888888888889","mouseYCooridnate":"25.985221674876847","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":25,"prevslide":null,"stepId":"cmu95g3x4120nqm4xdf6p4q9h","style":"Area","text":"カテゴリ名をクリックして、閲覧者が目的の情報を探しやすい名称に変更します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/jUQrJXkghJpMQZSs8uLiP.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"22.63888888888889","mouseYCooridnate":"25.985221674876847","mute":null,"number":13,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":90,"zoomPositionX":0,"zoomPositionY":0,"zoomWidth":90},{"id":"cmu95hbza121lqm4xe0xmmzh8","hotspots":[{"id":"cmu95hbza121mqm4x98zahpmc","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.433497536945813,"boxWidth":37.08333333333334,"default":true,"hotspotWidth":"Medium","htmlValue":"$2f","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"25.555555555555554","mouseYCooridnate":"32.51231527093596","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":26,"prevslide":null,"stepId":"cmu95hbza121lqm4xe0xmmzh8","style":"Area","text":"カテゴリ内の「Add Content」ボタンをクリックして、表示するデモを追加します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/P0-dAgB5IzwUFLcM35H4_.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"25.555555555555554","mouseYCooridnate":"32.51231527093596","mute":null,"number":14,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":80,"zoomPositionX":0,"zoomPositionY":0,"zoomWidth":80},{"id":"cmu95iyk5122mqm4xcrq1t3oh","hotspots":[{"id":"cmu95iyk5122nqm4xxqw7cp2k","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":7.133936624674153,"boxWidth":4.024144869215291,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"69.56955273306507","mouseYCooridnate":"65.41514737478134","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":28,"prevslide":null,"stepId":"cmu95iyk5122mqm4xcrq1t3oh","style":"Area","text":"追加したいSupademoまたはShowcaseを探し、対象コンテンツの「Add」をクリックします。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"left"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/lvWn9ynE5ljxTpV06uVol.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"69.47916666666667","mouseYCooridnate":"65.27093596059113","mute":null,"number":15,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":85,"zoomPositionX":15,"zoomPositionY":15,"zoomWidth":85},{"id":"cmu95m9951244qm4x6gb4rmbf","hotspots":[{"id":"cmu95m9951245qm4x0w7r48n4","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.433497536945813,"boxWidth":10.41666666666667,"default":true,"hotspotWidth":"Medium","htmlValue":"$30","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"24.756944444444446","mouseYCooridnate":"73.39901477832511","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":32,"prevslide":null,"stepId":"cmu95m9951244qm4x6gb4rmbf","style":"Area","text":"別のテーマでデモを整理したい場合は、「Add new category」をクリックして新しいカテゴリを追加します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/ec1QCtt_a9o2wbfuSnFes.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"24.756944444444446","mouseYCooridnate":"73.39901477832512","mute":null,"number":16,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":92.00750426278492,"zoomPositionX":0,"zoomPositionY":7.992495737215079,"zoomWidth":92.00786173785019},{"id":"cmu95ny9l125sqm4x7c82b09q","hotspots":[{"id":"cmu95ny9l125tqm4xj8u1y5s1","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.433497536945813,"boxWidth":4.236111111111112,"default":true,"hotspotWidth":"Medium","htmlValue":"$31","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"43.472222222222214","mouseYCooridnate":"95.81280788177341","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":33,"prevslide":null,"stepId":"cmu95ny9l125sqm4x7c82b09q","style":"Area","text":"**用途ごとにカテゴリを分けてデモを整理する**と、閲覧者は必要なガイドを自分で選んで確認できます。\n\n設定できたら「Save」をクリックします。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"top"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/LQ_X-5drakoaLJzk0H5sK.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"43.47222222222222","mouseYCooridnate":"95.8128078817734","mute":null,"number":17,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":90,"zoomPositionX":0,"zoomPositionY":10,"zoomWidth":90},{"id":"cmu95o4861266qm4x8fysjhr0","hotspots":[{"id":"cmu95o4861267qm4xs41wvhre","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":26.53940886699507,"boxWidth":18.47222222222222,"default":true,"hotspotWidth":"Medium","htmlValue":"$32","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"68.125","mouseYCooridnate":"37.77709359605911","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":34,"prevslide":null,"stepId":"cmu95o4861266qm4x8fysjhr0","style":"Area","text":"右側のプレビューからデモカードをクリックして、デモハブから各チュートリアルを正しく開けることを確認できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/CjrcFPQn6YNWMeIQACTMG.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"68.125","mouseYCooridnate":"37.77709359605911","mute":null,"number":18,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#content","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":90,"zoomPositionX":10,"zoomPositionY":0,"zoomWidth":90},{"id":"cmu95oexm126iqm4xc99l5enq","hotspots":[{"id":"cmu95oexn126jqm4xfs593osk","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":7.204997321521494,"boxWidth":5.033717932595573,"default":true,"hotspotWidth":"Medium","htmlValue":"$33","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"20.052402086127877","mouseYCooridnate":"16.611317380886305","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":36,"prevslide":null,"stepId":"cmu95oexm126iqm4xc99l5enq","style":"Area","text":"最後に「Install」タブをクリックして、**デモハブをサイトやアプリ内から開くための設定**を確認します。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/iKII5itWnzQzgM9BEmuxw.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"20.27777777777778","mouseYCooridnate":"17.179802955665025","mute":null,"number":19,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#install","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95ojbf126oqm4xm53bpjic","hotspots":[{"id":"cmu95ojbf126pqm4x0pfe89hl","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":11.01633180915588,"boxWidth":45.4014220733746,"default":true,"hotspotWidth":"Medium","htmlValue":"$34","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"25.6088774040024","mouseYCooridnate":"33.79655540306674","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":37,"prevslide":null,"stepId":"cmu95ojbf126oqm4xm53bpjic","style":"Area","text":"「Launcher」を選択すると、**画面端に常設のランチャーを表示**できます。\n\nユーザーは必要なときにいつでもデモハブへアクセスできます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/_rXEJAUUXvh7pOiZ3Eyqh.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"29.618055555555557","mouseYCooridnate":"32.01970443349754","mute":null,"number":20,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#install","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":85,"zoomPositionX":0,"zoomPositionY":0,"zoomWidth":85},{"id":"cmu95okv6126rqm4xed92fpn3","hotspots":[{"id":"cmu95okv6126sqm4xvoai60x4","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":7.266009852216748,"boxWidth":4.097222222222222,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"96.70138888888889","mouseYCooridnate":"94.1502463054187","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":38,"prevslide":null,"stepId":"cmu95okv6126rqm4xed92fpn3","style":"Area","text":"実際に画面右下のランチャーをクリックして、操作中の画面からデモハブを開く操作を確認できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"left"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/EQpxOj_0yzu1xkMIBGTrR.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/f8zUM-wJiITQoUXyR2JGi.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":50,\"height\":50},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":1.773,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":2879,\"height\":1624},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[],\"annotation\":[{\"x\":\"23.931782281602253%\",\"y\":\"29.01057841614907%\",\"width\":\"11.052218573872787%\",\"height\":\"5.74453286749482%\",\"strokeColor\":[1,0.5216,0.1059,1],\"strokeWidth\":10,\"backgroundColor\":[1,1,1,0],\"cornerRadius\":\"1%\",\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"q0bun1g\",\"disableErase\":true,\"isSelected\":true,\"isEditing\":false}],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"96.70138888888889","mouseYCooridnate":"94.15024630541872","mute":null,"number":21,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#install","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2879,"zoomHeight":80,"zoomPositionX":20,"zoomPositionY":20,"zoomWidth":80},{"id":"cmu95p0is127pqm4x554mnty7","hotspots":[{"id":"cmu95p0is127qqm4xvem1811l","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":4.679802955665025,"boxWidth":10.03472222222222,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"75.05208333333333","mouseYCooridnate":"6.280788177339902","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":42,"prevslide":null,"stepId":"cmu95p0is127pqm4x554mnty7","style":"Area","text":"独自のボタンから開きたい場合は「Custom」を選択できます。\n\n「Open Demo Hub」のような**任意の導線からデモハブを起動できます**。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/aq4sL5lxpJtrEvfvQEVkq.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/6eje0cXgWI0OEiVayDFas.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":50,\"height\":50},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":1.773,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":2879,\"height\":1624},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[],\"annotation\":[{\"x\":\"34.46319897342995%\",\"y\":\"29.26937758799172%\",\"width\":\"10.763998968397747%\",\"height\":\"5.309426759834367%\",\"strokeColor\":[1,0.5216,0.1059,1],\"strokeWidth\":10,\"backgroundColor\":[1,1,1,0],\"cornerRadius\":\"1%\",\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"u12durm\",\"disableErase\":true,\"isSelected\":true,\"isEditing\":false}],\"decoration\":[],\"selection\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"backgroundFilterMode\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":1,\"minDuration\":0.041666666666666664,\"maxDuration\":null,\"currentTime\":null}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"75.05208333333333","mouseYCooridnate":"6.280788177339902","mute":null,"number":22,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#install","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2879,"zoomHeight":90,"zoomPositionX":10,"zoomPositionY":0,"zoomWidth":90},{"id":"cmu95pcsm128nqm4xpoy0cevu","hotspots":[{"id":"cmu95pcsm128oqm4x509f4ocm","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Pulse","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":81.61460367616722,"boxWidth":44.23494089537223,"default":true,"hotspotWidth":"Medium","htmlValue":"$35","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"25.328455105633807","mouseYCooridnate":"49.63862355068681","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":44,"prevslide":null,"stepId":"cmu95pcsm128nqm4xpoy0cevu","style":"Area","text":"最後に、「Install SDK」と初期化コードをサイトやアプリに追加してデモハブを実装します。\n\n必要に応じて「Allowed Domains」で表示を許可するドメインも指定できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/e2IBFcK8NVdVOdMeqRcsk.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"48.125","mouseYCooridnate":"44.70443349753695","mute":null,"number":23,"pageUrl":"https://app.supademo.com/hub/cmu95ayc901afuv0jnh1tyxpu#install","playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu95ph60128xqm4xdkr87t0l","hotspots":[],"chapter":{"id":"cmu95ph68128zqm4xwpxst2l7","buttons":[{"id":"cmu95ph6o1293qm4xkvdksvdr","translatedTexts":[],"animation":"Ripple","btnColor":"#3538cd","chapterId":"cmu95ph68128zqm4xwpxst2l7","color":"#fff","content":"Supademoで最初のデモを無料で作成する","isBold":true,"isItalic":false,"isLinkExternal":true,"linkTxt":"https://supademo.cello.so/bbJZVvgWsS1","openInNewTab":true,"order":0}],"background":null,"formFields":[],"notificationRecipients":[{"id":"cmu98ms2y01fmuv0jzt5oiq9g","chapterId":"cmu95ph68128zqm4xwpxst2l7","userId":"cmegbt3a8065bzj0irp1hqyhu"}],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"NONE","description":"

デモハブを使えば、複数のデモを1か所に整理し、ユーザーが操作中に必要なガイドを自分で探して確認できます。

一度きりのツアーではなく、いつでも使えるセルフサービス型のデモポータルを提供しましょう。

","descriptionColor":"#fff","emailValidationMode":"CompanyEmail","embedCode":null,"enabled":true,"heading":"

必要なときに見つかるデモ体験を作りましょう

","headingColor":"#fff","labelledFormEnabled":false,"layout":"Center","logoAltText":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/OMFgvXrv9SVP2W6F_YsfH.svg","phoneValidationEnabled":false,"skip":false,"stepId":"cmu95ph60128xqm4xdkr87t0l","theme":"Dark","type":"Link"},"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu95aq8511xzqm4xy3pud7bm","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":null,"imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"0","mouseYCooridnate":"0","mute":null,"number":24,"pageUrl":null,"playbackRate":1,"preventScroll":false,"recordingSessionId":null,"scrollOverrides":null,"scrollTopOverride":null,"text":null,"textcolor":"#fff","transition":null,"trimEnd":100,"trimStart":0,"video":null,"videoDuration":null,"videoHeight":null,"videoProjectId":null,"videoWidth":null,"voice":null,"widthOrg":2880,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null}],"htmlEdits":[],"translations":[],"translatedTexts":[],"background":null,"customFont":null,"aiAudits":[],"allowDuplicate":false,"allowExternalComments":false,"archived":false,"archivedAt":null,"authorId":"cmegbt3a8065bzj0irp1hqyhu","autoPlayDelay":1000,"autoplay":false,"autoplayduration":2000,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"border":true,"brandLogo":"https://media.supademo.com/workspaces/cmegbv0ml013zvw0i9ontvxrh/DBxwz0zvn2uvwekmYv68u.png","captionsPosition":"Bottom","color":"bg-gray-200","config":null,"ctabtncolor":"#3538cd","ctabtnlink":"https://supademo.jp/?utm_source=supademo&utm_medium=powered-by_web&utm_campaign=powered-by_web","ctabtntext":"デモツール Supademoの活用方法を学ぶ","ctabtntextcolor":"#fff","currentPublishedVersion":1,"customFontId":null,"customMetadataImage":null,"customizePerStep":false,"darkmode":false,"demoSource":"Extension","detectBrowserLanguage":true,"disableKeyboardNavigation":false,"displayAuthor":false,"displayDescription":false,"domainURL":"https://app.supademo.com/hubs","folderId":"cmu3e84d1004hub0jochrhp9l","font":"Default","fullWidth":false,"globalSettings":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"hotspotTextVisible":true,"indexable":true,"loop":false,"metadesc":"Supademoのデモハブで複数のデモをカテゴリ別に整理し、サイトやアプリ内からいつでもアクセスできるデモポータルを作成・設置する方法を紹介します。","mobileHotspotView":true,"nextButton":true,"number":null,"progressbar":true,"published":true,"recordOwnVoice":false,"sendNotification":true,"shared":true,"showCCButton":true,"showFullscreenButton":true,"showPlayBar":true,"showReplayButton":true,"showSteps":false,"showSupademoLink":true,"showWatermark":null,"showplaypause":true,"sourceLanguage":"Japanese","title":"Supademoでアプリ内デモハブを作成・カスタマイズする方法","topBar":false,"type":"Default","watermarkLink":null,"watermarkLogoUrl":null,"watermarkText":null,"workspaceId":"cmegbv0ml013zvw0i9ontvxrh","author":{"id":"cmegbt3a8065bzj0irp1hqyhu","name":"Yuto","image":"https://lh3.googleusercontent.com/a/ACg8ocKYwzeg-LUFB0AEqZJHBCbgXTnA8WNL2CBSiZhCKq4C3zO_ykM=s96-c"},"createdAt":"2026-09-20T01:36:14.405Z","updatedAt":"2026-09-20T04:55:25.961Z","workspace":{"id":"cmegbv0ml013zvw0i9ontvxrh","createdAt":"2025-08-17T23:39:04.557Z","updatedAt":"2026-09-20T04:55:25.629Z","name":"Supademo","voiceoverProvider":"ElevenLabs","color":"#3538cd","hotspottextcolor":"#fff","logo":"https://media.supademo.com/workspaces/cmegbv0ml013zvw0i9ontvxrh/DBxwz0zvn2uvwekmYv68u.png","favicon":"https://media.supademo.com/workspaces/cmegbv0ml013zvw0i9ontvxrh/ZCD5SHi6xgoVktstXQBg1.png","publishRestricted":true,"madein":true,"watermarkLogoUrl":"https://cdn.supademo.com/supademo_logo_icon.svg","watermarkText":"Supademoで作成","watermarkLink":"https://supademo.jp/?utm_source=supademo&utm_medium=powered-by_web&utm_campaign=powered-by_web","sharepagebtntext":"デモツール Supademoの活用方法を学ぶ","sharepagebtncolor":"#3538cd","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://supademo.jp/?utm_source=supademo&utm_medium=powered-by_web&utm_campaign=powered-by_web","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":true,"nextButton":true,"subDomain":null,"seoIndexable":true,"seoAuthor":true,"seoDescription":true,"showSteps":false,"font":"Default","showSupademoLink":true,"showReplayButton":true,"showFullscreenButton":true,"introChapterId":"cmmtng0661dn7p50rd70z4ng0","ctaChapterId":"cmegbv0o80141vw0irizotaf5","hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotAnimationVisible":true,"hotspotOpacity":"100","enableCreatorsToInvite":true,"topBar":true,"darkmode":false,"plan":"Growth","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":false,"linkViewNotifications":true,"monthlyStatsEmail":true,"invoiceEmail":true,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":null,"selectedCustomFontId":null,"backgroundMusicUrl":null,"hotspotNextBtnText":null,"hotspotBackBtnText":null,"hotspotBorderRadius":"Round","hotspotWidth":"Medium","hotspotBackdrop":null,"hotspotNextBtnBgColor":null,"hotspotNextBtnTextColor":null,"hotspotNextBtnDisabled":false,"hotspotBackBtnBgColor":null,"hotspotBackBtnTextColor":null,"hotspotBackBtnDisabled":false,"enhanceWithAI":true,"demoVersioningEnabled":true,"integrations":[],"ctaChapter":{"id":"cmegbv0o80141vw0irizotaf5","createdAt":"2025-08-17T23:39:04.617Z","updatedAt":"2026-09-16T01:36:50.808Z","stepId":null,"workspaceId":"cmegbv0ml013zvw0i9ontvxrh","routeVersionId":null,"agentIntroVersionId":null,"enabled":true,"type":"Link","skip":false,"heading":"

デモ体験を届けよう

","description":"

Supadmeoでは、〜

","theme":"Dark","layout":"Center","coverImageType":"NONE","coverImageSource":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/OMFgvXrv9SVP2W6F_YsfH.svg","logoAltText":null,"emailValidationMode":"CompanyEmail","phoneValidationEnabled":false,"labelledFormEnabled":false,"embedCode":null,"blurIntensity":24,"headingColor":"#fff","descriptionColor":"#fff","backgroundId":null,"interestScreenColumnLabels":null,"integrationConfig":null,"buttons":[{"id":"cmegbv0oy0143vw0iq96mkf2n","createdAt":"2025-08-17T23:39:04.642Z","updatedAt":"2026-09-16T01:36:50.842Z","chapterId":"cmegbv0o80141vw0irizotaf5","content":"Supademoで最初のデモを無料で作成する","btnColor":"#3538cd","color":"#fff","linkTxt":"https://supademo.cello.so/bbJZVvgWsS1","isLinkExternal":true,"openInNewTab":true,"animation":"Ripple","order":0,"isBold":true,"isItalic":false}],"background":null,"formFields":[]}}},"variablesFromUrl":[],"viewerCountry":"US"}] 13:null 17:[["$","title","0",{"children":"Supademoでアプリ内デモハブを作成・カスタマイズする方法"}],["$","meta","1",{"name":"description","content":"Supademoのデモハブで複数のデモをカテゴリ別に整理し、サイトやアプリ内からいつでもアクセスできるデモポータルを作成・設置する方法を紹介します。"}],["$","link","2",{"rel":"alternate","type":"application/json+oembed","href":"https://app.supademo.com/api/oembed?url=https://app.supademo.com/embed/cmu95aq8511xzqm4xy3pud7bm&format=json"}],["$","meta","3",{"property":"og:title","content":"Supademoでアプリ内デモハブを作成・カスタマイズする方法"}],["$","meta","4",{"property":"og:description","content":"Supademoのデモハブで複数のデモをカテゴリ別に整理し、サイトやアプリ内からいつでもアクセスできるデモポータルを作成・設置する方法を紹介します。"}],["$","meta","5",{"property":"og:url","content":"https://app.supademo.com/demo/cmu95aq8511xzqm4xy3pud7bm"}],["$","meta","6",{"property":"og:site_name","content":"Supademo"}],["$","meta","7",{"property":"og:locale","content":"en-US"}],["$","meta","8",{"property":"og:image","content":"https://app.supademo.com/api/demo/cmu95aq8511xzqm4xy3pud7bm/image"}],["$","meta","9",{"property":"og:image:width","content":"1200"}],["$","meta","10",{"property":"og:image:height","content":"630"}],["$","meta","11",{"property":"og:image:alt","content":"Demo Image"}],["$","meta","12",{"property":"og:type","content":"website"}],["$","meta","13",{"name":"twitter:card","content":"player"}],["$","meta","14",{"name":"twitter:site","content":"@SupademoHQ"}],["$","meta","15",{"name":"twitter:creator","content":"@SupademoHQ"}],["$","meta","16",{"name":"twitter:title","content":"Supademoでアプリ内デモハブを作成・カスタマイズする方法"}],["$","meta","17",{"name":"twitter:description","content":"Supademoのデモハブで複数のデモをカテゴリ別に整理し、サイトやアプリ内からいつでもアクセスできるデモポータルを作成・設置する方法を紹介します。"}],["$","meta","18",{"name":"twitter:image","content":"https://app.supademo.com/api/demo/cmu95aq8511xzqm4xy3pud7bm/image"}],["$","meta","19",{"name":"twitter:player","content":"https://app.supademo.com/embed/cmu95aq8511xzqm4xy3pud7bm"}],["$","meta","20",{"name":"twitter:player:stream","content":"https://app.supademo.com/embed/cmu95aq8511xzqm4xy3pud7bm"}],["$","meta","21",{"name":"twitter:player:width","content":"1280"}],["$","meta","22",{"name":"twitter:player:height","content":"720"}],["$","link","23",{"rel":"icon","href":"https://media.supademo.com/workspaces/cmegbv0ml013zvw0i9ontvxrh/ZCD5SHi6xgoVktstXQBg1.png"}],["$","link","24",{"rel":"iframely supademo app","href":"https://app.supademo.com/embed/cmu95aq8511xzqm4xy3pud7bm","type":"text/html","media":"position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 2879/1624; padding: 40px 0 40px 0;"}],["$","$L36","25",{}]]

Configure Demo Hub

Header

Content

Footer

Configure Demo Hub

Header

Content

Footer

Configure Demo Hub

Launcher

Install SDK

Initialize the Demo Hub