{"id":26739,"date":"2026-06-11T07:06:56","date_gmt":"2026-06-11T07:06:56","guid":{"rendered":"https:\/\/ourdemy.com\/?p=26739"},"modified":"2026-06-11T07:07:07","modified_gmt":"2026-06-11T07:07:07","slug":"how-to-use-a-prompt-to-create-a-page-by-ai","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/ja\/how-to-use-a-prompt-to-create-a-page-by-ai\/","title":{"rendered":"AI\u3092\u4f7f\u3063\u3066\u30d7\u30ed\u30f3\u30d7\u30c8\u304b\u3089\u30da\u30fc\u30b8\u3092\u4f5c\u308b\u65b9\u6cd5\u306f\uff1f"},"content":{"rendered":"<div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">1<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u7ba1\u7406\u8005\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\u3067\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">\u30da\u30fc\u30b8<\/span>\u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u30a2\u30ab\u30c7\u30df\u30fc\u5185\u306e\u30da\u30fc\u30b8\u4e00\u89a7\u3092\u958b\u304d\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603.webp\" class=\"wp-image-26750\" alt=\"Screenshot for step 1\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-9ae484d8c48c47d6-1781161603-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">2<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">\u65b0\u898f\u30da\u30fc\u30b8<\/span>\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604.webp\" class=\"wp-image-26751\" alt=\"Screenshot for step 2\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-b1e1206146138217-1781161604-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">3<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u30da\u30fc\u30b8\u540d\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605.webp\" class=\"wp-image-26752\" alt=\"Screenshot for step 3\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-4225fa6447e02594-1781161605-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">4<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u65b0\u3057\u3044\u30da\u30fc\u30b8\u306eURL\u3092\u8a2d\u5b9a\u3059\u308b\u306b\u306f\u3001\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u5e0c\u671b\u3059\u308b\u30ea\u30f3\u30af\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606.webp\" class=\"wp-image-26753\" alt=\"Screenshot for step 4\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-7bf707e6a1c3426e-1781161606-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">5<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">\u30da\u30fc\u30b8\u3092\u4f5c\u6210<\/span>\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u5b8c\u4e86\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607.webp\" class=\"wp-image-26754\" alt=\"Screenshot for step 5\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-12566eb94f176436-1781161607-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">6<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">AI\u306b\u3088\u308b\u30da\u30fc\u30b8\u4f5c\u6210\u3092\u958b\u59cb\u3059\u308b\u306b\u306f\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">AI\u3067\u751f\u6210<\/span>\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607.webp\" class=\"wp-image-26755\" alt=\"Screenshot for step 6\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba068ce57b35d2a3-1781161607-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">7<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u3053\u306e\u30dc\u30c3\u30af\u30b9\u306b\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u5165\u529b\u3057\u307e\u3059\u3002<br \/><br \/>\u6ce8\u610f: \u30da\u30fc\u30b8\u306e\u5b8c\u6210\u5ea6\u3092\u9ad8\u3081\u308b\u305f\u3081\u3001\u3067\u304d\u308b\u3060\u3051\u8a73\u7d30\u306a\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608.webp\" class=\"wp-image-26756\" alt=\"Screenshot for step 7\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-8b5b70e14b164d79-1781161608-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">8<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">AI\u306b\u30da\u30fc\u30b8\u751f\u6210\u3092\u958b\u59cb\u3055\u305b\u308b\u306b\u306f\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">\u751f\u6210<\/span>\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608.webp\" class=\"wp-image-26757\" alt=\"Screenshot for step 8\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-6597a1f140a40e59-1781161608-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">9<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u65b0\u3057\u304f\u4f5c\u6210\u3055\u308c\u305f\u30da\u30fc\u30b8\u306e\u5185\u5bb9\u3092\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002\u4e00\u6642\u4fdd\u5b58\u3059\u308b\u306b\u306f<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">\u4e0b\u66f8\u304d\u3092\u4fdd\u5b58<\/span>\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609.webp\" class=\"wp-image-26758\" alt=\"Screenshot for step 9\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-ba2a0e711165cbaa-1781161609-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">10<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">\u30da\u30fc\u30b8\u3092\u516c\u958b\u3059\u308b\u306b\u306f\u3001<span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">\u516c\u958b<\/span>\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"607\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609.webp\" class=\"wp-image-26759\" alt=\"Screenshot for step 10\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609-300x142.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609-1024x486.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609-768x364.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/06\/remote-img-aabb460db7de95b9-1781161609-710x337.webp 710w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>","protected":false},"excerpt":{"rendered":"<p>1 \u7ba1\u7406\u8005\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\u3067\u3001\u30da\u30fc\u30b8\u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u30a2\u30ab\u30c7\u30df\u30fc\u5185\u306e\u30da\u30fc\u30b8\u4e00\u89a7\u3092\u958b\u304d\u307e\u3059\u3002 2 \u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001\u65b0\u898f\u30da\u30fc\u30b8\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002 3 \u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u30da\u30fc\u30b8\u540d\u3092\u5165\u529b\u3057\u307e\u3059\u3002 4 \u65b0\u3057\u3044\u30da\u30fc\u30b8\u306eURL\u3092\u8a2d\u5b9a\u3059\u308b\u306b\u306f\u3001\u3053\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u5e0c\u671b\u3059\u308b\u30ea\u30f3\u30af\u3092\u5165\u529b\u3057\u307e\u3059\u3002 5 \u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u5b8c\u4e86\u3057\u307e\u3059\u3002 6 AI\u306b\u3088\u308b\u30da\u30fc\u30b8\u4f5c\u6210\u3092\u958b\u59cb\u3059\u308b\u306b\u306f\u3001AI\u3067\u751f\u6210\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002 7 \u3053\u306e\u30dc\u30c3\u30af\u30b9\u306b\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u5165\u529b\u3057\u307e\u3059\u3002 \u6ce8\u610f: \u30da\u30fc\u30b8\u306e\u5b8c\u6210\u5ea6\u3092\u9ad8\u3081\u308b\u305f\u3081\u3001\u3067\u304d\u308b\u3060\u3051\u8a73\u7d30\u306a\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002 8 AI\u306b\u30da\u30fc\u30b8\u751f\u6210\u3092\u958b\u59cb\u3055\u305b\u308b\u306b\u306f\u3001\u751f\u6210\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002 9 \u65b0\u3057\u304f\u4f5c\u6210\u3055\u308c\u305f\u30da\u30fc\u30b8\u306e\u5185\u5bb9\u3092\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002\u4e00\u6642\u4fdd\u5b58\u3059\u308b\u306b\u306f\u4e0b\u66f8\u304d\u3092\u4fdd\u5b58\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002 10 \u30da\u30fc\u30b8\u3092\u516c\u958b\u3059\u308b\u306b\u306f\u3001\u516c\u958b\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,34],"tags":[],"class_list":["post-26739","post","type-post","status-publish","format-standard","hentry","category-customize-your-site","category-help-center"],"_links":{"self":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/26739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/comments?post=26739"}],"version-history":[{"count":1,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/26739\/revisions"}],"predecessor-version":[{"id":26760,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/26739\/revisions\/26760"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/media?parent=26739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/categories?post=26739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/tags?post=26739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}