{"id":13066,"date":"2026-03-19T15:12:46","date_gmt":"2026-03-19T06:12:46","guid":{"rendered":"https:\/\/rakkoserver.com\/plus\/?p=13066"},"modified":"2026-03-19T15:12:46","modified_gmt":"2026-03-19T06:12:46","slug":"tool-mincho-converter","status":"publish","type":"post","link":"https:\/\/rakkokeyword.com\/techo\/tool-mincho-converter\/","title":{"rendered":"\u660e\u671d\u4f53\u5909\u63db\u30c4\u30fc\u30eb"},"content":{"rendered":"\n<div id=\"mincho-conv-wrapper\" style=\"width: 100%; color: #333; font-family: 'serif'; line-height: 1.6; background: #fff; position: relative; z-index: 1;\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700&amp;family=Shippori+Mincho:wght@400;700&amp;family=Sawarabi+Mincho&amp;family=Zen+Old+Mincho&amp;family=Yuji+Syuku&amp;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --mc-text-color: #000000;\n            --mc-font-size: 80px;\n            --mc-bg-color: #ffffff;\n        }\n\n        #mincho-conv-wrapper .m-ctrl-section { margin-bottom: 20px; font-family: sans-serif; }\n        #mincho-conv-wrapper .m-label { font-weight: bold; display: block; margin-bottom: 8px; font-size: 14px; }\n        #mincho-conv-wrapper .m-input-text { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 16px; margin-bottom: 10px; height: 50px; background: #fff; appearance: none; -webkit-appearance: none; }\n        \n        #mincho-conv-wrapper .m-flex { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 15px; }\n        #mincho-conv-wrapper .m-btn-group { display: flex; width: 100%; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; }\n        #mincho-conv-wrapper .m-toggle-btn { flex: 1; border: none; background: #fff; height: 50px; cursor: pointer; font-weight: bold; font-family: sans-serif; }\n        #mincho-conv-wrapper .m-toggle-btn.active { background: #13284B; color: #fff; }\n        \n        #mincho-conv-wrapper .m-color-picker { width: 50px; height: 50px; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; padding: 2px; background: #fff; vertical-align: middle; }\n        \n        #mincho-conv-wrapper .m-main-btn { background: #13284B; color: #fff; border: none; height: 55px; border-radius: 4px; cursor: pointer; font-weight: bold; width: 100%; font-size: 16px; margin: 20px 0; font-family: sans-serif; }\n        #mincho-conv-wrapper .m-sub-btn { background: #fff; color: #13284B; border: 1px solid #13284B; height: 45px; border-radius: 4px; cursor: pointer; font-weight: bold; width: 100%; margin-top: 5px; font-family: sans-serif; font-size: 14px; }\n\n        #mincho-conv-wrapper .preview-container-base { \n            background-color: var(--mc-bg-color); \n            display: flex; \n            justify-content: safe center; \n            align-items: center; \n            overflow: auto; \n            position: relative; \n            padding: 60px; \n            box-sizing: border-box;\n            -webkit-overflow-scrolling: touch;\n        }\n\n        \/* \u900f\u904e\u6642\u306e\u80cc\u666f\u30c1\u30a7\u30c3\u30af\u67c4 *\/\n        #mincho-conv-wrapper .bg-transparent {\n            background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), \n                              linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);\n            background-size: 20px 20px;\n            background-position: 0 0, 10px 10px;\n            background-color: #fff !important;\n        }\n\n        #mincho-conv-wrapper .main-container { \n            margin: 20px 0; \n            box-shadow: 0 0 0 2px #333; \n            min-height: 250px; \n        }\n        \n        #mincho-conv-wrapper .m-text-v {\n            display: flex;\n            flex-direction: column; \n            align-items: center;\n            justify-content: center;\n            line-height: 1.1;\n            flex-shrink: 0;\n            margin: 0 auto;\n        }\n        #mincho-conv-wrapper .m-text-v span {\n            display: block; \n            transform: none !important;\n        }\n\n        #mincho-conv-wrapper .m-text-h {\n            display: block;\n            white-space: nowrap; \n            text-align: center;\n            line-height: 1.4;\n            flex-shrink: 0;\n        }\n\n        #mincho-conv-wrapper .m-render-target {\n            color: var(--mc-text-color); \n            font-size: var(--mc-font-size);\n            transition: color 0.1s;\n        }\n\n        #mincho-conv-wrapper .m-list-area { margin-top: 50px; padding: 40px 15px; background: #f5f5f5; border-radius: 10px; }\n        #mincho-conv-wrapper .m-list-title { text-align: center; font-size: 20px; font-weight: bold; color: #13284B; margin-bottom: 30px; font-family: sans-serif; }\n        #mincho-conv-wrapper .m-card { background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); border: none; }\n        \n        #mincho-conv-wrapper .m-card-header { \n            display: flex; \n            justify-content: space-between; \n            align-items: flex-start; \n            margin-bottom: 15px; \n            border-bottom: 2px solid #f0f0f0; \n            padding-bottom: 12px; \n            font-family: sans-serif; \n        }\n        #mincho-conv-wrapper .m-font-name { font-size: 18px; font-weight: bold; color: #13284B; display: block; margin-bottom: 4px; }\n        #mincho-conv-wrapper .m-font-desc { font-size: 12px; color: #666; display: block; line-height: 1.4; }\n\n        #mincho-conv-wrapper .m-list-preview-box { \n            min-height: 150px;\n        }\n        \n        #mincho-conv-wrapper .m-list-save-btn { \n            background: #13284B; color: #fff; border: none; padding: 0 15px; \n            font-size: 12px; cursor: pointer; border-radius: 4px; font-weight: bold; height: 38px; font-family: sans-serif; \n        }\n\n        #mincho-conv-wrapper .bg-washi { background-color: #fdfaf2 !important; background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.1'\/%3E%3C\/svg%3E\") !important; }\n    <\/style>\n\n    <div class=\"m-ctrl-section\">\n        <p class=\"m-label\">\u5909\u63db\u30c6\u30ad\u30b9\u30c8<\/p>\n        <input type=\"text\" id=\"m-input\" class=\"m-input-text\" value=\"\u4e00\u671f\u4e00\u4f1a\" placeholder=\"\u6587\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\">\n        \n        <div class=\"m-flex\">\n            <div style=\"flex: 1;\">\n                <p class=\"m-label\">\u65b9\u5411<\/p>\n                <div class=\"m-btn-group\">\n                    <button id=\"m-btn-v\" class=\"m-toggle-btn active\" onclick=\"mc_setDir('v')\">\u7e26\u66f8\u304d<\/button>\n                    <button id=\"m-btn-h\" class=\"m-toggle-btn\" onclick=\"mc_setDir('h')\">\u6a2a\u66f8\u304d<\/button>\n                <\/div>\n            <\/div>\n            <div style=\"flex: 1;\">\n                <p class=\"m-label\">\u66f8\u4f53\u30bb\u30c3\u30c8<\/p>\n                <select id=\"m-category\" class=\"m-input-text\" onchange=\"mc_renderList()\">\n                    <option value=\"all\">\u5168\u66f8\u4f53\u6bd4\u8f03<\/option>\n                    <option value=\"mincho\">\u6a19\u6e96\u660e\u671d\u306e\u307f<\/option>\n                    <option value=\"wafu\">\u548c\u98a8\u30fb\u7b46\u6587\u5b57<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <div class=\"m-flex\">\n            <div style=\"flex: 2;\">\n                <p class=\"m-label\">\u30b5\u30a4\u30ba: <span id=\"m-size-val\">80<\/span>px<\/p>\n                <input type=\"range\" id=\"m-size\" min=\"20\" max=\"250\" value=\"80\" style=\"width:100%\" oninput=\"mc_syncParams()\">\n            <\/div>\n            <div>\n                <p class=\"m-label\">\u6587\u5b57\u8272<\/p>\n                <input type=\"color\" id=\"m-color-text\" class=\"m-color-picker\" value=\"#000000\" oninput=\"mc_syncParams()\">\n            <\/div>\n            <div style=\"flex: 1;\">\n                <p class=\"m-label\">\u80cc\u666f<\/p>\n                <select id=\"m-color-bg\" class=\"m-input-text\" onchange=\"mc_handleBgChange()\">\n                    <option value=\"#ffffff\">\u767d<\/option>\n                    <option value=\"#000000\">\u9ed2<\/option>\n                    <option value=\"washi\">\u548c\u7d19<\/option>\n                    <option value=\"transparent\">\u900f\u904e<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n        <button class=\"m-sub-btn\" onclick=\"document.getElementById('m-list-section').scrollIntoView({behavior:'smooth'})\">\u4ed6\u306e\u66f8\u4f53\u3068\u6bd4\u8f03\u3059\u308b \u2193<\/button>\n    <\/div>\n\n    <div id=\"m-main-preview-container\" class=\"preview-container-base main-container\">\n        <div id=\"m-main-preview\" class=\"m-render-target m-text-v\" style=\"font-family: 'Shippori Mincho', serif;\">\n            <span>\u4e00<\/span><span>\u671f<\/span><span>\u4e00<\/span><span>\u4f1a<\/span>\n        <\/div>\n    <\/div>\n\n    <button class=\"m-main-btn\" onclick=\"mc_download('m-main-preview-container', 'main-design')\">\u3053\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u753b\u50cf\u3067\u4fdd\u5b58\u3059\u308b\uff08PNG\uff09<\/button>\n\n    <div id=\"m-list-section\" class=\"m-list-area\">\n        <p class=\"m-list-title\">\u66f8\u4f53\u6bd4\u8f03\u30ea\u30b9\u30c8<\/p>\n        <div id=\"m-list-container\"><\/div>\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/media-api.qcdgv19414.rakkoserver.net\/lib\/html2canvas.min.js\"><\/script>\n<script>\n(function() {\n    const fonts = [\n        { id: 'f1', name: '\u3057\u3063\u307d\u308a\u660e\u671d', family: \"'Shippori Mincho', serif\", cat: 'mincho', desc: '\u7f8e\u3057\u304f\u4f1d\u7d71\u7684\u306a\u3001\u65e5\u672c\u4e00\u306e\u5b9a\u756a\u660e\u671d\u4f53\u3002' },\n        { id: 'f2', name: 'Noto Serif JP', family: \"'Noto Serif JP', serif\", cat: 'mincho', desc: '\u53ef\u8aad\u6027\u304c\u9ad8\u304f\u3001\u8aa0\u5b9f\u3067\u73fe\u4ee3\u7684\u306a\u5370\u8c61\u3002' },\n        { id: 'f3', name: '\u7d50\u57ce\u5bbf (\u548c\u98a8\u7b46\u6587\u5b57)', family: \"'Yuji Syuku', serif\", cat: 'wafu', desc: '\u529b\u5f37\u304f\u3001\u6b74\u53f2\u3092\u611f\u3058\u3055\u305b\u308b\u7b46\u6587\u5b57\u4f53\u3002' },\n        { id: 'f4', name: 'Zen Old Mincho', family: \"'Zen Old Mincho', serif\", cat: 'mincho', desc: '\u53e4\u98a8\u306a\u8da3\u304c\u3042\u308a\u3001\u6587\u5b66\u7684\u306a\u8868\u73fe\u306b\u6700\u9069\u3002' },\n        { id: 'f5', name: '\u3055\u308f\u3089\u3073\u660e\u671d', family: \"'Sawarabi Mincho', serif\", cat: 'mincho', desc: '\u30b7\u30f3\u30d7\u30eb\u3067\u4f7f\u3044\u52dd\u624b\u306e\u826f\u3044\u6c4e\u7528\u7684\u306a\u66f8\u4f53\u3002' }\n    ];\n\n    const input = document.getElementById('m-input');\n    const preview = document.getElementById('m-main-preview');\n    const listContainer = document.getElementById('m-list-container');\n    const colorPicker = document.getElementById('m-color-text');\n    let currentDir = 'v';\n\n    window.mc_handleBgChange = function() {\n        const bgColor = document.getElementById('m-color-bg').value;\n        const currentColor = colorPicker.value;\n        if (bgColor === '#000000' && currentColor === '#000000') {\n            colorPicker.value = '#ffffff';\n        } else if (bgColor === '#ffffff' && currentColor === '#ffffff') {\n            colorPicker.value = '#000000';\n        }\n        mc_syncParams();\n    };\n\n    window.mc_syncParams = function() {\n        const size = document.getElementById('m-size').value;\n        const color = colorPicker.value;\n        const bgColor = document.getElementById('m-color-bg').value;\n        document.getElementById('m-size-val').innerText = size;\n        document.documentElement.style.setProperty('--mc-text-color', color);\n        document.documentElement.style.setProperty('--mc-font-size', size + 'px');\n\n        const container = document.getElementById('m-main-preview-container');\n        const listBoxes = document.querySelectorAll('.m-list-preview-box');\n\n        \/\/ \u80cc\u666f\u30af\u30e9\u30b9\u306e\u30af\u30ea\u30a2\n        container.classList.remove('bg-washi', 'bg-transparent');\n        listBoxes.forEach(b => b.classList.remove('bg-washi', 'bg-transparent'));\n\n        if (bgColor === 'washi') {\n            container.classList.add('bg-washi');\n            listBoxes.forEach(b => b.classList.add('bg-washi'));\n            document.documentElement.style.setProperty('--mc-bg-color', '#fdfaf2');\n        } else if (bgColor === 'transparent') {\n            container.classList.add('bg-transparent');\n            listBoxes.forEach(b => b.classList.add('bg-transparent'));\n            document.documentElement.style.setProperty('--mc-bg-color', 'transparent');\n        } else {\n            document.documentElement.style.setProperty('--mc-bg-color', bgColor);\n        }\n    };\n\n    window.mc_setDir = function(dir) {\n        currentDir = dir;\n        document.getElementById('m-btn-v').classList.toggle('active', dir === 'v');\n        document.getElementById('m-btn-h').classList.toggle('active', dir === 'h');\n        mc_updateText();\n    };\n\n    function formatText(str, dir) {\n        if (dir === 'h') return str;\n        return str.split('').map(char => `<span>${char}<\/span>`).join('');\n    }\n\n    window.mc_updateText = function() {\n        const txt = input.value || '\u4e00\u671f\u4e00\u4f1a';\n        const formatted = formatText(txt, currentDir);\n        const className = 'm-render-target ' + (currentDir === 'v' ? 'm-text-v' : 'm-text-h');\n        preview.innerHTML = formatted;\n        preview.className = className;\n        document.querySelectorAll('.mc-list-txt').forEach(el => {\n            el.innerHTML = formatted;\n            el.className = 'mc-list-txt ' + className;\n        });\n    };\n\n    window.mc_renderList = function() {\n        const cat = document.getElementById('m-category').value;\n        listContainer.innerHTML = '';\n        fonts.forEach(f => {\n            if (cat !== 'all' && f.cat !== cat) return;\n            const card = document.createElement('div');\n            card.className = 'm-card';\n            card.innerHTML = `\n                <div class=\"m-card-header\">\n                    <div><span class=\"m-font-name\">${f.name}<\/span><span class=\"m-font-desc\">${f.desc}<\/span><\/div>\n                    <button class=\"m-list-save-btn\" onclick=\"mc_download('box-${f.id}', '${f.name}')\">\u753b\u50cf\u4fdd\u5b58<\/button>\n                <\/div>\n                <div id=\"box-${f.id}\" class=\"m-list-preview-box preview-container-base\"><div class=\"mc-list-txt\" style=\"font-family: ${f.family};\"><\/div><\/div>`;\n            listContainer.appendChild(card);\n        });\n        mc_updateText();\n        mc_syncParams();\n    };\n\n    window.mc_download = function(elementId, fileName) {\n        const original = document.getElementById(elementId);\n        const bgColor = document.getElementById('m-color-bg').value;\n        \n        \/\/ \u900f\u904e\u8a2d\u5b9a\u306e\u5224\u5b9a\n        const isTransparent = bgColor === 'transparent';\n\n        html2canvas(original, { \n            scale: 2, \n            useCORS: true, \n            backgroundColor: isTransparent ? null : (bgColor === 'washi' ? '#fdfaf2' : bgColor),\n            onclone: (clonedDoc) => {\n                const clonedTarget = clonedDoc.getElementById(elementId);\n                clonedTarget.style.minHeight = '0px';\n                clonedTarget.style.height = 'auto';\n                clonedTarget.style.overflow = 'visible';\n                clonedTarget.style.display = 'inline-block';\n                clonedTarget.style.width = 'auto';\n                clonedTarget.style.boxShadow = 'none';\n                clonedTarget.style.padding = '40px';\n                \/\/ \u30af\u30ed\u30fc\u30f3\u5074\u306e\u80cc\u666f\u3082\u900f\u660e\u5316\u3092\u5fb9\u5e95\n                if (isTransparent) {\n                    clonedTarget.style.backgroundColor = 'transparent';\n                    clonedTarget.classList.remove('bg-transparent'); \/\/ \u30c1\u30a7\u30c3\u30af\u67c4\u3092\u6d88\u3059\n                }\n            }\n        }).then(canvas => {\n            const link = document.createElement('a');\n            link.download = fileName + '.png';\n            link.href = canvas.toDataURL('image\/png');\n            link.click();\n        });\n    };\n\n    input.addEventListener('input', mc_updateText);\n    mc_renderList();\n})();\n<\/script>\n\n\n\n<p>\u5165\u529b\u3057\u305f\u6587\u5b57\u3092\u3001\u7f8e\u3057\u304f\u683c\u8abf\u9ad8\u3044\u300c\u660e\u671d\u4f53\u300d\u306b\u5909\u63db\u3057\u3001\u7e26\u66f8\u304d\u30fb\u6a2a\u66f8\u304d\u306e\u753b\u50cf\u3068\u3057\u3066\u4fdd\u5b58\u3067\u304d\u308b\u7121\u6599WEB\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-0\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3067\u304d\u308b\u3053\u3068<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u6587\u5b57\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u3001\u30d7\u30ed\u4ed5\u69d8\u306e\u660e\u671d\u4f53\u30c7\u30b6\u30a4\u30f3\u3092\u4f5c\u6210\u3067\u304d\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u591a\u5f69\u306a\u660e\u671d\u4f53\u306e\u6bd4\u8f03:<\/strong> \u5b9a\u756a\u306e\u300c\u3057\u3063\u307d\u308a\u660e\u671d\u300d\u304b\u3089\u529b\u5f37\u3044\u7b46\u6587\u5b57\u98a8\u306e\u300c\u7d50\u57ce\u5bbf\u300d\u307e\u3067\u3001\u8907\u6570\u306e\u66f8\u4f53\u3092\u4e00\u76ee\u3067\u6bd4\u8f03\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u7e26\u66f8\u304d\u30fb\u6a2a\u66f8\u304d\u306e\u5207\u308a\u66ff\u3048:<\/strong> \u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u65b9\u5411\u3092\u5207\u308a\u66ff\u3048\u3001\u6700\u9069\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u81ea\u7531\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba:<\/strong> \u6587\u5b57\u30b5\u30a4\u30ba\u3001\u8272\u3001\u80cc\u666f\uff08\u767d\u30fb\u9ed2\u30fb\u548c\u7d19\u30fb\u900f\u904e\uff09\u3092\u81ea\u7531\u306b\u8abf\u6574\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u9ad8\u753b\u8ceaPNG\u4fdd\u5b58:<\/strong> \u4f5c\u6210\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u80cc\u666f\u900f\u904e\u306ePNG\u5f62\u5f0f\u306a\u3069\u3067\u305d\u306e\u307e\u307e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-1\">\u660e\u671d\u4f53\u3084\u66f8\u4f53\u306b\u95a2\u3059\u308b\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<p>\u30c7\u30b6\u30a4\u30f3\u306b\u304a\u3044\u3066\u660e\u671d\u4f53\u3092\u9078\u629e\u3059\u308b\u969b\u306b\u77e5\u3063\u3066\u304a\u304f\u3068\u5f79\u7acb\u3064\u77e5\u8b58\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u660e\u671d\u4f53\u3068\u306f:<\/strong> \u6f22\u5b57\u306e\u7e26\u753b\u304c\u592a\u304f\u3001\u6a2a\u753b\u304c\u7d30\u3044\u306e\u304c\u7279\u5fb4\u306e\u66f8\u4f53\u3067\u3059\u3002\u6a2a\u753b\u306e\u7d42\u308f\u308a\u306b\u300c\u3046\u308d\u3053\u300d\u3068\u547c\u3070\u308c\u308b\u98fe\u308a\u304c\u3042\u308a\u3001\u53ef\u8aad\u6027\u3068\u683c\u8abf\u306e\u9ad8\u3055\u3092\u517c\u306d\u5099\u3048\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u7e26\u66f8\u304d\u306e\u52b9\u679c:<\/strong> \u65e5\u672c\u8a9e\u672c\u6765\u306e\u7f8e\u3057\u3055\u3092\u5f15\u304d\u51fa\u3057\u3001\u4f1d\u7d71\u3001\u4fe1\u983c\u3001\u9ad8\u7d1a\u611f\u3092\u6f14\u51fa\u3059\u308b\u306e\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u80cc\u666f\u900f\u904e\uff08PNG\uff09\u306e\u30e1\u30ea\u30c3\u30c8:<\/strong> \u753b\u50cf\u306e\u80cc\u666f\u3092\u900f\u660e\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u5199\u771f\u3084\u4ed6\u306e\u30c7\u30b6\u30a4\u30f3\u306e\u4e0a\u306b\u6587\u5b57\u3092\u91cd\u306d\u3066\u5408\u6210\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-2\">\u3053\u306e\u30c4\u30fc\u30eb\u304c\u5f79\u7acb\u3064\u30b7\u30fc\u30f3<\/h2>\n\n\n\n<p>\u65e5\u5e38\u3084\u30d3\u30b8\u30cd\u30b9\u306e\u3055\u307e\u3056\u307e\u306a\u5834\u9762\u3067\u3054\u6d3b\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30ed\u30b4\u3084\u30bf\u30a4\u30c8\u30eb\u306e\u4f5c\u6210:<\/strong> Web\u30b5\u30a4\u30c8\u3084\u30d6\u30ed\u30b0\u306e\u30d8\u30c3\u30c0\u30fc\u3001YouTube\u306e\u30b5\u30e0\u30cd\u30a4\u30eb\u7528\u30ed\u30b4\u306b\u3002<\/li>\n\n\n\n<li><strong>\u548c\u98a8\u30c7\u30b6\u30a4\u30f3\u306e\u5236\u4f5c:<\/strong> \u304a\u54c1\u66f8\u304d\u3001\u5e74\u8cc0\u72b6\u3001\u62db\u5f85\u72b6\u3001\u5fa1\u6731\u5370\u98a8\u306e\u753b\u50cf\u4f5c\u6210\u306b\u3002<\/li>\n\n\n\n<li><strong>SNS\u6295\u7a3f\u7528\u306e\u7d20\u6750\u4f5c\u308a:<\/strong> Instagram\u306e1\u679a\u76ee\u3084\u3001X\uff08\u65e7Twitter\uff09\u3067\u306e\u60c5\u7dd2\u7684\u306a\u4e00\u8a00\u767a\u4fe1\u306b\u3002<\/li>\n\n\n\n<li><strong>\u30d5\u30a9\u30f3\u30c8\u5c0e\u5165\u524d\u306e\u6bd4\u8f03:<\/strong> \u81ea\u5206\u306e\u597d\u304d\u306a\u6587\u5b57\u304c\u3001\u7279\u5b9a\u306e\u30d5\u30a9\u30f3\u30c8\u3067\u3069\u3046\u898b\u3048\u308b\u304b\u3092\u78ba\u8a8d\u3059\u308b\u30d7\u30ec\u30d3\u30e5\u30fc\u3068\u3057\u3066\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">\u7dba\u9e97\u306a\u6587\u5b57\u753b\u50cf\u3092\u4f5c\u308b\u30b3\u30c4<\/h2>\n\n\n\n<p>\u3088\u308a\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306a\u4ed5\u4e0a\u304c\u308a\u306b\u3059\u308b\u305f\u3081\u306e\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>\u4f59\u767d\u3092\u610f\u8b58\u3059\u308b:<\/strong> \u4fdd\u5b58\u3055\u308c\u308b\u753b\u50cf\u306b\u306f\u9069\u5ea6\u306a\u4f59\u767d\uff08\u30d1\u30c7\u30a3\u30f3\u30b0\uff09\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u6587\u5b57\u30b5\u30a4\u30ba\u3092\u5927\u304d\u304f\u3057\u3059\u304e\u305a\u3001\u80cc\u666f\u3068\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u898b\u308b\u306e\u304c\u30b3\u30c4\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u80cc\u666f\u7d20\u6750\u306e\u6d3b\u7528:<\/strong> \u900f\u904e\u3067\u4fdd\u5b58\u3057\u305f\u6587\u5b57\u3092\u3001\u3054\u81ea\u8eab\u3067\u7528\u610f\u3057\u305f\u98a8\u666f\u5199\u771f\u3084\u30c6\u30af\u30b9\u30c1\u30e3\u753b\u50cf\u306e\u4e0a\u306b\u91cd\u306d\u308b\u3053\u3068\u3067\u3001\u4e00\u6c17\u306b\u30af\u30aa\u30ea\u30c6\u30a3\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8272\u306e\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8:<\/strong> \u548c\u98a8\u306b\u3059\u308b\u306a\u3089\u3001\u771f\u3063\u9ed2\u3088\u308a\u3082\u5c11\u3057\u58a8\u8272\u306b\u8fd1\u3044\u8272\uff08#333333\u306a\u3069\uff09\u306b\u3057\u305f\u308a\u3001\u80cc\u666f\u306b\u548c\u7d19\u3092\u9078\u629e\u3057\u305f\u308a\u3059\u308b\u3068\u96f0\u56f2\u6c17\u304c\u5897\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>\u5909\u63db\u30c6\u30ad\u30b9\u30c8 \u65b9\u5411 \u7e26\u66f8\u304d \u6a2a\u66f8\u304d \u66f8\u4f53\u30bb\u30c3\u30c8 \u5168\u66f8\u4f53\u6bd4\u8f03\u6a19\u6e96\u660e\u671d\u306e\u307f\u548c\u98a8\u30fb\u7b46\u6587\u5b57 \u30b5\u30a4\u30ba: 80px \u6587\u5b57\u8272 \u80cc\u666f \u767d\u9ed2\u548c\u7d19\u900f\u904e \u4ed6\u306e\u66f8\u4f53\u3068\u6bd4\u8f03\u3059\u308b \u2193 \u4e00\u671f\u4e00\u4f1a \u3053\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u753b\u50cf\u3067\u4fdd\u5b58\u3059\u308b\uff08PNG\uff09 \u66f8\u4f53\u6bd4\u8f03\u30ea\u30b9\u30c8 &#8230; <\/p>\n","protected":false},"author":4,"featured_media":13102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,60,56,57],"tags":[],"class_list":{"0":"post-13066","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tool","8":"category-design","9":"category-conversion","10":"category-string","11":"entry"},"_links":{"self":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/13066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/comments?post=13066"}],"version-history":[{"count":0,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/13066\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media\/13102"}],"wp:attachment":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media?parent=13066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/categories?post=13066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/tags?post=13066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}