...について教えて ChatAIトーク画面メーカー この文章は編集できます
ChatGPTは、大量のテキストデータを学習し、人間のような自然な文章を生成することがで きる自然言語処理の大型言語モデルです。
そのため、ChatGPTは、 多言語に対応しているので、日本語を認識することができます。 ただ、学習データによって精度が変わるので、日本語に対する精度は、学習に使用された 日本語のテキストデータによって異なります。

日本語に対応していることを確認するためには、API endpointに日本語のテキストを入力 して返ってきた結果を確認することで判断することができます。
また、OpenAIは日本語に対応しているかについては公式サイトを参照してみることをお勧めします。
GPT-3は多言語に対応しており、日本語にも対応しています。


申し訳ありませんが、私は...についての情報を持っていません。もう少し情報があれば、お答えできるかもしれませんので、何か具体的な質問があればお知らせください。

背景色

https://chat.openai.com/chat

view source

JavaScript

document.title = 'チャットAI会話画像メーカー';


$(function(){

  $('text').attr({contentEditable:'true'});
});


$(function(){
  $('[name="bgcolor"]').on('click', function(){
    var v = $(this).filter(':checked').val();
    $('.chat').removeClass('light').removeClass('dark');
    $('.chat').addClass(v);
  });

  $(document).on('click', '#screenshot canvas', function(){
    var canvas = $(this);
    var data = canvas[0].toDataURL('image/png');
    var a = $('<a>', {href:data,download:'talk-caht-ai-'});
    a[0].click();
  });
});



$(function(){
  $(document).on('change', '.file', function(e){
    var ele = $(this);
    var img = ele.parent().find('img');
    var event = e.originalEvent;
    console.log(event);
    var file = event.target.files[0];
    if (!file.type.match('image.*')){
        return;
    }
    console.log(file);
    var reader = new FileReader();
    reader.onload = function(){
      var dataURL = reader.result;
      console.log(dataURL);
      var newImage = new Image();
      newImage.src = dataURL;
      newImage.onload = function(){
        img[0].src = newImage.src;
      }
    }
    reader.readAsDataURL(file);
  });
});



$(function(){
  $('#toImg').on('click', function(){
    html2canvas(document.querySelector("#target")).then(canvas => {
      console.log(canvas);
      document.querySelector("#screenshot").textContent = '';
      document.querySelector("#screenshot").appendChild(canvas)
    });
  });

  $(document).on('click', '#screenshot canvas', function(){
    var canvas = $(this);
    var data = canvas[0].toDataURL('image/png');
    var a = $('<a>', {href:data,download:'talk-caht-ai-'});
    a[0].click();
  });
});

CSS


#demo{
  text-align:center;
}

#target{
  margin:0 auto;
  max-width:780px;
  text-align:left;

}
b{
  font-weight:bold;
}

.chat{
  padding: 1rem;
  border: 0 solid #d9d9e3;
  border-color: rgba(0,0,0,.1);
  border-bottom-width: 1px;
  font-family: Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  color:#374151;
}
.chat-in{
  padding:16px 0;
  margin:0 auto;
  max-width: 42rem;
  gap: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
}
.chat-a{
  background-color: rgba(247,247,248)
}

.color-light,
.chat-a.light{
  background-color:#F7F7F7;
}
.color-dark,
.chat-a.dark{
  background-color:#444654;
  color:#ccc;
}
.chat-q.dark{
  background-color:#343440;
  color:#ccc;
}


.icon{
  display:inline-block;
  width:30px;
  height:30px;
  background-color: rgb(16, 163, 127);
}
.chat-q .icon{
  background-color: rgba(0, 0, 0, 0);
}

.chat-a.dark .icon{
  background-color: rgb(0, 0, 0);
}

.icon img{
  width:30px;
  height:30px;
}
form i{
  display:inline-block;
  width:32px;
  height:32px;
}
text{
  width: calc(100% - 115px);
  gap: 0.75rem;
  display: flex;
  white-space: pre-wrap;
}

[type="file"]{
  display:none;
}
button{
  display:block;
  width:320px;
  padding:10px;
  margin:8px auto;
}
#screenshot{
  background-color:#000;
  text-align:center;
}
#code{
  display:none;
}

HTML

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-talk-chat-ai/

ABOUT

hi0a.com 「ひまアプリ」は無料で遊べるミニゲームや便利ツールを公開しています。

プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。

必要な機能の関数をコピペ利用したり勉強に活用できます。

プログラムの動作サンプル結果は画面上部に出力表示されています。

環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。

画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。

動く便利なものが好きなだけで技術自体に興味はないのでコードは汚いです。

途中放置や実験状態、仕様変更、API廃止等で動かないページもあります。