20: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] 21:T20d0,22:T450,

23:T439,{"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":[{"x1":"66.86920679851046%","y1":"89.78713768115942%","x2":"80.21030860004026%","y2":"70.92472179089026%","disableErase":false,"strokeWidth":10,"strokeColor":[0.3137254901960784,0.27058823529411763,0.8980392156862745],"lineEnd":"arrow","cornerRadius":"1%","disableStyle":["lineStart","lineEnd","cornerRadius"],"bitmap":true,"cursorStyle":"ellipse","cursorSize":20,"strokeCap":"round","strokeJoin":"round","opacity":1,"id":"tbdhdkt","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}24:T4040,

25:T5bf,

26:T6a9,

27:T866,

28:T8cc,

11:["$","$L20",null,{"demo":{"id":"cmu3ov6mz089mqm3brgxyp0b3","steps":[{"id":"cmu3p0qz108eiqm3b5pn20scq","hotspots":[],"chapter":{"id":"cmu3p0qza08ekqm3b1csgbej0","buttons":[{"id":"cmu3p0qzp08enqm3bnc0rl22e","translatedTexts":[],"animation":"Ripple","btnColor":"#4f46e5","chapterId":"cmu3p0qza08ekqm3b1csgbej0","color":"#fff","content":"ホットスポットの編集方法を見る","isBold":true,"isItalic":false,"isLinkExternal":false,"linkTxt":"cmu3ovcpk08a2qm3bgs3qc2a2","openInNewTab":true,"order":0}],"background":null,"formFields":[],"notificationRecipients":[{"id":"cmu3qejyx0072yr0jw65lmlm4","chapterId":"cmu3p0qza08ekqm3b1csgbej0","userId":"cmegbt3a8065bzj0irp1hqyhu"}],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"STEP","description":"

収録時のクリックから作成されたホットスポットを、案内したい内容や画面に合わせて自由に調整できます。

3種類のスタイルや表示位置、サイズなどの設定方法を見てみましょう。

","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":"cmu3p0qz108eiqm3b5pn20scq","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":"cmu3ov6mz089mqm3brgxyp0b3","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":"cmu3ovcpk08a2qm3bgs3qc2a2","hotspots":[{"id":"cmu3ovcpk08a3qm3b2j0ikfdm","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.13641454639165,"boxWidth":4.024144869215291,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"63.298611111111114","mouseYCooridnate":"69.39655172413794","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":1,"prevslide":null,"stepId":"cmu3ovcpk08a2qm3bgs3qc2a2","style":"Area","text":"まず、「Edit」ボタンをクリックしてホットスポットの設定を開きます。\n\nSupademoでは、**収録時にクリックした箇所をもとにホットスポットが作成され、あとから内容や見た目を編集**できます。","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/AnESCsinFeKU5pCPPcBPv.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"63.298611111111114","mouseYCooridnate":"69.39655172413794","mute":null,"number":2,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3ovkfw08abqm3bdq1lkpjk","hotspots":[{"id":"cmu3ovkfw08acqm3bg7bhvd3a","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":38.6000578594721,"boxWidth":23.97824446680081,"default":true,"hotspotWidth":"Medium","htmlValue":"$21","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"11.989122233400403","mouseYCooridnate":"33.078837867104106","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":2,"prevslide":null,"stepId":"cmu3ovkfw08abqm3bdq1lkpjk","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/qwTiohcFeUBD1CEDP4Cpk.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"22.916666666666664","mouseYCooridnate":"30.849753694581285","mute":null,"number":3,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3ovu5w08amqm3b2o6hsj2r","hotspots":[{"id":"cmu3ovu5w08anqm3b9gau2ya4","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.54818004269058,"boxWidth":23.62643800071826,"default":true,"hotspotWidth":"Medium","htmlValue":"

Hotspot Style*

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"12.04501190933005","mouseYCooridnate":"26.003263490240258","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":4,"prevslide":null,"stepId":"cmu3ovu5w08amqm3b2o6hsj2r","style":"Area","text":"その後、「Hotspot Style」から表示形式を選択します。\n\n案内したい内容に合わせて、**Pointer・Callout・Areaの3種類**を使い分けられます。","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/k9NaMEnJlFj2gWXSLQ5sk.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"11.875","mouseYCooridnate":"21.182266009852217","mute":null,"number":4,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3ovvn708b4qm3baa8rhldn","hotspots":[{"id":"cmu3ovvn808b5qm3bamer4fqp","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.737695522439628,"boxWidth":7.819075948581848,"default":true,"hotspotWidth":"Medium","htmlValue":"$22","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"19.047879065083016","mouseYCooridnate":"27.69076280774922","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":5,"prevslide":null,"stepId":"cmu3ovvn708b4qm3baa8rhldn","style":"Area","text":"「Area」は、特定のボタンだけでなく、**画面上のセクションや複数要素をまとめて強調したい場合**に便利です。","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/gC182rqQvSDRYlLHZu5yh.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/3YciUPiPKV0gFa4FZvoNJ.jpg","imageHeight":"0","imageWidth":"688","imgState":"$23","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"11.822916666666666","mouseYCooridnate":"27.832512315270936","mute":null,"number":5,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3ow0si08b7qm3bpzmjqdui","hotspots":[{"id":"cmu3ow0si08b8qm3bemkqkldn","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":10.38891910576761,"boxWidth":7.707180583501005,"default":true,"hotspotWidth":"Medium","htmlValue":"$24","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"11.824855382293762","mouseYCooridnate":"36.920731593997466","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":6,"prevslide":null,"stepId":"cmu3ow0si08b7qm3bpzmjqdui","style":"Area","text":"「Callout」は、**説明文を常に見せながら操作を案内したい場合**に適しています。\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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/vPFMtOy4J16q4x0riZXDF.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/WYztQ5Wo20lwjulhiZCJL.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[{\"x1\":\"66.86920679851046%\",\"y1\":\"89.78713768115942%\",\"x2\":\"80.21030860004026%\",\"y2\":\"70.92472179089026%\",\"disableErase\":false,\"strokeWidth\":10,\"strokeColor\":[0.3137254901960784,0.27058823529411763,0.8980392156862745],\"lineEnd\":\"arrow\",\"cornerRadius\":\"1%\",\"disableStyle\":[\"lineStart\",\"lineEnd\",\"cornerRadius\"],\"bitmap\":true,\"cursorStyle\":\"ellipse\",\"cursorSize\":20,\"strokeCap\":\"round\",\"strokeJoin\":\"round\",\"opacity\":1,\"id\":\"tbdhdkt\",\"lineStart\":null,\"isSelected\":true,\"isEditing\":false}],\"redaction\":[]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"12.5","mouseYCooridnate":"28.201970443349754","mute":null,"number":6,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3ow3f308bdqm3bk3ah4xdt","hotspots":[{"id":"cmu3ow3f308beqm3bu6h37k6l","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":10.44776919154656,"boxWidth":8.153541757980637,"default":true,"hotspotWidth":"Medium","htmlValue":"

Hotspot Style*

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"4.651125097805375","mouseYCooridnate":"36.62405874538358","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":8,"prevslide":null,"stepId":"cmu3ow3f308bdqm3bk3ah4xdt","style":"Area","text":"「Pointer」は、**クリックしてほしい場所をシンプルに示したい場合**に便利です。\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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/yziK3JYSiNXfSx2y650K6.jpg","heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/-ZMJCFY1D9dwIRYUzIOjq.jpg","imageHeight":"0","imageWidth":"688","imgState":"{\"annotation\":[{\"x1\":\"66.86920679851046%\",\"y1\":\"89.78713768115942%\",\"x2\":\"80.21030860004026%\",\"y2\":\"70.92472179089026%\",\"disableErase\":false,\"strokeWidth\":10,\"strokeColor\":[0.3137254901960784,0.27058823529411763,0.8980392156862745],\"lineEnd\":\"arrow\",\"cornerRadius\":\"1%\",\"disableStyle\":[\"lineStart\",\"lineEnd\",\"cornerRadius\"],\"bitmap\":true,\"cursorStyle\":\"ellipse\",\"cursorSize\":20,\"strokeCap\":\"round\",\"strokeJoin\":\"round\",\"opacity\":1,\"id\":\"tbdhdkt\",\"lineStart\":null,\"isSelected\":true,\"isEditing\":false}],\"redaction\":[]}","mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"11.875","mouseYCooridnate":"30.295566502463057","mute":null,"number":7,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"KBp0yhxWgdjWmgVCHxaDt","hotspots":[{"id":"kvAe5fgDsilYjA67WDRd9","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":29.13748997240236,"boxWidth":23.42633869592042,"default":false,"hotspotWidth":"Medium","htmlValue":"

Hotspot Style*

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"12.203061360221106","mouseYCooridnate":"56.70202470307899","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":8,"prevslide":null,"stepId":"KBp0yhxWgdjWmgVCHxaDt","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/-ZMJCFY1D9dwIRYUzIOjq.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"11.875","mouseYCooridnate":"30.295566502463057","mute":null,"number":8,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3owuep08c8qm3bk79uaam9","hotspots":[{"id":"cmu3owuep08c9qm3b48vx71in","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":10.41140533941471,"boxWidth":23.0808429105572,"default":true,"hotspotWidth":"Medium","htmlValue":"$25","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"11.809146064509672","mouseYCooridnate":"76.02815603521094","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":11,"prevslide":null,"stepId":"cmu3owuep08c8qm3bk79uaam9","style":"Area","text":"「Width」では、ホットスポットの横幅を選択・変更できます (デフォルトはMediumサイズ)。\n\n説明文の長さや画面上のスペースに合わせて、Small・Medium・Largeから調整できます。","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/zG_2GHKNicvN0f5AAWFlH.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"18.87152777777778","mouseYCooridnate":"77.33990147783251","mute":null,"number":9,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3owxrv08ceqm3begzil0q7","hotspots":[{"id":"cmu3owxrv08cfqm3bdsbhgy5w","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.409653413735034,"boxWidth":22.9536559238697,"default":true,"hotspotWidth":"Medium","htmlValue":"$26","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"11.890623724290146","mouseYCooridnate":"85.28169088649076","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":12,"prevslide":null,"stepId":"cmu3owxrv08ceqm3begzil0q7","style":"Area","text":"「Position」では、説明を表示する位置を変更できます。\n\n**対象のUIを隠さない位置を選ぶことで、操作箇所と説明を同時に見やすくできます**。","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/WPgD8g6MK1EdWPdHcstov.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"7.725694444444445","mouseYCooridnate":"86.69950738916256","mute":null,"number":10,"pageUrl":"https://app.supademo.com/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","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":"cmu3oykwc08deqm3bazwe7wju","hotspots":[{"id":"cmu3oykwc08dfqm3bi0uinnq6","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":"$27","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"21.041666666666668","mouseYCooridnate":"95.13546798029554","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":15,"prevslide":null,"stepId":"cmu3oykwc08deqm3bazwe7wju","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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/o03tpybJDsRIDuUwIrF_g.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"21.041666666666668","mouseYCooridnate":"95.13546798029556","mute":null,"number":11,"pageUrl":"https://chatgpt.com/g/g-p-6a6d3068089881919596484297665f5d-supademo/c/6aaa1f0a-af64-83ee-a360-f397033cbd3b","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":"cmu3p042708drqm3b6e1u696m","hotspots":[{"id":"cmu3p042708dsqm3bijgfdiy1","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":8.004926108374384,"boxWidth":20,"default":true,"hotspotWidth":"Medium","htmlValue":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"28.368055555555554","mouseYCooridnate":"32.88177339901478","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":16,"prevslide":null,"stepId":"cmu3p042708drqm3b6e1u696m","style":"Area","text":"また、新しく範囲を指定して案内したい場合は、「Add Custom Area hotspot」をクリックします。\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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/__kIOEL8s9c3DQf4ZPagH.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"28.368055555555554","mouseYCooridnate":"32.88177339901478","mute":null,"number":12,"pageUrl":"https://chatgpt.com/g/g-p-6a6d3068089881919596484297665f5d-supademo/c/6aaa1f0a-af64-83ee-a360-f397033cbd3b","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":"cmu3p0e5808e9qm3byqmimowr","hotspots":[{"id":"cmu3p0e5808eaqm3bgn785k96","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":"

","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"30.078966281555452","mouseYCooridnate":"69.3815672848843","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":18,"prevslide":null,"stepId":"cmu3p0e5808e9qm3byqmimowr","style":"Tooltip","text":"1つのステップには複数のホットスポットを追加することもできます。\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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/1DYgftn0CTiQiqjAwBMHt.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"39.02777777777778","mouseYCooridnate":"23.275862068965516","mute":null,"number":13,"pageUrl":"https://chatgpt.com/g/g-p-6a6d3068089881919596484297665f5d-supademo/c/6aaa1f0a-af64-83ee-a360-f397033cbd3b","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":"cmu3p0ojs08efqm3bkhqkay7u","hotspots":[{"id":"cmu3p0ojs08egqm3bt2crsz7e","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":6.458333333333334,"default":true,"hotspotWidth":"Medium","htmlValue":"$28","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"4.340277777777779","mouseYCooridnate":"95.13546798029554","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":20,"prevslide":null,"stepId":"cmu3p0ojs08efqm3bkhqkay7u","style":"Area","text":"不要になったホットスポットは、「Delete」ボタンから削除できます。\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":"cmu3ov6mz089mqm3brgxyp0b3","duration":null,"editedImage":null,"heightOrg":1624,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/gLibbacSsaCXgC7xih2Op.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"4.340277777777778","mouseYCooridnate":"95.13546798029556","mute":null,"number":14,"pageUrl":"https://chatgpt.com/g/g-p-6a6d3068089881919596484297665f5d-supademo/c/6aaa1f0a-af64-83ee-a360-f397033cbd3b","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":"cmu3p0r4i08epqm3ba76ftj71","hotspots":[],"chapter":{"id":"cmu3p0r4q08erqm3bdbo22aih","buttons":[{"id":"cmu3p0r5f08evqm3bhcknao3v","translatedTexts":[],"animation":"Ripple","btnColor":"#3538cd","chapterId":"cmu3p0r4q08erqm3bdbo22aih","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":"cmu3qewjl00mbyp0ku12csctx","chapterId":"cmu3p0r4q08erqm3bdbo22aih","userId":"cmegbt3a8065bzj0irp1hqyhu"}],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"NONE","description":"

Pointer・Callout・Areaを使い分ければ、操作箇所を強調したり、補足説明を加えたり、画面のまとまりを案内したりできます。

デモの内容に合わせてホットスポットを整え、より分かりやすい体験を届けましょう。

","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":"cmu3p0r4i08epqm3ba76ftj71","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":"cmu3ov6mz089mqm3brgxyp0b3","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":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}],"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/demo/cmu3m416i05voqm3bhpp7th99/edit?step=2","folderId":"cmu3mz6g400dyyp0kempwraj5","font":"Default","fullWidth":false,"globalSettings":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"hotspotTextVisible":true,"indexable":true,"loop":false,"metadesc":"Supademoでホットスポットを編集する方法を解説します。Pointer・Callout・Areaの使い分けから、説明文、色、サイズ、表示位置、複数ホットスポットの追加まで、分かりやすいデモを作るための設定方法を紹介します。","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-16T05:57:24.443Z","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"}]