Posts na categoria Programação
Site ou App? Sim. O guia gambiarrístico para sites feitos em Expo Router
Uma das side quests mais chatas de publicar um app na Google Play Store é que o Google às vezes decide que você também virou dono de site. Lá em 2024, quando eu…
Musclog: Redesign do acompanhamento nutricional e por que a assinatura do seu app de fitness é uma enganação
Imagina a cena: você tá na academia. Entre séries. Suado. Com uns 90 segundos antes de ter que pegar a barra de novo, e você tá ali cutucando o seu próprio apli…
Por que a regra das 7700 calorias é falha (e como eu a corrigi no meu app)
Ilustração de uma pessoa pesando comida em uma balança ao lado de uma grande equação de calorias Achei que tinha resolvido isso em 2023. Criei um script em Node…
Eu criei uma extensão em estilo RPG retro para a minha loja do Magento 2
O meu mais novo projeto (ou side-gig?), Zenkai Zone, já se transformou em um site de e-commerce sólido, mas sejamos francos - usar apenas o template padrão do M…
Criando uma extensão Magento 2 para automatizar a descrição de produtos
A vida de um gerente de loja no mundo do eCommerce nem sempre é glamourosa. Você pode até sonhar com lançamentos de produto épicos e dinheiro entrando, mas na m…
Compartilhando cookies encriptados do Laravel com Next.js
Muitas vezes, amigos me perguntam: "Pablo, como você consegue manter a calma e serenidade diante de desafios técnicos complexos?" Bem, a verdade é que eu não co…
Musclog: Aproveitando minha experiência com React.js para criar um App em React Native
Ilustração do Musclog Eu constantemente tenho aquela sensação de "Você se torna aquilo que jurou destruir" devido ao tempo que tenho dedicado ao bodybuilding no…
Calculando minhas horas de trabalho em projetos pessoais usando Node.js
ilustração de como é trabalhar com foss Como um desenvolvedor totalmente "commitado" (trocadilho intencional, e não vai ser o único) em projetos pessoais de FOS…
Transformando páginas de mangá para leitores ocidentais preguiçosos
Ler mangá como um leitor ocidental pode ser comparável a depurar código assembly: frustrante e com um alto risco de errar completamente. Então, meus companheiro…
Como automatizar a criação de Instagram Reels usando GPT da OpenAI
Após criar um script Node.js para postar automaticamente Reels no Instagram e outro para gerar automaticamente miniaturas para Reels no Instagram, o que vem a s…
Como criar thumbnails para seus vídeos automaticamente com Node.js
Apenas na semana passada eu postei sobre como fazer upload de Reels para o Instagram usando Node.js, e no código era possível fazer upload de um thumbnail para…
Publicando Reels no Instagram usando Node.js e a arte de superar limitações
Fala aí, pessoal! É difícil ser nerd nos dias de hoje, tantos eventos são exclusivos para pessoas da mídia e influenceres - até a E3 foi um evento apenas para o…
Meu blog tem Stories agora, mas não me pergunte por quê
Stories estão em todo lugar nas redes sociais hoje em dia, e eu me peguei pensando - o meu blog realmente precisa de Stories? A resposta, claro, é um sonoro "nã…
Usando Google Fitness API para calcular meu TDEE e mais
Se você quer perder peso ou ganhar músculo, tudo se resume a saber quantas calorias você queima em um dia, o que é chamado de Gasto Energético Diário Total (TDE…
Criando API endpoints para o meu blog em Gatsby
Gatsby é um gerador de sites estáticos popular que é construído com React, e é o que eu uso para criar este blog. Ele tem um sistema de plugins que deixa bem fá…
Criando uma Startup com GitHub Actions e Google Forms
O mercado imobiliário em Amsterdam é doideira, tão doideira que as universidades estão dizendo aos estudantes para não virem para Amsterdam, a menos que já tenh…
Como acessar o state do Redux de um build de produção do React 18
Alguns meses atrás, EU escrevi um post no blog sobre como obter o state do Redux em produção, mas com o recente lançamento do React 18, esse código não funciona…
Adicionando botão para copiar code snippets no Gatsby (gambiarra)
Eu constantemente escrevo sobre programação e compartilho trechos de código nos meus posts, e copiar e colar código é uma habilidade essencial para qualquer pro…
Como o Webpack resolve imports dinâmicos com paths variáveis
Webpack é o bundler de módulos mais popular para JavaScript, é uma ferramenta para agrupar módulos em um único arquivo e mais. Uma coisa que sempre me deixou cu…
Usando Node.js e GitHub Action para encontrar uma casa no Funda.nl
Se você quer alugar ou comprar uma casa na Holanda, é melhor se preparar porque não é uma tarefa fácil, especialmente se você estiver procurando em Amsterdam. C…
Como acessar o state do Redux em produção usando o console do browser
EDIT: Isso só funciona para o React 17 ou inferior, para o React 18 veja esse post. Às vezes você quer debugar o state do Redux em produção, mas o redux-devtool…
Crie videos dos seus códigos de programação com esse script de Node.js
Quando eu estava trabalhando nos videos dos meus Game Devlogs, eu ficava pensando se seria possível criar automaticamente videos dos meus códigos, que dai ficar…
Como importar posts com sintaxe de código colorida no Medium usando o Gatsby
Medium é uma ótima plataforma para compartilhar posts com um público mais amplo, mas é um pouco irritante que, para ter códigos, você precisa criar um Gist do G…
Eu criei um jogo para o acessar o conteúdo do meu blog com Phaser e React
Sim, isso mesmo, agora existe uma versão em jogo deste blog. Cansado de clicar em páginas chatas e ler coisas? Que tal mergulhar em uma jornada semelhante a um…
Como criar um jogo estilo RPG Maker com Phaser e React
A minha primeira experiência com "programação" foi em 2002, quando eu fazia jogos com o RPG Maker, foi quando eu aprendi o que era uma variável, persistência de…
Criando uma caixa de diálogo com React para o meu jogo em Phaser
O Phaser funciona renderizando píxeis dentro de um elemento canvas no DOM, e isso é ótimo, mas um dos grandes recursos do desenvolvimento da web é o poder do DO…
Criando o efeito do Código-Fonte da Matrix como background do meu site com React
Para comemorar o lançamento do trailer do Matrix 4, quero adicionar um efeito do Código-Fonte da Matrix no background desse site, que já está implantado, e você…
Como criar uma página de busca offline com o Gatsby
Ao fazer um site usando JAMStack, alguns compromissos precisam ser feitos, mas a habilidade de pesquisar não é um deles, graças a bibliotecas JavaScript como fl…
Criando um formulário dinâmico a partir de um JSON schema
Há cerca de 2 meses, o Gatsby v3 foi lançado, e eu estava super ansioso para atualizar este blog para v3 e começar a usar os incremental builds, mas "infelizmen…
Usando o GitHub Actions para fazer o deploy do meu blog em domínios diferentes
Hoje eu decidi fazer o deploy do meu blog no meu endereço do GitHub Pages, blopa.github.io, além do meu deploy normal no pablo.gg, mas como fazer isso? Primeiro…
Como calcular a inflação acumulada dos últimos 12 meses com JavaScript
Hoje eu precisei saber a inflação acumulada dos últimos 12 meses para um cálculo em um projeto que eu estou trabalhando, informação que pode ser facilmente aces…
Como criar um link para download de um JSON apenas com HTML
Essa semana eu estava trabalhando no meu projeto Resume Builder e eu queria poder criar um botão que fizesse o download de um JSON sem usar JavaScript. A única…
Eu pago R$0,00 em hospedagem para esse site
Quando eu estava na faculdade, web development não era uma parte importante da programação como é hoje, eu não tive uma única aula sobre web e agora trabalho co…
Como eu consegui um trabalho no exterior com um projeto open source
É normal que as pessoas da indústria de tecnologia viajem ao redor do mundo em busca de empregos melhores, ou até mesmo viajem apenas por viajar mesmo, os famos…