\u6b63\u65b9\u5f62\u30fb\u7f72\u540d\u4ed8\u304d\u753b\u50cf\u30c4\u30fc\u30eb<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style>\n * { box-sizing: border-box; }\n body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n background: #f9f9f9;\n }\n .tool-container {\n max-width: 100%;\n margin: 0 auto;\n padding: 10px;\n }\n label {\n font-weight: bold;\n color: #f88080;\n }\n input, select {\n width: 100%;\n margin-bottom: 15px;\n padding: 10px;\n border: 2px solid #f88080;\n border-radius: 6px;\n font-size: 16px;\n }\n .image-preview {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 30px;\n justify-content: center;\n }\n .image-box {\n width: 100%;\n max-width: 400px;\n text-align: center;\n }\n .image-box img {\n width: 100%;\n border-radius: 8px;\n }\n .download-link {\n display: block;\n margin-top: 5px;\n color: #d94c72;\n text-decoration: underline;\n }\n .download-all {\n display: none;\n width: 100%;\n padding: 15px;\n font-size: 16px;\n font-weight: bold;\n color: white;\n background: #f88080;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n margin-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"tool-container\">\n\n <label for=\"signatureText\">\u7f72\u540d\u30c6\u30ad\u30b9\u30c8<\/label>\n <input type=\"text\" id=\"signatureText\" placeholder=\"\u4f8b\uff1atomato \u30c8\u30de\u30c8 \u3068\u307e\u3068\">\n\n <label for=\"fontSelect\">\u30d5\u30a9\u30f3\u30c8<\/label>\n <select id=\"fontSelect\">\n <option value=\"sans-serif\">\u30c7\u30d5\u30a9\u30eb\u30c8<\/option>\n <option value=\"'Noto Sans JP', sans-serif\">Noto Sans JP<\/option>\n <option value=\"Josefin Slab\">Josefin Slab<\/option>\n <option value=\"Playfair Display\">Playfair Display<\/option>\n <option value=\"Questrial\">Questrial<\/option>\n <option value=\"Smooch\">Smooch<\/option>\n <\/select>\n\n <label for=\"fontColor\">\u6587\u5b57\u8272<\/label>\n <input type=\"color\" id=\"fontColor\" value=\"#f88080\">\n\n <div id=\"imagePreview\" class=\"image-preview\"><\/div>\n <button id=\"downloadAll\" class=\"download-all\">\u3059\u3079\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/button>\n\n <label for=\"imageInput\" style=\"margin-top:20px;\">\u753b\u50cf\u3092\u9078\u3076\uff08\u8907\u6570\u53ef\uff09<\/label>\n <input type=\"file\" id=\"imageInput\" accept=\"image\/*\" multiple>\n <\/div>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Slab&family=Playfair+Display&family=Questrial&family=Smooch&family=Noto+Sans+JP&display=swap\" rel=\"stylesheet\">\n\n <script>\n const imageInput = document.getElementById('imageInput');\n const signatureText = document.getElementById('signatureText');\n const fontSelect = document.getElementById('fontSelect');\n const fontColor = document.getElementById('fontColor');\n const imagePreview = document.getElementById('imagePreview');\n const downloadAllBtn = document.getElementById('downloadAll');\n let processedImages = [];\n\n imageInput.addEventListener('change', () => {\n const files = Array.from(imageInput.files);\n imagePreview.innerHTML = '';\n processedImages = [];\n\n files.forEach((file, index) => {\n const reader = new FileReader();\n reader.onload = (e) => {\n const img = new Image();\n img.onload = () => {\n const size = Math.min(img.width, img.height);\n const sx = (img.width - size) \/ 2;\n const sy = (img.height - size) \/ 2;\n\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n canvas.width = size;\n canvas.height = size;\n\n ctx.drawImage(img, sx, sy, size, size, 0, 0, size, size);\n\n const fontSize = Math.floor(size * 0.035);\n ctx.font = `${fontSize}px \"${fontSelect.value}\"`;\n ctx.fillStyle = fontColor.value;\n ctx.textAlign = 'right';\n ctx.textBaseline = 'bottom';\n ctx.fillText(signatureText.value, size - 20, size - 20);\n\n const dataURL = canvas.toDataURL('image\/jpeg');\n const fileName = `square-signed-${index + 1}.jpg`;\n\n const imgBox = document.createElement('div');\n imgBox.className = 'image-box';\n\n const previewImg = new Image();\n previewImg.src = dataURL;\n imgBox.appendChild(previewImg);\n\n const dl = document.createElement('a');\n dl.href = dataURL;\n dl.download = fileName;\n dl.textContent = `\u753b\u50cf${index + 1}\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9`;\n dl.className = 'download-link';\n imgBox.appendChild(dl);\n\n imagePreview.appendChild(imgBox);\n processedImages.push({ name: fileName, data: dataURL });\n\n if (processedImages.length === files.length) {\n downloadAllBtn.style.display = 'block';\n }\n };\n img.src = e.target.result;\n };\n reader.readAsDataURL(file);\n });\n });\n\n downloadAllBtn.addEventListener('click', () => {\n processedImages.forEach(img => {\n const a = document.createElement('a');\n a.href = img.data;\n a.download = img.name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n });\n });\n <\/script>\n<\/body>\n\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>: Undefined array key \"is_admin\" in <b>\/home\/tomatosearch\/tomato-made.com\/public_html\/study\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>113<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_category_top\" in <b>\/home\/tomatosearch\/tomato-made.com\/public_html\/study\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>118<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_top\" in <b>\/home\/tomatosearch\/tomato-made.com\/public_html\/study\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>124<\/b><br \/>\n<\/div><h2 class=\"wp-block-heading\" id=\"i-0\">\u5099\u8003<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"632\" height=\"307\" src=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u753b\u50cf\u306e\u5bfe\u6bd4\u7387\u4e00\u62ec\u5909\u66f4\u3001\u4f59\u767d\u3001\u30d5\u30c1\u8272\u5909\u66f4\u3001\u6b63\u65b9\u5f62\u3001\u7f72\u540d\u8a18\u8f09-3.png\" alt=\"\" class=\"wp-image-599\" style=\"width:550px\" srcset=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u753b\u50cf\u306e\u5bfe\u6bd4\u7387\u4e00\u62ec\u5909\u66f4\u3001\u4f59\u767d\u3001\u30d5\u30c1\u8272\u5909\u66f4\u3001\u6b63\u65b9\u5f62\u3001\u7f72\u540d\u8a18\u8f09-3.png 632w, https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u753b\u50cf\u306e\u5bfe\u6bd4\u7387\u4e00\u62ec\u5909\u66f4\u3001\u4f59\u767d\u3001\u30d5\u30c1\u8272\u5909\u66f4\u3001\u6b63\u65b9\u5f62\u3001\u7f72\u540d\u8a18\u8f09-3-300x146.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\"><\/figure>\n\n\n\n<p>\u2460 \u753b\u50cf\u306f\u4e2d\u592e\u304b\u3089\u3001\u6b63\u65b9\u5f62\u306b\u30ab\u30c3\u30c8\u3055\u308c\u308b\u3088\uff01<\/p>\n\n\n\n<p><strong>\u2461 <span class=\"keiko_yellow_full\">iPhone<\/span><\/strong>\u3068<strong><span class=\"keiko_yellow_full\">\u4e00\u90e8\u306eAndroid\u30b9\u30de\u30db<\/span><\/strong>\u3067\u306f\u3001\u4e00\u62ec\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u5236\u9650\u3055\u308c\u3066\u308b\u3088\u3002<\/p>\n\n\n\n<p>\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u63db\u3055\u308c\u305f\u753b\u50cf\u3092\u30011\u500b\u3065\u3064\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u306d\uff01<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"addToHomeBox\" style=\"margin: 30px 0;\">\n <button onclick=\"showGuide()\" style=\"width: 100%; padding: 15px; font-weight: bold; background-color: #f781813d; color: #f28282; border: none; border-radius: 10px; font-size: 16px;\">\n \u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\n <\/button>\n <p id=\"guideText\" style=\"margin-top: 15px; font-size: 15px; line-height: 1.8; display: none;\"><\/p>\n<\/div>\n\n<script>\n function showGuide() {\n const ua = window.navigator.userAgent.toLowerCase();\n const guide = document.getElementById('guideText');\n guide.style.display = 'block';\n\n if (ua.includes('iphone') || ua.includes('ipad')) {\n guide.innerHTML = `\n Safari\u306e\u300c\u5171\u6709\u300d\u30dc\u30bf\u30f3\uff08\u25a1\u306b\u2191\uff09\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3002<br>\n \u3000\u3000\u21e9<br>\n \u300c\u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\u300d\u3092\u9078\u3076\u3002\n `;\n } else if (ua.includes('android')) {\n guide.innerHTML = `\n \u53f3\u4e0a\u306e\u30e1\u30cb\u30e5\u30fc\uff08\ufe19\uff09\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3002<br>\n \u3000\u3000\u21e9<br>\n \u300c\u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\u300d\u3092\u9078\u3076\u3002\n `;\n } else if (ua.includes('windows') || ua.includes('macintosh')) {\n guide.innerHTML = `\n Chrome\u3067\u8868\u793a\u3055\u308c\u308b\u53f3\u4e0a\u306e\u30e1\u30cb\u30e5\u30fc\uff08\ufe19\uff09\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002<br>\n \u3000\u3000\u21e9<br>\n \u300c\u30ad\u30e3\u30b9\u30c8\u30fb\u5171\u6709\u30fb\u4fdd\u5b58\u300d\u27a1\u300c\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u3092\u4f5c\u6210\u2026\u300d\n `;\n } else {\n guide.innerHTML = `\n \u30d6\u30e9\u30a6\u30b6\u306e\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u300c\u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\u300d\u307e\u305f\u306f\u300c\u3053\u306e\u30b5\u30a4\u30c8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u300d\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002\n `;\n }\n }\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<p><div id=\"sgb-css-id-3\" >\n<\/p><p><\/p>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"sgb-css-id-2\" style=\"--sgb--custom--bg-color: var(--sgb-main-color);--sgb--custom--text-color: #ffffff;--sgb--custom--text-after: '\u7d9a\u304d\u3092\u8aad\u3080';--sgb--custom--text-after-radius: 4;\"><a class=\"linkto table\" href=\"https:\/\/tomato-made.com\/study\/market-z\/5\"> <span class=\"tbcell tbimg\"><img decoding=\"async\" width=\"160\" height=\"160\" src=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u307e\u3068\u3081-160x160.png\" class=\"attachment-thumb-160 size-thumb-160 wp-post-image\" alt=\"\" srcset=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u307e\u3068\u3081-160x160.png 160w, https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u307e\u3068\u3081-150x150.png 150w\" sizes=\"(max-width: 160px) 100vw, 160px\"><\/span> <span class=\"tbcell tbtext\"> <time class=\"pubdate sng-link-time dfont\" itemprop=\"datePublished\" datetime=\"2025-01-20\">2025\u5e741\u670820\u65e5<\/time> \u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u7d39\u4ecb <\/span> <\/a><\/div><\/html><\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u753b\u50cf\u3092\u4e00\u62ec\u3067\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u63db\u3057\u3066\u3001\u7f72\u540d\u3082\u8ffd\u52a0\u3067\u304d\u308b\uff01 \u30d5\u30ea\u30de\u30a2\u30d7\u30ea\u30fb\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u30b5\u30a4\u30c8\u30fbInstagram\u306e\u6295\u7a3f\u7528\u306b\u4fbf\u5229\ud83d\ude06\ud83d\udc4d \u5199\u771f\u3084\u753b\u50cf\u306e\u753b\u8cea\u3092\u843d\u3068\u3055\u305a\u306b\u3001\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u66f4\u53ef\u80fd\ud83c\udf89 \u3010\u624b\u9806\u3011 \u2776\u7f72\u540d\u5165\u529b \u2777\u30d5\u30a9\u30f3\u30c8 \u2778\u8272\u9078 … <\/p>\n","protected":false},"author":1,"featured_media":4021,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6,8],"tags":[],"class_list":{"0":"post-569","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-market-z","8":"category-tool","9":"category-image","10":"entry"},"_links":{"self":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/posts\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":0,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/posts\/569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/media\/4021"}],"wp:attachment":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/media?parent=569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/categories?post=569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/tags?post=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u753b\u50cf\u3092\u4e00\u62ec\u3067\u300c\u6b63\u65b9\u5f62\u300d<\/span><\/strong>\u306b\u5909\u63db\u3057\u3066\u3001\u7f72\u540d\u3082\u8ffd\u52a0<\/span><\/strong>\u3067\u304d\u308b\uff01<\/p>\n\n\n\n

\u30d5\u30ea\u30de\u30a2\u30d7\u30ea\u30fb\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u30b5\u30a4\u30c8\u30fbInstagram\u306e\u6295\u7a3f\u7528\u306b\u4fbf\u5229\ud83d\ude06\ud83d\udc4d<\/p>\n\n\n\n

\u5199\u771f\u3084\u753b\u50cf\u306e\u753b\u8cea\u3092\u843d\u3068\u3055\u305a<\/span><\/strong>\u306b\u3001\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u66f4\u53ef\u80fd\ud83c\udf89<\/p>\n\n\n

\n
\u3010\u624b\u9806\u3011<\/p>\n<\/div>\n\n\n
\u2776\u7f72\u540d\u5165\u529b \u2777\u30d5\u30a9\u30f3\u30c8 \u2778\u8272\u9078\u629e \u2779\u753b\u50cf\u9078\u629e<\/span><\/strong><\/p>\n\n\n\n
<\/div>\n\n\n\n\n\n \n \u6b63\u65b9\u5f62\u30fb\u7f72\u540d\u4ed8\u304d\u753b\u50cf\u30c4\u30fc\u30eb<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style>\n * { box-sizing: border-box; }\n body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n background: #f9f9f9;\n }\n .tool-container {\n max-width: 100%;\n margin: 0 auto;\n padding: 10px;\n }\n label {\n font-weight: bold;\n color: #f88080;\n }\n input, select {\n width: 100%;\n margin-bottom: 15px;\n padding: 10px;\n border: 2px solid #f88080;\n border-radius: 6px;\n font-size: 16px;\n }\n .image-preview {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 30px;\n justify-content: center;\n }\n .image-box {\n width: 100%;\n max-width: 400px;\n text-align: center;\n }\n .image-box img {\n width: 100%;\n border-radius: 8px;\n }\n .download-link {\n display: block;\n margin-top: 5px;\n color: #d94c72;\n text-decoration: underline;\n }\n .download-all {\n display: none;\n width: 100%;\n padding: 15px;\n font-size: 16px;\n font-weight: bold;\n color: white;\n background: #f88080;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n margin-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"tool-container\">\n\n <label for=\"signatureText\">\u7f72\u540d\u30c6\u30ad\u30b9\u30c8<\/label>\n <input type=\"text\" id=\"signatureText\" placeholder=\"\u4f8b\uff1atomato \u30c8\u30de\u30c8 \u3068\u307e\u3068\">\n\n <label for=\"fontSelect\">\u30d5\u30a9\u30f3\u30c8<\/label>\n <select id=\"fontSelect\">\n <option value=\"sans-serif\">\u30c7\u30d5\u30a9\u30eb\u30c8<\/option>\n <option value=\"'Noto Sans JP', sans-serif\">Noto Sans JP<\/option>\n <option value=\"Josefin Slab\">Josefin Slab<\/option>\n <option value=\"Playfair Display\">Playfair Display<\/option>\n <option value=\"Questrial\">Questrial<\/option>\n <option value=\"Smooch\">Smooch<\/option>\n <\/select>\n\n <label for=\"fontColor\">\u6587\u5b57\u8272<\/label>\n <input type=\"color\" id=\"fontColor\" value=\"#f88080\">\n\n <div id=\"imagePreview\" class=\"image-preview\"><\/div>\n <button id=\"downloadAll\" class=\"download-all\">\u3059\u3079\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/button>\n\n <label for=\"imageInput\" style=\"margin-top:20px;\">\u753b\u50cf\u3092\u9078\u3076\uff08\u8907\u6570\u53ef\uff09<\/label>\n <input type=\"file\" id=\"imageInput\" accept=\"image\/*\" multiple>\n <\/div>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Slab&family=Playfair+Display&family=Questrial&family=Smooch&family=Noto+Sans+JP&display=swap\" rel=\"stylesheet\">\n\n <script>\n const imageInput = document.getElementById('imageInput');\n const signatureText = document.getElementById('signatureText');\n const fontSelect = document.getElementById('fontSelect');\n const fontColor = document.getElementById('fontColor');\n const imagePreview = document.getElementById('imagePreview');\n const downloadAllBtn = document.getElementById('downloadAll');\n let processedImages = [];\n\n imageInput.addEventListener('change', () => {\n const files = Array.from(imageInput.files);\n imagePreview.innerHTML = '';\n processedImages = [];\n\n files.forEach((file, index) => {\n const reader = new FileReader();\n reader.onload = (e) => {\n const img = new Image();\n img.onload = () => {\n const size = Math.min(img.width, img.height);\n const sx = (img.width - size) \/ 2;\n const sy = (img.height - size) \/ 2;\n\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n canvas.width = size;\n canvas.height = size;\n\n ctx.drawImage(img, sx, sy, size, size, 0, 0, size, size);\n\n const fontSize = Math.floor(size * 0.035);\n ctx.font = `${fontSize}px \"${fontSelect.value}\"`;\n ctx.fillStyle = fontColor.value;\n ctx.textAlign = 'right';\n ctx.textBaseline = 'bottom';\n ctx.fillText(signatureText.value, size - 20, size - 20);\n\n const dataURL = canvas.toDataURL('image\/jpeg');\n const fileName = `square-signed-${index + 1}.jpg`;\n\n const imgBox = document.createElement('div');\n imgBox.className = 'image-box';\n\n const previewImg = new Image();\n previewImg.src = dataURL;\n imgBox.appendChild(previewImg);\n\n const dl = document.createElement('a');\n dl.href = dataURL;\n dl.download = fileName;\n dl.textContent = `\u753b\u50cf${index + 1}\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9`;\n dl.className = 'download-link';\n imgBox.appendChild(dl);\n\n imagePreview.appendChild(imgBox);\n processedImages.push({ name: fileName, data: dataURL });\n\n if (processedImages.length === files.length) {\n downloadAllBtn.style.display = 'block';\n }\n };\n img.src = e.target.result;\n };\n reader.readAsDataURL(file);\n });\n });\n\n downloadAllBtn.addEventListener('click', () => {\n processedImages.forEach(img => {\n const a = document.createElement('a');\n a.href = img.data;\n a.download = img.name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n });\n });\n <\/script>\n<\/body>\n\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>: Undefined array key \"is_admin\" in <b>\/home\/tomatosearch\/tomato-made.com\/public_html\/study\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>113<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_category_top\" in <b>\/home\/tomatosearch\/tomato-made.com\/public_html\/study\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>118<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_top\" in <b>\/home\/tomatosearch\/tomato-made.com\/public_html\/study\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>124<\/b><br \/>\n<\/div><h2 class=\"wp-block-heading\" id=\"i-0\">\u5099\u8003<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"632\" height=\"307\" src=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u753b\u50cf\u306e\u5bfe\u6bd4\u7387\u4e00\u62ec\u5909\u66f4\u3001\u4f59\u767d\u3001\u30d5\u30c1\u8272\u5909\u66f4\u3001\u6b63\u65b9\u5f62\u3001\u7f72\u540d\u8a18\u8f09-3.png\" alt=\"\" class=\"wp-image-599\" style=\"width:550px\" srcset=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u753b\u50cf\u306e\u5bfe\u6bd4\u7387\u4e00\u62ec\u5909\u66f4\u3001\u4f59\u767d\u3001\u30d5\u30c1\u8272\u5909\u66f4\u3001\u6b63\u65b9\u5f62\u3001\u7f72\u540d\u8a18\u8f09-3.png 632w, https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u753b\u50cf\u306e\u5bfe\u6bd4\u7387\u4e00\u62ec\u5909\u66f4\u3001\u4f59\u767d\u3001\u30d5\u30c1\u8272\u5909\u66f4\u3001\u6b63\u65b9\u5f62\u3001\u7f72\u540d\u8a18\u8f09-3-300x146.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\"><\/figure>\n\n\n\n<p>\u2460 \u753b\u50cf\u306f\u4e2d\u592e\u304b\u3089\u3001\u6b63\u65b9\u5f62\u306b\u30ab\u30c3\u30c8\u3055\u308c\u308b\u3088\uff01<\/p>\n\n\n\n<p><strong>\u2461 <span class=\"keiko_yellow_full\">iPhone<\/span><\/strong>\u3068<strong><span class=\"keiko_yellow_full\">\u4e00\u90e8\u306eAndroid\u30b9\u30de\u30db<\/span><\/strong>\u3067\u306f\u3001\u4e00\u62ec\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u5236\u9650\u3055\u308c\u3066\u308b\u3088\u3002<\/p>\n\n\n\n<p>\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u63db\u3055\u308c\u305f\u753b\u50cf\u3092\u30011\u500b\u3065\u3064\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u306d\uff01<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"addToHomeBox\" style=\"margin: 30px 0;\">\n <button onclick=\"showGuide()\" style=\"width: 100%; padding: 15px; font-weight: bold; background-color: #f781813d; color: #f28282; border: none; border-radius: 10px; font-size: 16px;\">\n \u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\n <\/button>\n <p id=\"guideText\" style=\"margin-top: 15px; font-size: 15px; line-height: 1.8; display: none;\"><\/p>\n<\/div>\n\n<script>\n function showGuide() {\n const ua = window.navigator.userAgent.toLowerCase();\n const guide = document.getElementById('guideText');\n guide.style.display = 'block';\n\n if (ua.includes('iphone') || ua.includes('ipad')) {\n guide.innerHTML = `\n Safari\u306e\u300c\u5171\u6709\u300d\u30dc\u30bf\u30f3\uff08\u25a1\u306b\u2191\uff09\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3002<br>\n \u3000\u3000\u21e9<br>\n \u300c\u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\u300d\u3092\u9078\u3076\u3002\n `;\n } else if (ua.includes('android')) {\n guide.innerHTML = `\n \u53f3\u4e0a\u306e\u30e1\u30cb\u30e5\u30fc\uff08\ufe19\uff09\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3002<br>\n \u3000\u3000\u21e9<br>\n \u300c\u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\u300d\u3092\u9078\u3076\u3002\n `;\n } else if (ua.includes('windows') || ua.includes('macintosh')) {\n guide.innerHTML = `\n Chrome\u3067\u8868\u793a\u3055\u308c\u308b\u53f3\u4e0a\u306e\u30e1\u30cb\u30e5\u30fc\uff08\ufe19\uff09\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002<br>\n \u3000\u3000\u21e9<br>\n \u300c\u30ad\u30e3\u30b9\u30c8\u30fb\u5171\u6709\u30fb\u4fdd\u5b58\u300d\u27a1\u300c\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u3092\u4f5c\u6210\u2026\u300d\n `;\n } else {\n guide.innerHTML = `\n \u30d6\u30e9\u30a6\u30b6\u306e\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u300c\u30db\u30fc\u30e0\u753b\u9762\u306b\u8ffd\u52a0\u300d\u307e\u305f\u306f\u300c\u3053\u306e\u30b5\u30a4\u30c8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u300d\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002\n `;\n }\n }\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<p><div id=\"sgb-css-id-3\" >\n<\/p><p><\/p>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"sgb-css-id-2\" style=\"--sgb--custom--bg-color: var(--sgb-main-color);--sgb--custom--text-color: #ffffff;--sgb--custom--text-after: '\u7d9a\u304d\u3092\u8aad\u3080';--sgb--custom--text-after-radius: 4;\"><a class=\"linkto table\" href=\"https:\/\/tomato-made.com\/study\/market-z\/5\"> <span class=\"tbcell tbimg\"><img decoding=\"async\" width=\"160\" height=\"160\" src=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u307e\u3068\u3081-160x160.png\" class=\"attachment-thumb-160 size-thumb-160 wp-post-image\" alt=\"\" srcset=\"https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u307e\u3068\u3081-160x160.png 160w, https:\/\/tomato-made.com\/study\/wp-content\/uploads\/2025\/04\/\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u307e\u3068\u3081-150x150.png 150w\" sizes=\"(max-width: 160px) 100vw, 160px\"><\/span> <span class=\"tbcell tbtext\"> <time class=\"pubdate sng-link-time dfont\" itemprop=\"datePublished\" datetime=\"2025-01-20\">2025\u5e741\u670820\u65e5<\/time> \u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u7d39\u4ecb <\/span> <\/a><\/div><\/html><\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u753b\u50cf\u3092\u4e00\u62ec\u3067\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u63db\u3057\u3066\u3001\u7f72\u540d\u3082\u8ffd\u52a0\u3067\u304d\u308b\uff01 \u30d5\u30ea\u30de\u30a2\u30d7\u30ea\u30fb\u30cf\u30f3\u30c9\u30e1\u30a4\u30c9\u30b5\u30a4\u30c8\u30fbInstagram\u306e\u6295\u7a3f\u7528\u306b\u4fbf\u5229\ud83d\ude06\ud83d\udc4d \u5199\u771f\u3084\u753b\u50cf\u306e\u753b\u8cea\u3092\u843d\u3068\u3055\u305a\u306b\u3001\u300c\u6b63\u65b9\u5f62\u300d\u306b\u5909\u66f4\u53ef\u80fd\ud83c\udf89 \u3010\u624b\u9806\u3011 \u2776\u7f72\u540d\u5165\u529b \u2777\u30d5\u30a9\u30f3\u30c8 \u2778\u8272\u9078 … <\/p>\n","protected":false},"author":1,"featured_media":4021,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6,8],"tags":[],"class_list":{"0":"post-569","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-market-z","8":"category-tool","9":"category-image","10":"entry"},"_links":{"self":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/posts\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":0,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/posts\/569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/media\/4021"}],"wp:attachment":[{"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/media?parent=569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/categories?post=569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomato-made.com\/study\/wp-json\/wp\/v2\/tags?post=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}