\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 20px;\n }\n h1, h2 {\n color: #333;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n }\n .instructions {\n background-color: #f9f9f9;\n padding: 20px;\n border-radius: 5px;\n margin-bottom: 20px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n textarea, input {\n width: 100%;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background-color: #0056b3;\n }\n .highlight-red {\n color: red;\n cursor: pointer;\n }\n .highlight-blue {\n color: blue;\n cursor: pointer;\n }\n .highlight-green {\n color: green;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb<\/h1>\n <div class=\"instructions\">\n <h2>\u30b5\u30a4\u30c8\u8aac\u660e<\/h2>\n <p>\u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u69d8\u3005\u306a\u8cc7\u6599\u304b\u3089\u304b\u304d\u96c6\u3081\u305f\u6587\u7ae0\u3092\u30b3\u30d4\u30da\u3057\u3066\u4f5c\u6210\u3057\u305f\u81ea\u8eab\u306e\u8cc7\u6599\u306e\u8a00\u3044\u56de\u3057\u3092\u4fee\u6b63\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u4e00\u4eba\u79f0\u304c\u300c\u50d5\u3001\u307c\u304f\u3001\u308f\u305f\u3057\u3001\u81ea\u5206\u3001\u308f\u305f\u3057\u300d\u306a\u3069\u304b\u304d\u96c6\u3081\u305f\u8cc7\u6599\u3054\u3068\u306b\u7570\u306a\u308b\u5834\u5408\u3001\u305d\u308c\u3089\u3092\u4e00\u62ec\u3057\u3066\u300c\u79c1\u300d\u306b\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n <h2>\u4f7f\u7528\u65b9\u6cd5<\/h2>\n <ol>\n <li><strong>\u4fee\u6b63\u524d\u6587\u7ae0<\/strong>\u6b04\u306b\u4fee\u6b63\u524d\u306e\u6587\u7ae0\u3092\u5f35\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li><strong>\u4fee\u6b63\u524d\u6587\u5b57<\/strong>\u6b04\u306b\u4fee\u6b63\u524d\u306e\u6587\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u8907\u6570\u3042\u308b\u5834\u5408\u306f\u3001\u300c\u3001\u300d\u3067\u533a\u5207\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li><strong>\u4fee\u6b63\u5f8c\u6587\u5b57<\/strong>\u6b04\u306b\u4fee\u6b63\u5f8c\u306e\u6587\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li><strong>\u78ba\u8a8d<\/strong>\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3001\u5909\u63db\u5019\u88dc\u306e\u6587\u5b57\u304c\u8d64\u5b57\u306b\u5909\u5316\u3057\u307e\u3059\u3002<\/li>\n <li>\u4fee\u6b63\u304c\u5fc5\u8981\u306a\u3044\u7b87\u6240\u304c\u3042\u3063\u305f\u5834\u5408\u306f\u8d64\u5b57\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u9752\u5b57\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\u203b\u9752\u5b57\u306b\u3059\u308b\u3068\u5909\u63db\u3055\u308c\u307e\u305b\u3093<\/li>\n <li>\u5909\u63db\u3055\u308c\u306a\u3044\u3088\u3046\u306b\u9752\u5b57\u3057\u305f\u3042\u3068\u306b\u8d64\u5b57\u306b\u3057\u3066\u5909\u66f4\u5019\u88dc\u306b\u623b\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u9752\u5b57\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8d64\u5b57\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n <li>\u4fee\u6b63\u5185\u5bb9\u306b\u8aa4\u308a\u304c\u306a\u3051\u308c\u3070<strong>\u5909\u63db<\/strong>\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li>\u8d64\u5b57\u306e\u307f\u304c\u4fee\u6b63\u3055\u308c\u305f\u6587\u7ae0\u304c\u8868\u793a\u3055\u308c\u307e\u3059\uff08\u4fee\u6b63\u3057\u305f\u6587\u5b57\u306f\u7dd1\u8272\u306b\u306a\u308a\u307e\u3059\uff09\u3002<\/li>\n <\/ol>\n <\/div>\n <div class=\"form-group\">\n <label for=\"originalText\">\u4fee\u6b63\u524d\u6587\u7ae0<\/label>\n <textarea id=\"originalText\" rows=\"5\"><\/textarea>\n <\/div>\n <div class=\"form-group\">\n <label for=\"originalWords\">\u4fee\u6b63\u524d\u6587\u5b57 \uff08\u8a18\u5165\u4f8b\uff1a\u50d5\u3001\u79c1\uff09<\/label>\n <input type=\"text\" id=\"originalWords\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"newWords\">\u4fee\u6b63\u5f8c\u6587\u5b57<\/label>\n <input type=\"text\" id=\"newWords\">\n <\/div>\n <button id=\"checkButton\">\u78ba\u8a8d<\/button>\n \n <button id=\"convertButton\">\u5909\u63db<\/button>\n <div id=\"result\"><\/div>\n <\/div>\n\n <script>\n \/\/ \u8d64\u5b57\u3068\u9752\u5b57\u306e\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u8a2d\u5b9a\u3059\u308b\u95a2\u6570\n function setClickEvents() {\n document.querySelectorAll('.highlight-red, .highlight-blue').forEach(element => {\n element.addEventListener('click', function() {\n this.classList.toggle('highlight-red');\n this.classList.toggle('highlight-blue');\n });\n });\n }\n\n document.getElementById('checkButton').addEventListener('click', function() {\n const originalText = document.getElementById('originalText').value;\n const originalWords = document.getElementById('originalWords').value.split('\u3001');\n let highlightedText = originalText;\n\n originalWords.forEach(word => {\n const regex = new RegExp(word, 'g');\n highlightedText = highlightedText.replace(regex, `<span class=\"highlight-red\">${word}<\/span>`);\n });\n\n document.getElementById('result').innerHTML = highlightedText;\n\n \/\/ \u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u8a2d\u5b9a\n \n \/\/ \u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u518d\u8a2d\u5b9a\n setClickEvents();\n });\n\n document.getElementById('convertButton').addEventListener('click', function() {\n const resultDiv = document.getElementById('result');\n const newWord = document.getElementById('newWords').value;\n let convertedText = resultDiv.innerHTML;\n\n \/\/ \u8d64\u5b57\u306e\u307f\u3092\u5909\u63db\n convertedText = convertedText.replace(\/<span class=\"highlight-red\">([^<]+)<\\\/span>\/g, `<span class=\"highlight-green\">${newWord}<\/span>`);\n\n document.getElementById('result').innerHTML = convertedText;\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b5\u30a4\u30c8\u8aac\u660e \u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u69d8\u3005\u306a\u8cc7\u6599\u304b\u3089\u304b\u304d\u96c6\u3081\u305f\u6587\u7ae0\u3092\u30b3\u30d4\u30da\u3057\u3066\u4f5c\u6210\u3057\u305f\u81ea\u8eab\u306e\u8cc7\u6599\u306e\u8a00\u3044\u56de\u3057\u3092\u4fee\u6b63\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u4e00\u4eba\u79f0\u304c\u300c\u50d5\u3001\u307c\u304f\u3001\u308f\u305f\u3057\u3001\u81ea\u5206\u3001\u308f\u305f\u3057\u300d\u306a\u3069\u304b\u304d<\/p>\n","protected":false},"author":1,"featured_media":390,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[3],"tags":[187,186,188,185,184],"class_list":["post-397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-appplicaton","tag-187","tag-186","tag-188","tag-185","tag-184"],"rttpg_featured_image_url":{"full":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"landscape":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"portraits":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"medium":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-300x162.png",300,162,true],"large":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"1536x1536":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"2048x2048":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"post-thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"cps_thumbnails":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-320x180.png",320,180,true],"small_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"large_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false]},"rttpg_author":{"display_name":"ainiigata","author_link":"https:\/\/www.wp.ainiigata.com\/?author=1"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.wp.ainiigata.com\/?cat=3\" rel=\"category\">\u30a2\u30d7\u30ea<\/a>","rttpg_excerpt":"\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b5\u30a4\u30c8\u8aac\u660e \u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u69d8\u3005\u306a\u8cc7\u6599\u304b\u3089\u304b\u304d\u96c6\u3081\u305f\u6587\u7ae0\u3092\u30b3\u30d4\u30da\u3057…","_links":{"self":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=397"}],"version-history":[{"count":3,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/397\/revisions\/403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/media\/390"}],"wp:attachment":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":397,"date":"2024-09-17T07:00:00","date_gmt":"2024-09-16T22:00:00","guid":{"rendered":"https:\/\/www.wp.ainiigata.com\/?p=397"},"modified":"2024-09-16T16:12:59","modified_gmt":"2024-09-16T07:12:59","slug":"%e8%a4%87%e6%95%b0%e6%96%87%e5%ad%97%e4%b8%80%e6%8b%ac%e5%a4%89%e6%8f%9b","status":"publish","type":"post","link":"https:\/\/www.wp.ainiigata.com\/?p=397","title":{"rendered":"\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb"},"content":{"rendered":"\n\n\n\n \n \n \u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 20px;\n }\n h1, h2 {\n color: #333;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n }\n .instructions {\n background-color: #f9f9f9;\n padding: 20px;\n border-radius: 5px;\n margin-bottom: 20px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n textarea, input {\n width: 100%;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background-color: #0056b3;\n }\n .highlight-red {\n color: red;\n cursor: pointer;\n }\n .highlight-blue {\n color: blue;\n cursor: pointer;\n }\n .highlight-green {\n color: green;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb<\/h1>\n <div class=\"instructions\">\n <h2>\u30b5\u30a4\u30c8\u8aac\u660e<\/h2>\n <p>\u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u69d8\u3005\u306a\u8cc7\u6599\u304b\u3089\u304b\u304d\u96c6\u3081\u305f\u6587\u7ae0\u3092\u30b3\u30d4\u30da\u3057\u3066\u4f5c\u6210\u3057\u305f\u81ea\u8eab\u306e\u8cc7\u6599\u306e\u8a00\u3044\u56de\u3057\u3092\u4fee\u6b63\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u4e00\u4eba\u79f0\u304c\u300c\u50d5\u3001\u307c\u304f\u3001\u308f\u305f\u3057\u3001\u81ea\u5206\u3001\u308f\u305f\u3057\u300d\u306a\u3069\u304b\u304d\u96c6\u3081\u305f\u8cc7\u6599\u3054\u3068\u306b\u7570\u306a\u308b\u5834\u5408\u3001\u305d\u308c\u3089\u3092\u4e00\u62ec\u3057\u3066\u300c\u79c1\u300d\u306b\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n <h2>\u4f7f\u7528\u65b9\u6cd5<\/h2>\n <ol>\n <li><strong>\u4fee\u6b63\u524d\u6587\u7ae0<\/strong>\u6b04\u306b\u4fee\u6b63\u524d\u306e\u6587\u7ae0\u3092\u5f35\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li><strong>\u4fee\u6b63\u524d\u6587\u5b57<\/strong>\u6b04\u306b\u4fee\u6b63\u524d\u306e\u6587\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u8907\u6570\u3042\u308b\u5834\u5408\u306f\u3001\u300c\u3001\u300d\u3067\u533a\u5207\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li><strong>\u4fee\u6b63\u5f8c\u6587\u5b57<\/strong>\u6b04\u306b\u4fee\u6b63\u5f8c\u306e\u6587\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li><strong>\u78ba\u8a8d<\/strong>\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3001\u5909\u63db\u5019\u88dc\u306e\u6587\u5b57\u304c\u8d64\u5b57\u306b\u5909\u5316\u3057\u307e\u3059\u3002<\/li>\n <li>\u4fee\u6b63\u304c\u5fc5\u8981\u306a\u3044\u7b87\u6240\u304c\u3042\u3063\u305f\u5834\u5408\u306f\u8d64\u5b57\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u9752\u5b57\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\u203b\u9752\u5b57\u306b\u3059\u308b\u3068\u5909\u63db\u3055\u308c\u307e\u305b\u3093<\/li>\n <li>\u5909\u63db\u3055\u308c\u306a\u3044\u3088\u3046\u306b\u9752\u5b57\u3057\u305f\u3042\u3068\u306b\u8d64\u5b57\u306b\u3057\u3066\u5909\u66f4\u5019\u88dc\u306b\u623b\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u9752\u5b57\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8d64\u5b57\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n <li>\u4fee\u6b63\u5185\u5bb9\u306b\u8aa4\u308a\u304c\u306a\u3051\u308c\u3070<strong>\u5909\u63db<\/strong>\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li>\u8d64\u5b57\u306e\u307f\u304c\u4fee\u6b63\u3055\u308c\u305f\u6587\u7ae0\u304c\u8868\u793a\u3055\u308c\u307e\u3059\uff08\u4fee\u6b63\u3057\u305f\u6587\u5b57\u306f\u7dd1\u8272\u306b\u306a\u308a\u307e\u3059\uff09\u3002<\/li>\n <\/ol>\n <\/div>\n <div class=\"form-group\">\n <label for=\"originalText\">\u4fee\u6b63\u524d\u6587\u7ae0<\/label>\n <textarea id=\"originalText\" rows=\"5\"><\/textarea>\n <\/div>\n <div class=\"form-group\">\n <label for=\"originalWords\">\u4fee\u6b63\u524d\u6587\u5b57 \uff08\u8a18\u5165\u4f8b\uff1a\u50d5\u3001\u79c1\uff09<\/label>\n <input type=\"text\" id=\"originalWords\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"newWords\">\u4fee\u6b63\u5f8c\u6587\u5b57<\/label>\n <input type=\"text\" id=\"newWords\">\n <\/div>\n <button id=\"checkButton\">\u78ba\u8a8d<\/button>\n \n <button id=\"convertButton\">\u5909\u63db<\/button>\n <div id=\"result\"><\/div>\n <\/div>\n\n <script>\n \/\/ \u8d64\u5b57\u3068\u9752\u5b57\u306e\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u8a2d\u5b9a\u3059\u308b\u95a2\u6570\n function setClickEvents() {\n document.querySelectorAll('.highlight-red, .highlight-blue').forEach(element => {\n element.addEventListener('click', function() {\n this.classList.toggle('highlight-red');\n this.classList.toggle('highlight-blue');\n });\n });\n }\n\n document.getElementById('checkButton').addEventListener('click', function() {\n const originalText = document.getElementById('originalText').value;\n const originalWords = document.getElementById('originalWords').value.split('\u3001');\n let highlightedText = originalText;\n\n originalWords.forEach(word => {\n const regex = new RegExp(word, 'g');\n highlightedText = highlightedText.replace(regex, `<span class=\"highlight-red\">${word}<\/span>`);\n });\n\n document.getElementById('result').innerHTML = highlightedText;\n\n \/\/ \u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u8a2d\u5b9a\n \n \/\/ \u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u518d\u8a2d\u5b9a\n setClickEvents();\n });\n\n document.getElementById('convertButton').addEventListener('click', function() {\n const resultDiv = document.getElementById('result');\n const newWord = document.getElementById('newWords').value;\n let convertedText = resultDiv.innerHTML;\n\n \/\/ \u8d64\u5b57\u306e\u307f\u3092\u5909\u63db\n convertedText = convertedText.replace(\/<span class=\"highlight-red\">([^<]+)<\\\/span>\/g, `<span class=\"highlight-green\">${newWord}<\/span>`);\n\n document.getElementById('result').innerHTML = convertedText;\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b5\u30a4\u30c8\u8aac\u660e \u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u69d8\u3005\u306a\u8cc7\u6599\u304b\u3089\u304b\u304d\u96c6\u3081\u305f\u6587\u7ae0\u3092\u30b3\u30d4\u30da\u3057\u3066\u4f5c\u6210\u3057\u305f\u81ea\u8eab\u306e\u8cc7\u6599\u306e\u8a00\u3044\u56de\u3057\u3092\u4fee\u6b63\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u4e00\u4eba\u79f0\u304c\u300c\u50d5\u3001\u307c\u304f\u3001\u308f\u305f\u3057\u3001\u81ea\u5206\u3001\u308f\u305f\u3057\u300d\u306a\u3069\u304b\u304d<\/p>\n","protected":false},"author":1,"featured_media":390,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[3],"tags":[187,186,188,185,184],"class_list":["post-397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-appplicaton","tag-187","tag-186","tag-188","tag-185","tag-184"],"rttpg_featured_image_url":{"full":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"landscape":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"portraits":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"medium":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-300x162.png",300,162,true],"large":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"1536x1536":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"2048x2048":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"post-thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"cps_thumbnails":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-320x180.png",320,180,true],"small_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false],"large_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u6587\u5b57\u5909\u63db\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",512,276,false]},"rttpg_author":{"display_name":"ainiigata","author_link":"https:\/\/www.wp.ainiigata.com\/?author=1"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.wp.ainiigata.com\/?cat=3\" rel=\"category\">\u30a2\u30d7\u30ea<\/a>","rttpg_excerpt":"\u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b3\u30d4\u30da\u4f5c\u6587\u652f\u63f4\u30c4\u30fc\u30eb \u30b5\u30a4\u30c8\u8aac\u660e \u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u69d8\u3005\u306a\u8cc7\u6599\u304b\u3089\u304b\u304d\u96c6\u3081\u305f\u6587\u7ae0\u3092\u30b3\u30d4\u30da\u3057…","_links":{"self":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=397"}],"version-history":[{"count":3,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/397\/revisions\/403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/media\/390"}],"wp:attachment":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}