{"id":4674,"date":"2026-04-01T08:01:00","date_gmt":"2026-03-31T23:01:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=4674"},"modified":"2026-05-13T21:16:46","modified_gmt":"2026-05-13T12:16:46","slug":"%e5%8f%a4%e6%96%87%e6%9b%b8%e8%a7%a3%e6%9e%90%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=4674","title":{"rendered":"\u53e4\u6587\u66f8\u89e3\u6790\u30b7\u30b9\u30c6\u30e0\uff08\u65e7\u5b57\u4f53\u30fb\u7570\u4f53\u5b57\uff09"},"content":{"rendered":"\n<p>\u65e7\u5b57\u4f53\u30fb\u7570\u4f53\u5b57\u3067\u8a18\u3055\u308c\u305f\u6587\u5b57\u5217\u3092\u89e3\u6790\u3001<br>\u73fe\u4ee3\u8868\u8a18\u3078\u306e\u5fa9\u5143\u3001\u307e\u305f\u306f\u65e7\u5b57\u8868\u8a18\u3078\u306e\u6697\u53f7\u5316\u3092\u884c\u3044\u307e\u3059\u3002<br>\uff08<a href=\"https:\/\/4771labo.com\/?page_id=4708\">\u6587\u5b57\u30b3\u30fc\u30c9\u5909\u63db\u7248<\/a>\u3082\u3088\u308d\u3057\u304f\u306d\uff09<\/p>\n\n\n\n<div class=\"kuzushi-tool\">\n\n  <textarea id=\"inputText\" placeholder=\"\u89e3\u6790\u3059\u308b\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\" autofocus><\/textarea>\n\n  <div class=\"mode-select\">\n    <span class=\"mode-label\">[\u30e2\u30fc\u30c9\u5207\u66ff]<\/span>\n    <div class=\"radio-group\">\n      <input type=\"radio\" name=\"mode\" value=\"old2new\" id=\"old2new\" checked>\n      <label for=\"old2new\">\u65e7 \u2192 \u65b0<\/label>\n\n      <input type=\"radio\" name=\"mode\" value=\"new2old\" id=\"new2old\">\n      <label for=\"new2old\">\u65b0 \u2192 \u65e7<\/label>\n    <\/div>\n  <\/div>\n\n  <button id=\"startBtn\" onclick=\"convertText()\">\u5909\u63db<\/button>\n\n<div class=\"result-panel\">\n\n  <h3 class=\"result-header\" id=\"i-0\">\u89e3\u6790\u7d50\u679c<\/h3>\n\n  <div id=\"outputText\" class=\"result-body\"><\/div>\n\n  <div id=\"log\" class=\"result-log\"><\/div>\n\n  <div id=\"unknown\" class=\"result-unknown\"><\/div>\n\n<\/div>\n\n\n  <div id=\"log\"><\/div>\n<\/div>\n\n<style>\n\/* \u7d50\u679c\u30ab\u30fc\u30c9\u5168\u4f53\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n.tool-result-card {\n    background: #fff;\n    border: 1px solid #dcdcdc;\n    border-radius: 10px;\n    padding: 20px;\n    margin-top: 25px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n\/* \u30d8\u30c3\u30c0\u30fc\u306e\u30d0\u30c3\u30b8 *\/\n.result-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n    border-bottom: 1px solid #eee;\n    padding-bottom: 10px;\n}\n\n.result-info {\n    color: #666;\n    font-size: 13px;\n}\n\n\/* \u30e1\u30a4\u30f3\u306e\u30c6\u30ad\u30b9\u30c8\u8868\u793a *\/\n.result-main-text {\n    font-size: 1.2rem;\n    line-height: 1.8;\n    color: #333;\n    white-space: pre-wrap;\n}\n\n\/* \u5909\u63db\u3055\u308c\u305f\u6587\u5b57\u3092\u5c11\u3057\u5f37\u8abf\uff08\u30db\u30d0\u30fc\u3067\u5143\u306e\u5b57\u304c\u898b\u3048\u308b\uff09 *\/\n.converted-char {\n    color: #d35400;\n    border-bottom: 1px dotted #d35400;\n}\n\n\/* \u672a\u5bfe\u5fdc\u6587\u5b57\u306a\u3069\u306e\u30d5\u30c3\u30bf\u30fc\u60c5\u5831 *\/\n.result-footer-info {\n    margin-top: 15px;\n    font-size: 12px;\n    color: #999;\n    background: #fdfdfd;\n    padding: 8px;\n    border-radius: 4px;\n}\n\/* \u5909\u63db\u5f8c\u306e\u6587\u5b57 *\/\n.converted-char {\n    position: relative;\n    overflow: hidden;\n    background-color: #777;\n    background: linear-gradient(90deg, \n        #333 0%, \n        #333 40%, \n        #88dfa2 50%, \n        #333 60%, \n        #333 100%\n    );\n    background-size: 300% 100%; \n    animation: backgradation 12s linear infinite; \n    border: none;\n    color: #fff;\n    border-radius: 2px;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n    display: inline;\n    padding: 0 2px; \n    margin: 0px; \n    line-height: inherit;\n\n}\n@keyframes backgradation {\n    0% { background-position: 150% 50%; }\n    100% { background-position: -150% 50%; }\n}\n\n\/**\/\n\/* \u30e2\u30fc\u30c9\u5207\u66ff\u5168\u4f53\u306e\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n.mode-select {\n    margin: 20px 0;\n    font-family: sans-serif;\n}\n\n.mode-label {\n    display: block;\n    font-size: 14px;\n    font-weight: bold;\n    color: #666;\n    margin-bottom: 10px;\n}\n\n\/* \u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u306e\u5916\u67a0 *\/\n.radio-group {\n    display: inline-flex;\n    background-color: #f0f0f0;\n    padding: 4px;\n    border-radius: 8px;\n    gap: 4px;\n}\n\n\/* \u5b9f\u969b\u306e\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\uff08\u4e38\uff09\u3092\u96a0\u3059 *\/\n.radio-group input[type=\"radio\"] {\n    display: none;\n}\n\n\/* \u30e9\u30d9\u30eb\u3092\u30dc\u30bf\u30f3\u98a8\u306b\u88c5\u98fe *\/\n.radio-group label {\n    padding: 8px 20px;\n    cursor: pointer;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n    font-size: 14px;\n    font-weight: 500;\n    color: #666;\n    user-select: none;\n}\n\n\/* \u30c1\u30a7\u30c3\u30af\u3055\u308c\u305f\u6642\u306e\u30b9\u30bf\u30a4\u30eb *\/\n.radio-group input[type=\"radio\"]:checked + label {\n    background-color: #fff;\n    color: #333;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n}\n\n\/* \u30db\u30d0\u30fc\u6642\u306e\u6319\u52d5 *\/\n.radio-group label:hover {\n    color: #333;\n}\n\n\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u65e7\u5b57\u4f53\u30fb\u7570\u4f53\u5b57\u3067\u8a18\u3055\u308c\u305f\u6587\u5b57\u5217\u3092\u89e3\u6790\u3001\u73fe\u4ee3\u8868\u8a18\u3078\u306e\u5fa9\u5143\u3001\u307e\u305f\u306f\u65e7\u5b57\u8868\u8a18\u3078\u306e\u6697\u53f7\u5316\u3092\u884c\u3044\u307e\u3059\u3002\uff08\u6587\u5b57\u30b3\u30fc\u30c9\u5909\u63db\u7248\u3082\u3088\u308d\u3057\u304f\u306d\uff09 [\u30e2\u30fc\u30c9\u5207\u66ff] \u65e7 \u2192 \u65b0 \u65b0 \u2192 \u65e7 \u5909\u63db \u89e3\u6790\u7d50\u679c<\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":{"0":"post-4674","1":"page","2":"type-page","3":"status-publish","4":"has-post-thumbnail","6":"entry"},"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/4674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4674"}],"version-history":[{"count":58,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/4674\/revisions"}],"predecessor-version":[{"id":5447,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/4674\/revisions\/5447"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}