{"id":1990,"date":"2023-01-27T06:33:19","date_gmt":"2023-01-26T21:33:19","guid":{"rendered":"https:\/\/ubun2m.com\/?p=1990"},"modified":"2023-01-30T04:33:16","modified_gmt":"2023-01-29T19:33:16","slug":"%e5%8b%95%e7%89%a9%e3%81%ae%e5%8f%af%e6%84%9b%e3%81%84%e3%83%89%e3%83%83%e3%83%88%e7%b5%b5%e3%82%92%e7%94%9f%e6%88%90%e3%81%99%e3%82%8b%e3%83%84%e3%83%bc%e3%83%ab%e3%80%90openai%e3%80%91","status":"publish","type":"post","link":"https:\/\/ubun2m.com\/?p=1990","title":{"rendered":"\u52d5\u7269\u306e\u53ef\u611b\u3044\u30c9\u30c3\u30c8\u7d75\u3092\u751f\u6210\u3059\u308b\u30c4\u30fc\u30eb\u3010OpenAI\u3011"},"content":{"rendered":"\n<style>\n.input-group {\ndisplay: flex;\nalign-items: center;\n}\n\n.big-font {\npadding: 10px;\nmargin: 10px 0;\nwidth: 30ch; \/* 30\u6587\u5b57\u5206\u306e\u5e45 *\/\n}\n\n#show-hide-button {\npadding: 10px;\nmargin-left: 10px;\n}\n\nlabel {\nmargin-right: 10px;\n}\n\nselect {\npadding: 10px;\nmargin: 10px 0;\nwidth: 30ch;\n}\n\ninput[type=\"number\"] {\nwidth: 4ch; \/* \u6570\u5b57\u5165\u529b\u6b04\u306e\u5e45 *\/\n}\n\ninput[type=\"text\"] {\nwidth: 10ch; \/* \u753b\u50cf\u30b5\u30a4\u30ba\u5165\u529b\u6b04\u306e\u5e45 *\/\n}\n\n.input-group .input-group-append {\n    margin-left: 1px;\n}\ninput#api-key{\nwidth: 40ch;\n}\n.input-group {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    width: 100%;\n}\n\n.big-font {\nborder:1;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;\n}\n\nblockquote.openai {\nbackground-color: rgb(52,52,52); \/\/ \u7070\u8272\n}\n.image-wrapper.checked {\nborder: solid 8px rgb(1,95,204);\nborder-radius: 8px;\n}\n\n.dummy-img {\n   visibility: hidden;\n}\n\n.image-wrapper , .image-wrapper-sample{\n    position: relative;\n    width: 80px;\n    height: 80px;\n    display: inline-block;\n    margin: 18px;\n    border: solid 8px white;\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n@media only screen and (min-width: 720px) and (max-width: 920px) {\n\n}\n\n@media only screen and (min-width: 421px) and (max-width: 719px) {\n\n}\n@media only screen and (max-width: 384px) {\n.image-wrapper , .image-wrapper-sample{\n    margin: 8px;\n}\nh1{\n font-size:\n}\n\nselect {\nwidth: 10ch!important;\n}\ninput#api-key{\nwidth: 20ch!important;\n}\n\n}\n@media only screen and (min-width: 385px) and (max-width: 420px) {\n.image-wrapper , .image-wrapper-sample{\n    margin: 12px;\n}\nselect {\nwidth: 20ch!important;\n}\ninput#api-key{\nwidth: 30ch!important;\n}\n}\n\n.image-checkbox {\n  display: none; \/* \u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u975e\u8868\u793a\u306b\u3059\u308b *\/\n}\n\n.image-openai {\n    width: 64px;\n    height: 64px;\nborder: solid 1px gray;\ntransition: transform 0.5s;\nbox-sizing: border-box;\n}\n.wp-block-quote.openai {\ntext-align: center;\n}\n.image-openai:hover{\ntransform: scale(1.3);\noverflow: hidden;\n}\n.loader{\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    animation: fadeOut 1s ease-in-out;\n}\n\n@keyframes fadeOut {\n    from {\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n    }\n}\n\n\/*\n  Set the color of the icon\n*\/\nsvg path,\nsvg rect{\n  fill: #8e8ea0;\n}\n\n<\/style>\n\n\n\n<p>\u3000OpenAI\u306e<a href=\"https:\/\/beta.openai.com\/\" rel=\"nofollow\" title=\"\">API<\/a>\u3092\u5229\u7528\u3057\u3066\u3001\u53ef\u611b\u3044\u30c9\u30c3\u30c8\u7d75\u304c\u7c21\u5358\u306b\u751f\u6210\u3067\u304d\u308b\u30c4\u30fc\u30eb\u3092\u4f5c\u6210\u3057\u305f\u3002\u751f\u6210\u3055\u308c\u305f\u30c9\u30c3\u30c8\u7d75\u306f\u3001&nbsp;SNS\u306e\u30a2\u30a4\u30b3\u30f3\u3084\u81ea\u4f5c\u30b2\u30fc\u30e0\u306e\u753b\u50cf\u306a\u3069\u3001\u81ea\u7531\u306b\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\" style=\"font-size:30px;font-style:normal;font-weight:600\">\u30c9\u30c3\u30c8\u7d75\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fcM<\/h1>\n\n\n\n<p class=\"has-text-align-right has-cyan-bluish-gray-color has-text-color\">ver.\u03b2<\/p>\n\n\n\n<blockquote class=\"wp-block-quote openai\">\n<div id=\"sample\"><\/div>\n<\/blockquote>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">\u30c9\u30c3\u30c8\u7d75\u306e\u8a2d\u5b9a\uff08Pixel Art Settings\uff09<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<table>\n  <tr>\n    <td><label for=\"animal-type\">\u52d5\u7269\u306e\u7a2e\u985e\uff08animal-type\uff09:<\/label><\/td>\n    <td>\n<select class=\"big-font\" id=\"animal-type\" name=\"animal-type\">\n        <option value=\"cat\">\u30cd\u30b3 (cat)<\/option>\n        <option value=\"dog\" selected=\"\">\u30a4\u30cc (dog)<\/option>\n        <option value=\"penguin\">\u30da\u30f3\u30ae\u30f3 (penguin)<\/option>\n        <option value=\"lion\">\u30e9\u30a4\u30aa\u30f3 (lion)<\/option>\n        <option value=\"elephant\">\u30be\u30a6 (elephant)<\/option>\n        <option value=\"giraffe\">\u30ad\u30ea\u30f3 (giraffe)<\/option>\n        <option value=\"koala\">\u30b3\u30a2\u30e9 (koala)<\/option>\n        <option value=\"panda\">\u30d1\u30f3\u30c0 (panda)<\/option>\n        <option value=\"pig\">\u30d6\u30bf (pig)<\/option>\n        <option value=\"rat\">\u30cd\u30ba\u30df (rat)<\/option>\n        <option value=\"ox\">\u30a6\u30b7 (ox)<\/option>\n        <option value=\"tiger\">\u30c8\u30e9 (tiger)<\/option>\n        <option value=\"rabbit\">\u30a6\u30b5\u30ae (rabbit)<\/option>\n        <option value=\"dragon\">\u30bf\u30c4 (dragon)<\/option>\n        <option value=\"snake\">\u30d8\u30d3 (snake)<\/option>\n        <option value=\"horse\">\u30a6\u30de (horse)<\/option>\n        <option value=\"sheep\">\u30d2\u30c4\u30b8 (sheep)<\/option>\n        <option value=\"monkey\">\u30b5\u30eb (monkey)<\/option>\n        <option value=\"rooster\">\u30cb\u30ef\u30c8\u30ea (rooster)<\/option>\n        <option value=\"boar\">\u30a4\u30ce\u30b7\u30b7 (boar)<\/option>\n<\/select>\n    <\/td>\n  <\/tr>\n  <tr>\n    <td><label for=\"animal-part\">\u90e8\u4f4d\uff08part\uff09:<\/label><\/td>\n    <td>\n      <select class=\"big-font\" id=\"animal-part\" name=\"animal-part\">\n        <option value=\"whole\">\u5168\u4f53 (whole)<\/option>\n        <option value=\"face\">\u9854 (face)<\/option>\n        <option value=\"upper-body\" selected=\"\">\u4e0a\u534a\u8eab (upper-body)<\/option>\n      <\/select>\n    <\/td>\n  <\/tr>\n  <tr>\n    <td><label for=\"n\">\u753b\u50cf\u306e\u679a\u6570\uff08Number of images\uff09:<\/label><\/td>\n    <td><input class=\"big-font\" type=\"number\" id=\"n\" name=\"n\" min=\"1\" max=\"10\" value=\"1\"><\/td>\n  <\/tr>\n  <tr>\n    <td><label for=\"size\">\u753b\u50cf\u30b5\u30a4\u30ba\uff08Image size\uff09:<\/label><\/td>\n    <td><input class=\"big-font\" type=\"text\" id=\"size\" name=\"size\" value=\"256x256\" readonly=\"\"><\/td>\n  <\/tr>\n<\/table>\n<\/blockquote>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">\u30c9\u30c3\u30c8\u7d75\u306e\u751f\u6210\uff08Pixel Art Generation\uff09<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<label for=\"api-key\">OpenAI API Key:<\/label>\n\n<div class=\"input-group\">\n    <input class=\"big-font\" type=\"password\" id=\"api-key\" name=\"api-key\">\n    <div class=\"input-group-append\">\n        <button class=\"btn btn-outline-secondary\" id=\"show-hide-button\" type=\"button\">\n            <i class=\"fa fa-eye\"><\/i>\n        <\/button>\n    <\/div>\n<\/div>\n<script>\ndocument.getElementById(\"show-hide-button\").addEventListener(\"mousedown\", function(){\n    var x = document.getElementById(\"api-key\");\n    x.type = \"text\";\n    document.getElementById(\"show-hide-button\").innerHTML = \"<i class='fa fa-eye-slash'><\/i>\";\n});\ndocument.getElementById(\"show-hide-button\").addEventListener(\"mouseup\", function(){\n    var x = document.getElementById(\"api-key\");\n    x.type = \"password\";\n    document.getElementById(\"show-hide-button\").innerHTML = \"<i class='fa fa-eye'><\/i>\";\n});\ndocument.getElementById(\"show-hide-button\").addEventListener(\"touchstart\", function(){\n    var x = document.getElementById(\"api-key\");\n    x.type = \"text\";\n    document.getElementById(\"show-hide-button\").innerHTML = \"<i class='fa fa-eye-slash'><\/i>\";\n});\ndocument.getElementById(\"show-hide-button\").addEventListener(\"touchend\", function(){\n    var x = document.getElementById(\"api-key\");\n    x.type = \"password\";\n    document.getElementById(\"show-hide-button\").innerHTML = \"<i class='fa fa-eye'><\/i>\";\n});\n<\/script>\n<div class=\"checkbox-wrapper\">\n    <input type=\"checkbox\" id=\"terms-checkbox\" class=\"terms-checkbox\">\n    <label for=\"terms-checkbox\">\u79c1\u306f<a href=\"#terms-and-conditions\">\u5229\u7528\u898f\u7d04<\/a>\u3092\u8aad\u307f\u3001\u5185\u5bb9\u306b\u540c\u610f\u3057\u307e\u3059\u3002<br> \n    I have read and agree to the <a href=\"#terms-and-conditions\">Terms and Conditions<\/a>.<\/label>\n<\/div>\n<button id=\"openai-submit-button\" disabled=\"disabled\">\u753b\u50cf\u3092\u751f\u6210\u3059\u308b\uff08Generate Image\uff09<\/button>\n<\/blockquote>\n\n<blockquote class=\"wp-block-quote openai\">\n<div id=\"return\"><div class=\"image-wrapper\"><img decoding=\"async\" class=\"dummy-img\" src=\"\" style=\"width: 64px; height: 64px;\"><\/div><\/div>\n<\/blockquote>\n<button id=\"select-all-button\">\u5168\u3066\u9078\u629e\uff08Select All\uff09<\/button>\n<button id=\"deselect-all-button\">\u5168\u3066\u89e3\u9664\uff08Deselect All\uff09<\/button>\n<button id=\"download-button\" disabled=\"disabled\">\u9078\u629e\u3057\u305f\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\uff08Download Selected Images\uff09<\/button>\n\n\n\n<script src=\"lib\/jszip.js\"><\/script>\n<script>\nvar index = 0;\nvar index_r = 0;\n$(\"#terms-checkbox\").change(function() {\nif(this.checked) {\n$(\"#openai-submit-button\").prop(\"disabled\", false);\n} else {\n$(\"#openai-submit-button\").prop(\"disabled\", true);\n}\n});\n\nvar screenWidth = window.innerWidth;\nvar imageCount = 10;\nif (screenWidth <= 420) {\n    imageCount = 6;\n}\n$.ajax({\n    url: \"openai\/get_images.php\",\n    type: \"GET\",\n    data: { imageCount: imageCount },\n    dataType: \"json\",\n    success: function(data) {\n        \/\/ \u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u51e6\u7406\nvar images1 = data.slice(0, imageCount \/ 2);\nvar images2 = data.slice(imageCount \/ 2);\n$.each(images1, function(index, value) {\n    var url = value.path;\n    var img = $('<div class=\"image-wrapper-sample\"><img decoding=\"async\" class=\"image-openai\" src=\"openai\/' + url + '\"><\/div>');\n    $(\"#sample\").append(img);\n});\n$.each(images2, function(index, value) {\n    var url = value.path;\n    var img = $('<div class=\"image-wrapper-sample\"><img decoding=\"async\" class=\"image-openai\" src=\"openai\/' + url + '\"><\/div>');\n    $(\"#sample-end\").append(img);\n});\n    }\n});\n\n\n\n$(\"#select-all-button\").click(function() {\n  $(\".image-checkbox\").prop(\"checked\", true);\n  $(\".image-wrapper\").addClass(\"checked\");\n});\n\n$(\"#deselect-all-button\").click(function() {\n  $(\".image-checkbox\").prop(\"checked\", false);\n  $(\".image-wrapper\").removeClass(\"checked\");\n});\n\n\n\n$(document).on('click', '.image-openai', function() {\n\nvar checkbox = $(this).siblings('.image-checkbox');\ncheckbox.prop('checked', !checkbox.prop('checked'));\n$(this).parent('.image-wrapper').toggleClass('checked');\n});\n\n$(\"#download-button\").on(\"click\", function(){\n   var zip = new JSZip();\n   $(\".image-checkbox:checked\").each(function(){\n      var url = $(this).data(\"url\");\n      var filename = url.split(\"\/\").pop();\n      fetch(url)\n      .then(response => response.blob())\n      .then(blob => {\n         \/\/ Create a new FileReader object\n         var reader = new FileReader();\n         \/\/ Onload function is called when the blob is loaded\n         reader.onload = function(event) {\n           \/\/ Create a new File object\n           var file = new File([event.target.result], filename, {type: 'image\/jpeg'});\n           \/\/ Add file to the zip\n           zip.file(filename, file);\n         }\n         \/\/ Read the blob as ArrayBuffer\n         reader.readAsArrayBuffer(blob);\n      });\n   });\n   setTimeout(function() {\n      zip.generateAsync({type:\"blob\"})\n      .then(function(content) {\n        var url = window.URL.createObjectURL(content);\n        var a = document.createElement('a');\n        a.href = url;\n        a.download = 'images.zip';\n        a.click();\n        window.URL.revokeObjectURL(url);\n      });\n   }, 2000);\n});\n\n\n$(\"#openai-submit-button\").on(\"click\", function(){\n\nvar animalType = $(\"#animal-type\").val();\nvar animalPart = $(\"#animal-part\").val();\nvar prompt = \"Pixel art of the \" + animalType + \"'s \" + animalPart + \".\";\n\n\n  var api_key = $(\"#api-key\").val();\n \/\/ var prompt = $(\"#prompt\").val();\n  var n = parseInt($(\"#n\").val());\n  var size = $(\"#size\").val();\n\n    if(!api_key) {\n    alert('API Key\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093');\n    return;\n    }\n\n    $(\"#return .dummy-img\").parent().remove();\n\n    var wrapper_loader = '<div class=\"loader\">'+\n    '<svg version=\"1.1\" id=\"loader-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"'+\n       'width=\"40px\" height=\"40px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">'+\n    '<path fill=\"#000\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\">'+\n      '<animateTransform attributeType=\"xml\"'+\n        'attributeName=\"transform\"'+\n        'type=\"rotate\"'+\n        'from=\"0 25 25\"'+\n        'to=\"360 25 25\"'+\n        'dur=\"0.6s\"'+\n        'repeatCount=\"indefinite\"\/>'+\n      '<\/path>'+\n    '<\/svg>'+\n      '<\/div>';\n\n  for (var i = 0; i < n; i++) {\n    var wrapper = '<div class=\"image-wrapper\"  data-index=\"' + index + '\">'+\n        wrapper_loader +\n    '<\/div>';\n    index++;\n    $(\"#return\").append(wrapper);\n  }\n\n\n  $.ajax({\n    url: 'https:\/\/api.openai.com\/v1\/images\/generations',\n    type: 'POST',\n    headers: {\n      'Content-Type': 'application\/json',\n      'Authorization': 'Bearer ' + api_key\n    },\n    data: JSON.stringify({\n      \"prompt\": prompt,\n      \"n\": n,\n      \"size\": size\n    }),\n    success: function(data) {\n      var images = data.data;\n      var image_urls = [];\n      for (var i = 0; i < images.length; i++) {\n          var url = images[i].url;\n          image_urls.push({'url': url,'animalType':animalType});\n      }\n      var image_urls_json = JSON.stringify(image_urls);\n      $.ajax({\n        type: \"POST\",\n        url: \".\/openai\/save_images.php\",\n        data: {'image_urls': image_urls_json},\n        success: function(data){\n            var json_data = JSON.parse(data);\n            for (var i = 0; i < json_data.length; i++) {\n                var url = json_data[i]['local_url'];\n\nvar imageWrapper = $('.image-wrapper:eq('+ index_r +')');\nvar img = $('<input type=\"checkbox\" class=\"image-checkbox\" data-url=\"'+url+'\"><img decoding=\"async\" class=\"image-openai\" src=\"' + url + '\">');\n\nimg.on(\"load\", function(){\n    $(this).closest('.image-wrapper').find('.loader').remove();\n});\n\nimageWrapper.append(img);\nindex_r++;\n\n            }\n        }\n    });\n\n  \/\/ Enable the download button\n  $(\"#download-button\").prop(\"disabled\", false);\n}\n  });\n});\n\n<\/script>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<div id=\"terms-and-conditions\">\n<center><h3>\u5229\u7528\u898f\u7d04\uff08Terms and Conditions\uff09<\/h3><\/center>\n<blockquote class=\"wp-block-quote\">\n\n\n<p>\u3000\u3053\u306e\u30b5\u30a4\u30c8\u306e\u300c\u30c9\u30c3\u30c8\u7d75\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fcM\u300d\u3067\u4f5c\u3089\u308c\u305f\u753b\u50cf\uff08\u4ee5\u4e0b\u3001\u30c9\u30c3\u30c8\u7d75\uff09\u306e\u8457\u4f5c\u6a29\u306f\u3001\u3053\u306e\u30b5\u30a4\u30c8\u306e\u7ba1\u7406\u8005\u3067\u3042\u308blegato\u306b\u5c5e\u3057\u307e\u3059\u3002<\/p>\n<p>\u3000The copyright of the images generated by \"\u30c9\u30c3\u30c8\u7d75\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fcM\" on this site belongs to the site administrator, Legato.<\/p>\n\n<p>\u3000\u30c9\u30c3\u30c8\u7d75\u306f\u3001\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30fb\u30b3\u30e2\u30f3\u30ba\u30fb\u8868\u793a(CC BY)\u3067\u81ea\u7531\u306b\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u516c\u5e8f\u826f\u4fd7\u306b\u53cd\u3059\u308b\u76ee\u7684\u3067\u306e\u5229\u7528\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n<p>\u3000The picture can be used freely under the Creative Commons Attribution (CC BY) license, but may not be used for any purpose that goes against public order and morals.<\/p>\n\n<p>\u3000\u300c\u30c9\u30c3\u30c8\u7d75\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fcM\u300d\u3092\u4f7f\u3046\u306b\u306f\u3001\u5229\u7528\u8005\u5074\u3067Open AI\u306eAPI\u30ad\u30fc\u3092\u53d6\u5f97\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u3000To use \"\u30c9\u30c3\u30c8\u7d75\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fcM\", you will need to obtain an API key from Open AI on your end. <\/p>\n\n<p>\u3000\u3053\u306e\u30b5\u30a4\u30c8\u306f\u5229\u7528\u8005\u306eAPI\u30ad\u30fc\u3092\u30b5\u30fc\u30d0\u30fc\u4e0a\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u305f\u3060\u3057\u3001API\u30ad\u30fc\u3092\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u5165\u529b\u3059\u308b\u65b9\u6cd5\u306f\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ea\u30b9\u30af\u3092\u4f34\u3046\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002API\u30ad\u30fc\u3092\u7b2c\u4e09\u8005\u306b\u6f0f\u3089\u3055\u306a\u3044\u3088\u3046\u306b\u3001\u5341\u5206\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<p>\u3000Please be aware that this site does not store API keys on the server. Therefore, you will need to input the API key on the browser, which may pose a security risk. Please take extra care to ensure that the API key is not shared with any third parties.<\/p>\n\n<\/blockquote>\n<\/div>\n\n\n\n<blockquote class=\"wp-block-quote openai\">\n<div id=\"sample-end\"><\/div>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u3000OpenAI\u306eAPI\u3092\u5229\u7528\u3057\u3066\u3001\u53ef\u611b\u3044\u30c9\u30c3\u30c8\u7d75\u304c\u7c21\u5358\u306b\u751f\u6210\u3067\u304d\u308b\u30c4\u30fc\u30eb\u3092\u4f5c\u6210\u3057\u305f\u3002\u751f\u6210\u3055\u308c\u305f\u30c9\u30c3\u30c8\u7d75\u306f\u3001&nbsp;SNS\u306e\u30a2\u30a4\u30b3\u30f3\u3084\u81ea\u4f5c\u30b2\u30fc\u30e0\u306e\u753b\u50cf\u306a\u3069\u3001\u81ea\u7531\u306b\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u308b\u3002 \u3000 \u30c9\u30c3\u30c8\u7d75\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fcM ver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/01\/img-9zlh2mu7GEDlQEHgXG2NJNVf.png","_links":{"self":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/1990","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=1990"}],"version-history":[{"count":0,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/1990\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/media\/2258"}],"wp:attachment":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}