{"id":2937,"date":"2023-02-17T05:28:33","date_gmt":"2023-02-16T20:28:33","guid":{"rendered":"https:\/\/ubun2m.com\/?p=2937"},"modified":"2023-02-17T07:15:30","modified_gmt":"2023-02-16T22:15:30","slug":"%e3%80%90chatgpt%e3%81%ab%e5%94%b1%e3%81%88%e3%82%8b%e5%91%aa%e6%96%87%e9%9b%86%e3%80%91%e8%a8%80%e8%91%89%e3%81%ae%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e3%81%ab%e5%90%88%e3%81%86%e3%82%ab%e3%83%a9","status":"publish","type":"post","link":"https:\/\/ubun2m.com\/?p=2937","title":{"rendered":"\u3010ChatGPT\u3011\u8a00\u8449\u306e\u30a4\u30e1\u30fc\u30b8\u306b\u5408\u3046\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092\u4f5c\u308b\u546a\u6587"},"content":{"rendered":"\n<center><figure class=\"wp-block-image size-full is-resized is-style-default m-photo\"><img decoding=\"async\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/02\/img-XipYIXQI2OqOiFniK9mgDkan.png\" alt=\"\" class=\"wp-image-3050\" width=\"192\" height=\"192\" srcset=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/02\/img-XipYIXQI2OqOiFniK9mgDkan.png 256w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/02\/img-XipYIXQI2OqOiFniK9mgDkan-150x150.png 150w\" sizes=\"(max-width: 192px) 100vw, 192px\" \/><\/figure><\/center>\n\n\n\n<h2 class=\"wp-block-heading\">\u546a\u6587\u306e\u305b\u3064\u3081\u3044<\/h2>\n\n\n\n<p>\u3000\u3053\u306e\u546a\u6587\u306f\u3001ChatGPT\u306b\u5531\u3048\u308b\u3053\u3068\u3067<strong>\u8a00\u8449\u306e\u30a4\u30e1\u30fc\u30b8\u306b\u3042\u3063\u305f\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8<\/strong>\u3092#FFFFFF\u5f62\u5f0f\u3067\u5f97\u3089\u308c\u308b\u3002\u4ee5\u4e0b\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u300c\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u300d\u306e\u30a4\u30e1\u30fc\u30b8\u3067\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092\u4f5c\u308b\u305f\u3081\u306e\u546a\u6587\u3067\u3042\u308b\u3002<\/p>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u546a\u6587\u306e\u3053\u3068\u3070<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote magic\">\n  <span style=\"font-size: 18px;\">\u300c\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u300d\u306e\u30a4\u30e1\u30fc\u30b8\u306b\u3042\u3046\uff15\u8272\u306e\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092#FFFFFF\u5f62\u5f0f\u3067\u63d0\u6848\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n<\/blockquote>\n\n\n\n<p>\u3000\u3082\u3057\u8907\u6570\u306e\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092\u53d6\u5f97\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u4f8b\u3048\u3070\u300c\uff13\u3064\u63d0\u6848\u3057\u3066\u304f\u3060\u3055\u3044\u300d\u306e\u3088\u3046\u306b\u8a9e\u5c3e\u3092\u5909\u66f4\u3057\u3066\u5531\u3048\u308b\u3002<\/p>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u546a\u6587\u306e\u7d50\u679c\u3092\u78ba\u304b\u3081\u308b<\/h2>\n\n\n\n<p>\u3000\u546a\u6587\u3092\u5531\u3048\u3066\u51fa\u3066\u304d\u305f\u7b54\u3048\u3092\u30b3\u30d4\u30fc\u3057\u3066\u4ee5\u4e0b\u306e\u5165\u529b\u6b04\u306b\u8cbc\u308a\u4ed8\u3051\u308b\u3068\u8272\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002\u8907\u6570\u306e\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u3002<\/p>\n\n\n\n<style>\n.color-blocks {\n  display: flex;\n}\n\n.color-block {\n  width: 50px;\n  height: 90px;\n  margin-right: 0px;\n}\n\n.input-color {\n  width: 50px;\n  height: 25px;\n  margin-right: 0px;\n  flex: 1;\n}\n\n\n.input-colors {\n  display: flex;\n}\n\n.input-colors input {\n  display: inline-block;\n}\n.color-blocks {\n  display: flex;\n  border-radius: 5px;\n  overflow: hidden;\n}\n.color-block {\n  flex: 1;\n}\nblockquote.openai {\ncolor: rgb(255,255,255);\nbackground-color: rgb(52,52,52); \/\/ \u7070\u8272\n}\nblockquote.magic{\ncolor: rgb(255,255,255);\n  background: linear-gradient(to bottom right, rgb(95, 5, 180), rgb(210, 0, 110));\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n}\n\n<\/style>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<div class=\"input-text\">\n  <label for=\"input-textarea\">ChatGPT\u306e\u56de\u7b54\u3092\u5165\u529b:<\/label>\n  <textarea rows=\"6\" id=\"input-textarea\">\u300c\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u300d\u306e\u30a4\u30e1\u30fc\u30b8\u30ab\u30e9\u30fc\n#42210B (\u6697\u3044\u8336\u8272)\n#8B5A2B (\u6697\u3044\u30aa\u30ec\u30f3\u30b8\u30d6\u30e9\u30a6\u30f3)\n#A0522D (\u6fc3\u3044\u8336\u8272)\n#C4A484 (\u8584\u3044\u8336\u8272)\n#D2691E (\u9bae\u3084\u304b\u306a\u30aa\u30ec\u30f3\u30b8)\n<\/textarea>\n<\/div>\n<blockquote class=\"wp-block-quote openai\">\n<label for=\"input-colors-container\">\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u51fa\u529b:<\/label>\n<div id=\"input-colors-container\">\n<\/div>\n<\/blockquote>\n<\/blockquote>\n\n\n\n<script>\n$(document).ready(function() {\n  \/\/ \u30b9\u30af\u30ea\u30d7\u30c8\u306e\u51e6\u7406\u3092\u5b9a\u7fa9\n  $('#input-textarea').on('input', function() {\n    const $colorPalettes = $('#input-colors-container');\n        \/\/ \u65e2\u5b58\u306e\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092\u524a\u9664\n        $colorPalettes.empty();\n        const text = $(this).val();\n        let match;\n        let colors = [];\n        const regex = \/#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})\/g; \/\/ \u6b63\u898f\u8868\u73fe\n        while ((match = regex.exec(text)) !== null) {\n          colors.push(match[0]);\n          if (colors.length % 5 === 0) {\n            const unitId = Math.floor(colors.length \/ 5);\n            \/\/ 5\u3064\u306e\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\u3092\u30bd\u30fc\u30c8\u3057\u3066\u3001\u305d\u308c\u305e\u308c\u306einput\u8981\u7d20\u3068\u8272\u4ed8\u304d\u306e\u30d6\u30ed\u30c3\u30af\u306b\u5272\u308a\u5f53\u3066\u308b\n            colors.sort(function(a, b) {\n              const hslA = hexToHsl(a);\n              const hslB = hexToHsl(b);\n              return hslA[2] - hslB[2];\n            });\n            const inputColorsDiv = $('#input-colors-container');\n            const unitDiv = $('<div>').addClass('input-colors').attr('id', `input-colors${unitId}`);\n            const unitDivBlock = $('<div>').addClass('color-blocks').attr('id', `input-colors${unitId}`);\n            for (let i = 1; i <= 5; i++) {\n              const colorIndex = colors.length - 5 + i;\n              const inputId = `color${colorIndex}-input`;\n              const input = $('<input>').addClass('input-color').attr({\n                'type': 'text',\n                'id': inputId\n              }).val(colors[colorIndex - 1] || '');\n              unitDiv.append(input);\n\n              const inputBlock = $('<div>').addClass('color-block').attr({\n                'id': 'Block' + inputId,\n              }).css('background-color', colors[colorIndex - 1] || 'transparent');\n              unitDivBlock.append(inputBlock);\n            }\n            inputColorsDiv.append(unitDivBlock);\n            inputColorsDiv.append(unitDiv);\n            colors =[];\n          }\n        }\n    });\n\n  \/\/ input\u30a4\u30d9\u30f3\u30c8\u3092\u5f37\u5236\u7684\u306b\u5b9f\u884c\n  $('#input-textarea').trigger('input');\n});\n\n\n\/\/ RGB\u5f62\u5f0f\u306e\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\u3092HSL\u5f62\u5f0f\u306b\u5909\u63db\u3059\u308b\u95a2\u6570\nfunction hexToHsl(hex) {\n  const r = parseInt(hex.slice(1, 3), 16) \/ 255;\n  const g = parseInt(hex.slice(3, 5), 16) \/ 255;\n  const b = parseInt(hex.slice(5, 7), 16) \/ 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) \/ 2;\n  let h, s;\n  if (max === min) {\n    h = 0;\n    s = 0;\n  } else {\n    const d = max - min;\n    s = l > 0.5 ? d \/ (2 - max - min) : d \/ (max + min);\n    switch (max) {\n      case r:\n        h = (g - b) \/ d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) \/ d + 2;\n        break;\n      case b:\n        h = (r - g) \/ d + 4;\n        break;\n    }\n    h \/= 6;\n  }\n  return [h, s, l];\n}\n\n\n<\/script>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<div class=\"affiliate-box\"><div class=\"affiliate-containar\"><a href=\"https:\/\/amzn.to\/3XwWNIV\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51Q5l5hWibL.jpg\" target=\"_blank\"><\/a><div class=\"affiliate-content\"><a href=\"https:\/\/amzn.to\/3XwWNIV\" rel=\"nofollow\">\u8272\u306e\u4e8b\u5178 \u8272\u5f69\u306e\u57fa\u790e\u30fb\u914d\u8272\u30fb\u4f7f\u3044\u65b9 Kindle\u7248<\/a><ul class=\"affiliate-button\"><li><a href=\"https:\/\/amzn.to\/3XwWNIV\" rel=\"nofollow\">Amazon<\/a><\/li><\/ul><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u546a\u6587\u306e\u305b\u3064\u3081\u3044 \u3000\u3053\u306e\u546a\u6587\u306f\u3001ChatGPT\u306b\u5531\u3048\u308b\u3053\u3068\u3067\u8a00\u8449\u306e\u30a4\u30e1\u30fc\u30b8\u306b\u3042\u3063\u305f\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092#FFFFFF\u5f62\u5f0f\u3067\u5f97\u3089\u308c\u308b\u3002\u4ee5\u4e0b\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u300c\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u300d\u306e\u30a4\u30e1\u30fc\u30b8\u3067\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u3092\u4f5c\u308b\u305f\u3081\u306e\u546a\u6587\u3067\u3042\u308b\u3002 \u3000 \u546a\u6587 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3055,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[20,3],"tags":[],"class_list":["post-2937","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chatgpt","category-3"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/02\/Attachment-2.jpg","_links":{"self":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/2937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2937"}],"version-history":[{"count":0,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/2937\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/media\/3055"}],"wp:attachment":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}