{"id":5178,"date":"2026-05-04T12:00:00","date_gmt":"2026-05-04T03:00:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=5178"},"modified":"2026-05-13T21:17:44","modified_gmt":"2026-05-13T12:17:44","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%ef%bc%88%e7%82%b9%e5%ad%97%ef%bc%89","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=5178","title":{"rendered":"\u53e4\u6587\u66f8\u89e3\u6790\u30b7\u30b9\u30c6\u30e0\uff08\u70b9\u5b57\uff09"},"content":{"rendered":"\n<p>\u304b\u306a\u30fb\u70b9\u5b57\u3067\u8a18\u3055\u308c\u305f\u6587\u5b57\u5217\u3092\u89e3\u6790\u3001<br>\u304b\u306a\u8868\u8a18\u3078\u306e\u5fa9\u5143\u3001\u307e\u305f\u306f\u70b9\u5b57\u8868\u8a18\u3078\u306e\u6697\u53f7\u5316\u3092\u884c\u3044\u307e\u3059\u3002<br><\/p>\n\n\n\n<div class=\"kuzushi-tool\">\n  <h3 style=\"border-left: 5px solid #445555 !important;\" id=\"i-0\">\u70b9\u5b57\u89e3\u6790\u30fb\u932c\u6210\u30b7\u30b9\u30c6\u30e0<\/h3>\n  <textarea id=\"inputText\" placeholder=\"\u3072\u3089\u304c\u306a\u3001\u307e\u305f\u306f\u6570\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u4f8b\uff1a\u3042\u3044\u3046\u3048\u304a\uff11\uff12\uff13\uff09\" 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=\"kana2braille\" id=\"kana2braille\" checked>\n      <label for=\"kana2braille\">\u304b\u306a \u2192 \u70b9\u5b57<\/label>\n\n      <input type=\"radio\" name=\"mode\" value=\"braille2kana\" id=\"braille2kana\">\n      <label for=\"braille2kana\">\u70b9\u5b57 \u2192 \u304b\u306a<\/label>\n    <\/div>\n  <\/div>\n\n  <button id=\"startBtn\" onclick=\"executeSystem()\">\u89e3\u6790\u5b9f\u884c<\/button>\n\n  <div class=\"result-panel\">\n    <h3 class=\"result-header\" id=\"i-1\">\u89e3\u6790\u7d50\u679c<\/h3>\n    <!-- \u70b9\u5b57\u306f\u5c11\u3057\u5927\u304d\u304f\u8868\u793a\u3057\u305f\u3044\u306e\u3067 font-size \u3092\u8abf\u6574 -->\n    <div id=\"outputText\" class=\"result-body\" style=\"font-size: 2rem; letter-spacing: 0.1em; font-family: 'MS Gothic', sans-serif;\"><\/div>\n    <div id=\"log\" class=\"result-log\"><\/div>\n  <\/div>\n<\/div>\n\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: 2.2rem;\n    line-height: 1.8;\n    color: #333;\n    white-space: pre-wrap;\n    letter-spacing: 0.1em;\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>\u304b\u306a\u30fb\u70b9\u5b57\u3067\u8a18\u3055\u308c\u305f\u6587\u5b57\u5217\u3092\u89e3\u6790\u3001\u304b\u306a\u8868\u8a18\u3078\u306e\u5fa9\u5143\u3001\u307e\u305f\u306f\u70b9\u5b57\u8868\u8a18\u3078\u306e\u6697\u53f7\u5316\u3092\u884c\u3044\u307e\u3059\u3002 \u70b9\u5b57\u89e3\u6790\u30fb\u932c\u6210\u30b7\u30b9\u30c6\u30e0 [\u30e2\u30fc\u30c9\u5207\u66ff] \u304b\u306a \u2192 \u70b9\u5b57 \u70b9\u5b57 \u2192 \u304b\u306a \u89e3\u6790\u5b9f\u884c \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-5178","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\/5178","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=5178"}],"version-history":[{"count":14,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5178\/revisions"}],"predecessor-version":[{"id":5448,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5178\/revisions\/5448"}],"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=5178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}