Automatizações (D&B)

Esse é um post sem muitos scripts, talvez seja mais apenas para trazer a ideia de possibilidades do que qualquer outra coisa. A ideia veio quando encontrei o Dudalog no Neocities e vi que sua página de músicas diárias era alimentada por um Excel, com alguns apontamentos na última linha etc. A página já não tem mais a explicação, mas a ideia de implementar isso em algum lugar ficou na minha cabeça.

Já tem algum tempo que as entradas no site do Entreblogs funcionam através de um formulário. Inicialmente, fazíamos através de um json que funcionou durante muito tempo e funcionaria se tivéssemos tempo de sempre atualizar. Quando implementamos a automação para ler as respostas do formulário e retornar isso quase que imediatamente no site, ficou claro que isso era apenas o começo.

Criação do formulário (e banco de dados)

Um dos formulários de participação do BEDA, contém entradas de Nome do Blog e Link do Post. Para quem não sabe, quando se cria um formulário no Google, ele gera automaticamente um Sheets com todas as respostas. É uma planilha excel, então é possível de se fazer qualquer coisa, desde que tenha vontade (passei algumas horinhas tentando entender a formula do proc C, tabelas dinâmicas, etc), para fazer algumas automações. Por exemplo, em vez de pedirmos para as pessoas colocarem o nome do post, só criamos uma coluna calculada com =IMPORTXML(E2;"//title") que retorna exatamente o título do post com base na URL da coluna E2.

Publicar a planilha

Para conseguir utilizar essa planilha, que agora é o nosso banco de dados, ela precisa estar pública, então fica a dica para nunca ter dados sensíveis.

Renderizar a planilha em html, com js

O que eu quero dizer com renderizar é converter essa tabela para um código HTML, isso para criar o que quiser. Nesse caso específico, estamos criando uma tabela que vai ter todos os pergaminhos entregues durante a campanha, para podermos acessar depois todos os posts de quem participou. Então o HTML é desenhado, em loop, para retornar uma tabela, mas poderia ser qualquer outra coisa.

Firulas, com css

Ao desenvolver o HTML, depois só é questão de adicionar o css para mudar fonte, tamanhos, cores, background e responsividade.

Esse post faz parte de uma série que eu e a Ba estamos escrevendo sobre os bastidores do Beda 2026.