Como desenvolvedor Fullstack, você entende o valor de ter acesso rápido e fácil a trechos de código para ajudá-lo a resolver problemas e progredir em seus projetos. E não há como negar a importância do Stack Overflow, o recurso ideal para desenvolvedores que procuram respostas para questões de codificação. Mas e se houvesse uma ferramenta que pudesse levar essa experiência para o próximo nível? Isso é exatamente o que tentei fazer com o StackFriend, uma extensão do Chrome que aproveita o poder do GPT-4 para ajudar os desenvolvedores a navegar pelo Stack Overflow com facilidade e obter uma compreensão mais profunda do código com o qual estão trabalhando.

A ascensão da IA ​​e seu impacto nas ferramentas do desenvolvedor

Primeiro, vamos dar um passo para trás e falar sobre como a IA explodiu nos últimos anos. À medida que os algoritmos de aprendizado de máquina se tornaram mais sofisticados e o poder de computação aumentou, a IA foi capaz de lidar com problemas cada vez mais complexos. Para os desenvolvedores, isso abriu todo um novo mundo de possibilidades, desde a automatização de tarefas mundanas até a criação de aplicativos de ponta que podem aprender e se adaptar em tempo real.

Mas onde a IA realmente brilhou é no domínio do processamento de linguagem natural (PNL). É aqui que entra o GPT-4. Com sua capacidade de analisar e entender a linguagem natural, o GPT-4 é capaz de fazer coisas como gerar texto, responder a perguntas e até traduzir entre idiomas. StackFriend usa essa capacidade para ajudá-lo a entender melhor o trecho de código que você está vendo.

O problema

Embora o Stack Overflow seja um recurso inestimável para desenvolvedores que procuram soluções para problemas de codificação, os trechos de código às vezes vêm com explicações que podem ser complicadas ou vagas. Às vezes, você tentará aprender uma nova linguagem de programação e poderá se beneficiar ao observar o código escrito em uma linguagem de programação com a qual já esteja familiarizado.

Aproveitando o poder do GPT-4 para explicar trechos de código em inglês simples e converter código entre linguagens de programação, os desenvolvedores podem obter uma compreensão mais profunda do código com o qual estão trabalhando e resolver problemas com mais rapidez e eficiência. Dessa forma, eles podem gastar menos tempo decifrando explicações complexas e mais tempo criando aplicativos excelentes.

Construindo StackFriend

Para dar vida ao StackFriend, contei com a poderosa API do OpenAI para se comunicar com o GPT-4. Existem várias bibliotecas cliente que você pode escolher, dependendo de sua plataforma/linguagem de programação preferida. Decidi usar o SDK do node.js para uma rápida reviravolta.

const request = `Please convert this code snippet from ${convertFrom} to ${convertTo}: \n\n${code}`

const response = await openai.createChatCompletion({
  model: "gpt-4",
  messages: [{
    role: "user", 
    content: request
  }],
  temperature: 0,
  top_p: 1.0,
  frequency_penalty: 0.0,
  presence_penalty: 0.0
})

No segundo cenário, construo uma frase diferente para fazer o GPT explicar o código:

const response = code + "\n\nHere's what the above code snippet is doing, explained in a concise way:\n"

const response = await openai.createChatCompletion({
  model: "gpt-4",
  messages: [{
    role: "assistant", 
    content: response
  }],
  temperature: 0,
  top_p: 1.0,
  frequency_penalty: 0.0,
  presence_penalty: 0.0
})

O código acima é feito no lado do servidor, hospedado em um pequeno vps na DigitalOcean. Não vou falar sobre a criação da segunda parte deste projeto, a extensão do Chrome, que foi realmente muito fácil. Consulte aqui para saber como criar sua própria extensão do Chrome.

Conclusão

Concluindo, o StackFriend é uma extensão útil do Chrome que aproveita os impressionantes recursos de processamento de linguagem natural do GPT-4 para simplificar o processo de codificação para desenvolvedores. Ao fornecer explicações claras e concisas de trechos de código em inglês simples e permitir a conversão de código entre diferentes linguagens de programação, o StackFriend pode tornar mais fácil para os desenvolvedores entender e aprender com o código que encontram no Stack Overflow. Também espero que isso mostre como todos podem criar facilmente suas próprias ferramentas com IA. Grite para OpenAI!

Editar: Stackfriend agora está disponível na Chrome Webstore, faça o download aqui !