{"id":9734,"date":"2025-03-05T18:44:49","date_gmt":"2025-03-05T09:44:49","guid":{"rendered":"https:\/\/jimatube.com\/?p=9734"},"modified":"2026-05-14T15:52:28","modified_gmt":"2026-05-14T06:52:28","slug":"%e3%82%ab%e3%83%a1%e3%83%a9%e7%b3%bb%e3%82%a4%e3%83%b3%e3%83%95%e3%83%ab%e3%82%a8%e3%83%b3%e3%82%b5%e3%83%bc%e3%81%8c%e5%8f%96%e3%82%8a%e4%b8%8a%e3%81%92%e3%82%8b%e8%a3%bd%e5%93%81%e3%81%af%e4%bf%a1","status":"publish","type":"post","link":"https:\/\/jimatube.com\/?p=9734","title":{"rendered":"\u5199\u771f\u3092\u5b88\u308b\u3010\u30a6\u30a9\u30fc\u30bf\u30fc\u30de\u30fc\u30af\u8ffd\u52a0\u30c4\u30fc\u30eb\u3011"},"content":{"rendered":"        <div id=\"wmt-app\">\n          <!-- \u30b9\u30c6\u30c3\u30d7 1\uff1a\u5168\u5e45 -->\n          <div class=\"wmt-card\">\n            <div class=\"wmt-card-title\">\ud83d\udcc2 \u30b9\u30c6\u30c3\u30d7 1 \u2014 \u753b\u50cf\u3092\u9078\u3076<\/div>\n            <div id=\"wmt-drop\" tabindex=\"0\" role=\"button\" aria-label=\"\u753b\u50cf\u3092\u30c9\u30ed\u30c3\u30d7\u307e\u305f\u306f\u30af\u30ea\u30c3\u30af\u3057\u3066\u9078\u629e\">\n              <div id=\"wmt-hint\">\n                <div class=\"wmt-drop-icon\">\ud83d\uddbc<\/div>\n                <p>\u30c9\u30ed\u30c3\u30d7\u3001\u307e\u305f\u306f\u30af\u30ea\u30c3\u30af\u3057\u3066\u9078\u629e<\/p>\n                <small>JPG\u30fbPNG\u30fbWebP \u5bfe\u5fdc\uff08\u8907\u6570\u679aOK\uff09<\/small>\n              <\/div>\n              <ul id=\"wmt-list\" style=\"display:none\"><\/ul>\n            <\/div>\n            <div class=\"wmt-btn-row\">\n              <button class=\"wmt-btn\" id=\"wmt-add-btn\">\uff0b \u8ffd\u52a0<\/button>\n              <button class=\"wmt-btn wmt-btn-danger\" id=\"wmt-clear-btn\">\ud83d\uddd1 \u30af\u30ea\u30a2<\/button>\n              <span id=\"wmt-count\"><\/span>\n            <\/div>\n          <\/div>\n\n          <!-- \u30b9\u30c6\u30c3\u30d7 2 \uff0b 3\uff1a2\u30ab\u30e9\u30e0 -->\n          <div class=\"wmt-step23\">\n            <div class=\"wmt-card\">\n              <div class=\"wmt-card-title\">\u270f\ufe0f \u30b9\u30c6\u30c3\u30d7 2 \u2014 \u30c6\u30ad\u30b9\u30c8\u8a2d\u5b9a<\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u30a6\u30a9\u30fc\u30bf\u30fc\u30de\u30fc\u30af\u6587\u5b57<\/label>\n                <input type=\"text\" id=\"wmt-text\" value=\"\u00a9 Your Name\" class=\"wmt-input\">\n              <\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba<\/label>\n                <div class=\"wmt-slider-row\">\n                  <input type=\"range\" id=\"wmt-size\" min=\"10\" max=\"120\" value=\"80\" step=\"1\">\n                  <span id=\"wmt-size-val\">80<\/span> px\n                <\/div>\n              <\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u6587\u5b57\u8272<\/label>\n                <div class=\"wmt-color-row\">\n                  <input type=\"color\" id=\"wmt-color\" value=\"#ffffff\">\n                  <div class=\"wmt-color-presets\">\n                    <span class=\"wmt-cp\" style=\"background:#ffffff\" data-color=\"#ffffff\" title=\"\u767d\"><\/span>\n                    <span class=\"wmt-cp\" style=\"background:#000000;border-color:#ccc\" data-color=\"#000000\" title=\"\u9ed2\"><\/span>\n                    <span class=\"wmt-cp\" style=\"background:#ff0000\" data-color=\"#ff0000\" title=\"\u8d64\"><\/span>\n                    <span class=\"wmt-cp\" style=\"background:#ffff00\" data-color=\"#ffff00\" title=\"\u9ec4\"><\/span>\n                    <span class=\"wmt-cp\" style=\"background:#2271b1\" data-color=\"#2271b1\" title=\"\u9752\"><\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u900f\u660e\u5ea6<\/label>\n                <div class=\"wmt-slider-row\">\n                  <input type=\"range\" id=\"wmt-opacity\" min=\"5\" max=\"100\" value=\"85\" step=\"1\">\n                  <span id=\"wmt-opacity-val\">85<\/span> %\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"wmt-card\">\n              <div class=\"wmt-card-title\">\ud83d\udcd0 \u30b9\u30c6\u30c3\u30d7 3 \u2014 \u4f4d\u7f6e\u30fb\u30ec\u30a4\u30a2\u30a6\u30c8<\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u8868\u793a\u4f4d\u7f6e<\/label>\n                <div class=\"wmt-position-grid\" id=\"wmt-pos-grid\">\n                  <div class=\"wmt-pos\" data-pos=\"top-left\">\u2196<\/div>\n                  <div class=\"wmt-pos\" data-pos=\"top-center\">\u2191<\/div>\n                  <div class=\"wmt-pos\" data-pos=\"top-right\">\u2197<\/div>\n                  <div class=\"wmt-pos\" data-pos=\"middle-left\">\u2190<\/div>\n                  <div class=\"wmt-pos active\" data-pos=\"middle-center\">\uff0b<\/div>\n                  <div class=\"wmt-pos\" data-pos=\"middle-right\">\u2192<\/div>\n                  <div class=\"wmt-pos\" data-pos=\"bottom-left\">\u2199<\/div>\n                  <div class=\"wmt-pos active2\" data-pos=\"bottom-center\">\u2193<\/div>\n                  <div class=\"wmt-pos\" data-pos=\"bottom-right\">\u2198<\/div>\n                <\/div>\n                <input type=\"hidden\" id=\"wmt-position\" value=\"bottom-center\">\n              <\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u4f59\u767d\uff08\u7aef\u304b\u3089\u306e\u8ddd\u96e2\uff09<\/label>\n                <div class=\"wmt-slider-row\">\n                  <input type=\"range\" id=\"wmt-margin\" min=\"0\" max=\"300\" value=\"100\" step=\"1\">\n                  <span id=\"wmt-margin-val\">100<\/span> px\n                <\/div>\n              <\/div>\n\n              <div class=\"wmt-field\">\n                <label class=\"wmt-label\">\u51fa\u529b\u5f62\u5f0f<\/label>\n                <div class=\"wmt-fmt-row\" id=\"wmt-fmt-row\">\n                  <div class=\"wmt-fmt active\" data-fmt=\"jpeg\">JPEG<\/div>\n                  <div class=\"wmt-fmt\" data-fmt=\"png\">PNG<\/div>\n                  <div class=\"wmt-fmt\" data-fmt=\"webp\">WebP<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- \u30d7\u30ec\u30d3\u30e5\u30fc\uff1a\u5168\u5e45 -->\n          <div class=\"wmt-card\">\n            <div class=\"wmt-card-title\">\ud83d\udc41 \u30d7\u30ec\u30d3\u30e5\u30fc<\/div>\n            <div class=\"wmt-preview-wrap\">\n              <canvas id=\"wmt-canvas\"><\/canvas>\n              <p id=\"wmt-preview-hint\" class=\"wmt-hint-text\">\u753b\u50cf\u3092\u9078\u3076\u3068\u30d7\u30ec\u30d3\u30e5\u30fc\u304c\u8868\u793a\u3055\u308c\u307e\u3059<\/p>\n            <\/div>\n            <div id=\"wmt-preview-nav\" style=\"display:none\">\n              <button class=\"wmt-btn wmt-nav-btn\" id=\"wmt-prev-btn\">\u25c0 \u524d\u3078<\/button>\n              <span id=\"wmt-preview-counter\" class=\"wmt-preview-counter\"><\/span>\n              <button class=\"wmt-btn wmt-nav-btn\" id=\"wmt-next-btn\">\u6b21\u3078 \u25b6<\/button>\n            <\/div>\n          <\/div>\n\n          <!-- \u30b9\u30c6\u30c3\u30d7 4\uff1a\u5168\u5e45 -->\n          <div class=\"wmt-card\">\n            <div class=\"wmt-card-title\">\u25b6 \u30b9\u30c6\u30c3\u30d7 4 \u2014 \u51fa\u529b\uff08\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\uff09<\/div>\n            <button class=\"wmt-btn wmt-btn-primary\" id=\"wmt-run-btn\" disabled>\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/button>\n            <div id=\"wmt-progress-wrap\" style=\"display:none\">\n              <div class=\"wmt-progress-outer\"><div id=\"wmt-progress-bar\" class=\"wmt-progress-bar\"><\/div><\/div>\n              <div id=\"wmt-progress-text\" class=\"wmt-progress-text\"><\/div>\n            <\/div>\n          <\/div>\n          <ul class=\"wmt-notes\">\n            <li>\u52d5\u4f5c\u78ba\u8a8d\u6e08\u307f\u30d6\u30e9\u30a6\u30b6\u306fChrome\u3067\u3059\u3002<\/li>\n            <li>\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u51e6\u7406\u3001\u753b\u50cf\u306f\u30b5\u30fc\u30d0\u30fc\u306b\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093\u3002<\/li>\n            <li>\u5927\u91cf\u306e\u753b\u50cf\u3092\u4e00\u5ea6\u306b\u51e6\u7406\u3059\u308b\u3068\u30d6\u30e9\u30a6\u30b6\u304c\u505c\u6b62\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n            <li>\u753b\u50cf\u304c\u5c11\u306a\u3044\u3068\u304d\u306f\u76f4\u63a5\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3001\u8907\u6570\u679a\u306e\u3068\u304d\u306fZIP\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3059\u3002<\/li>\n          <\/ul>\n        <\/div>\n        <input type=\"file\" id=\"wmt-file-input\" multiple accept=\"image\/*\" style=\"display:none\">\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_xw_keep_modified_date":false,"footnotes":""},"categories":[3,205,190],"tags":[],"class_list":["post-9734","post","type-post","status-publish","format-standard","hentry","category-all","category-business","category-lifestyle"],"xw_count_pv":"4","_links":{"self":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/posts\/9734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9734"}],"version-history":[{"count":3,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/posts\/9734\/revisions"}],"predecessor-version":[{"id":14712,"href":"https:\/\/jimatube.com\/index.php?rest_route=\/wp\/v2\/posts\/9734\/revisions\/14712"}],"wp:attachment":[{"href":"https:\/\/jimatube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jimatube.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}