{"id":4404,"date":"2025-05-16T21:02:35","date_gmt":"2025-05-16T12:02:35","guid":{"rendered":"https:\/\/tiss-japan.com\/?p=4404"},"modified":"2025-05-16T21:02:35","modified_gmt":"2025-05-16T12:02:35","slug":"%e3%80%8echatgpt%e3%81%ab%e3%83%9f%e3%83%8b%e3%82%b2%e3%83%bc%e3%83%a0%e9%9b%86%e3%82%92%e4%bd%9c%e6%88%90%e3%81%97%e3%81%a6%e3%82%82%e3%82%89%e3%81%86%e3%80%8f","status":"publish","type":"post","link":"https:\/\/tiss-japan.com\/?p=4404","title":{"rendered":"\u300eChatGPT\u306b\u30df\u30cb\u30b2\u30fc\u30e0\u96c6\u3092\u4f5c\u6210\u3057\u3066\u3082\u3089\u3046\u300f"},"content":{"rendered":"\n<p class=\"has-text-align-center has-border -border02\"><span class=\"swl-fz u-fz-xl\"><strong><span class=\"swl-marker mark_orange\">ChatGPT\u306b\u30df\u30cb\u30b2\u30fc\u30e0\u96c6\u3092\u4f5c\u6210\u3057\u3066\u3082\u3089\u3046\u3088\u3046\u306b\u304a\u9858\u3044\u3057\u305f<\/span><\/strong><\/span><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>\u30df\u30cb\u30b2\u30fc\u30e0\u96c6<\/title>\n  <style>\n    body {\n      font-family: sans-serif;\n      background: #f0f0f0;\n      text-align: center;\n      padding: 40px;\n    }\n    h1 {\n      font-size: 2.5rem;\n      color: #333;\n    }\n    .game-list button {\n      font-size: 1.2rem;\n      padding: 12px 20px;\n      margin: 10px;\n      background: #4caf50;\n      color: white;\n      border: none;\n      border-radius: 8px;\n      cursor: pointer;\n    }\n    .game-area {\n      margin-top: 30px;\n      background: #fff;\n      border-radius: 12px;\n      padding: 30px;\n      box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n      display: none;\n    }\n    #click-btn {\n      font-size: 2rem;\n      padding: 20px 40px;\n      background-color: #ff9800;\n      color: white;\n      border: none;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: transform 0.1s;\n    }\n    #click-btn:active {\n      transform: scale(0.95);\n    }\n    #score, #timer, #reaction-result, #typing-result {\n      font-size: 1.5rem;\n      margin-top: 10px;\n      color: #333;\n    }\n    #reaction-box {\n      width: 300px;\n      height: 200px;\n      margin: 20px auto;\n      background-color: #ccc;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      cursor: pointer;\n    }\n    input[type=\"text\"] {\n      padding: 10px;\n      font-size: 1.2rem;\n      width: 80%;\n      margin-top: 10px;\n    }\n    .high-score {\n      font-size: 1.2rem;\n      color: #888;\n      margin-top: 5px;\n    }\n  <\/style>\n<\/head>\n<body>\n  <h1>\u30df\u30cb\u30b2\u30fc\u30e0\u96c6<\/h1>\n  <div class=\"game-list\">\n    <button onclick=\"showGame('clicker')\">\u30af\u30ea\u30c3\u30af\u30d0\u30c8\u30eb\uff01<\/button>\n    <button onclick=\"showGame('reaction')\">\u53cd\u5c04\u795e\u7d4c\u30c6\u30b9\u30c8<\/button>\n    <button onclick=\"showGame('typing')\">\u30bf\u30a4\u30d4\u30f3\u30b0\u30c1\u30e3\u30ec\u30f3\u30b8<\/button>\n  <\/div>\n\n  <div id=\"clicker\" class=\"game-area\">\n    <h2>\u30af\u30ea\u30c3\u30af\u30d0\u30c8\u30eb\uff01<\/h2>\n    <p>10\u79d2\u9593\u3067\u4f55\u56de\u30af\u30ea\u30c3\u30af\u3067\u304d\u308b\u304b\u6311\u6226\u3057\u3088\u3046\uff01<\/p>\n    <button id=\"start-btn\">\u30b2\u30fc\u30e0\u958b\u59cb<\/button>\n    <br><br>\n    <button id=\"click-btn\" disabled>\u30af\u30ea\u30c3\u30af\uff01<\/button>\n    <div id=\"score\">\u30b9\u30b3\u30a2: 0<\/div>\n    <div class=\"high-score\" id=\"clicker-high-score\">\u30cf\u30a4\u30b9\u30b3\u30a2: 0<\/div>\n    <div id=\"timer\">\u6b8b\u308a\u6642\u9593: 10\u79d2<\/div>\n  <\/div>\n\n  <div id=\"reaction\" class=\"game-area\">\n    <h2>\u53cd\u5c04\u795e\u7d4c\u30c6\u30b9\u30c8<\/h2>\n    <p>\u8272\u304c\u5909\u308f\u3063\u305f\u3089\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u30af\u30ea\u30c3\u30af\u3057\u3088\u3046\uff01<\/p>\n    <div id=\"reaction-box\">\u5f85\u3063\u3066\u304f\u3060\u3055\u3044&#8230;<\/div>\n    <div id=\"reaction-result\"><\/div>\n    <div class=\"high-score\" id=\"reaction-high-score\">\u30d9\u30b9\u30c8\u30bf\u30a4\u30e0: 9999 ms<\/div>\n    <button onclick=\"startReactionTest()\">\u30c6\u30b9\u30c8\u958b\u59cb<\/button>\n  <\/div>\n\n  <div id=\"typing\" class=\"game-area\">\n    <h2>\u30bf\u30a4\u30d4\u30f3\u30b0\u30c1\u30e3\u30ec\u30f3\u30b8<\/h2>\n    <p>\u8868\u793a\u3055\u308c\u305f\u5358\u8a9e\u3092\u3059\u3070\u3084\u304f\u6b63\u78ba\u306b\u5165\u529b\u3057\u3088\u3046\uff01<\/p>\n    <div id=\"typing-word\">\u6e96\u5099\u4e2d&#8230;<\/div>\n    <input type=\"text\" id=\"typing-input\" placeholder=\"\u3053\u3053\u306b\u5165\u529b...\" disabled \/>\n    <div id=\"typing-result\"><\/div>\n    <div class=\"high-score\" id=\"typing-high-score\">\u30d9\u30b9\u30c8\u30bf\u30a4\u30e0: 9999 ms<\/div>\n    <button onclick=\"startTypingChallenge()\">\u30b9\u30bf\u30fc\u30c8<\/button>\n  <\/div>\n\n  <script>\n    function showGame(id) {\n      document.querySelectorAll('.game-area').forEach(area => area.style.display = 'none');\n      document.getElementById(id).style.display = 'block';\n    }\n\n    \/\/ \u30af\u30ea\u30c3\u30af\u30d0\u30c8\u30eb\n    let score = 0;\n    let timeLeft = 10;\n    let interval;\n    let clickerHighScore = 0;\n\n    const clickBtn = document.getElementById('click-btn');\n    const scoreDisplay = document.getElementById('score');\n    const timerDisplay = document.getElementById('timer');\n    const startBtn = document.getElementById('start-btn');\n    const clickerHighScoreDisplay = document.getElementById('clicker-high-score');\n\n    startBtn.onclick = function () {\n      score = 0;\n      timeLeft = 10;\n      scoreDisplay.textContent = '\u30b9\u30b3\u30a2: ' + score;\n      timerDisplay.textContent = '\u6b8b\u308a\u6642\u9593: ' + timeLeft + '\u79d2';\n      clickBtn.disabled = false;\n      startBtn.disabled = true;\n\n      interval = setInterval(() => {\n        timeLeft--;\n        timerDisplay.textContent = '\u6b8b\u308a\u6642\u9593: ' + timeLeft + '\u79d2';\n        if (timeLeft <= 0) {\n          clearInterval(interval);\n          clickBtn.disabled = true;\n          startBtn.disabled = false;\n          timerDisplay.textContent = '\u30b2\u30fc\u30e0\u7d42\u4e86\uff01';\n          if (score > clickerHighScore) {\n            clickerHighScore = score;\n            clickerHighScoreDisplay.textContent = '\u30cf\u30a4\u30b9\u30b3\u30a2: ' + clickerHighScore;\n          }\n        }\n      }, 1000);\n    };\n\n    clickBtn.onclick = function () {\n      score++;\n      scoreDisplay.textContent = '\u30b9\u30b3\u30a2: ' + score;\n    };\n\n    \/\/ \u53cd\u5c04\u795e\u7d4c\u30c6\u30b9\u30c8\n    const reactionBox = document.getElementById('reaction-box');\n    const reactionResult = document.getElementById('reaction-result');\n    const reactionHighScoreDisplay = document.getElementById('reaction-high-score');\n    let reactionHighScore = 9999;\n    let startTime;\n    let timeout;\n\n    function startReactionTest() {\n      reactionBox.style.backgroundColor = '#ccc';\n      reactionBox.textContent = '\u5f85\u3063\u3066\u304f\u3060\u3055\u3044...';\n      reactionResult.textContent = '';\n      reactionBox.onclick = prematureClick;\n\n      const delay = Math.random() * 2000 + 2000;\n      timeout = setTimeout(() => {\n        startTime = Date.now();\n        reactionBox.style.backgroundColor = '#4caf50';\n        reactionBox.textContent = '\u4eca\u3060\uff01\u30af\u30ea\u30c3\u30af\uff01';\n        reactionBox.onclick = recordReaction;\n      }, delay);\n    }\n\n    function prematureClick() {\n      clearTimeout(timeout);\n      reactionBox.textContent = '\u65e9\u3059\u304e\uff01\u3082\u3046\u4e00\u5ea6\uff01';\n      reactionBox.style.backgroundColor = '#f44336';\n      reactionBox.onclick = null;\n    }\n\n    function recordReaction() {\n      const endTime = Date.now();\n      const reactionTime = endTime - startTime;\n      reactionResult.textContent = `\u53cd\u5fdc\u6642\u9593: ${reactionTime} ms`;\n      if (reactionTime < reactionHighScore) {\n        reactionHighScore = reactionTime;\n        reactionHighScoreDisplay.textContent = `\u30d9\u30b9\u30c8\u30bf\u30a4\u30e0: ${reactionHighScore} ms`;\n      }\n      reactionBox.onclick = null;\n    }\n\n    \/\/ \u30bf\u30a4\u30d4\u30f3\u30b0\u30c1\u30e3\u30ec\u30f3\u30b8\n    const words = ['apple', 'banana', 'grape', 'orange', 'lemon', 'melon', 'peach'];\n    const typingWord = document.getElementById('typing-word');\n    const typingInput = document.getElementById('typing-input');\n    const typingResult = document.getElementById('typing-result');\n    const typingHighScoreDisplay = document.getElementById('typing-high-score');\n    let typingHighScore = 9999;\n    let currentWord = '';\n    let typingStartTime;\n\n    function startTypingChallenge() {\n      const randomIndex = Math.floor(Math.random() * words.length);\n      currentWord = words[randomIndex];\n      typingWord.textContent = currentWord;\n      typingInput.value = '';\n      typingInput.disabled = false;\n      typingInput.focus();\n      typingResult.textContent = '';\n      typingStartTime = Date.now();\n    }\n\n    typingInput.addEventListener('input', () => {\n      if (typingInput.value === currentWord) {\n        const elapsed = Date.now() - typingStartTime;\n        typingResult.textContent = `\u5165\u529b\u6210\u529f\uff01${elapsed} ms`;\n        typingInput.disabled = true;\n        if (elapsed < typingHighScore) {\n          typingHighScore = elapsed;\n          typingHighScoreDisplay.textContent = `\u30d9\u30b9\u30c8\u30bf\u30a4\u30e0: ${typingHighScore} ms`;\n        }\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>ChatGPT\u306b\u30df\u30cb\u30b2\u30fc\u30e0\u96c6\u3092\u4f5c\u6210\u3057\u3066\u3082\u3089\u3046\u3088\u3046\u306b\u304a\u9858\u3044\u3057\u305f \u30df\u30cb\u30b2\u30fc\u30e0\u96c6 \u30df\u30cb\u30b2\u30fc\u30e0\u96c6 \u30af\u30ea\u30c3\u30af\u30d0\u30c8\u30eb\uff01 \u53cd\u5c04\u795e\u7d4c\u30c6\u30b9\u30c8 \u30bf\u30a4\u30d4\u30f3\u30b0\u30c1\u30e3\u30ec\u30f3\u30b8 \u30af\u30ea\u30c3\u30af\u30d0\u30c8\u30eb\uff01 10\u79d2\u9593\u3067\u4f55\u56de\u30af\u30ea\u30c3\u30af\u3067\u304d\u308b\u304b\u6311\u6226\u3057\u3088\u3046\uff01 \u30b2\u30fc\u30e0\u958b\u59cb  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4405,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[27],"tags":[],"class_list":["post-4404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chatgpt"],"_links":{"self":[{"href":"https:\/\/tiss-japan.com\/index.php?rest_route=\/wp\/v2\/posts\/4404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiss-japan.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiss-japan.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiss-japan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiss-japan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4404"}],"version-history":[{"count":0,"href":"https:\/\/tiss-japan.com\/index.php?rest_route=\/wp\/v2\/posts\/4404\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tiss-japan.com\/index.php?rest_route=\/wp\/v2\/media\/4405"}],"wp:attachment":[{"href":"https:\/\/tiss-japan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiss-japan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiss-japan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}