21: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] 11:["$","$L21",null,{"demo":{"id":"cmu996ign14vxqm4xqabp6on8","steps":[{"id":"W1eIe9YpoKEGW-CXLooek","hotspots":[],"chapter":{"id":"HIR4U2QxenZv9K-lRaih3","buttons":[{"id":"nVg_L_oSB-UDxJakzni3j","translatedTexts":[],"animation":"Ripple","btnColor":"#4f46e5","chapterId":"HIR4U2QxenZv9K-lRaih3","color":"#fff","content":"作成方法を見る","isBold":true,"isItalic":false,"isLinkExternal":false,"linkTxt":"","openInNewTab":true,"order":0}],"background":null,"formFields":[],"notificationRecipients":[{"id":"cmu9abdm301g0uv0jkdxfymd4","chapterId":"HIR4U2QxenZv9K-lRaih3","userId":"cmegbt3a8065bzj0irp1hqyhu"}],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"STEP","description":"

WebアプリのHTML/CSSをキャプチャして、クリックやスクロールなど実際の操作感を再現できるガイド付きHTMLデモの作成方法を紹介します。

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

Supademoでガイド付きHTMLデモを作成する方法

","headingColor":"#fff","labelledFormEnabled":false,"layout":"Left","logoAltText":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/dtj03tGYT0ybXuzQeAzII.png","phoneValidationEnabled":false,"skip":false,"stepId":"W1eIe9YpoKEGW-CXLooek","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":null,"heightOrg":607,"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":972,"zoomHeight":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null},{"id":"cmu996t4714vzqm4xgzwqllag","hotspots":[{"id":"cmu996t4714w0qm4xvfga0b15","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":5.5954476861167,"boxWidth":3.677533953722334,"default":true,"hotspotWidth":"Medium","htmlValue":"Supademo\nHas access to this site","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"74.98500661084564","mouseYCooridnate":"7.095331537838141","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":1,"prevslide":null,"stepId":"cmu996t4714vzqm4xgzwqllag","style":"Area","text":"まず、ブラウザ右上の**Supademo拡張機能**をクリックして、デモのキャプチャを開始します。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/uWj_TZDAn6s_hKBynjDGL.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/EbHjQcAvPQUB--cgTu7lU.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":50,\"height\":50},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":1.6,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":2880,\"height\":1800},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"manipulation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}],\"annotation\":[],\"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":"74.94845920138889","mouseYCooridnate":"7.633246527777778","mute":null,"number":2,"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":"cmu996xtr14w2qm4xcqmp62mw","hotspots":[{"id":"cmu996xtr14w3qm4xfi6zmd0v","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.231011066398391,"boxWidth":28.74905684104628,"default":true,"hotspotWidth":"Medium","htmlValue":"Record Interactive Demo","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"61.318235476225404","mouseYCooridnate":"34.155285008663085","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":2,"prevslide":null,"stepId":"cmu996xtr14w2qm4xcqmp62mw","style":"Area","text":"次に、**「Record Interactive Demo」をクリック**して、インタラクティブデモの作成画面を開きます。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/YP0pLA4vUyLKHl1i6QIBT.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/jpL2242rGNzu8-K0if6Bj.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"58.46164279513889","mouseYCooridnate":"34.49262152777778","mute":null,"number":3,"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":"cmu997lno14wnqm4x83mrmwcd","hotspots":[{"id":"cmu997lno14woqm4x5et8486t","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":6.385814889336016,"boxWidth":14.48299170020121,"default":true,"hotspotWidth":"Medium","htmlValue":"Clone your app’s HTML and CSS for pixel-perfect, fully interactive steps. Best for sales and marketing demos.","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"44.456829810488216","mouseYCooridnate":"70.51411380661852","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":9,"prevslide":null,"stepId":"cmu997lno14wnqm4x83mrmwcd","style":"Area","text":"デモ作成過程を効率化するために、「Enhance with AI」が**有効**にしてください。AIを使って、キャプチャ後の各ステップに**自然な説明文を自動生成**できます。\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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/2JL-0PAP-kacjFt5zQnkE.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/Z6Wtm0fbSVwGcu-gnaAfl.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"54.216037326388886","mouseYCooridnate":"59.91493055555556","mute":null,"number":4,"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":"cmu99757q14w5qm4x0adbdg6k","hotspots":[{"id":"cmu99757q14w6qm4x2r1uqtmk","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.00088028169014,"boxWidth":56.46692655935613,"default":true,"hotspotWidth":"Medium","htmlValue":"Group","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"50.0637347304312","mouseYCooridnate":"44.209593498490946","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":3,"prevslide":null,"stepId":"cmu99757q14w5qm4x0adbdg6k","style":"Area","text":"一度「AI Enhancement」を有効にすると、今後どのタイプのデモでもデフォルトで各ステップの説明文をAIが生成します。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/CO77f14c0vQEQ9Ez2VPdA.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/A0wsX46uvlEk0xaKV1phB.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"44.44525824652778","mouseYCooridnate":"71.07421875","mute":null,"number":5,"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":"cmu997diy14wbqm4xuja4n1z5","hotspots":[{"id":"cmu997diy14wcqm4xi85ux4vb","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":15.14901911468813,"boxWidth":21.04030432595573,"default":true,"hotspotWidth":"Medium","htmlValue":"Group","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"32.24676782483093","mouseYCooridnate":"68.22773708221551","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":5,"prevslide":null,"stepId":"cmu997diy14wbqm4xuja4n1z5","style":"Area","text":"「Use case」では、デモの用途を選択します。\n\n- 「**Instructional**」：操作方法を順番に案内するデモ向け\n- 「**Marketing**」製品や機能を訴求するデモ向け","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/K0FjFEAchQdCrcycg7W-x.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/MLhpkLHknEMVVBkBuC5TZ.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"33.96999782986111","mouseYCooridnate":"72.16102430555556","mute":null,"number":6,"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":"cmu997fbf14weqm4xxs5y7u7i","hotspots":[{"id":"cmu997fbf14wfqm4x0pgve95u","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":6.438631790744467,"boxWidth":20.91612173038229,"default":true,"hotspotWidth":"Medium","htmlValue":"Desired outcome","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"52.66287721991672","mouseYCooridnate":"64.62012701207243","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":6,"prevslide":null,"stepId":"cmu997fbf14weqm4xxs5y7u7i","style":"Area","text":"「Desired outcome」では、デモで重視するゴールを設定します。\n\n- 「**Completion-focused**」：最後まで操作を完了してもらうことを重視\n- 「**Reach-focused**」は幅広く内容を伝えることを重視","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/kQDqmCJ6OdI-bMy3azlut.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/1-OKP5ljE_vyY7LNLc4lt.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"58.63661024305556","mouseYCooridnate":"65.328125","mute":null,"number":7,"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":"cmu997h6714whqm4x0c3fjlqp","hotspots":[{"id":"cmu997h6714wiqm4xx3bwnfjq","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.223968812877264,"boxWidth":15.58884557344064,"default":true,"hotspotWidth":"Medium","htmlValue":"Group","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"70.58772065989687","mouseYCooridnate":"64.68825365386766","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":7,"prevslide":null,"stepId":"cmu997h6714whqm4x0c3fjlqp","style":"Area","text":"続いて「Language」から、AIが生成する説明文の言語を選択します。\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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/bie9UzysZd_6bdKjHa8ws.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/5MtlAd5n30ifBIn7fXd8d.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"54.12841796875","mouseYCooridnate":"68.73220486111111","mute":null,"number":8,"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":"cmu997jyx14wkqm4x6x5jln8m","hotspots":[{"id":"cmu997jyx14wlqm4xqhbn6ny1","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":6.475100603621731,"boxWidth":5.489185110663984,"default":true,"hotspotWidth":"Medium","htmlValue":"Start Recording","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"75.02784665894674","mouseYCooridnate":"70.7013836491169","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":8,"prevslide":null,"stepId":"cmu997jyx14wkqm4x6x5jln8m","style":"Area","text":"設定が完了したら、「Save」をクリックしてAI Enhancementの設定を保存します。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/INjnAL5Psa8GsTPcjGYfZ.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/Q7X6Su6k1nZ9nkCJn7HhJ.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"74.83371310763889","mouseYCooridnate":"70.71961805555556","mute":null,"number":9,"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":"cmu997n4w14wuqm4xuzhj2ijg","hotspots":[{"id":"cmu997n4w14wvqm4x2aoourn7","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":25.59922032193159,"boxWidth":19.35401471327968,"default":true,"hotspotWidth":"Medium","htmlValue":"Group","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"49.851960613507444","mouseYCooridnate":"54.05502546529175","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":10,"prevslide":null,"stepId":"cmu997n4w14wuqm4xuzhj2ijg","style":"Area","text":"次に、「Guided demo（HTML Cloning）」を選択します。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/IextzAvaH9dZxh_yW8-xd.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/XpdZJHfFGpSLWGm0b9_Lx.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"71.40923394097223","mouseYCooridnate":"70.06640625","mute":null,"number":10,"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":"eDh4DMMTrji69OMFMD5iz","hotspots":[{"id":"AagTp-1AtdOa0G6FHw2t5","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.619211361048434,"boxWidth":13.11108997441248,"default":false,"hotspotWidth":"Medium","htmlValue":"Group","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"71.98224086944805","mouseYCooridnate":"70.59986084094942","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":10,"prevslide":null,"stepId":"eDh4DMMTrji69OMFMD5iz","style":"Area","text":"「Start Recording」をクリックして、ガイド付きHTMLデモのキャプチャを開始します。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/IextzAvaH9dZxh_yW8-xd.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/XpdZJHfFGpSLWGm0b9_Lx.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"71.40923394097223","mouseYCooridnate":"70.06640625","mute":null,"number":11,"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":"cmu997r8e14wxqm4xjypu1ftf","hotspots":[{"id":"cmu997r8e14wyqm4xv5y8yadj","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.142228370221328,"boxWidth":10.51150653923541,"default":true,"hotspotWidth":"Medium","htmlValue":"Get started","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"60.68944919517102","mouseYCooridnate":"73.2350448175162","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":11,"prevslide":null,"stepId":"cmu997r8e14wxqm4xjypu1ftf","style":"Area","text":"キャプチャ方法を確認したら、「Get started」をクリックします。\n\nこれで実際のWeb画面を操作しながらステップを記録できます。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/KY0YWF1fXunAIfmzfx4Sf.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/oKvhPMw98PQALu4rgcx8v.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"60.42968749999999","mouseYCooridnate":"72.88324652777777","mute":null,"number":12,"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":"cmu99863414x0qm4xpylgjmt8","hotspots":[{"id":"cmu99863414x1qm4xg5ev4b9x","translatedTexts":[],"aiText":null,"aiTextVisible":false,"anchorNodeId":null,"anchorPosition":"BottomCenter","animation":"Ping","backButtonAction":"Slide","backButtonBgColor":null,"backButtonDisabled":false,"backButtonText":null,"backButtonTextColor":null,"backButtonUrl":null,"bgcolor":"#3538cd","borderRadius":"Round","boxHeight":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"Spirの日程調整完了ページ","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"22.12131076388889","mouseYCooridnate":"65.36284722222221","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":12,"prevslide":null,"stepId":"cmu99863414x0qm4xpylgjmt8","style":"Circle","text":"デモ内で案内したい操作に合わせて、対象のボタンや項目をクリックしていきましょう。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"right"},{"id":"9HCmvI2isgmfEwP28ss7r","translatedTexts":[],"aiText":"Add some hotspot text here.","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":null,"boxWidth":null,"default":false,"hotspotWidth":"Medium","htmlValue":null,"isVisible":true,"modalPosition":"Center","mouseXCooridnate":"39.92003502067833","mouseYCooridnate":"28.605788615317262","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":null,"prevslide":null,"stepId":"cmu99863414x0qm4xpylgjmt8","style":"Tooltip","text":"ガイド付きHTMLでは、**WebアプリのHTMLとCSSを取得し、実際の画面に近いインタラクティブなデモを作成**できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"autostart"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/Hknxewsbvw6lGCS9rgJOX.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/Qw37etbFPqRaDcm0HVCNn.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"22.12131076388889","mouseYCooridnate":"65.36284722222221","mute":null,"number":13,"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":"cmu998c3x14x3qm4xahal7uaw","hotspots":[{"id":"cmu998c3y14x4qm4xibywvono","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":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"Spir | Smart scheduling calendar","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"64.13949408255087","mouseYCooridnate":"48.28157661245249","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":13,"prevslide":null,"stepId":"cmu998c3x14x3qm4xahal7uaw","style":"Tooltip","text":"キャプチャ中は画面の表示が変わり、**クリックした操作が新しいステップとして記録**されます。\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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/mvmoVBEWCUlrLpQaswase.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/t69R9eJ2F2r9jCIdOO6mh.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"16.25217013888889","mouseYCooridnate":"50.37413194444444","mute":null,"number":14,"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":"cmu998u1z14xfqm4x5wjd8l4r","hotspots":[{"id":"cmu998u1z14xgqm4xfmajlwna","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":6.438631790744467,"boxWidth":4.024144869215291,"default":true,"hotspotWidth":"Medium","htmlValue":"Slackチャンネルを選択","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"6.693064201179297","mouseYCooridnate":"94.4985625558909","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":16,"prevslide":null,"stepId":"cmu998u1z14xfqm4x5wjd8l4r","style":"Area","text":"左下の数字から、現在キャプチャされているステップ数を確認できます。\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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/PZHrD2M35UjDCa1rG4eJm.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/qscE2LpKh-Klm54MT_Vgu.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"6.756727430555555","mouseYCooridnate":"50.021701388888886","mute":null,"number":15,"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":"cmu99a0nr14yrqm4xq7nthdh5","hotspots":[{"id":"cmu99a0nr14ysqm4xjeeu8vu2","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":30.87210764587525,"boxWidth":26.93151094064386,"default":false,"hotspotWidth":"Medium","htmlValue":"project","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"33.75914067303124","mouseYCooridnate":"76.01195104655713","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":20,"prevslide":null,"stepId":"cmu99a0nr14yrqm4xq7nthdh5","style":"Area","text":"ドロップダウンやメニューなどもHTMLとしてキャプチャできます。\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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/-1XxHVEJPA2BtNKkUHIRw.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/TnFjWKwQLo5e9bqBR15IQ.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"34.892306857638886","mouseYCooridnate":"77.33897569444444","mute":null,"number":16,"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":"cmu99aui514zmqm4xfp24zznn","hotspots":[{"id":"cmu99aui514znqm4x3gkw0zcw","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":6.974346076458753,"boxWidth":7.019460513078471,"default":true,"hotspotWidth":"Medium","htmlValue":"Image","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"32.76617550354209","mouseYCooridnate":"94.39608134920637","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":22,"prevslide":null,"stepId":"cmu99aui514zmqm4xfp24zznn","style":"Area","text":"必要な操作をすべてキャプチャしたら、「Stop」をクリックして録画を終了します。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/f873FR6UZKdTcI2_WPupC.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/_TZhzJMCd7aPvfG0IY8fG.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"31.963704427083332","mouseYCooridnate":"93.94965277777779","mute":null,"number":17,"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":"cmu99bfl01515qm4xmiil5oiv","hotspots":[{"id":"cmu99bfl01516qm4x8h2sp71j","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":null,"boxWidth":null,"default":true,"hotspotWidth":"Medium","htmlValue":"Group","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"73.27220975593146","mouseYCooridnate":"49.09097728733512","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":23,"prevslide":null,"stepId":"cmu99bfl01515qm4xmiil5oiv","style":"Tooltip","text":"キャプチャが完了すると、作成したガイド付きHTMLデモがSupademoの編集画面に表示されます。\n\nここから説明文やホットスポットなどを編集して、デモを仕上げられます。","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/rkJ9Eu9sOxQ9uL2y1NJIZ.jpg","heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/RgzK9-xFA2i0GSXJb7kEZ.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[],\"redaction\":[{\"x\":2638.758646245059,\"y\":99.18787055335974,\"width\":144.0850419960475,\"height\":61.877779150197625,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"nmfluxl\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"73.77522786458334","mouseYCooridnate":"14.000434027777779","mute":null,"number":18,"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":"cmu99heiz15bsqm4xntfoauwa","hotspots":[],"chapter":{"id":"cmu99hej715buqm4xjxshpdoh","buttons":[{"id":"NXQEggx_YFYV1KqTH2gd4","translatedTexts":[],"animation":"Ripple","btnColor":"#ff6900","chapterId":"cmu99hej715buqm4xjxshpdoh","color":"#fff","content":"ガイド付きHTMLデモの編集方法を見る","isBold":true,"isItalic":false,"isLinkExternal":true,"linkTxt":"https://supademo.cello.so/bbJZVvgWsS1","openInNewTab":true,"order":0},{"id":"cmu99hejx15byqm4x25rqbxix","translatedTexts":[],"animation":"Ripple","btnColor":"#3538cd","chapterId":"cmu99hej715buqm4xjxshpdoh","color":"#fff","content":"Supademoで最初のデモを無料で作成する","isBold":true,"isItalic":false,"isLinkExternal":true,"linkTxt":"https://supademo.cello.so/bbJZVvgWsS1","openInNewTab":true,"order":1}],"background":null,"formFields":[],"notificationRecipients":[{"id":"cmu9b0oaf01cfui0j87sml2o5","chapterId":"cmu99hej715buqm4xjxshpdoh","userId":"cmegbt3a8065bzj0irp1hqyhu"}],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"NONE","description":"

ガイド付きHTMLなら、クリックやスクロールなど実際のWebアプリに近い操作を再現できます。

製品の使い方や価値を、見るだけではなく実際に触れるデモ体験として届けましょう。

","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":"cmu99heiz15bsqm4xntfoauwa","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":"cmu996ign14vxqm4xqabp6on8","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":null,"imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"0","mouseYCooridnate":"0","mute":null,"number":19,"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":2,"customFontId":null,"customMetadataImage":null,"customizePerStep":false,"darkmode":false,"demoSource":"MacOS","detectBrowserLanguage":true,"disableKeyboardNavigation":false,"displayAuthor":false,"displayDescription":false,"domainURL":"Desktop","folderId":"cmu3e84d1004hub0jochrhp9l","font":"Default","fullWidth":false,"globalSettings":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"hotspotTextVisible":true,"indexable":true,"loop":false,"metadesc":"Supademoのガイド付きHTMLデモで、WebアプリのHTML/CSSを取得し、クリックやスクロールなど実際の操作に近いインタラクティブデモを作成する方法を紹介します。","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":"English","title":"ガイド付きHTMLデモを作成する方法","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-20T03:24:56.183Z","updatedAt":"2026-09-20T05:30:59.919Z","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"}]