関連記事の処理を OpenAI の Embedding に切り替えてみた

import { Configuration, OpenAIApi } from 'openai';

const textContent = 'コンテンツをここに';

const configuration = new Configuration({
  apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);

const response = await openai.createEmbedding({
  model: 'text-embedding-ada-002',
  input: textContent,
});

const vector = response.data.data[0].embedding;

import similarity from 'wink-nlp/utilities/similarity.js';

const vectorSimilarity = similarity.bow.cosine(vectorA, vectorB);

[
    "『Astro v2とTinaCMSでシンプルに作るブログサイト』について",
    "『作って学ぶ Next.js/React Webサイト構築』とReactの必要性を感じるようになってきたことについて",
    "『作って学ぶ　WordPress ブロックテーマ』について",
    "Astroのスタイリング",
    "Create Block Theme プラグインを使って快適なノーコード環境でブロックテーマを作成する",
    "GatsbyJSの間違った使い方？『作って学ぶ HTML＆CSSモダンコーディング』のサンプル制作について",
    "GatsbyJS と GutenbergのCSS（WordPress）",
    "ページ内で使用したブロックのCSSのみを読み込む - WordPress 5.8",
    ":has()で軽くなるCSSの外側とスクロールスパイ",
    "２カラムレイアウト と これからのHTML&CSS",
    "モダンコーディングとXDとFigmaについて"
  ]

[
    "『Astro v2とTinaCMSでシンプルに作るブログサイト』について",
    "Astroのスタイリング",
    "『作って学ぶ Next.js/React Webサイト構築』とReactの必要性を感じるようになってきたことについて",
    "Gatsby・Next・WordPressから見た「いまどきのレスポンシブイメージ」",
    "Astroの画像まわりを調べてみた",
    "HTML&CSS コーディング・プラクティスブックで何が学べるのか？",
    ":has()で軽くなるCSSの外側とスクロールスパイ",
    "モダンコーディングとXDとFigmaについて",
    "『作って学ぶ　WordPress ブロックテーマ』について",
    "Flexbox（reverse）で並べた子要素の重なり順がChrome 108以降で変わっている話",
    "Gatsby v4とWordPressでハマった話"
  ]

[
  "Create Block Theme プラグインを使って快適なノーコード環境でブロックテーマを作成する",
  "WordPress 6.2 のエディターのインターフェースまわりの変更点",
  "WordPressの公式テーマ Twenty Twenty-Twoをみて思うこと",
  "『作って学ぶ　WordPress ブロックテーマ』について",
  "GatsbyJS と GutenbergのCSS（WordPress）",
  "カスケードレイヤー @layer を導入した話 -- はがしやすく、負の遺産にしないCSS",
  "テーマのスタイルをブロックごとのCSSに付加して読み込む - WordPress 5.8",
  "Jamstack - GatsbyJS & WordPressで関連記事を表示させる",
  "『作って学ぶ Next.js/React Webサイト構築』で作成したプロジェクトでWordPressのデータを扱ってみる",
  "microCMSと@imgix/gatsbyで使うGatsbyImage",
  "Font Awesome 5.9以降を利用する方法",
  ];

[
    "WordPress 6.2 のエディターのインターフェースまわりの変更点",
    "Create Block Theme プラグインを使って快適なノーコード環境でブロックテーマを作成する",
    "『作って学ぶ　WordPress ブロックテーマ』について",
    "『作って学ぶ Next.js/React Webサイト構築』で作成したプロジェクトでWordPressのデータを扱ってみる",
    "Gatsby・Next・WordPressから見た「いまどきのレスポンシブイメージ」",
    "Jamstack - GatsbyJS & WordPressで関連記事を表示させる",
    "『Astro v2とTinaCMSでシンプルに作るブログサイト』について",
    "HTML&CSS コーディング・プラクティスブックで何が学べるのか？",
    "『作って学ぶ Next.js/React Webサイト構築』とReactの必要性を感じるようになってきたことについて",
    "Gatsby v4とWordPressでハマった話",
    "カスケードレイヤー @layer を導入した話 -- はがしやすく、負の遺産にしないCSS"
  ]