24:I[80532,["https://cdn.supademo.com/v3.25.179/_next/static/chunks/0pgiqvm3wk4g_.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2lw_hg8812qf-.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1iq-kz-c2vjo9.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3vmi_sqf1d8jm.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3xo6-h2m3txsp.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2jo_qx3cuh_qp.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/168a7z_39_lks.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1_cbd-fioeszs.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/08rsae4-6_3j8.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/03cbij1tf-1aa.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/36k-3k236u26x.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3qsl5mjyami-4.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2_56f6780zwlr.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/43tjlzg2xwfpa.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1ub3xrt6yfc25.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/19smqnel40bj3.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/19cj0a_mpeiuw.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0dh-gcuzjb-s5.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/38em-jn8e991c.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2yma_4r8y2mtr.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1p5_v0ahgna_r.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3ph3f0n4oik9y.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3b_-ulcgd6oj8.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/43xslt840hklx.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2f9vq4w-ky5nc.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1zsklqhlqkjc9.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0egb5-n83336q.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3f163oqmqrna9.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2lgqaedm0hf3l.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3kxrv5pivxjnk.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3fy_rf2esc-y0.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0v8qyvn7tg5yq.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/09avfn1e0ica7.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1w07f1tscgpso.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1smeu1o5m5zyd.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2z8n5zciw-daq.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3y0clrd9l5p4r.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2ixj39j136lrc.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2uiuy4qb5yfn-.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1dcpahzng24va.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1_776vsoy65cr.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/16xkixw5fwb_a.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0bx8fnnqyeh0j.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/19j-sk9t22_b0.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3o0gf83a_2ud9.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/00546d1i-ohn0.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2h-0qnjrcw9ww.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0-udw21x3u813.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1nb4d6ti40ws-.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2qkqhul4fqg4t.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2os4nylplvhtu.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3hyeuzbf8w58l.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1ra5tb3i1now0.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1akd1zuadq633.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1b5sif09cmpbp.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0shv0de36kusq.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/1z9uzl7jp8dgt.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0hguu9dlgyy3f.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/0wyfzho6ennub.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3-f4uy_paka_z.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/3r23zkhi5sc01.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/12ytt05ct1dhk.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/2ccgyi7b6duc5.js","https://cdn.supademo.com/v3.25.179/_next/static/chunks/03-4ecf6m9__x.js"],"EmbedViewPage",1] 15:["$","$L24",null,{"demo":{"id":"cmvqq8jza157hqm53c7u0z1ek","createdAt":"2026-10-27T13:34:12.262Z","updatedAt":"2026-10-27T13:56:00.234Z","title":"Lovableで日本語プロンプトからアプリを作成する方法","published":true,"metadesc":"Lovableに作りたいアプリの内容を日本語で入力し、AIによる生成からプレビュー、実際の動作確認までをステップごとに紹介します。","ctabtntext":"デモツール Supademoの活用方法を学ぶ","ctabtncolor":"#3538cd","ctabtntextcolor":"#fff","ctabtnlink":"https://supademo.jp/?utm_source=supademo&utm_medium=powered-by_web&utm_campaign=powered-by_web","autoplay":false,"autoplayduration":2000,"autoPlayDelay":1000,"customizePerStep":false,"loop":false,"progressbar":true,"showPlayBar":true,"font":"Default","workspaceId":"cmegbv0ml013zvw0i9ontvxrh","darkmode":false,"shared":true,"border":true,"nextButton":true,"showSteps":false,"hotspotTextVisible":true,"hotspotAnimationVisible":true,"hotspotOpacity":100,"topBar":false,"displayAuthor":false,"displayDescription":false,"showSupademoLink":true,"showReplayButton":true,"showFullscreenButton":true,"showCCButton":true,"disableKeyboardNavigation":false,"captionsPosition":"Bottom","archived":false,"archivedAt":null,"brandLogo":"https://media.supademo.com/workspaces/cmegbv0ml013zvw0i9ontvxrh/DBxwz0zvn2uvwekmYv68u.png","allowDuplicate":false,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"type":"Default","fullWidth":false,"detectBrowserLanguage":true,"sourceLanguage":"English","customFontId":null,"mobileHotspotView":true,"showWatermark":null,"watermarkLogoUrl":null,"watermarkText":null,"watermarkLink":null,"allowExternalComments":false,"currentPublishedVersion":1,"config":null,"steps":[{"id":"aIPq01SVbNZt85Xvppb5P","hotspots":[],"chapter":{"id":"JOfuWs0LvgPstsqEHpXpT","buttons":[{"id":"ggzXa567RF9B-aOgIgDLm","translatedTexts":[],"animation":"Ripple","btnColor":"#4f46e5","chapterId":"JOfuWs0LvgPstsqEHpXpT","color":"#fff","content":"アプリ作成の流れを見る","isBold":true,"isItalic":false,"isLinkExternal":false,"linkTxt":"","openInNewTab":true,"order":0}],"background":null,"formFields":[],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":"cmvqq98s4159pqm53db8bhcm3","coverImageType":"STEP","description":"

Lovableに作りたいアプリの内容を日本語で入力し、AIによる生成からプレビュー、実際の動作確認までをステップごとに紹介します。

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

Lovableで日本語プロンプトからアプリを作成する方法

","headingColor":"#fff","labelledFormEnabled":false,"layout":"Left","logoAltText":null,"logoEnabled":true,"logoSource":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/screenshots/dtj03tGYT0ybXuzQeAzII.png","phoneValidationEnabled":false,"skip":false,"stepId":"aIPq01SVbNZt85Xvppb5P","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":"cmvqq8jza157hqm53c7u0z1ek","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":"cmvqq8ptx157uqm53g17vzh05","hotspots":[{"id":"cmvqq8ptx157vqm535puqzee4","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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.529803822937626,"boxWidth":5.418448189134809,"default":true,"hotspotWidth":"Large","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"65.89220490040876","mouseYCooridnate":"44.71194353621758","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":1,"prevslide":null,"stepId":"cmvqq8ptx157uqm53g17vzh05","style":"Area","text":"Lovableでは、全部で3つのモードがあります。\nまず、**「Build」モード**では、プロンプトの内容をもとにLovableが実際にアプリを作成・変更します。","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/rxBJw4viP8BRyDRTNRw1P.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"73.68191189236111","mouseYCooridnate":"28.554687499999996","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":"cmvqq8wf5158iqm53t158rznj","hotspots":[{"id":"cmvqq8wf5158jqm530x0kmd4z","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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.323314889336016,"boxWidth":17.46140907947686,"default":true,"hotspotWidth":"Large","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"61.182186980388785","mouseYCooridnate":"56.34483550609176","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":5,"prevslide":null,"stepId":"cmvqq8wf5158iqm53t158rznj","style":"Area","text":"**「Chat」モード**では、アプリを直接変更せず、またクレジットを消費せずにアイデアの相談や仕様の検討、質問などをLovableと会話形式で進められます。","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/fdr2i0QQ23Ruv40-Ay4OM.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"66.18191189236111","mouseYCooridnate":"56.525607638888886","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":"cmvqq8yxy158qqm53q27egdup","hotspots":[{"id":"cmvqq8yxy158rqm5329bv2uey","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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.915618712273642,"boxWidth":17.36159142354125,"default":true,"hotspotWidth":"Large","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"54.885288838063985","mouseYCooridnate":"62.2876006036216","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":7,"prevslide":null,"stepId":"cmvqq8yxy158qqm53q27egdup","style":"Area","text":"**「Plan」モード**では、複雑なアプリを作る前に要件や実装内容を整理し、詳細な開発プランを作成できます。（内容に関わらず、クレジットを1消費します。）","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/VeQ_ZToqoyrdzqMhfuaxE.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"58.50721571180556","mouseYCooridnate":"61.59375","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":"cmvqq98s4159pqm53db8bhcm3","hotspots":[{"id":"cmvqq98s4159qqm53whc9bjl5","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"72.97938182480331","mouseYCooridnate":"53.36281840347651","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":13,"prevslide":null,"stepId":"cmvqq98s4159pqm53db8bhcm3","style":"Area","text":"今回はBuildモードを使います。作りたいアプリの機能や画面、条件などを日本語で具体的に入力し、送信ボタンをクリックします。","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/A9gE8KOA1Zenx-2kn1Em0.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"73.38297526041667","mouseYCooridnate":"52.681857638888886","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":"cmvqq9yuj15arqm53cid9uls6","hotspots":[{"id":"cmvqq9yuj15asqm53c1h59x2n","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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":"Large","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"36.560543272656","mouseYCooridnate":"59.95087451794101","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":14,"prevslide":null,"stepId":"cmvqq9yuj15arqm53cid9uls6","style":"Tooltip","text":"プロンプトを送信すると、Lovableが内容を理解してアプリの作成を開始します。生成中は、画面上で現在の処理状況を確認できます。","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/oxXPbDRyp5GzM2yp7_mRw.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"35.655110677083336","mouseYCooridnate":"17.938802083333332","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":"cmvqqb12j15cdqm53bog21zis","hotspots":[{"id":"cmvqqb12j15ceqm53oentmaip","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"49.521920766731","mouseYCooridnate":"50.818153713951","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":15,"prevslide":null,"stepId":"cmvqqb12j15cdqm53bog21zis","style":"Tooltip","text":"作成が完了すると、左側にLovableとの会話、右側に生成されたアプリのプレビューが表示されます。\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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/L-Z8R6nvA8zTIqtz9raSo.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"19.854329427083332","mouseYCooridnate":"24.580729166666668","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":"cmvqqex4q15oaqm53zmr20qj6","hotspots":[{"id":"cmvqqex4q15obqm53h444jrhf","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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":24.79061871227364,"boxWidth":15.825421277666,"default":true,"hotspotWidth":"Medium","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"17.121819458418354","mouseYCooridnate":"68.12478866253059","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":17,"prevslide":null,"stepId":"cmvqqex4q15oaqm53zmr20qj6","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/c8rpeqZEBCGAahO7h-RDG.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"11.315104166666666","mouseYCooridnate":"79.53732638888889","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":73.620394240443,"zoomPositionX":0,"zoomPositionY":26.37960575955699,"zoomWidth":73.620394240443},{"id":"cmvqqfy8415qoqm53ib7h7fj4","hotspots":[{"id":"cmvqqfy8515qpqm53ez3s4o1e","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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.249748490945675,"boxWidth":10.50875565895372,"default":true,"hotspotWidth":"Medium","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"93.93245049725422","mouseYCooridnate":"18.75160249692561","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":39,"prevslide":null,"stepId":"cmvqqfy8415qoqm53ib7h7fj4","style":"Area","text":"プレビューはその場で操作できます。\n\n今回は「備品を追加」をクリックして、作成した登録機能が正しく動くか試してみましょう。","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":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/5S7OSCWKEJmKTdVy5tfek.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"94.74690755208334","mouseYCooridnate":"19.37282986111111","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":"cmvqqgb1215s1qm53yh9twqlz","hotspots":[{"id":"cmvqqgb1215s2qm532mb61v6q","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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.920271629778672,"boxWidth":7.448597837022134,"default":true,"hotspotWidth":"Medium","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"76.71139685334242","mouseYCooridnate":"69.04373812318309","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":57,"prevslide":null,"stepId":"cmvqqgb1215s1qm53yh9twqlz","style":"Area","text":"備品名・担当者・状態など必要な情報を入力したら、「登録する」をクリックします。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"left"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/ezpa0lMCMXklE5y6h0Lz8.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"78.01649305555556","mouseYCooridnate":"69.12673611111111","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":"cmvqqgddh15sfqm53buydt39f","hotspots":[{"id":"cmvqqgddh15sgqm53z7uj07ke","translatedTexts":[],"cardWidth":null,"cardMinHeight":null,"isDisplayOnly":false,"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.249371227364185,"boxWidth":65.42418573943662,"default":true,"hotspotWidth":"Medium","htmlValue":"ScrollArea","isVisible":true,"modalPosition":"Center","mouseXCooridnate":"65.75783203998267","mouseYCooridnate":"30.52003601469986","nextButton":true,"nextButtonAction":"Slide","nextButtonBgColor":null,"nextButtonDisabled":false,"nextButtonText":null,"nextButtonTextColor":null,"nextButtonUrl":null,"nextslide":null,"number":58,"prevslide":null,"stepId":"cmvqqgddh15sfqm53buydt39f","style":"Area","text":"登録した備品が一覧に追加されました。このように、プロンプトから作成したアプリをすぐにプレビュー上で操作し、動作まで確認できます。","textAlign":"Left","textVisible":true,"textcolor":"#fff","timelineElementId":null,"tipposition":"bottom"}],"chapter":null,"videoProject":null,"translatedTexts":[],"translatedMedia":[],"audio":null,"audioDuration":null,"audioLanguage":null,"audioText":null,"backdrop":"None","bgcolor":"#4f46e5","captionsUrl":null,"customDescription":null,"demoId":"cmvqq8jza157hqm53c7u0z1ek","duration":null,"editedImage":null,"heightOrg":1800,"htmlCaptureId":null,"image":"https://media.supademo.com/cmegbt3a8065bzj0irp1hqyhu/SDVDLfz_dQP_zBFtU8kKp.jpg","imageHeight":"0","imageWidth":"688","imgState":null,"mediaAlignMode":"Top","mediaFitMode":"Cover","mouseXCooridnate":"51.874728732638886","mouseYCooridnate":"30.89887152777778","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":"cmvqqggu415suqm53u7vfp1j2","hotspots":[],"chapter":{"id":"cmvqqgguc15swqm53h0njv49e","buttons":[{"id":"cmvqqggut15t0qm53tfj9j97g","translatedTexts":[],"animation":"Ripple","btnColor":"#3538cd","chapterId":"cmvqqgguc15swqm53h0njv49e","color":"#fff","content":"Supademoで最初のデモを無料で作成する","isBold":true,"isItalic":false,"isLinkExternal":true,"linkTxt":"https://supademo.cello.so/bbJZVvgWsS1","openInNewTab":true,"order":0}],"background":null,"formFields":[],"interestScreenSections":[],"translatedTexts":[],"backgroundId":null,"blurIntensity":24,"coverImageSource":null,"coverImageType":"NONE","description":"

Supademoなら、Lovableのような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":"cmvqqggu415suqm53u7vfp1j2","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":"cmvqq8jza157hqm53c7u0z1ek","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":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}],"background":null,"htmlEdits":[],"translatedTexts":[],"translations":[],"customFont":null,"author":{"name":null,"image":null},"workspace":{"id":"cmegbv0ml013zvw0i9ontvxrh","name":"Supademo","plan":"Growth","inTrial":false,"trackingEnabled":true,"subDomain":null,"customDomainEnabled":false,"color":"#3538cd","hotspottextcolor":"#fff","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","integrations":[]}},"variablesFromUrl":[],"viewerCountry":"US"}]