Apps Script: o ambiente JS para o Ecossistema Google

Fabiano Raiser — Tue, 02 Jul 2024 18:36:15 +0000

Conteúdo

Descobrindo o Apps Script
Aprendendo com o Apps Script
Explorando os Recursos
Desafios e Melhorias
Considerações Finais

Você provavelmente já trabalhou ou trabalha com ferramentas do Ecossistema Google. Seu Drive deve estar cheio de arquivos do Docs, Planilhas e mais Planilhas contendo Dados, Formulários de onde você pegou esses dados, Apresentações .ppt com os gráficos desses dados, etc e etc...

O Google Apps Script é uma plataforma de script poderosa que permite criar extensões e automações personalizadas nos produtos Google. Essa ferramenta é ideal para quem trabalha com o Ecossistema Google e busca soluções flexíveis e integradas com outros produtos da empresa.

Descobrindo o Apps Script

Em um dos meus projetos recentes, tive a oportunidade de trabalhar com grandes volumes de dados espalhados por diversos arquivos. Buscando otimizar os processos, pesquisei por ferramentas que facilitassem a manipulação desses dados. Como desenvolvedor front-end, pensei em criar uma landing page para automatizar as operações. No entanto, ao me deparar com as APIs da Google, percebi a necessidade de um cartão de crédito para confirmação de identidade e cobrança de excedentes.

Em um ambiente público com burocracias complexas, essa solução não era viável. Foi aí que encontrei o Google Apps Script, a alternativa perfeita para minhas necessidades.

Aprendendo com o Apps Script

Mesmo a documentação e tutoriais da própria plataforma e no canal da Google Workspace Developers serem em inglês, me desenrolei e dominei ferramenta. A curva de aprendizado foi desafiadora, tendo muitas idas e vindas.

Um dos pontos que também me incomodou foi a falta de um recurso de autocompletar no editor de código, similar ao Emmet do VSCode. Essa limitação dificultou a escrita do código, tornando-a mais lenta e trabalhosa, e por vez estressante.

Explorando os Recursos do Apps Script

O Apps Script possui diversas vantagens que o tornam uma ferramenta valiosa para desenvolvedores:

Integração nativa com APIs da Google: Permite fácil acesso e manipulação de dados de outros produtos Google, como Drive, Planilhas e Gmail.
Ambiente nativo baseado em JavaScript: Familiar e fácil de aprender para quem já possui conhecimento em JavaScript, assim como eu.
Criação de extensões e automações personalizadas: Possibilita automatizar tarefas repetitivas e criar soluções personalizadas para suas necessidades, como verificar repetições de dados ou inserções.
Suporte para genAI e Chatbots: Abre novas possibilidades para desenvolvimento de soluções inovadoras, como chatbots e interfaces interativas, o qual ainda irei estudar um pouco melhor.

Desafios e Melhorias

Apesar dos seus pontos fortes, o Apps Script ainda apresenta alguns desafios que podem ser aprimorados, e ao meu ver, deveriam ser implementados de imediato:

Falta de tutoriais em português: Dificulta o aprendizado para quem não domina o inglês, o que ao meu ver é um ponto crucial, já que muitos usuários da Google não tem esse conhecimento.
Documentação com termos não localizados: Pode gerar confusão e dificultar a compreensão, sorte que já tinha experiência e vi os erros.
Editor de código sem autocompletar: Torna a escrita de código mais lenta e deixando o fluxo de trabalho enfadonho.

Considerações Finais

O Google Apps Script é uma ferramenta poderosa e versátil para quem trabalha com o Ecossistema Google. Apesar de alguns desafios que precisam ser superados, como a falta de tutoriais em português e a documentação incompleta, o Apps Script tem um grande potencial para automatizar tarefas, criar soluções inovadoras e otimizar o trabalho com os produtos Google.

Uma Lista errada em HTML

Fabiano Raiser — Wed, 15 Mar 2023 17:40:55 +0000

No Inicio...

Antes de tudo, realmente estou no inicio da minha carreira como programador. E tenho feitos muitos erros, admito. Isso por si não é um problema tão grande. O ponto é que eu estava insistindo em um erro sem saber.

Quando estava aprendendo a criar as minhas primeiras páginas HTML fui ensinado a trabalhar com as mais diversas <tags>, e dentre elas as listas, <ul> e <ol>.

O erro

Foi então que eu comecei a desenvolver minhas páginas e em toda lista que eu precisava fazer em vez de colocar tag <li> de List Item, eu colocava <ln>.

O problema aqui é que essa tag não existe no HTML. Ou seja, durante todo esse tempo eu estava usando um elemento HTML que só existia nos meu códigos e que não gerava qualquer diferença para a estrutura dos mesmos.

Uma visão de fora

Segui assim até essa semana, quando durante uma discussão sobre os códigos junto aos meus colegas de estudos, um deles me perguntou o que era aquela tal <ln>, e eu não soube responder.

Essa duvida inundou o meu pensamento, pois mais ninguém sabia se realmente existia essa tag. Perguntei para alguns outros conhecidos no mundo da TI que possuem bem mais experiência do que eu, e dois deles me deram as seguintes respostas:

Pode ser que tenha alguma equivalência em versões anteriores do HTML.
-- Bruno de Lucca

Por padrão, no HTML puro, sem frameworks ou similares, quando você nomeia uma tag, ele a considera como uma <div> genérica com display:block.
-- Leonardo Airam Vieira

Foi aí que notei meu erro, e obtive uma explicação do porque ainda sim funcionava o código.

Mas mesmo errando se adquire conhecimento

No entanto, durante a minha busca, utilizei o queridinho do momento, o ChatGPT, para saber se realmente existia a <ln>.

Porem encontrei outro recurso. Alem das famosas <ul> e <ol> com suas <li>, "descobri" sobre as tags <dl>, <dt> e <dd>, cuja estrutura semântica é a seguinte:

<dl>
   <dt>Termo 1</dt>
   <dd>Definição 1</dd>
   <dt>Termo 2</dt>
   <dd>Definição 2</dd>
   <dt>Termo 3</dt>
   <dd>Definição 3</dd>
<dl>

A tag <dl> é usada para criar a lista de definições. Ela deve ser usada como o elemento pai que contém todas as definições da lista.
A tag <dt> é usada para representar o termo ou item que está sendo definido. Ela deve ser usada como um elemento filho da tag <dl>.
A tag <dd>, por sua vez, é usada para representar a definição do termo ou item. Ela deve ser usada como um elemento filho da tag <dl>, após o <dt> correspondente.

Essa estrutura de lista é utilizada principalmente para dicionários ou artigos que utilizam Termos que necessitam de uma explicação, ou como a própria tag indica, uma definição externa ao conteúdo apresentado.

Um exemplo prático seria o seguinte:


<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language, ou Linguagem de Marcação de HyperTexto,
      utilizado para estruturar a maior parte das
      páginas Web na internet.</dd>

  <dt>CSS</dt>
  <dd>Cascading Style Sheets, ou Folha de Estilo em Cascata,
      utilizado para "decorar" e estilizar as páginas HTML.</dd>

  <dt>JavaScript</dt>
  <dd>Uma linguagem de programação utilizada em páginas web para
      gerar interações com o usuário e
      se comunicar com servidores, etc.</dd>
</dl>

Conclusões

Sendo assim, um pequeno erro que já nem lembro mais como se iniciou, me gerou uma dúvida, e essa dúvida me trouxe dois novos conhecimentos sobre o HTML:

Que <tags> inexistentes são lidas como <divs>; e
Existe um conjuntos de tags expecificas para a criação de uma lista de definições dentro HTML.

Logo, vejo que eu realmente tenho muito o que aprender, porém, mesmo os mais experientes não sabem de tudo.

Forem: Fabiano Raiser