{"id":32495,"date":"2025-06-06T17:34:25","date_gmt":"2025-06-06T08:34:25","guid":{"rendered":"https:\/\/resemom.jp\/kyoiku\/?page_id=32495"},"modified":"2025-06-06T17:36:38","modified_gmt":"2025-06-06T08:36:38","slug":"text","status":"publish","type":"page","link":"https:\/\/resemom.jp\/kyoiku\/text\/","title":{"rendered":"\u304a\u5b50\u3055\u307e\u306e\u5b66\u7fd2\u306b\u4f7f\u3048\u308b\u6559\u6750\u3092\u516c\u958b\uff01\u30df\u30c4\u30ab\u30eb\u6559\u80b2\u901a\u4fe1(\u682a\u5f0f\u4f1a\u793e\u30a4\u30fc\u30c9)"},"content":{"rendered":"<div class=\"swell-block-balloon\"><div class=\"c-balloon -bln-left\" data-col=\"yellow\"><div class=\"c-balloon__icon -circle\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/resemom.jp\/kyoiku\/wp-content\/uploads\/2024\/02\/ae339e03a0964631b075993ab27f9322-1-150x150.jpg\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30df\u30ab\u5148\u751f<\/span><\/div><div class=\"c-balloon__body -speaking -border-on\"><div class=\"c-balloon__text\">\n<p>\u3053\u3061\u3089\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u304a\u5b50\u3055\u307e\u306e\u5b66\u7fd2\u306b\u4f7f\u3048\u308b\u6559\u6750\u3092\u9806\u6b21\u516c\u958b\u3057\u3066\u3044\u304d\u307e\u3059\uff01PDF\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3082\u3067\u304d\u307e\u3059\u306e\u3067\u3001\u305c\u3072\u666e\u6bb5\u306e\u5b66\u7fd2\u306b\u304a\u5f79\u7acb\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n<span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868<\/title>\n    <style>\n        @page {\n            size: A4;\n            margin: 10mm;\n        }\n        \n        body {\n            font-family: 'Comic Sans MS', cursive, sans-serif;\n            background: white;\n            margin: 0;\n            padding: 5px;\n            font-size: 12px;\n            line-height: 1.2;\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 190mm;\n            margin: 0 auto;\n            background: white;\n            padding: 5px;\n        }\n        \n        .title {\n            text-align: center;\n            font-size: 1.4em;\n            color: #333;\n            margin-bottom: 8px;\n            font-weight: bold;\n        }\n        \n        .multiplication-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 8px;\n            margin-bottom: 5px;\n        }\n        \n        .table-section {\n            background: #f8f9fa;\n            border-radius: 8px;\n            padding: 8px;\n            border: 2px solid;\n            page-break-inside: avoid;\n        }\n        \n        .section-1 { border-color: #FFD700; background: #FFF8DC; }\n        .section-2 { border-color: #FF6347; background: #FFE4E1; }\n        .section-3 { border-color: #FF69B4; background: #FFE4E6; }\n        .section-4 { border-color: #32CD32; background: #F0FFF0; }\n        .section-5 { border-color: #00CED1; background: #E0FFFF; }\n        .section-6 { border-color: #1E90FF; background: #E6F3FF; }\n        .section-7 { border-color: #9370DB; background: #F3E5F5; }\n        .section-8 { border-color: #4169E1; background: #E6E6FA; }\n        .section-9 { border-color: #DA70D6; background: #FFE4E1; }\n        \n        .section-header {\n            text-align: center;\n            font-size: 1em;\n            font-weight: bold;\n            margin-bottom: 6px;\n            color: #333;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 5px;\n        }\n        \n        .animal-icon {\n            font-size: 1em;\n        }\n        \n        .equation {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 2px 6px;\n            margin: 1px 0;\n            background: rgba(255, 255, 255, 0.7);\n            border-radius: 4px;\n            font-size: 0.9em;\n            font-weight: 600;\n            color: #333;\n        }\n        \n        .button-container {\n            display: flex;\n            justify-content: center;\n            margin: 10px 0;\n        }\n        \n        .pdf-button {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 8px;\n            font-size: 1.1em;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n            min-width: 180px;\n        }\n        \n        .pdf-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n        }\n        \n        .pdf-button:active {\n            transform: translateY(0);\n        }\n        \n        .pdf-button.downloading {\n            background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);\n            animation: downloadSuccess 0.5s ease;\n        }\n        \n        @keyframes downloadSuccess {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n        \n        .footer {\n            text-align: center;\n            margin-top: 8px;\n            color: #666;\n            font-size: 0.9em;\n        }\n        \n        @media print {\n            body {\n                background: white !important;\n                color: black !important;\n                font-size: 11px;\n            }\n            \n            .container {\n                padding: 0;\n                margin: 0;\n                max-width: 100%;\n            }\n            \n            .multiplication-grid {\n                gap: 6px;\n            }\n            \n            .table-section {\n                padding: 6px;\n                border-width: 1px;\n                break-inside: avoid;\n            }\n            \n            .equation {\n                padding: 1px 4px;\n                margin: 0.5px 0;\n                font-size: 0.85em;\n            }\n            \n            .title {\n                font-size: 1.2em;\n                margin-bottom: 6px;\n            }\n            \n            .button-container {\n                display: none !important;\n            }\n            \n            .footer {\n                margin-top: 5px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <h1 class=\"title\">&#x1f308; \u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868 &#x1f308;<\/h1>\n        \n        <div class=\"multiplication-grid\">\n            <!-- 1\u306e\u6bb5 -->\n            <div class=\"table-section section-1\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f431;<\/span>\n                    <span>1\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">1 \u00d7 1 = <strong>1<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 2 = <strong>2<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 3 = <strong>3<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 4 = <strong>4<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 5 = <strong>5<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 6 = <strong>6<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 7 = <strong>7<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 8 = <strong>8<\/strong><\/div>\n                <div class=\"equation\">1 \u00d7 9 = <strong>9<\/strong><\/div>\n            <\/div>\n            \n            <!-- 2\u306e\u6bb5 -->\n            <div class=\"table-section section-2\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f436;<\/span>\n                    <span>2\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">2 \u00d7 1 = <strong>2<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 2 = <strong>4<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 3 = <strong>6<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 4 = <strong>8<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 5 = <strong>10<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 6 = <strong>12<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 7 = <strong>14<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 8 = <strong>16<\/strong><\/div>\n                <div class=\"equation\">2 \u00d7 9 = <strong>18<\/strong><\/div>\n            <\/div>\n            \n            <!-- 3\u306e\u6bb5 -->\n            <div class=\"table-section section-3\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f430;<\/span>\n                    <span>3\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">3 \u00d7 1 = <strong>3<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 2 = <strong>6<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 3 = <strong>9<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 4 = <strong>12<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 5 = <strong>15<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 6 = <strong>18<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 7 = <strong>21<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 8 = <strong>24<\/strong><\/div>\n                <div class=\"equation\">3 \u00d7 9 = <strong>27<\/strong><\/div>\n            <\/div>\n            \n            <!-- 4\u306e\u6bb5 -->\n            <div class=\"table-section section-4\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f438;<\/span>\n                    <span>4\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">4 \u00d7 1 = <strong>4<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 2 = <strong>8<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 3 = <strong>12<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 4 = <strong>16<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 5 = <strong>20<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 6 = <strong>24<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 7 = <strong>28<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 8 = <strong>32<\/strong><\/div>\n                <div class=\"equation\">4 \u00d7 9 = <strong>36<\/strong><\/div>\n            <\/div>\n            \n            <!-- 5\u306e\u6bb5 -->\n            <div class=\"table-section section-5\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f427;<\/span>\n                    <span>5\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">5 \u00d7 1 = <strong>5<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 2 = <strong>10<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 3 = <strong>15<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 4 = <strong>20<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 5 = <strong>25<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 6 = <strong>30<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 7 = <strong>35<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 8 = <strong>40<\/strong><\/div>\n                <div class=\"equation\">5 \u00d7 9 = <strong>45<\/strong><\/div>\n            <\/div>\n            \n            <!-- 6\u306e\u6bb5 -->\n            <div class=\"table-section section-6\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f43b;<\/span>\n                    <span>6\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">6 \u00d7 1 = <strong>6<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 2 = <strong>12<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 3 = <strong>18<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 4 = <strong>24<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 5 = <strong>30<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 6 = <strong>36<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 7 = <strong>42<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 8 = <strong>48<\/strong><\/div>\n                <div class=\"equation\">6 \u00d7 9 = <strong>54<\/strong><\/div>\n            <\/div>\n            \n            <!-- 7\u306e\u6bb5 -->\n            <div class=\"table-section section-7\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f98a;<\/span>\n                    <span>7\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">7 \u00d7 1 = <strong>7<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 2 = <strong>14<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 3 = <strong>21<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 4 = <strong>28<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 5 = <strong>35<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 6 = <strong>42<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 7 = <strong>49<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 8 = <strong>56<\/strong><\/div>\n                <div class=\"equation\">7 \u00d7 9 = <strong>63<\/strong><\/div>\n            <\/div>\n            \n            <!-- 8\u306e\u6bb5 -->\n            <div class=\"table-section section-8\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f418;<\/span>\n                    <span>8\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">8 \u00d7 1 = <strong>8<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 2 = <strong>16<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 3 = <strong>24<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 4 = <strong>32<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 5 = <strong>40<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 6 = <strong>48<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 7 = <strong>56<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 8 = <strong>64<\/strong><\/div>\n                <div class=\"equation\">8 \u00d7 9 = <strong>72<\/strong><\/div>\n            <\/div>\n            \n            <!-- 9\u306e\u6bb5 -->\n            <div class=\"table-section section-9\">\n                <div class=\"section-header\">\n                    <span class=\"animal-icon\">&#x1f981;<\/span>\n                    <span>9\u306e\u3060\u3093<\/span>\n                <\/div>\n                <div class=\"equation\">9 \u00d7 1 = <strong>9<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 2 = <strong>18<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 3 = <strong>27<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 4 = <strong>36<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 5 = <strong>45<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 6 = <strong>54<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 7 = <strong>63<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 8 = <strong>72<\/strong><\/div>\n                <div class=\"equation\">9 \u00d7 9 = <strong>81<\/strong><\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"button-container\">\n            <button class=\"pdf-button\" onclick=\"downloadPDF()\">&#x1f4c4; PDF\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/button>\n        <\/div>\n        \n        <div class=\"footer\">\n            <p>&#x1f31f; \u697d\u3057\u304f\u4e5d\u4e5d\u3092\u899a\u3048\u307e\u3057\u3087\u3046\uff01 &#x1f31f;<\/p>\n        <\/div>\n    <\/div>\n    \n    <script>\n        function downloadPDF() {\n            const button = document.querySelector('.pdf-button');\n            const originalText = button.innerHTML;\n            button.innerHTML = '&#x1f4c4; \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u4e2d...';\n            button.classList.add('downloading');\n            \n            \/\/ \u6307\u5b9a\u3055\u308c\u305fPDF\u306eURL\u3092\u76f4\u63a5\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n            const pdfUrl = 'https:\/\/resemom.jp\/kyoiku\/wp-content\/uploads\/2025\/06\/Elegant-Minimalist-A4-Stationery-Paper-Document.pdf';\n            \n            \/\/ \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u7528\u306e\u30ea\u30f3\u30af\u3092\u4f5c\u6210\n            const link = document.createElement('a');\n            link.href = pdfUrl;\n            link.download = '\u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868.pdf'; \/\/ \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u6642\u306e\u30d5\u30a1\u30a4\u30eb\u540d\n            link.target = '_blank';\n            \n            \/\/ \u4e00\u6642\u7684\u306b\u30ea\u30f3\u30af\u3092\u30da\u30fc\u30b8\u306b\u8ffd\u52a0\u3057\u3066\u30af\u30ea\u30c3\u30af\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n            \n            \/\/ \u30dc\u30bf\u30f3\u3092\u5143\u306b\u623b\u3059\n            setTimeout(function() {\n                button.innerHTML = originalText;\n                button.classList.remove('downloading');\n            }, 2000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868 \u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868 &#x1f308; \u53ef\u611b\u3044\u52d5\u7269\u306e\u4e5d\u4e5d\u8868 &#x1f308; &#x1f431; 1\u306e\u3060\u3093 1 \u00d7 1 = 1 1 \u00d7 2 = 2 1 \u00d7 3 = 3 1 \u00d7 4 = 4 1 \u00d7 5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-32495","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/pages\/32495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/comments?post=32495"}],"version-history":[{"count":3,"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/pages\/32495\/revisions"}],"predecessor-version":[{"id":32502,"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/pages\/32495\/revisions\/32502"}],"wp:attachment":[{"href":"https:\/\/resemom.jp\/kyoiku\/wp-json\/wp\/v2\/media?parent=32495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}