{"id":16643,"date":"2024-12-09T15:10:12","date_gmt":"2024-12-09T23:10:12","guid":{"rendered":"https:\/\/www.couchbase.com\/blog\/?p=16643"},"modified":"2025-06-13T16:36:27","modified_gmt":"2025-06-13T23:36:27","slug":"vector-search-chrome-extension-content-quality","status":"publish","type":"post","link":"https:\/\/www.couchbase.com\/blog\/es\/vector-search-chrome-extension-content-quality\/","title":{"rendered":"Descifrando el c\u00f3digo del control de calidad con la b\u00fasqueda vectorial"},"content":{"rendered":"

Es muy probable que te encuentres con b\u00fasquedas vectoriales a menudo, aunque no est\u00e9s creando aplicaciones con ellas. Descubrir recomendaciones de contenido basadas en contenidos que nos han gustado anteriormente es un caso de uso com\u00fan de las incrustaciones vectoriales, y uno que muchos de nosotros utilizamos como consumidores de medios de comunicaci\u00f3n. Sin embargo, es posible que no te des cuenta de que la b\u00fasqueda vectorial puede hacer mucho m\u00e1s que decirnos qu\u00e9 nueva pel\u00edcula ver un s\u00e1bado por la noche. Antes de desplazarse hasta la secci\u00f3n de comentarios de su entrada de blog favorita, descubra c\u00f3mo la b\u00fasqueda vectorial puede ayudarle a decidir si merece la pena su tiempo.<\/span><\/p>\n

Aplicaciones cotidianas de la b\u00fasqueda vectorial<\/h2>\n

En primer lugar, tom\u00e9monos un momento para recordar de qu\u00e9 estamos hablando cuando hablamos de b\u00fasqueda vectorial. Una incrustaci\u00f3n vectorial es una lista de n\u00fameros que capturan el significado sem\u00e1ntico y contextual de un determinado conjunto de datos, ya sea texto, v\u00eddeo, im\u00e1genes o audio. Esto es posible utilizando modelos de incrustaci\u00f3n que se entrenan con lenguaje humano y grandes cantidades de informaci\u00f3n. Cuando hablamos de b\u00fasqueda vectorial, nos referimos a la b\u00fasqueda en esas incrustaciones vectoriales para llegar a resultados relevantes y otros casos de uso.<\/span><\/p>\n

Bien, ahora que tenemos una idea com\u00fan de lo que estamos hablando, entremos de lleno en el tema que nos ocupa, porque las incrustaciones vectoriales pueden hacer mucho m\u00e1s por nosotros que mostrarnos el pr\u00f3ximo programa de reposter\u00eda que vamos a querer ver.<\/span><\/p>\n

La b\u00fasqueda vectorial puede darnos con gran certeza una idea de la calidad del contenido antes incluso de empezar a leerlo.<\/span><\/p>\n

Ejemplo pr\u00e1ctico: analizar los comentarios de un blog<\/h2>\n

Todos hemos experimentado secciones de comentarios en art\u00edculos que se han desbocado. Los comentarios tienen poco que ver unos con otros, no est\u00e1n relacionados con el art\u00edculo al que supuestamente responden y est\u00e1n llenos de spam sobre estafas del tipo \"h\u00e1gase rico r\u00e1pidamente\" u otras similares. Sin embargo, a veces las secciones de comentarios pueden ser \u00fatiles. A menudo, los comentarios pueden llevar la conversaci\u00f3n m\u00e1s all\u00e1 del art\u00edculo original, ya que los lectores a\u00f1aden sus propios conocimientos y puntos de vista. He le\u00eddo muchas entradas de blogs t\u00e9cnicos en las que los comentaristas ofrec\u00edan soluciones m\u00e1s actualizadas desde que se public\u00f3 el art\u00edculo original y me han ahorrado un tiempo valioso a la hora de buscar c\u00f3mo solucionar un error o trabajar con una biblioteca determinada.<\/span><\/p>\n

\u00bfC\u00f3mo sabemos cu\u00e1ndo una secci\u00f3n de comentarios entra en la primera categor\u00eda y debe evitarse, o cu\u00e1ndo entra en la segunda y debemos revisarla?<\/span><\/p>\n

Convertir la secci\u00f3n de comentarios de una entrada de blog en incrustaciones vectoriales y luego puntuar la similitud contextual y sem\u00e1ntica de los comentarios entre s\u00ed puede darnos muchas pistas para responder a esa pregunta.\u00a0<\/span><\/p>\n

Sin embargo, \u00bfte preguntas c\u00f3mo podr\u00edas intentarlo? He creado una extensi\u00f3n de Chrome para ti. Esta extensi\u00f3n te dar\u00e1 la oportunidad de experimentar la utilidad de la b\u00fasqueda vectorial m\u00e1s all\u00e1 de las recomendaciones de contenido y en el control de calidad. <\/span><\/p>\n

Aunque la extensi\u00f3n funciona para los comentarios de los blogs, esta idea va m\u00e1s all\u00e1 del control de calidad de las entradas de los blogs. \u00bfQu\u00e9 tal la detecci\u00f3n de fraudes? Revolut, uno de los mayores bancos de Europa, es haciendo exactamente eso<\/a> para sus clientes de tarjetas de cr\u00e9dito todos los d\u00edas.<\/span><\/p>\n

Creaci\u00f3n de la extensi\u00f3n de Chrome<\/span><\/h2>\n

\u00bfQuieres probarlo? Aqu\u00ed tienes una gu\u00eda paso a paso para ejecutar esta extensi\u00f3n de Chrome y comprobar c\u00f3mo la b\u00fasqueda vectorial puede determinar la calidad general de los comentarios de una entrada de blog antes de que te desplaces por la p\u00e1gina.<\/span><\/p>\n

Como nota de descargo de responsabilidad, esta extensi\u00f3n requiere conocimientos t\u00e9cnicos para su uso, ya que no est\u00e1 construido para la producci\u00f3n en masa. Es decir, tener cierta familiaridad con el trabajo con GitHub y la l\u00ednea de comandos ser\u00e1 muy \u00fatil. No necesitas escribir ning\u00fan c\u00f3digo. Todo est\u00e1 escrito para usted.<\/span><\/p>\n

La extensi\u00f3n consta de dos partes: la propia extensi\u00f3n y un servidor web backend que procesa los datos. Necesitas que el servidor funcione para obtener resultados, as\u00ed que vamos a trabajar en ambos.<\/span><\/p>\n

Configuraci\u00f3n del servidor backend<\/h3>\n

Vaya a este repositorio de GitHub<\/a><\/span> en tu navegador web y clona el repositorio en tu ordenador. Si dispone del <\/span>GitHub CLI<\/span><\/a> puede ejecutar lo siguiente desde su l\u00ednea de comandos:<\/span><\/p>\n

gh repo clone hummusonrails\/comments-spam-analyzer-backend<\/code><\/span>
\n<\/span><\/p>\n

Una vez que tenga el contenido, vaya al directorio en su terminal y cambie el nombre del archivo de variables de entorno de muestra de <\/span>.env.muestra<\/code><\/span> a <\/span>.env<\/code><\/span>. El archivo contendr\u00e1 tus credenciales confidenciales tanto para OpenAI como para Couchbase, as\u00ed que aseg\u00farate de no compartir ese archivo en ning\u00fan sitio web p\u00fablico como GitHub.<\/span><\/p>\n

    \n
  1. \n
      \n
    1. Ve a buscar tu <\/span>API de OpenAI ke<\/span><\/a>y del portal OpenAI y a\u00f1\u00e1delo al archivo de entorno.\u00a0<\/span><\/li>\n
    2. Crear un <\/span>nuevo cl\u00faster<\/span><\/a> y <\/span>cubo<\/span><\/a> en Couchbase Capella, la plataforma de base de datos como servicio totalmente gestionada. Capella ofrece una opci\u00f3n de cuenta gratuita para siempre, que es perfecta para usar en esta extensi\u00f3n. A\u00f1ade los nombres de cluster y bucket a tu archivo de entorno.<\/span><\/li>\n
    3. Obtenga sus credenciales de conexi\u00f3n a Couchbase Capella si a\u00fan no las ha creado, o bien <\/span>crear nuevas credenciales<\/span><\/a> desde la interfaz de usuario. A\u00f1ade las credenciales de conexi\u00f3n a tu archivo de entorno.<\/span><\/li>\n
    4. Busca tu <\/span>Cadena de conexi\u00f3n Couchbase Capella<\/span><\/a>. A\u00f1ada la cadena de conexi\u00f3n a su archivo de entorno.<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

      Con su archivo de entorno definido, instale las dependencias del servidor ejecutando <\/span>npm instalar<\/span> desde la l\u00ednea de comandos y, a continuaci\u00f3n, inicie el servidor ejecutando <\/span>npm iniciar<\/span>.<\/span><\/p>\n

      Su servidor backend ya est\u00e1 en marcha y listo para empezar a procesar los datos de los comentarios, convertirlos en incrustaciones vectoriales y proporcionarle una puntuaci\u00f3n porcentual de calidad.<\/span><\/p>\n

      Instalar y utilizar la extensi\u00f3n del navegador<\/h3>\n

      Por \u00faltimo, pero no por ello menos importante, vamos a poner en marcha la extensi\u00f3n del navegador.<\/span><\/p>\n

      Al igual que en el paso anterior, vaya primero a este repositorio de GitHub<\/a><\/span> y clona el repositorio. Si tienes la CLI de GitHub tambi\u00e9n puedes ejecutar el siguiente comando desde tu terminal:<\/span><\/p>\n

      gh repo clone hummusonrails\/comments-spam-analyzer<\/code><\/span><\/p>\n

      Desde el directorio del proyecto, instale las dependencias ejecutando <\/span>npm instalar<\/span> y luego <\/span>npm build<\/span> para crear la extensi\u00f3n. Su extensi\u00f3n ya est\u00e1 lista para ser a\u00f1adida a su navegador web.<\/span><\/p>\n

      Dentro de Chrome, vaya a chrome:\/\/extensions<\/code><\/a> y activar Modo Desarrollador<\/em>. Haga clic en el bot\u00f3n Carga desembalada<\/em>\u00a0que aparecer\u00e1 una vez que haya activado el modo de desarrollador y seleccione el directorio de la extensi\u00f3n en su sistema de archivos.\u00a0<\/span><\/p>\n

      La extensi\u00f3n se ha dise\u00f1ado para funcionar con cualquier entrada de blog del popular blog de desarrolladores, <\/span>https:\/\/dev.to\/<\/span><\/a>. Todo lo que tiene que hacer es abrir una entrada de blog del sitio y, a continuaci\u00f3n, abrir la extensi\u00f3n haciendo clic en la pesta\u00f1a Extensiones del men\u00fa de su navegador y eligiendo la opci\u00f3n Analizador de calidad de comentarios<\/em>\u00a0que acaba de cargar.<\/span><\/p>\n

      La primera vez que ejecutes la extensi\u00f3n te preguntar\u00e1 la URL de tu servidor backend. Dado que lo est\u00e1 ejecutando localmente, introduzca <\/span>https:\/\/localhost:3000<\/span><\/a> y pulse Enviar. A continuaci\u00f3n, haga clic en Analizar y espere unos segundos a que se procesen los resultados. Una vez procesados, ver\u00e1s una puntuaci\u00f3n porcentual de la calidad de los comentarios de esa entrada de blog determinada por su similitud sem\u00e1ntica y contextual. La idea es que cuanto m\u00e1s similares sean los comentarios entre s\u00ed desde el punto de vista sem\u00e1ntico y contextual, m\u00e1s relacionados estar\u00e1n con el tema en cuesti\u00f3n.<\/span><\/p>\n

      Reproduce el siguiente v\u00eddeo para verlo en acci\u00f3n:<\/p>\n

      \n
      \nhttps:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/12\/devto_comment_analyzer_720.mp4<\/a><\/video><\/div>\n<\/div>\n

      Aplicaciones en el mundo real y m\u00e1s all\u00e1<\/h2>\n

      Esta extensi\u00f3n de Chrome es s\u00f3lo la punta del iceberg de lo que puedes lograr y construir con la b\u00fasqueda vectorial. \u00bfQuieres saber m\u00e1s e inspirarte sobre c\u00f3mo puedes crear casos de uso innovadores con la b\u00fasqueda vectorial? Consulte estos art\u00edculos para obtener m\u00e1s informaci\u00f3n:<\/span><\/p>\n