ChatGPTで、ヤフコメを安心して読めるようにリライトする

Yahoo! ニュースのコメント欄って、読んでいて悲しくなりますよね。
そこで、 ChatGPT を使って安心して読めるようにリライトしてくれるスクリプトを書きました。

できあがったもの

🥶　これが

🤖　一時的にこんな感じになって…

😊　こうなります✨✨✨

コード

ヤフコメを開いた状態で、コンソールに入れると書き換わります！
tampermonkey などで自動的に実行されるようにしても良いかもですね◎

(() => {
  const OPEN_AI_API_KEY = "xxxxxxxxxx"; // APIキーを入力
  const generateSafeText = async (text) => {
    const prompt = `以下のテキストを、やさしい文章に書き換えて\n${text.replace(
      /[\n\s]/g,
      ""
    )}`;
    const payload = {
      model: "text-davinci-003",
      prompt,
      temperature: 1,
      max_tokens: 1024,
    };
    const requestOptions = {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        Authorization: "Bearer " + OPEN_AI_API_KEY,
      },
      body: JSON.stringify(payload),
    };
    const res = await fetch(
      "https://api.openai.com/v1/completions",
      requestOptions
    );
    const data = await res.json();
    return data.choices[0].text;
  };

  // コメントのテキストが入っている要素を取得
  const textElements = document.querySelectorAll(
    '[class^="UserCommentItem__Comment"]'
  );
  textElements.forEach(async (el) => {
    const { textContent } = el;
    el.innerHTML = "🤖...";
    el.innerHTML = await generateSafeText(textContent);
  });
})();

素敵なヤフコメライフを！ 🫶