{"id":61701,"date":"2025-05-31T13:36:41","date_gmt":"2025-05-31T04:36:41","guid":{"rendered":"https:\/\/kokoshiro.jp\/note\/?page_id=61701"},"modified":"2025-10-24T11:07:19","modified_gmt":"2025-10-24T02:07:19","slug":"spitest_lp","status":"publish","type":"page","link":"https:\/\/kokoshiro.jp\/note\/spitest_lp\/","title":{"rendered":"SPI\u4f53\u9a13\u6a21\u8a66LP\u7de8"},"content":{"rendered":"<!DOCTYPE html>\n<html><p><\/p>\n\n\n\n<div class=\"wp-block-sgb-conditional\">\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"sgb-css-id-1\">\n\n<html lang=\"ja\"><head>\n    \n    \n    <title>\u7121\u6599\u3067\u53d7\u9a13\u53ef\u80fd<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        highlight: '#E45E43',\n                        textMain: '#333333'\n                    },\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'sans-serif']\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"flex justify-center items-center min-h-screen bg-white\">\n\n    <!-- \u2705 \u300c\uff3c \u7121\u6599\u3067\u53d7\u9a13\u53ef\u80fd\uff01\uff0f\u300d\u306e\u90e8\u5206\u3092\u4e2d\u592e\u63c3\u3048 -->\n    <div class=\"text-center\">\n        <p class=\"text-textMain font-bold text-lg\">\n            \uff3c <span class=\"text-highlight text-2xl\">\u7121\u6599<\/span>\u3067\u53d7\u9a13\u53ef\u80fd\uff01\uff0f\n        <\/p>\n    <\/div>\n\n<\/body>\n\n<\/html><\/div>\n\n\n\n<html lang=\"ja\"><head>\n    <title>SPI\u4f53\u9a13\u6a21\u8a66 \u2013 PC\u7248<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#A0C4E2', \/* \u2705 \u9752\u8272\u3092\u8584\u304f\u8abf\u6574 *\/\n                        secondary: '#F3FAFF',\n                        highlight: '#E45E43',\n                        textMain: '#333333'\n                    },\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'sans-serif']\n                    },\n                    letterSpacing: {\n                        wider: '0.05em', \/* \u2705 \u6587\u5b57\u9593\u9694\u3092\u5e83\u3052\u308b *\/\n                        widest: '0.1em'\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-secondary font-sans flex justify-center items-center min-h-screen px-4\">\n\n    <div class=\"max-w-[1200px] w-full text-center\">\n        <!-- \u2705 \u30bf\u30a4\u30c8\u30eb\uff08\u6587\u5b57\u9593\u9694\u3092\u5c11\u3057\u5e83\u3052\u308b\uff09 -->\n        <h1 class=\"text-4xl font-bold text-textMain mt-2 tracking-wider\" id=\"i-0\">SPI\u4f53\u9a13\u6a21\u8a66<\/h1>\n\n        <!-- \u2705 \u9752\u3044\u30d0\u30ca\u30fc\uff08\u8272\u3092\u8584\u304f\u8abf\u6574\uff09 -->\n        <div class=\"mt-3 bg-primary text-white text-center py-2 px-6 rounded-lg text-lg font-bold inline-block\">\n            Web\u30c6\u30b9\u30c8\u306e\u5b9f\u529b\u304c\u308f\u304b\u308b\uff01\n        <\/div>\n\n        <!-- \u30b5\u30d6\u30c6\u30ad\u30b9\u30c8 -->\n        <p class=\"text-highlight text-lg mt-4\">\uff3c \u30aa\u30b9\u30b9\u30e1\uff01\u307e\u308b\u3067\u672c\u756a\u3055\u306a\u304c\u3089\uff01\uff0f<\/p>\n\n        <!-- \u2705 \u300c\u7121\u6599\u3067\u53d7\u9a13\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3092\u4e2d\u592e\u306b\u914d\u7f6e -->\n        <div class=\"mt-6 flex justify-center\">\n            <a href=\"https:\/\/kokoshiro.jp\/note\/spitest_exam\/\" class=\"w-[320px] bg-primary text-white py-4 px-16 rounded-full text-lg font-bold flex items-center justify-center shadow-xl hover:shadow-2xl transition-shadow\" style=\"box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.6);\">\n                <span>\u7121\u6599\u3067\u53d7\u9a13\u3059\u308b<\/span>\n                <span>\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- \u753b\u50cf -->\n        <div class=\"mt-10 flex justify-center\">\n            <img decoding=\"async\" src=\"https:\/\/kokoshiro.jp\/note\/wp-content\/uploads\/2025\/05\/65bfc7ed0a5cf50894538bf5e695066b.png\" alt=\"SPI\u6a21\u8a66\u753b\u9762\" class=\"w-[600px] h-auto shadow-2xl rounded-lg\">\n        <\/div>\n    <\/div>\n\n<\/body>\n\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<html lang=\"ja\"><head>\n    \n    \n    <title>SPI\u5bfe\u7b56 \u2013 \u672c\u756a\u540c\u69d8\u306e\u5f62\u5f0f<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#4A90E2',\n                        secondary: '#F5F9FC',\n                        highlight: '#E45E43',\n                        textMain: '#333333'\n                    },\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'sans-serif']\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-white font-sans flex flex-col justify-center items-center min-h-screen px-6 space-y-16\">\n\n    <!-- ? \u898b\u51fa\u3057\uff08\u30c7\u30b6\u30a4\u30f3\u7d71\u4e00 + \u4e0b\u306b50px\u306e\u4f59\u767d\u8ffd\u52a0\uff09 -->\n    <div class=\"w-full text-center\">\n        <div class=\"toc\"><div id=\"sgb-css-id-6\" style=\"--sgb--custom--bg-color: var(--sgb-main-color);--sgb--custom--radius-type: var(--wp--custom--rounded--small,6px);--sgb--custom--box-radius: 8;\"><\/div><\/div><h2 class=\"text-3xl font-bold text-textMain\" id=\"i-1\">\n            \u300cSPI\u4f53\u9a13\u6a21\u8a66\u300d\u306a\u3089\u304a\u60a9\u307f\u3059\u3079\u3066\n            <span class=\"text-primary\">\u89e3\u6c7a<\/span>\n        <\/h2>\n        <div class=\"w-16 h-1 bg-primary mx-auto mt-2\"><\/div>\n        <!-- \u2705 \u4f59\u767d\u3092 50px \u306b\u8abf\u6574 -->\n        <div class=\"mt-12\"><\/div>\n    <\/div>\n\n    <!-- ? \u65e2\u5b58\u306e\u672c\u756a\u540c\u69d8\u306e\u5f62\u5f0f\u306e\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <div class=\"max-w-[1200px] w-full flex items-center gap-12\">\n        <!-- \u5de6\u5074\u306e\u753b\u50cf -->\n        <div class=\"w-1\/2 flex justify-center\">\n            <img decoding=\"async\" src=\"https:\/\/kokoshiro.jp\/note\/wp-content\/uploads\/2025\/05\/4be0b1e8f397642a732ad0371af6a5e7.png\" alt=\"\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u5236\u9650\u6642\u9593\" class=\"w-[500px] h-auto object-contain shadow-2xl rounded-lg\">\n        <\/div>\n\n        <!-- \u53f3\u5074\u306e\u30c6\u30ad\u30b9\u30c8 -->\n        <div class=\"w-1\/2\">\n            <h2 class=\"text-xl font-bold text-grayText\" id=\"i-2\">SPI\u306e\u554f\u984c\u3092\u89e3\u304d\u305f\u3044<\/h2>\n            <h1 class=\"text-3xl font-bold text-textMain mt-2\" id=\"i-3\">\u672c\u756a\u540c\u69d8\u306e\u5f62\u5f0f<\/h1>\n            <p class=\"text-textMain mt-4 text-lg leading-relaxed\">\n                SPI\u3068\u540c\u69d8\u306b\u8a00\u8a9e\u3001\u975e\u8a00\u8a9e\u554f\u984c\u306b\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u3001<br>\n                1\u554f\u3054\u3068\u306b\u5236\u9650\u6642\u9593\u3082\u518d\u73fe\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n    <\/div>\n\n<\/body>\n\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<html lang=\"ja\"><head>\n    \n    \n    <title>SPI\u5bfe\u7b56 \u2013 \u80fd\u529b\u691c\u67fb\u306e\u7d50\u679c<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#4A90E2',\n                        secondary: '#F5F9FC',\n                        highlight: '#E45E43',\n                        textMain: '#333333',\n                        grayText: '#A0A0A0'\n                    },\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'sans-serif']\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-white font-sans flex justify-center items-center min-h-screen px-6\">\n\n    <div class=\"max-w-[1200px] w-full flex items-center gap-12\">\n        <!-- \u5de6\u5074\u306e\u30c6\u30ad\u30b9\u30c8 -->\n        <div class=\"w-1\/2\">\n            <h2 class=\"text-xl font-bold text-grayText\" id=\"i-4\">SPI\u306e\u5b9f\u529b\u3092\u77e5\u308a\u305f\u3044<\/h2>\n            <h1 class=\"text-3xl font-bold text-textMain mt-2\" id=\"i-5\">\u80fd\u529b\u691c\u67fb\u306e\u7d50\u679c\u3092\u78ba\u8a8d\uff01<\/h1>\n            <p class=\"text-textMain mt-4 text-lg leading-relaxed\">\n                \u8a00\u8a9e\u554f\u984c\u3001\u975e\u8a00\u8a9e\u554f\u984c\u306e\u305d\u308c\u305e\u308c\u306e\u5f97\u70b9\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\n                \u307e\u305f\u3001\u5404\u554f\u984c\u3054\u3068\u306b\u89e3\u8aac\u3092\u8aad\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n\n        <!-- \u53f3\u5074\u306e\u753b\u50cf\uff08\u5f71\u3092\u3082\u3063\u3068\u6fc3\u304f\uff09 -->\n        <div class=\"w-1\/2 flex justify-center\">\n            <img decoding=\"async\" src=\"https:\/\/kokoshiro.jp\/note\/wp-content\/uploads\/2025\/05\/f6ea88f5273640abede6de9f9c327af6.png\" alt=\"SPI\u6a21\u8a66\u306e\u7d50\u679c\u753b\u9762\" class=\"w-[500px] h-auto object-contain shadow-2xl rounded-lg\">\n        <\/div>\n    <\/div>\n\n<\/body>\n\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- \u2705 \u300c\u7121\u6599\u3067\u53d7\u9a13\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3092\u4e2d\u592e\u306b\u914d\u7f6e -->\n        <div class=\"mt-6 flex justify-center\">\n            <a href=\"https:\/\/kokoshiro.jp\/note\/spitest_exam\/\" class=\"w-[320px] bg-primary text-white py-4 px-16 rounded-full text-lg font-bold flex items-center justify-center shadow-xl hover:shadow-2xl transition-shadow\" style=\"box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.6);\">\n                <span>\u7121\u6599\u3067\u53d7\u9a13\u3059\u308b<\/span>\n                <span>\u25b6<\/span>\n            <\/a>\n        <\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n<\/html><\/html><\/html><\/div>\n\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":38,"featured_media":71447,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-forfront.php","meta":{"footnotes":""},"class_list":{"0":"post-61701","1":"page","2":"type-page","3":"status-publish","4":"has-post-thumbnail","6":"entry"},"_links":{"self":[{"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/pages\/61701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/comments?post=61701"}],"version-history":[{"count":16,"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/pages\/61701\/revisions"}],"predecessor-version":[{"id":64687,"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/pages\/61701\/revisions\/64687"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/media\/71447"}],"wp:attachment":[{"href":"https:\/\/kokoshiro.jp\/note\/wp-json\/wp\/v2\/media?parent=61701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}