Início Tecnologia 10 segredos de código de chatgpt que aprendi apenas após 60 horas...

10 segredos de código de chatgpt que aprendi apenas após 60 horas de programação de pares

7
0

David Gewirtz / Elyse melhora Picaro / Zdnet

Siga ZDNet: Adicione -nos como uma fonte preferida no Google.


As principais toca de Zdnet

  • As compilações passo a passo vencem as instruções completas da codificação de IA.
  • O AIS pode destruir o código tão rapidamente quanto o criar.
  • Use agentes.md, capturas de tela e refatoração para manter os projetos estáveis.

Na semana passada, coloquei algo entre 50 e 60 horas de programação de pares com o Codex ChatGPT.

A programação de pares é um termo antigo com um novo significado. A programação de pares é a prática de dois ou mais programadores que escrevem código juntos ao mesmo tempo. Durante anos, os dois programadores eram dois humanos. Mas ultimamente, com o advento da codificação da IA, a programação de pares pode significar um emparelhamento humano com uma IA para codificar. É isso que tenho feito.

Fiz minhas primeiras 12 a 15 horas usando-o através do ChatGPT Plus de US $ 20 por mês e fui cortado três vezes no processo para uso excessivo de recursos. Fiz as 45 horas restantes usando o programa Chatgpt Professional de US $ 200 por mês e não fui desligado uma vez.

Quando terminei, concluí uma atualização importante do meu produto principal e criei quatro produtos adicionais adicionais para esse produto principal. Foi o período de desenvolvimento mais produtivo que já experimentei.

Mas nem tudo foi suave. Havia solavancos e buracos. Sim, eu sei. As alucinações e malopropismos da IA ​​estão me masturbando. Mas eu aprendi muito. Neste artigo, vou compartilhar com você as lições mais valiosas que aprendi.

Antes de mergulharmos, encorajo você a voltar e ler meus três artigos anteriores no Codex. O primeiro discute o quão pouco usada eu period quando a única maneira de usá -lo period do Github. O segundo descreve minha experiência usando -a no IDE do código VS, mas sendo reduzido com muita frequência. O último discute como eu consegui fazer quatro anos de desenvolvimento de produtos em quatro dias usando o Codex.

Okay, agora que você pode ver o que é possível fazer com essa ferramenta, vejamos algumas dicas e técnicas. Se você ler até o last do artigo, você ainda recebe uma dica de bônus.

1. Evite PRDs e desenvolvimento orientado a especificações

Isso será extremamente controverso, porque o uso de documentos de requisitos do produto (PRDS) e as especificações é praticamente a prática recomendada recomendada pelo padrão de ouro para a codificação baseada em IA.

Mas, na minha experiência, o uso de PRDs e desenvolvimento orientado a especificações causa muito mais problemas do que resolve. Olha, não estou dizendo, não construa um PRD. É sempre uma boa ideia ter uma boa idéia do que você planeja construir. Mas não alimente tudo para a IA de uma vez.

Também: Como as pessoas realmente usam chatgpt vs claude – e o que as diferenças nos dizem

Fundamentalmente, a IA levará o que você pedirá para fazer e tentar fazê -lo. Mas se o seu PRD estiver incompleto, ou se isso não entender uma pequena instrução, ou se houver algum dos outros gotas possíveis que possam resultar do uso de um conjunto de instruções monolítico gigante, tudo pode se devolver muito rapidamente.

Também é muito difícil testar uma criação gigante e garantir que tudo funcione em conjunto, especialmente se tudo se manifestar de uma só vez.

Então, como você deve fazer isso? Isso é o próximo …

2. Construa-se, passo a passo

Eu tentei a técnica acima três ou quatro vezes durante o meu grande par de programação de pares, sem sucesso. Então, decidi construir as coisas passo a passo. Isso foi enormemente bem -sucedido.

Meus projetos recentes envolvem uma interface de usuário que faz parte do painel de um website e, em seguida, a lógica de negócios que faz o valor exclusivo que meu novo programa deve fazer.

Comecei descrevendo os elementos da interface do usuário que eu queria. Tive muito cuidado ao dizer à IA que não queria que esses elementos fossem conectados ou para ter sua funcionalidade ativada. O que isto significa é que, se eu tivesse uma opção de caixa de seleção e um botão Salvar Configurações, não queria que a IA salve ou restaurasse a configuração da caixa de seleção. Eu também não queria que a IA usasse o valor da caixa de seleção para controlar o que for, eventualmente, controlar.

A princípio, os elementos da interface do usuário adicionados pela IA foram adicionados, mas foram colocados muito mal. Isso está okay. Consegui a IA adicionar todos os elementos que eu precisava, mas não me preocupei com a aparência. Se você está acompanhando, isso significava que não havia trabalho na aparência, no salvamento/restauração ou na funcionalidade principal.

Também: Como usar o ChatGPT para escrever código – e meu truque principal para depurar o que gera

Depois que a maioria dos elementos que eu queria estavam na tela, instruí a IA a movê -los, estilizá -los e posicioná -los. Esse é o maior valor que recebi da IA, porque isso é principalmente CSS. Eu realmente não gosto de CSS. Muitas vezes, eram necessárias cinco ou dez tentativas para que a IA ouve, mas, eventualmente, tudo chegou onde eu queria.

Então, e só então, comecei a trabalhar na funcionalidade. Primeiro, esse foi o código JavaScript native necessário para fazer os itens aparecerem ou desaparecer com base na entrada do usuário. Por exemplo, esse conjunto de caixas de seleção subordinado aparece no meu botão AI Bot Supervisor apenas se o botão “Adicionar RSL to RSS Feeds” for verificado.

RSS-feeds

Captura de tela de David Gewirtz/Zdnet

Finalmente, uma vez que a interface do usuário foi estabelecida corretamente e as interações JavaScript funcionaram, só então tive a IA começar a trabalhar na funcionalidade principal.

Esse processo tornou a construção toda muito mais gerenciável e os resultados foram robustos, rápidos e muito viáveis.

3. AIs cometem grandes erros rapidamente

Os AIS são capazes de realizar uma quantidade incrível de trabalho muito rapidamente. Destacei como fui Codex para me ajudar a entrar em colapso quatro anos de desenvolvimento de produtos em quatro dias.

Mas o mais rápido que o AIS pode criar, eles também podem destruir. Um aviso malformado (ou mal interpretado) pode destruir toda a sua base de código. Essa é outra razão para pequenas mudanças graduais, em vez de pedir à IA que aceite grandes balanços. Grandes balanços podem resultar em strikeouts muito rápidos.

Também: A melhor IA para codificar em 2025 (incluindo um novo vencedor – e o que não usar)

E, é claro, backup ou verifique suas alterações regularmente para que você possa reverter.

4. Use esse botão de desfazer

O Codex tem um botão de desfazer. Ele desfazerá todo o conjunto de ações que a IA tomou para o immediate que você acabou de dar. Esse botão de desfazer é seu amigo. Ligue para isso sempre que precisar.

5. Não deixe a AI culpar você

O Codex sempre parece incomodá -lo para adicionar a lógica de negócios antes de você. Não deixe que isso o culpe a fazê -lo.

Depois que o Codex acha que entende o que você está construindo, ele começará a fazer sugestões sobre os recursos para adicionar. Não os adicione, mesmo que possa ser tentador. Na maioria das vezes, o Codex realmente não sabe como fazer com que novos recursos se encaixem bem no que você está construindo.

Também: Como transformar o Chatgpt em sua ferramenta elétrica de codificação de IA – e dobrar sua saída

Dito isto, definitivamente faz anotações dessas sugestões. À medida que a construção do seu produto amadurece, você pode direcionar cuidadosamente o Codex como adicionar alguns deles ao seu produto last.

6. Use agentes.md

Agentes.md é um arquivo padrão que muitos AIS de codificação usam para instruções padronizadas para qualquer projeto. Eu tenho o meu na raiz do meu projeto principal. Ele fornece muitas diretrizes para a IA, por isso não preciso instruir especialmente a IA cada vez que a executo.

Aqui está um exemplo do tipo de coisa incluída nas instruções padronizadas: “Nunca modifique nenhum arquivo nos diretórios da biblioteca. Essas são bibliotecas de software program criadas externamente e deve ser possível atualizá -las com novos lançamentos sem preocupação de que o código personalizado seja substituído”.

Também: Como eu usei o ChatGPT para analisar, depurar e reescrever um plug -in quebrado do zero – em uma hora

Isso informa à IA que os arquivos nos diretórios da biblioteca podem mudar e deve evitar a modificação do código nesses diretórios, porque eles são essencialmente serviços de sistema. Pelo fato de estar no arquivo agentes.md, não preciso contar no início de cada sessão.

7. Use capturas de tela

Não hesite em usar muito capturas de tela. Tiro capturas de tela e aponto áreas onde quero que a IA preste atenção com as setas. A IA às vezes parece ter dificuldade em imaginar uma situação baseada em uma descrição, mas assim que eu lhe dou uma captura de tela, “entende”.

Também: Vibrações ruins: como um agente de IA codificou seu caminho para o desastre

Às vezes, se estamos no meio de uma sessão e a IA parece estar perdendo algo sobre o que eu quero fazer, tudo o que faço é tirar uma captura de tela, colá -lo no Codex Chat no VS Code e solicitar com “isso”.

8. Alimente o AI HTML e CSS

Outra maneira de ajudar a IA é abrir uma página da internet no inspetor do navegador, copiar o HTML do inspetor e colá -lo na sessão de bate -papo. Isso é particularmente útil se a IA estiver tendo problemas para identificar os seletores CSS certos para modelar uma página da internet.

9. Diga ao Codex para lembrar os dados da sessão

Você ficará sem espaço para a sessão, especialmente se você estiver dando grandes despejos de erros ou código -fonte. Quando parece que você está passando por um tempo ou fez um dump de diagnóstico bastante grande na janela de bate -papo, diga à IA para fornecer informações suficientes para que você possa transmiti -lo para a próxima sessão.

Também: Como o chatgpt realmente funciona (e por que tem sido tão muda de jogo)

Aqui está o rápido que eu uso:

Quero iniciar uma nova sessão para limpar a janela de contexto. Mas eu gostaria que você pudesse lembrar os aspectos de nossa discussão aqui para que você possa referenciá -la na nova sessão. Você pode me fornecer algo que eu possa cortar e colar desta sessão para a próxima, que o trará até a velocidade? Pense nisso como o relatório de last de deslocamento ou entrega do paciente quando as mudanças mudam em um hospital.

Quando isso me dá seu resultado, copino. Em seguida, inicio uma nova sessão e colo as informações de entrega na nova sessão. É uma maneira rápida de trazer a IA atualizada nas sessões.

10. Diga ao Codex para refatorar seus grandes arquivos

O Codex realmente gosta de despejar todo o seu código em um ou dois arquivos grandes. Sim, se você já possui vários arquivos e pastas criadas, o Codex os usará. Mas se criar novo código, ele gosta de bater tudo em um só lugar.

Mas você pode dizer ao Codex para refatorar seu código. Por exemplo, ele gosta de incluir JavaScript e CSS no meio dos arquivos PHP, geralmente inchando esses arquivos. Eu digo ao Codex para retirar o JavaScript e colocá -lo em um arquivo .js em uma pasta JS. Eu também digo para fazer o mesmo com seu CSS. Como resultado, todos os três idiomas se tornam mais sustentáveis.

Também: Os agentes da IA ​​são ótimos colegas de equipe, mas não os deixe codificar em paz – aqui está o porquê

Você também pode fazer isso para agrupamentos lógicos de funções. Em vez de colocar todas as funções em um grande arquivo, forneça arquivos de categoria Codex e peça para colocar as funções relacionadas a cada categoria em seu arquivo associado.

Dica de bônus: código para manutenção

O Codex não codifica naturalmente a manutenção humana. Mas se você disser à IA para formatá -lo e comentar, ou como estruturar o código, ela cumprirá. Também escreverá boas explicações sobre o código e fornecerá informações de resumo e referência. Mas você precisa pedir.

Quais são suas dicas favoritas?

E você? Você já tentou programar em pares com uma ferramenta de IA como o Codex ou outro assistente? Você achou que o desenvolvimento passo a passo funcionou melhor do que entregá-lo a uma especificação completa? Como você lida com erros de IA ou explosões de código em seu próprio fluxo de trabalho? Você acha que recursos como agentes. Informe -nos nos comentários abaixo.


Você pode seguir minhas atualizações do projeto diário nas mídias sociais. Certifique -se de se inscrever meu boletim de atualização semanale me siga no Twitter/x em @Davidgewirtzno Fb em Facebook.com/davidgewirtzno Instagram em Instagram.com/davidgewirtzem bluesky em @Davidgewirtz.come no YouTube em Youtube.com/davidgewirtztv.



avots