Além dos chatbots: como a IA pode mudar o desenvolvimento de front-end

Se algum desenvolvedor está melhor posicionado para explorar como a inteligência artificial (IA) pode agregar às suas ferramentas, são os programadores frontend, disse Emily Nakashima, vice-presidente de engenharia da plataforma de observabilidade Honeycomb.

“O ecossistema de front-end se move muito rápido e, de certa forma, os engenheiros de front-end estão mais bem equipados do que qualquer outra pessoa para lidar com a descoberta de como trazer IA para seu conjunto de ferramentas, porque estão muito acostumados a escolher novas ferramentas e descobrir como incorporá-las. e usá-los para reunir o melhor de todos esses diferentes fluxos de trabalho”, disse Nakashima.

Nakashima começou como desenvolvedor front-end durante a era jQuery de desenvolvimento web. Ela é uma grande fã do React, dizendo que ele fez “um belo trabalho de evolução do ecossistema ao longo do tempo”. Embora sua experiência seja principalmente em front-end, ela trabalhou em toda a pilha e agora supervisiona todos os aspectos das equipes de engenharia de software, segurança e engenharia de confiabilidade de site na Honeycomb.

Muito tem sido dito sobre como os copilotos de IA podem transformar a experiência do desenvolvedor, mas The New Stack se perguntou: Como mudará o próprio código, seja qualitativamente ou quantitativamente? Também conversamos com Nakashima sobre o que ela está vendo e como o Honeycomb está usando IA.

Potencial da IA ​​no código frontend: tratamento de erros

“Estou mais otimista em relação aos fluxos de trabalho que vejo saindo de empresas como Adobe ou Figma, onde estão analisando os formatos de transferência comuns entre designers e desenvolvedores…”
—Emily Nakashima, vice-presidente de engenharia da Honeycomb

A IA tem mais potencial para ter um impacto positivo na qualidade do código no frontend do que no backend, disse Nakashima. O ambiente de produção frontend é muito mais complexo e descontrolado – ele precisa ser executado em vários dispositivos móveis, bem como em diferentes navegadores, até mesmo em diferentes idiomas, destacou ela. Por outro lado, os desenvolvedores de back-end controlam seu ambiente de código, portanto, quando há problemas, é “bastante simples” entender o que está acontecendo, disse ela.

“Com a capacidade da IA ​​de analisar todos esses sinais e encontrar o elemento comum, um único desenvolvedor front-end teria muito mais probabilidade de encontrar a causa raiz usando tudo o que todos aprenderam sobre esse erro, em vez de ter que seguir uma jornada de tentando descobrir (o que) esta mensagem significa neste contexto, mapear de volta para esta linha de código original e trazer muitos pontos de dados diferentes para isso”, disse ela. “Ser capaz de preencher os padrões é realmente muito útil, de uma forma que não é verdade no back-end.”

Dito isso, ela está um pouco cética que a IA realmente transformará o frontend em termos de seu ecossistema de ferramentas – que ela disse já estar evoluindo rapidamente. Ainda assim, ela está entusiasmada com o potencial de melhoria da interface entre designers e desenvolvedores. Na verdade, um dos primeiros casos de uso de IA que The New Stack apresentou ajudou os desenvolvedores a transformar design em código.

“Esse é um lugar onde há um pouco de ineficiência hoje, e ser capaz de ter ferramentas que agilizem a comunicação entre essas duas funções é uma área onde eu realmente vejo muito do trabalho intenso sendo retirado do processo, e as pessoas sendo capazes de interagir mais rapidamente juntos”, disse Nakashima. “Estou mais otimista em relação aos fluxos de trabalho que vejo saindo de empresas como Adobe ou Figma, onde eles estão olhando para os formatos de transferência comuns entre designers e desenvolvedores, olhando para lugares onde as pessoas, no passado, estavam escrevendo essas elaboradas especificações de ‘use esta cor, são tantos pixels’, esse tipo de coisa.”

IA pode ajudar em migrações e atualizações de front-end

As ferramentas de geração de código de IA também podem ser úteis no gerenciamento de migrações e atualizações, permitindo que os desenvolvedores front-end gastem mais tempo nas partes criativas de seu trabalho.

“As coisas que vejo hoje que parecem mais interessantes são realizar diferentes fluxos de trabalho de várias etapas na interface do usuário e descobrir como você pode pular da etapa um para a etapa cinco.”

Por exemplo, quando uma nova versão do React é lançada, pode ser bastante trabalhoso passar por uma base de código mais antiga e alterar todas as coisas que precisam ser alteradas para usar a nova versão e aproveitar as vantagens da nova estrutura, ela explicou. A IA poderia automatizar parte desse trabalho de uma forma que não é possível hoje, sugeriu ela.

“Os engenheiros gastam muito tempo em migrações e atualizações, especialmente atualizações de dependências ou de estrutura”, disse ela. “Não é preciso muita criatividade, mas é preciso muita diligência e cuidado, e você precisa entender os padrões de como você se transforma de uma versão de uma API específica para uma nova versão. Estou bastante otimista de que algumas das ferramentas de geração de código de IA possam ser realmente úteis para esses tipos de tarefas ou fluxos de trabalho que ocupam o dia de um engenheiro front-end, mas não são a parte criativa do trabalho que usa o melhor de suas habilidades.”

Internamente, o Honeycomb usa ferramentas de copiloto – eles são grandes usuários do GitHub e muitos desenvolvedores também usam o VS Code como editor. Ela também está experimentando a construção de elementos de produtos baseados em IA, principalmente usando OpenAI, embora a HoneyComb esteja analisando outros fornecedores no mercado para ver qual deles pode fornecer a melhor experiência para seus clientes, disse ela. Alguns desses elementos são recursos voltados para o cliente que foram integrados à interface de usuário front-end do Honeycomb.

Movendo a interface do Frontend AI além do chatbot

No momento, os chatbots são a principal forma de integração da IA ​​aos frontends, mas Nakashima disse que há muitos lugares onde isso parece um padrão de interface de usuário (IU) ineficiente. Ela disse que espera que os desenvolvedores de front-end e de aplicativos da web encontrem outras maneiras de integrar a IA à interface do usuário, mas ela reconhece que esta é uma área onde os programadores apenas começaram a experimentar.

“As coisas que vejo hoje que parecem mais interessantes são usar diferentes fluxos de trabalho de várias etapas na interface do usuário e descobrir como você pode pular da etapa um para a etapa cinco”, disse ela. “Mas acho que há lugar para interfaces mais criativas e voltadas para o visual.”

Por exemplo, Honeycomb possui visualizações de dados interativas que desenharão um mapa do seu sistema na tela. Isso seria algo que poderia ser automatizado por meio de IA, disse ela.

“Parece que ainda é o começo para esse tipo de recurso. Eu realmente vejo pessoas focando a experimentação no fluxo de trabalho do chat, porque é isso que elas veem nessas ferramentas de IA”, disse ela. “Espero ver um pouco mais de variedade em breve.”

Na Honeycomb, uma maneira de conseguir isso é por meio de uma interface de usuário do construtor de consultas, onde o texto é inserido em um campo de formulário para gerar uma consulta.

“Às vezes pode ser um pouco difícil saber como construir essa consulta e digitar exatamente as coisas certas, por isso permitimos que você forneça uma descrição de texto mais geral e, quando clicar, geraremos um gráfico para você.” ela disse. “Você pode simplesmente dizer: mostre-me um gráfico de todos os usuários que tiveram uma experiência lenta em meu aplicativo da web e, em seguida, mostraremos gráficos disso.”

A postagem Além dos chatbots: como a IA pode mudar o desenvolvimento de front-end apareceu pela primeira vez em The New Stack.